93 lines
3.6 KiB
Swift
93 lines
3.6 KiB
Swift
//
|
|
// 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 (c) 2022 Jellyfin & Jellyfin Contributors
|
|
//
|
|
|
|
import JellyfinAPI
|
|
import SwiftUI
|
|
|
|
// TODO: Transition to `PortraitButton`
|
|
struct PortraitItemElement: View {
|
|
|
|
@Environment(\.isFocused)
|
|
var envFocused: Bool
|
|
@State
|
|
var focused: Bool = false
|
|
@State
|
|
var backgroundURL: URL?
|
|
|
|
var item: BaseItemDto
|
|
|
|
var body: some View {
|
|
VStack {
|
|
ImageView(item.type == .episode ? item.seriesImageSource(.primary, maxWidth: 200) : item.imageSource(.primary, maxWidth: 200))
|
|
.frame(width: 200, height: 300)
|
|
.cornerRadius(10)
|
|
.shadow(radius: focused ? 10.0 : 0)
|
|
.shadow(radius: focused ? 10.0 : 0)
|
|
.overlay(
|
|
ZStack {
|
|
if item.userData?.isFavorite ?? false {
|
|
Image(systemName: "circle.fill")
|
|
.foregroundColor(.white)
|
|
.opacity(0.6)
|
|
Image(systemName: "heart.fill")
|
|
.foregroundColor(Color(.systemRed))
|
|
.font(.system(size: 10))
|
|
}
|
|
}
|
|
.padding(2)
|
|
.opacity(1),
|
|
alignment: .bottomLeading
|
|
)
|
|
.overlay(
|
|
ZStack {
|
|
if item.userData?.played ?? false {
|
|
Image(systemName: "circle.fill")
|
|
.foregroundColor(.white)
|
|
Image(systemName: "checkmark.circle.fill")
|
|
.foregroundColor(Color(.systemBlue))
|
|
} else {
|
|
if item.userData?.unplayedItemCount != nil {
|
|
Image(systemName: "circle.fill")
|
|
.foregroundColor(Color(.systemBlue))
|
|
Text(String(item.userData!.unplayedItemCount ?? 0))
|
|
.foregroundColor(.white)
|
|
.font(.caption2)
|
|
}
|
|
}
|
|
}.padding(2)
|
|
.opacity(1),
|
|
alignment: .topTrailing
|
|
).opacity(1)
|
|
Text(item.title)
|
|
.frame(width: 200, height: 30, alignment: .center)
|
|
if item.type == .movie || item.type == .series {
|
|
Text("\(String(item.productionYear ?? 0)) • \(item.officialRating ?? "N/A")")
|
|
.foregroundColor(.secondary)
|
|
.font(.caption)
|
|
.fontWeight(.medium)
|
|
} else if item.type == .season {
|
|
Text("\(item.name ?? "") • \(String(item.productionYear ?? 0))")
|
|
.foregroundColor(.secondary)
|
|
.font(.caption)
|
|
.fontWeight(.medium)
|
|
} else {
|
|
Text(L10n.seasonAndEpisode(String(item.parentIndexNumber ?? 0), String(item.indexNumber ?? 0)))
|
|
.foregroundColor(.secondary)
|
|
.font(.caption)
|
|
.fontWeight(.medium)
|
|
}
|
|
}
|
|
.onChange(of: envFocused) { envFocus in
|
|
withAnimation(.linear(duration: 0.15)) {
|
|
self.focused = envFocus
|
|
}
|
|
}
|
|
.scaleEffect(focused ? 1.1 : 1)
|
|
}
|
|
}
|