474 lines
29 KiB
Swift
474 lines
29 KiB
Swift
/* JellyfinPlayer/Swiftfin is subject to the terms of the Mozilla Public
|
|
* License, v2.0. If a copy of the MPL was not distributed with this
|
|
* file, you can obtain one at https://mozilla.org/MPL/2.0/.
|
|
*
|
|
* Copyright 2021 Aiden Vigue & Jellyfin Contributors
|
|
*/
|
|
|
|
import SwiftUI
|
|
import NukeUI
|
|
import JellyfinAPI
|
|
|
|
struct EpisodeItemView: View {
|
|
@EnvironmentObject private var globalData: GlobalData
|
|
@EnvironmentObject private var orientationInfo: OrientationInfo
|
|
@EnvironmentObject private var playbackInfo: VideoPlayerItem
|
|
|
|
var item: BaseItemDto
|
|
|
|
@State private var settingState: Bool = true
|
|
@State private var watched: Bool = false {
|
|
didSet {
|
|
if !settingState {
|
|
if watched == true {
|
|
PlaystateAPI.markPlayedItem(userId: globalData.user.user_id!, itemId: item.id!)
|
|
.sink(receiveCompletion: { completion in
|
|
HandleAPIRequestCompletion(globalData: globalData, completion: completion)
|
|
}, receiveValue: { _ in
|
|
})
|
|
.store(in: &globalData.pendingAPIRequests)
|
|
} else {
|
|
PlaystateAPI.markUnplayedItem(userId: globalData.user.user_id!, itemId: item.id!)
|
|
.sink(receiveCompletion: { completion in
|
|
HandleAPIRequestCompletion(globalData: globalData, completion: completion)
|
|
}, receiveValue: { _ in
|
|
})
|
|
.store(in: &globalData.pendingAPIRequests)
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
@State
|
|
private var favorite: Bool = false {
|
|
didSet {
|
|
if !settingState {
|
|
if favorite == true {
|
|
UserLibraryAPI.markFavoriteItem(userId: globalData.user.user_id!, itemId: item.id!)
|
|
.sink(receiveCompletion: { completion in
|
|
HandleAPIRequestCompletion(globalData: globalData, completion: completion)
|
|
}, receiveValue: { _ in
|
|
})
|
|
.store(in: &globalData.pendingAPIRequests)
|
|
} else {
|
|
UserLibraryAPI.unmarkFavoriteItem(userId: globalData.user.user_id!, itemId: item.id!)
|
|
.sink(receiveCompletion: { completion in
|
|
HandleAPIRequestCompletion(globalData: globalData, completion: completion)
|
|
}, receiveValue: { _ in
|
|
})
|
|
.store(in: &globalData.pendingAPIRequests)
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
var portraitHeaderView: some View {
|
|
LazyImage(source: item.getBackdropImage(baseURL: globalData.server.baseURI!, maxWidth: 1200))
|
|
.placeholderAndFailure {
|
|
Image(uiImage: UIImage(blurHash: item.getBackdropImageBlurHash(),
|
|
size: CGSize(width: 32, height: 32))!)
|
|
.resizable()
|
|
}
|
|
.contentMode(.aspectFill)
|
|
.opacity(0.3)
|
|
.shadow(radius: 5)
|
|
}
|
|
|
|
var portraitHeaderOverlayView: some View {
|
|
VStack(alignment: .leading) {
|
|
HStack(alignment: .bottom, spacing: 12) {
|
|
LazyImage(source: item.getSeriesPrimaryImage(baseURL: globalData.server.baseURI!, maxWidth: 120))
|
|
.placeholderAndFailure {
|
|
Image(uiImage: UIImage(blurHash: item.getSeriesPrimaryImageBlurHash(),
|
|
size: CGSize(width: 32, height: 32))!)
|
|
.resizable()
|
|
.frame(width: 120, height: 180)
|
|
.cornerRadius(10)
|
|
}
|
|
.contentMode(.aspectFill)
|
|
.frame(width: 120, height: 180)
|
|
.cornerRadius(10)
|
|
VStack(alignment: .leading) {
|
|
Spacer()
|
|
Text(item.name!).font(.headline)
|
|
.fontWeight(.semibold)
|
|
.foregroundColor(.primary)
|
|
.fixedSize(horizontal: false, vertical: true)
|
|
.offset(y: -4)
|
|
HStack {
|
|
Text(String(item.productionYear ?? 0)).font(.subheadline)
|
|
.fontWeight(.medium)
|
|
.foregroundColor(.secondary)
|
|
.lineLimit(1)
|
|
Text(item.getItemRuntime()).font(.subheadline)
|
|
.fontWeight(.medium)
|
|
.foregroundColor(.secondary)
|
|
.lineLimit(1)
|
|
if item.officialRating != nil {
|
|
Text(item.officialRating!).font(.subheadline)
|
|
.fontWeight(.semibold)
|
|
.foregroundColor(.secondary)
|
|
.lineLimit(1)
|
|
.padding(EdgeInsets(top: 1, leading: 4, bottom: 1, trailing: 4))
|
|
.overlay(RoundedRectangle(cornerRadius: 2)
|
|
.stroke(Color.secondary, lineWidth: 1))
|
|
}
|
|
}
|
|
}
|
|
.padding(.bottom, UIDevice.current.userInterfaceIdiom == .pad ? 98 : 30)
|
|
}
|
|
HStack {
|
|
// Play button
|
|
Button {
|
|
self.playbackInfo.itemToPlay = item
|
|
self.playbackInfo.shouldShowPlayer = true
|
|
} label: {
|
|
HStack {
|
|
Text(item.getItemProgressString() == "" ? "Play" : "\(item.getItemProgressString()) left")
|
|
.foregroundColor(Color.white).font(.callout).fontWeight(.semibold)
|
|
Image(systemName: "play.fill").foregroundColor(Color.white).font(.system(size: 20))
|
|
}
|
|
.frame(width: 120, height: 35)
|
|
.background(Color(red: 172 / 255, green: 92 / 255, blue: 195 / 255))
|
|
.cornerRadius(10)
|
|
}.buttonStyle(PlainButtonStyle())
|
|
.frame(width: 120, height: 35)
|
|
Spacer()
|
|
HStack {
|
|
Button {
|
|
favorite.toggle()
|
|
} label: {
|
|
if !favorite {
|
|
Image(systemName: "heart").foregroundColor(Color.primary).font(.system(size: 20))
|
|
} else {
|
|
Image(systemName: "heart.fill").foregroundColor(Color(UIColor.systemRed))
|
|
.font(.system(size: 20))
|
|
}
|
|
}
|
|
Button {
|
|
watched.toggle()
|
|
} label: {
|
|
if watched {
|
|
Image(systemName: "checkmark.rectangle.fill").foregroundColor(Color.primary)
|
|
.font(.system(size: 20))
|
|
} else {
|
|
Image(systemName: "xmark.rectangle").foregroundColor(Color.primary)
|
|
.font(.system(size: 20))
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.padding(.horizontal, 16)
|
|
.padding(.bottom, UIDevice.current.userInterfaceIdiom == .pad ? -189 : -64)
|
|
}
|
|
|
|
var body: some View {
|
|
VStack(alignment: .leading) {
|
|
if orientationInfo.orientation == .portrait {
|
|
ParallaxHeaderScrollView(header: portraitHeaderView, staticOverlayView: portraitHeaderOverlayView, overlayAlignment: .bottomLeading, headerHeight: UIDevice.current.userInterfaceIdiom == .pad ? 350 : UIScreen.main.bounds.width * 0.5625) {
|
|
VStack(alignment: .leading) {
|
|
Spacer()
|
|
.frame(height: UIDevice.current.userInterfaceIdiom == .pad ? 135 : 40)
|
|
.padding(.bottom, UIDevice.current.userInterfaceIdiom == .pad ? 54 : 24)
|
|
if !(item.taglines ?? []).isEmpty {
|
|
Text(item.taglines!.first!).font(.body).italic().padding(.top, 7)
|
|
.fixedSize(horizontal: false, vertical: true).padding(.leading, 16)
|
|
.padding(.trailing, 16)
|
|
}
|
|
Text(item.overview ?? "").font(.footnote).padding(.top, 3)
|
|
.fixedSize(horizontal: false, vertical: true).padding(.bottom, 3).padding(.leading, 16)
|
|
.padding(.trailing, 16)
|
|
if !(item.genreItems ?? []).isEmpty {
|
|
ScrollView(.horizontal, showsIndicators: false) {
|
|
HStack {
|
|
Text("Genres:").font(.callout).fontWeight(.semibold)
|
|
ForEach(item.genreItems!, id: \.id) { genre in
|
|
NavigationLink(destination: LazyView {
|
|
LibraryView(withGenre: genre)
|
|
}) {
|
|
Text(genre.name ?? "").font(.footnote)
|
|
}
|
|
}
|
|
}.padding(.leading, 16).padding(.trailing, 16)
|
|
}
|
|
}
|
|
if !(item.people ?? []).isEmpty {
|
|
ScrollView(.horizontal, showsIndicators: false) {
|
|
VStack {
|
|
Spacer().frame(height: 8)
|
|
HStack {
|
|
Spacer().frame(width: 16)
|
|
ForEach(item.people!, id: \.self) { person in
|
|
if(person.type! == "Actor") {
|
|
NavigationLink(destination: LazyView {
|
|
LibraryView(withPerson: person)
|
|
}) {
|
|
VStack {
|
|
LazyImage(source: person.getImage(baseURL: globalData.server.baseURI!, maxWidth: 100))
|
|
.placeholderAndFailure {
|
|
Image(uiImage: UIImage(blurHash: person.getBlurHash(),
|
|
size: CGSize(width: 16,
|
|
height: 16))!)
|
|
.resizable()
|
|
.aspectRatio(contentMode: .fill)
|
|
.frame(width: 100, height: 100)
|
|
.cornerRadius(10)
|
|
}
|
|
.contentMode(.aspectFill)
|
|
.frame(width: 100, height: 100)
|
|
.cornerRadius(10)
|
|
Text(person.name ?? "").font(.footnote).fontWeight(.regular).lineLimit(1)
|
|
.frame(width: 100).foregroundColor(Color.primary)
|
|
if person.role != "" {
|
|
Text(person.role!).font(.caption).fontWeight(.medium).lineLimit(1)
|
|
.foregroundColor(Color.secondary).frame(width: 100)
|
|
}
|
|
}
|
|
}
|
|
Spacer().frame(width: 10)
|
|
}
|
|
}
|
|
Spacer().frame(width: 16)
|
|
}
|
|
}
|
|
}.padding(.top, -3)
|
|
}
|
|
if !(item.studios ?? []).isEmpty {
|
|
ScrollView(.horizontal, showsIndicators: false) {
|
|
HStack {
|
|
Text("Studios:").font(.callout).fontWeight(.semibold)
|
|
ForEach(item.studios!, id: \.id) { studio in
|
|
NavigationLink(destination: LazyView {
|
|
LibraryView(withStudio: studio)
|
|
}) {
|
|
Text(studio.name ?? "").font(.footnote)
|
|
}
|
|
}
|
|
}.padding(.leading, 16).padding(.trailing, 16)
|
|
}
|
|
}
|
|
Spacer().frame(height: 3)
|
|
}
|
|
}
|
|
} else {
|
|
GeometryReader { geometry in
|
|
ZStack {
|
|
LazyImage(source: item.getBackdropImage(baseURL: globalData.server.baseURI!, maxWidth: 200))
|
|
.placeholderAndFailure {
|
|
Image(uiImage: UIImage(blurHash: item.getBackdropImageBlurHash(),
|
|
size: CGSize(width: 16, height: 16))!)
|
|
.resizable()
|
|
.frame(width: geometry.size.width + geometry.safeAreaInsets.leading + geometry.safeAreaInsets
|
|
.trailing,
|
|
height: geometry.size.height + geometry.safeAreaInsets.top + geometry.safeAreaInsets
|
|
.bottom)
|
|
}
|
|
.contentMode(.aspectFill)
|
|
|
|
.opacity(0.3)
|
|
.frame(width: geometry.size.width + geometry.safeAreaInsets.leading + geometry.safeAreaInsets.trailing,
|
|
height: geometry.size.height + geometry.safeAreaInsets.top + geometry.safeAreaInsets.bottom)
|
|
.edgesIgnoringSafeArea(.all)
|
|
.blur(radius: 4)
|
|
HStack {
|
|
VStack {
|
|
LazyImage(source: item.getSeriesPrimaryImage(baseURL: globalData.server.baseURI!, maxWidth: 120))
|
|
.placeholderAndFailure {
|
|
Image(uiImage: UIImage(blurHash: item.getSeriesPrimaryImageBlurHash(),
|
|
size: CGSize(width: 16, height: 16))!)
|
|
.resizable()
|
|
.frame(width: 120, height: 180)
|
|
}
|
|
.frame(width: 120, height: 180)
|
|
.cornerRadius(10)
|
|
.shadow(radius: 5)
|
|
Spacer().frame(height: 15)
|
|
Button {
|
|
self.playbackInfo.itemToPlay = item
|
|
self.playbackInfo.shouldShowPlayer = true
|
|
} label: {
|
|
HStack {
|
|
Text(item.getItemProgressString() == "" ? "Play" : "\(item.getItemProgressString()) left")
|
|
.foregroundColor(Color.white).font(.callout).fontWeight(.semibold)
|
|
Image(systemName: "play.fill").foregroundColor(Color.white).font(.system(size: 20))
|
|
}
|
|
.frame(width: 120, height: 35)
|
|
.background(Color(red: 172 / 255, green: 92 / 255, blue: 195 / 255))
|
|
.cornerRadius(10)
|
|
}.buttonStyle(PlainButtonStyle())
|
|
.frame(width: 120, height: 35)
|
|
Spacer()
|
|
}
|
|
ScrollView {
|
|
VStack(alignment: .leading) {
|
|
HStack {
|
|
VStack(alignment: .leading) {
|
|
Text(item.name ?? "").font(.headline)
|
|
.fontWeight(.semibold)
|
|
.foregroundColor(.primary)
|
|
.fixedSize(horizontal: false, vertical: true)
|
|
.offset(x: 14, y: 0)
|
|
Spacer().frame(height: 1)
|
|
HStack {
|
|
Text(String(item.productionYear ?? 0)).font(.subheadline)
|
|
.fontWeight(.medium)
|
|
.foregroundColor(.secondary)
|
|
.lineLimit(1)
|
|
Text(item.getItemRuntime()).font(.subheadline)
|
|
.fontWeight(.medium)
|
|
.foregroundColor(.secondary)
|
|
.lineLimit(1)
|
|
if item.officialRating != nil {
|
|
Text(item.officialRating!).font(.subheadline)
|
|
.fontWeight(.semibold)
|
|
.foregroundColor(.secondary)
|
|
.lineLimit(1)
|
|
.padding(EdgeInsets(top: 1, leading: 4, bottom: 1, trailing: 4))
|
|
.overlay(RoundedRectangle(cornerRadius: 2)
|
|
.stroke(Color.secondary, lineWidth: 1))
|
|
}
|
|
if item.communityRating != nil {
|
|
HStack {
|
|
Image(systemName: "star").foregroundColor(.secondary)
|
|
Text(String(item.communityRating!)).font(.subheadline)
|
|
.fontWeight(.semibold)
|
|
.foregroundColor(.secondary)
|
|
.lineLimit(1)
|
|
.offset(x: -7, y: 0.7)
|
|
}
|
|
}
|
|
Spacer()
|
|
}.frame(maxWidth: .infinity, alignment: .leading)
|
|
.offset(x: 14)
|
|
}.frame(maxWidth: .infinity, alignment: .leading)
|
|
Spacer()
|
|
HStack {
|
|
Button {
|
|
favorite.toggle()
|
|
} label: {
|
|
if !favorite {
|
|
Image(systemName: "heart").foregroundColor(Color.primary)
|
|
.font(.system(size: 20))
|
|
} else {
|
|
Image(systemName: "heart.fill").foregroundColor(Color(UIColor.systemRed))
|
|
.font(.system(size: 20))
|
|
}
|
|
}
|
|
Button {
|
|
watched.toggle()
|
|
} label: {
|
|
if watched {
|
|
Image(systemName: "checkmark.rectangle.fill").foregroundColor(Color.primary)
|
|
.font(.system(size: 20))
|
|
} else {
|
|
Image(systemName: "xmark.rectangle").foregroundColor(Color.primary)
|
|
.font(.system(size: 20))
|
|
}
|
|
}
|
|
}
|
|
}.padding(.trailing, UIDevice.current.userInterfaceIdiom == .pad ? 16 : 55)
|
|
if !(item.taglines ?? []).isEmpty {
|
|
Text(item.taglines!.first!).font(.body).italic().padding(.top, 3)
|
|
.fixedSize(horizontal: false, vertical: true).padding(.leading, 16)
|
|
.padding(.trailing, UIDevice.current.userInterfaceIdiom == .pad ? 16 : 55)
|
|
}
|
|
Text(item.overview ?? "").font(.footnote).padding(.top, 3)
|
|
.fixedSize(horizontal: false, vertical: true).padding(.bottom, 3).padding(.leading, 16)
|
|
.padding(.trailing, UIDevice.current.userInterfaceIdiom == .pad ? 16 : 55)
|
|
if !(item.genreItems ?? []).isEmpty {
|
|
ScrollView(.horizontal, showsIndicators: false) {
|
|
HStack {
|
|
Text("Genres:").font(.callout).fontWeight(.semibold)
|
|
ForEach(item.genreItems!, id: \.id) { genre in
|
|
NavigationLink(destination: LazyView {
|
|
LibraryView(withGenre: genre)
|
|
}) {
|
|
Text(genre.name ?? "").font(.footnote)
|
|
}
|
|
}
|
|
}
|
|
.padding(.leading, 16)
|
|
.padding(.trailing, UIDevice.current.userInterfaceIdiom == .pad ? 16 : 55)
|
|
}
|
|
}
|
|
if !(item.people ?? []).isEmpty {
|
|
ScrollView(.horizontal, showsIndicators: false) {
|
|
VStack {
|
|
Spacer().frame(height: 8)
|
|
HStack {
|
|
Spacer().frame(width: 16)
|
|
ForEach(item.people!, id: \.self) { person in
|
|
if(person.type! == "Actor") {
|
|
NavigationLink(destination: LazyView {
|
|
LibraryView(withPerson: person)
|
|
}) {
|
|
VStack {
|
|
LazyImage(source: person.getImage(baseURL: globalData.server.baseURI!, maxWidth: 100))
|
|
.placeholderAndFailure {
|
|
Image(uiImage: UIImage(blurHash: person.getBlurHash(),
|
|
size: CGSize(width: 16,
|
|
height: 16))!)
|
|
.resizable()
|
|
.aspectRatio(contentMode: .fill)
|
|
.frame(width: 100, height: 100)
|
|
.cornerRadius(10)
|
|
}
|
|
.contentMode(.aspectFill)
|
|
.frame(width: 100, height: 100)
|
|
.cornerRadius(10)
|
|
Text(person.name ?? "").font(.footnote).fontWeight(.regular).lineLimit(1)
|
|
.frame(width: 100).foregroundColor(Color.primary)
|
|
if person.role != "" {
|
|
Text(person.role!).font(.caption).fontWeight(.medium).lineLimit(1)
|
|
.foregroundColor(Color.secondary).frame(width: 100)
|
|
}
|
|
}
|
|
}
|
|
Spacer().frame(width: 10)
|
|
}
|
|
}
|
|
Spacer().frame(width: UIDevice.current.userInterfaceIdiom == .pad ? 16 : 55)
|
|
}
|
|
}
|
|
}.padding(.top, -3)
|
|
}
|
|
if !(item.studios ?? []).isEmpty {
|
|
ScrollView(.horizontal, showsIndicators: false) {
|
|
HStack {
|
|
Text("Studios:").font(.callout).fontWeight(.semibold)
|
|
ForEach(item.studios!, id: \.id) { studio in
|
|
NavigationLink(destination: LazyView {
|
|
LibraryView(withStudio: studio)
|
|
}) {
|
|
Text(studio.name ?? "").font(.footnote)
|
|
}
|
|
}
|
|
}
|
|
.padding(.leading, 16)
|
|
.padding(.trailing, UIDevice.current.userInterfaceIdiom == .pad ? 16 : 55)
|
|
}
|
|
}
|
|
Spacer().frame(height: 195)
|
|
}.frame(maxHeight: .infinity)
|
|
}
|
|
}.padding(.top, 16).padding(.leading, UIDevice.current.userInterfaceIdiom == .pad ? 16 : 55)
|
|
.edgesIgnoringSafeArea(.leading)
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.onAppear(perform: {
|
|
favorite = item.userData!.isFavorite!
|
|
watched = item.userData!.played!
|
|
settingState = false
|
|
})
|
|
.navigationBarTitleDisplayMode(.inline)
|
|
.navigationTitle("\(item.seriesName ?? "") - S\(String(item.parentIndexNumber ?? 0)):E\(String(item.indexNumber ?? 0))")
|
|
.supportedOrientations(.allButUpsideDown)
|
|
.overrideViewPreference(.unspecified)
|
|
.preferredColorScheme(.none)
|
|
.prefersHomeIndicatorAutoHidden(false)
|
|
}
|
|
}
|