127 lines
4.8 KiB
Swift
127 lines
4.8 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 2021 Aiden Vigue & Jellyfin Contributors
|
|
*/
|
|
|
|
import SwiftUI
|
|
|
|
struct CinematicItemViewTopRow: View {
|
|
|
|
@EnvironmentObject var itemRouter: ItemCoordinator.Router
|
|
@ObservedObject var viewModel: ItemViewModel
|
|
@Environment(\.isFocused) var envFocused: Bool
|
|
@State var focused: Bool = false
|
|
@State var wrappedScrollView: UIScrollView?
|
|
|
|
var body: some View {
|
|
ZStack(alignment: .bottom) {
|
|
LinearGradient(gradient: Gradient(colors: [.clear, .black.opacity(0.8), .black]),
|
|
startPoint: .top,
|
|
endPoint: .bottom)
|
|
.ignoresSafeArea()
|
|
.frame(height: 210)
|
|
|
|
HStack(alignment: .bottom) {
|
|
VStack(alignment: .leading) {
|
|
HStack(alignment: .PlayInformationAlignmentGuide) {
|
|
CinematicItemViewTopRowButton(wrappedScrollView: wrappedScrollView) {
|
|
Button {
|
|
itemRouter.route(to: \.videoPlayer, viewModel.itemVideoPlayerViewModel!)
|
|
} label: {
|
|
ZStack {
|
|
Color.white.frame(width: 230, height: 100)
|
|
|
|
Text("Play")
|
|
.font(.title3)
|
|
.foregroundColor(.black)
|
|
}
|
|
}
|
|
.buttonStyle(CardButtonStyle())
|
|
.disabled(viewModel.itemVideoPlayerViewModel == nil)
|
|
}
|
|
}
|
|
}
|
|
|
|
VStack(alignment: .leading, spacing: 5) {
|
|
Text(viewModel.item.name ?? "")
|
|
.font(.title2)
|
|
.lineLimit(2)
|
|
|
|
if let seriesName = viewModel.item.seriesName, let episodeLocator = viewModel.item.getEpisodeLocator() {
|
|
Text("\(seriesName) - \(episodeLocator)")
|
|
}
|
|
|
|
HStack(alignment: .PlayInformationAlignmentGuide, spacing: 20) {
|
|
|
|
if let runtime = viewModel.item.getItemRuntime() {
|
|
Text(runtime)
|
|
.font(.subheadline)
|
|
.fontWeight(.medium)
|
|
}
|
|
|
|
if let productionYear = viewModel.item.productionYear {
|
|
Text(String(productionYear))
|
|
.font(.subheadline)
|
|
.fontWeight(.medium)
|
|
.lineLimit(1)
|
|
}
|
|
|
|
if let officialRating = viewModel.item.officialRating {
|
|
Text(officialRating)
|
|
.font(.subheadline)
|
|
.fontWeight(.semibold)
|
|
.lineLimit(1)
|
|
.padding(EdgeInsets(top: 1, leading: 4, bottom: 1, trailing: 4))
|
|
.overlay(RoundedRectangle(cornerRadius: 2)
|
|
.stroke(Color.secondary, lineWidth: 1))
|
|
}
|
|
}
|
|
.foregroundColor(.secondary)
|
|
}
|
|
|
|
Spacer()
|
|
}
|
|
.padding(.horizontal, 50)
|
|
.padding(.bottom, 50)
|
|
}
|
|
.onChange(of: envFocused) { envFocus in
|
|
if envFocus == true {
|
|
wrappedScrollView?.scrollToTop()
|
|
DispatchQueue.main.asyncAfter(deadline: .now() + 0.01) {
|
|
wrappedScrollView?.scrollToTop()
|
|
}
|
|
}
|
|
|
|
withAnimation(.linear(duration: 0.15)) {
|
|
self.focused = envFocus
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
extension HorizontalAlignment {
|
|
|
|
private struct TitleSubtitleAlignment: AlignmentID {
|
|
static func defaultValue(in context: ViewDimensions) -> CGFloat {
|
|
context[HorizontalAlignment.leading]
|
|
}
|
|
}
|
|
|
|
static let EpisodeSeriesAlignmentGuide = HorizontalAlignment(TitleSubtitleAlignment.self)
|
|
}
|
|
|
|
extension VerticalAlignment {
|
|
|
|
private struct PlayInformationAlignment: AlignmentID {
|
|
static func defaultValue(in context: ViewDimensions) -> CGFloat {
|
|
context[VerticalAlignment.bottom]
|
|
}
|
|
}
|
|
|
|
static let PlayInformationAlignmentGuide = VerticalAlignment(PlayInformationAlignment.self)
|
|
}
|