import Foundation import SDWebImageSwiftUI import SwiftUI #if !os(tvOS) struct ChapterView: View { var chapter: Chapter var chapterIndex: Int @ObservedObject private var player = PlayerModel.shared var showThumbnail: Bool var isCurrentChapter: Bool { if let currentChapterIndex = player.currentChapterIndex { return currentChapterIndex == chapterIndex } return false } var body: some View { Button(action: { player.backend.seek(to: chapter.start, seekType: .chapterSkip(chapter.title)) }) { Group { verticalChapter } .contentShape(Rectangle()) } .buttonStyle(.plain) } var verticalChapter: some View { VStack(spacing: 12) { if !chapter.image.isNil, showThumbnail { smallImage(chapter) } VStack(alignment: .leading, spacing: 4) { Text(chapter.title) .lineLimit(3) .multilineTextAlignment(.leading) .font(.headline) .foregroundColor(isCurrentChapter ? Color("AppRedColor") : .primary) Text(chapter.start.formattedAsPlaybackTime(allowZero: true) ?? "") .font(.system(.subheadline).monospacedDigit()) .foregroundColor(.secondary) } .frame(maxWidth: !chapter.image.isNil && showThumbnail ? Self.thumbnailWidth : nil, alignment: .leading) } } @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 / (16 / 9) } } #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)) } label: { Group { horizontalChapter } .contentShape(Rectangle()) } .buttonStyle(.plain) } var horizontalChapter: some View { HStack(spacing: 12) { if !chapter.image.isNil { smallImage(chapter) } VStack(alignment: .leading, spacing: 4) { Text(chapter.title) .font(.headline) Text(chapter.start.formattedAsPlaybackTime(allowZero: true) ?? "") .font(.system(.subheadline).monospacedDigit()) .foregroundColor(.secondary) } } .frame(maxWidth: .infinity, alignment: .leading) } @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)) } static var thumbnailWidth: Double { 250 } static var thumbnailHeight: Double { thumbnailWidth / 1.7777 } } #endif struct ChapterView_Preview: PreviewProvider { static var previews: some View { #if os(tvOS) ChapterViewTVOS(chapter: .init(title: "Chapter", start: 30)) .injectFixtureEnvironmentObjects() #else ChapterView(chapter: .init(title: "Chapter", start: 30), chapterIndex: 0, showThumbnail: true) .injectFixtureEnvironmentObjects() #endif } }