yattee/Shared/Player/Video Details/ChapterView.swift

138 lines
4.4 KiB
Swift
Raw Normal View History

2022-08-20 21:05:40 +00:00
import Foundation
import SDWebImageSwiftUI
import SwiftUI
2023-11-28 19:05:04 +00:00
#if !os(tvOS)
struct ChapterView: View {
var chapter: Chapter
2022-08-20 21:05:40 +00:00
2023-11-28 19:05:04 +00:00
var chapterIndex: Int
@ObservedObject private var player = PlayerModel.shared
2023-11-28 15:45:36 +00:00
var showThumbnail: Bool
2023-11-28 19:05:04 +00:00
var isCurrentChapter: Bool {
if let currentChapterIndex = player.currentChapterIndex {
return currentChapterIndex == chapterIndex
}
return false
2023-11-28 19:05:04 +00:00
}
2022-08-20 21:05:40 +00:00
2023-11-28 19:05:04 +00:00
var body: some View {
Button(action: {
player.backend.seek(to: chapter.start, seekType: .chapterSkip(chapter.title))
2023-11-28 19:05:04 +00:00
}) {
Group {
2023-04-22 18:06:30 +00:00
verticalChapter
2023-11-28 19:05:04 +00:00
}
.contentShape(Rectangle())
2022-08-20 21:05:40 +00:00
}
2023-11-28 19:05:04 +00:00
.buttonStyle(.plain)
2023-11-28 15:45:36 +00:00
}
2023-04-22 18:06:30 +00:00
2023-11-28 19:05:04 +00:00
var verticalChapter: some View {
VStack(spacing: 12) {
if !chapter.image.isNil, showThumbnail {
2023-04-22 20:44:59 +00:00
smallImage(chapter)
}
VStack(alignment: .leading, spacing: 4) {
Text(chapter.title)
2023-11-28 19:05:04 +00:00
.lineLimit(3)
.multilineTextAlignment(.leading)
2023-04-22 20:44:59 +00:00
.font(.headline)
.foregroundColor(isCurrentChapter ? Color("AppRedColor") : .primary)
2023-04-22 20:44:59 +00:00
Text(chapter.start.formattedAsPlaybackTime(allowZero: true) ?? "")
.font(.system(.subheadline).monospacedDigit())
.foregroundColor(.secondary)
}
.frame(maxWidth: !chapter.image.isNil && showThumbnail ? Self.thumbnailWidth : nil, alignment: .leading)
2023-04-22 18:06:30 +00:00
}
2023-04-22 20:44:59 +00:00
}
2023-11-28 19:05:04 +00:00
@ViewBuilder func smallImage(_ chapter: Chapter) -> some View {
WebImage(url: chapter.image, options: [.lowPriority])
.resizable()
.placeholder {
ProgressView()
}
.indicator(.activity)
.frame(width: Self.thumbnailWidth, height: Self.thumbnailHeight)
.mask(RoundedRectangle(cornerRadius: 6))
}
static var thumbnailWidth: Double {
250
}
static var thumbnailHeight: Double {
thumbnailWidth / 1.7777
}
}
#else
struct ChapterViewTVOS: View {
var chapter: Chapter
var player = PlayerModel.shared
var body: some View {
Button {
player.backend.seek(to: chapter.start, seekType: .chapterSkip(chapter.title))
2023-11-28 19:05:04 +00:00
} label: {
Group {
horizontalChapter
}
.contentShape(Rectangle())
}
.buttonStyle(.plain)
}
var horizontalChapter: some View {
HStack(spacing: 12) {
2023-04-22 20:44:59 +00:00
if !chapter.image.isNil {
smallImage(chapter)
}
2023-11-28 19:05:04 +00:00
2023-04-22 20:44:59 +00:00
VStack(alignment: .leading, spacing: 4) {
Text(chapter.title)
.font(.headline)
Text(chapter.start.formattedAsPlaybackTime(allowZero: true) ?? "")
.font(.system(.subheadline).monospacedDigit())
.foregroundColor(.secondary)
}
2023-04-22 18:06:30 +00:00
}
2023-11-28 19:05:04 +00:00
.frame(maxWidth: .infinity, alignment: .leading)
2023-04-22 18:06:30 +00:00
}
2023-11-28 19:05:04 +00:00
@ViewBuilder func smallImage(_ chapter: Chapter) -> some View {
WebImage(url: chapter.image, options: [.lowPriority])
.resizable()
.placeholder {
ProgressView()
}
.indicator(.activity)
.frame(width: Self.thumbnailWidth, height: Self.thumbnailHeight)
.mask(RoundedRectangle(cornerRadius: 12))
}
2022-08-20 21:05:40 +00:00
2023-11-28 19:05:04 +00:00
static var thumbnailWidth: Double {
250
}
2023-04-22 18:06:30 +00:00
2023-11-28 19:05:04 +00:00
static var thumbnailHeight: Double {
thumbnailWidth / 1.7777
}
2022-08-20 21:05:40 +00:00
}
2023-11-28 19:05:04 +00:00
#endif
2022-08-20 21:05:40 +00:00
struct ChapterView_Preview: PreviewProvider {
static var previews: some View {
2023-11-28 19:05:04 +00:00
#if os(tvOS)
ChapterViewTVOS(chapter: .init(title: "Chapter", start: 30))
.injectFixtureEnvironmentObjects()
#else
ChapterView(chapter: .init(title: "Chapter", start: 30), chapterIndex: 0, showThumbnail: true)
2023-11-28 19:05:04 +00:00
.injectFixtureEnvironmentObjects()
#endif
2022-08-20 21:05:40 +00:00
}
}