yattee/Shared/Player/WatchNextView.swift

343 lines
10 KiB
Swift
Raw Normal View History

2022-12-17 23:08:30 +00:00
import Defaults
import SwiftUI
struct WatchNextView: View {
@ObservedObject private var model = WatchNextViewModel.shared
@ObservedObject private var player = PlayerModel.shared
@Default(.saveHistory) private var saveHistory
@Environment(\.colorScheme) private var colorScheme
var body: some View {
Group {
#if os(iOS)
NavigationView {
watchNext
2022-12-18 18:39:03 +00:00
.toolbar {
ToolbarItem(placement: .principal) {
watchNextMenu
}
}
2022-12-17 23:08:30 +00:00
}
2022-12-19 12:45:41 +00:00
.navigationViewStyle(.stack)
2022-12-17 23:08:30 +00:00
#else
VStack {
HStack {
2022-12-18 18:39:03 +00:00
hideCloseButton
.labelStyle(.iconOnly)
.frame(maxWidth: .infinity, alignment: .leading)
Spacer()
watchNextMenu
.frame(maxWidth: .infinity)
2022-12-17 23:08:30 +00:00
Spacer()
2022-12-18 18:39:03 +00:00
HStack {
2022-12-19 12:35:37 +00:00
#if os(macOS)
Text("Mode")
.foregroundColor(.secondary)
#endif
2022-12-19 09:48:30 +00:00
playbackModeControl
HStack {
if model.isRestartable {
reopenButton
}
2022-12-18 18:39:03 +00:00
}
}
.frame(maxWidth: .infinity, alignment: .trailing)
2022-12-17 23:08:30 +00:00
}
2022-12-18 18:39:03 +00:00
#if os(macOS)
2022-12-17 23:08:30 +00:00
.padding()
2022-12-18 18:39:03 +00:00
#endif
2022-12-17 23:08:30 +00:00
watchNext
}
#endif
}
#if os(tvOS)
.background(Color.background(scheme: colorScheme))
#else
.background(Color.background)
#endif
2022-12-18 18:39:03 +00:00
.opacity(model.isPresenting ? 1 : 0)
2022-12-17 23:08:30 +00:00
}
var watchNext: some View {
ScrollView {
VStack(alignment: .leading) {
if model.isAutoplaying,
2022-12-18 18:39:03 +00:00
let item = model.nextFromTheQueue
2022-12-17 23:08:30 +00:00
{
HStack {
2022-12-18 18:39:03 +00:00
Text("Playing Next in \(Int(model.countdown.rounded()))...")
.font(.headline.monospacedDigit())
2022-12-17 23:08:30 +00:00
Spacer()
Button {
2022-12-18 18:39:03 +00:00
model.keepFromAutoplaying()
2022-12-17 23:08:30 +00:00
} label: {
2022-12-18 18:39:03 +00:00
Label("Cancel", systemImage: "pause.fill")
#if os(iOS)
.imageScale(.large)
.padding([.vertical, .leading])
.font(.headline.bold())
#endif
2022-12-17 23:08:30 +00:00
}
}
2022-12-18 18:39:03 +00:00
#if os(tvOS)
.padding(.top, 10)
#endif
2022-12-17 23:08:30 +00:00
PlayerQueueRow(item: item)
2022-12-19 09:48:30 +00:00
Divider()
.padding(.vertical, 5)
2022-12-17 23:08:30 +00:00
}
2022-12-18 18:39:03 +00:00
2022-12-17 23:08:30 +00:00
moreVideos
2022-12-18 18:39:03 +00:00
.padding(.top, 15)
2022-12-17 23:08:30 +00:00
}
.padding(.horizontal)
}
2022-12-18 12:11:06 +00:00
#if os(iOS)
2022-12-17 23:08:30 +00:00
.navigationBarTitleDisplayMode(.inline)
2022-12-18 12:11:06 +00:00
#endif
2022-12-17 23:08:30 +00:00
#if !os(macOS)
2022-12-18 18:39:03 +00:00
.navigationTitle(model.page.title)
.toolbar {
ToolbarItem(placement: .cancellationAction) {
hideCloseButton
}
ToolbarItem(placement: .primaryAction) {
reopenButton
}
}
#endif
}
2022-12-17 23:08:30 +00:00
2022-12-18 18:39:03 +00:00
var watchNextMenu: some View {
#if os(tvOS)
Button {
model.page = model.page.next()
} label: {
menuLabel
}
#elseif os(macOS)
pagePicker
.modifier(SettingsPickerModifier())
#if os(macOS)
.frame(maxWidth: 150)
#endif
#else
Menu {
pagePicker
2022-12-19 09:48:30 +00:00
playbackModePicker
2022-12-18 18:39:03 +00:00
} label: {
HStack(spacing: 12) {
menuLabel
.foregroundColor(.primary)
Image(systemName: "chevron.down.circle.fill")
.foregroundColor(.accentColor)
.imageScale(.small)
2022-12-17 23:08:30 +00:00
}
2022-12-18 18:39:03 +00:00
.transaction { t in t.animation = nil }
2022-12-17 23:08:30 +00:00
}
2022-12-18 18:39:03 +00:00
2022-12-17 23:08:30 +00:00
#endif
}
2022-12-18 18:39:03 +00:00
var menuLabel: some View {
HStack {
Image(systemName: model.page.systemImageName)
.imageScale(.small)
2022-12-19 09:48:30 +00:00
Text(model.page == .queue ? queueTitle : model.page.title)
2022-12-18 18:39:03 +00:00
.font(.headline)
}
}
var pagePicker: some View {
Picker("Page", selection: $model.page) {
ForEach(WatchNextViewModel.Page.allCases, id: \.rawValue) { page in
2022-12-19 09:48:30 +00:00
Label(
page == .queue ? queueTitle : page.title,
systemImage: page.systemImageName
)
.tag(page)
2022-12-18 18:39:03 +00:00
}
}
}
2022-12-19 09:48:30 +00:00
var queueTitle: String {
"\(WatchNextViewModel.Page.queue.title)\(player.queue.count)"
}
2022-12-18 18:39:03 +00:00
@ViewBuilder var hideCloseButton: some View {
if model.isHideable {
hideButton
} else {
closeButton
}
}
var hideButton: some View {
Button {
model.hide()
} label: {
2022-12-20 23:21:00 +00:00
Label("Hide", systemImage: "xmark")
2022-12-18 18:39:03 +00:00
}
}
2022-12-17 23:08:30 +00:00
var closeButton: some View {
Button {
2022-12-18 18:39:03 +00:00
model.close()
2022-12-17 23:08:30 +00:00
} label: {
Label("Close", systemImage: "xmark")
}
}
@ViewBuilder var reopenButton: some View {
2022-12-18 18:39:03 +00:00
if model.isRestartable {
2022-12-17 23:08:30 +00:00
Button {
2022-12-18 18:39:03 +00:00
model.restart()
2022-12-17 23:08:30 +00:00
} label: {
2022-12-18 18:39:03 +00:00
Label(model.reason == .userInteracted ? "Back" : "Reopen", systemImage: "arrow.counterclockwise")
2022-12-17 23:08:30 +00:00
}
}
}
@ViewBuilder var moreVideos: some View {
VStack(spacing: 12) {
2022-12-18 18:39:03 +00:00
switch model.page {
case .queue:
2022-12-19 09:48:30 +00:00
if player.playbackMode == .related, !(model.isAutoplaying && model.canAutoplay) {
autoplaying
Divider()
}
2022-12-19 12:45:41 +00:00
let queueForMoreVideos = player.queue.isEmpty ? [] : player.queue.suffix(from: player.playbackMode == .queue && model.isAutoplaying && model.canAutoplay ? 1 : 0)
2022-12-19 09:48:30 +00:00
if (model.isAutoplaying && model.canAutoplay && !queueForMoreVideos.isEmpty) ||
(!model.isAutoplaying && !queueForMoreVideos.isEmpty)
{
Text("Next in queue")
.font(.headline)
.frame(maxWidth: .infinity, alignment: .leading)
}
2022-12-18 18:39:03 +00:00
if !queueForMoreVideos.isEmpty {
2022-12-17 23:08:30 +00:00
ForEach(queueForMoreVideos) { item in
2022-12-18 23:09:54 +00:00
ContentItemView(item: .init(video: item.video))
.environment(\.inQueueListing, true)
.environment(\.listingStyle, .list)
2022-12-18 18:39:03 +00:00
}
2022-12-19 09:48:30 +00:00
} else {
2022-12-18 18:39:03 +00:00
Label(
model.isAutoplaying ? "Nothing more in the queue" : "Queue is empty",
systemImage: WatchNextViewModel.Page.queue.systemImageName
)
.foregroundColor(.secondary)
}
case .related:
if let item = model.item {
2022-12-17 23:08:30 +00:00
ForEach(item.video.related) { video in
ContentItemView(item: .init(video: video))
.environment(\.listingStyle, .list)
}
2022-12-18 18:39:03 +00:00
} else {
Label("Nothing was played",
systemImage: WatchNextViewModel.Page.related.systemImageName)
.foregroundColor(.secondary)
2022-12-17 23:08:30 +00:00
}
2022-12-18 18:39:03 +00:00
case .history:
if saveHistory {
2022-12-17 23:08:30 +00:00
HistoryView(limit: 15)
}
}
}
}
2022-12-19 09:48:30 +00:00
@ViewBuilder var playbackModeControl: some View {
#if os(tvOS)
Button {
player.playbackMode = player.playbackMode.next()
} label: {
Label(player.playbackMode.description, systemImage: player.playbackMode.systemImage)
2022-12-19 12:35:37 +00:00
.transaction { t in t.animation = nil }
.frame(minWidth: 350)
2022-12-19 09:48:30 +00:00
}
#elseif os(macOS)
playbackModePicker
.modifier(SettingsPickerModifier())
#if os(macOS)
.frame(maxWidth: 150)
#endif
#else
Menu {
playbackModePicker
} label: {
Label(player.playbackMode.description, systemImage: player.playbackMode.systemImage)
}
#endif
}
var playbackModePicker: some View {
Picker("Playback Mode", selection: $model.player.playbackMode) {
ForEach(PlayerModel.PlaybackMode.allCases, id: \.rawValue) { mode in
Label(mode.description, systemImage: mode.systemImage).tag(mode)
}
}
.labelsHidden()
}
@ViewBuilder var autoplaying: some View {
Section(header: autoplayingHeader) {
if let item = player.autoplayItem {
PlayerQueueRow(item: item, autoplay: true)
} else {
Group {
if player.currentItem.isNil {
Text("Not Playing")
} else {
Text("Finding something to play...")
}
}
.foregroundColor(.secondary)
}
}
}
var autoplayingHeader: some View {
HStack {
Text("Autoplaying Next")
.font(.headline)
Spacer()
Button {
player.setRelatedAutoplayItem()
} label: {
Label("Find Other", systemImage: "arrow.triangle.2.circlepath.circle")
.labelStyle(.iconOnly)
.foregroundColor(.accentColor)
}
.disabled(player.currentItem.isNil)
.buttonStyle(.plain)
}
}
2022-12-17 23:08:30 +00:00
}
2022-12-18 18:39:03 +00:00
struct WatchNextView_Previews: PreviewProvider {
2022-12-17 23:08:30 +00:00
static var previews: some View {
WatchNextView()
.onAppear {
2022-12-18 18:39:03 +00:00
WatchNextViewModel.shared.finishedWatching(.init(.fixture))
2022-12-17 23:08:30 +00:00
}
}
}