yattee/Shared/Player/VideoDetails.swift

459 lines
15 KiB
Swift
Raw Normal View History

2021-11-03 23:14:09 +00:00
import Defaults
2021-08-22 19:13:33 +00:00
import Foundation
import SwiftUI
struct VideoDetails: View {
enum Page {
2021-12-04 19:35:41 +00:00
case info, queue, related, comments
}
@Binding var sidebarQueue: Bool
@Binding var fullScreen: Bool
2021-08-25 22:12:59 +00:00
@State private var subscribed = false
2021-11-28 14:37:55 +00:00
@State private var presentingUnsubscribeAlert = false
@State private var presentingAddToPlaylist = false
2021-10-26 22:59:59 +00:00
@State private var presentingShareSheet = false
2021-11-13 15:45:47 +00:00
@State private var shareURL: URL?
2021-08-25 22:12:59 +00:00
2021-12-04 19:35:41 +00:00
@State private var currentPage = Page.info
2021-11-28 14:37:55 +00:00
@Environment(\.presentationMode) private var presentationMode
2021-10-28 17:14:55 +00:00
@Environment(\.inNavigationView) private var inNavigationView
2021-10-20 22:21:50 +00:00
@EnvironmentObject<AccountsModel> private var accounts
@EnvironmentObject<PlayerModel> private var player
@EnvironmentObject<SubscriptionsModel> private var subscriptions
2021-11-03 23:14:09 +00:00
@Default(.showKeywords) private var showKeywords
init(
sidebarQueue: Binding<Bool>? = nil,
fullScreen: Binding<Bool>? = nil
) {
_sidebarQueue = sidebarQueue ?? .constant(true)
_fullScreen = fullScreen ?? .constant(false)
}
var video: Video? {
player.currentItem?.video
}
2021-08-22 19:13:33 +00:00
var body: some View {
VStack(alignment: .leading) {
Group {
Group {
HStack(spacing: 0) {
title
2021-08-25 22:12:59 +00:00
toggleFullScreenDetailsButton
}
#if os(macOS)
2021-11-08 16:29:35 +00:00
.padding(.top, 10)
#endif
2021-08-22 19:13:33 +00:00
if !video.isNil {
Divider()
2021-08-25 22:12:59 +00:00
}
subscriptionsSection
2021-11-05 18:23:28 +00:00
.onChange(of: video) { video in
if let video = video {
subscribed = subscriptions.isSubscribing(video.channel.id)
}
}
}
.padding(.horizontal)
2021-12-04 19:35:41 +00:00
if CommentsModel.enabled {
pagePicker
.padding(.horizontal)
}
}
.contentShape(Rectangle())
.onSwipeGesture(
up: {
withAnimation {
fullScreen = true
}
},
down: {
withAnimation {
if fullScreen {
fullScreen = false
} else {
2021-11-28 14:37:55 +00:00
self.presentationMode.wrappedValue.dismiss()
2021-08-25 22:12:59 +00:00
}
}
}
)
2021-08-22 19:13:33 +00:00
switch currentPage {
2021-12-04 19:35:41 +00:00
case .info:
ScrollView(.vertical) {
detailsPage
}
case .queue:
2021-11-03 23:00:17 +00:00
PlayerQueueView(sidebarQueue: $sidebarQueue, fullScreen: $fullScreen)
.edgesIgnoringSafeArea(.horizontal)
2021-11-02 23:02:02 +00:00
case .related:
2021-11-03 23:00:17 +00:00
RelatedView()
.edgesIgnoringSafeArea(.horizontal)
2021-12-04 19:35:41 +00:00
case .comments:
CommentsView()
.edgesIgnoringSafeArea(.horizontal)
}
}
2021-10-28 17:14:55 +00:00
.padding(.top, inNavigationView && fullScreen ? 10 : 0)
.onAppear {
2021-11-05 19:57:22 +00:00
if video.isNil && !sidebarQueue {
2021-11-03 23:00:17 +00:00
currentPage = .queue
}
2021-10-20 22:21:50 +00:00
guard video != nil, accounts.app.supportsSubscriptions else {
subscribed = false
return
}
}
.onChange(of: sidebarQueue) { queue in
2021-11-03 23:00:17 +00:00
if queue {
if currentPage == .queue {
2021-12-04 19:35:41 +00:00
currentPage = .info
}
2021-11-03 23:00:17 +00:00
} else if video.isNil {
currentPage = .queue
}
}
.edgesIgnoringSafeArea(.horizontal)
.frame(minWidth: 0, maxWidth: .infinity, alignment: .leading)
}
var title: some View {
Group {
if video != nil {
Text(video!.title)
.onAppear {
2021-12-04 19:35:41 +00:00
currentPage = .info
}
2021-12-02 20:19:10 +00:00
.contextMenu {
Button {
player.closeCurrentItem()
if !sidebarQueue {
currentPage = .queue
}
} label: {
Label("Close Video", systemImage: "xmark.circle")
}
.disabled(player.currentItem.isNil)
}
.font(.title2.bold())
} else {
Text("Not playing")
.foregroundColor(.secondary)
}
Spacer()
}
}
var toggleFullScreenDetailsButton: some View {
Button {
withAnimation {
fullScreen.toggle()
}
} label: {
Label("Resize", systemImage: fullScreen ? "chevron.down" : "chevron.up")
.labelStyle(.iconOnly)
}
.help("Toggle fullscreen details")
.buttonStyle(.plain)
.keyboardShortcut("t")
}
var subscriptionsSection: some View {
Group {
if video != nil {
HStack(alignment: .center) {
HStack(spacing: 4) {
if subscribed {
Image(systemName: "star.circle.fill")
}
VStack(alignment: .leading) {
Text(video!.channel.name)
.font(.system(size: 13))
.bold()
if let subscribers = video!.channel.subscriptionsString {
Text("\(subscribers) subscribers")
.font(.caption2)
}
}
}
.foregroundColor(.secondary)
2021-10-20 22:21:50 +00:00
if accounts.app.supportsSubscriptions {
Spacer()
2021-10-20 22:21:50 +00:00
Section {
if subscribed {
Button("Unsubscribe") {
2021-11-28 14:37:55 +00:00
presentingUnsubscribeAlert = true
2021-10-20 22:21:50 +00:00
}
#if os(iOS)
2021-11-28 14:37:55 +00:00
.backport
2021-11-08 16:29:35 +00:00
.tint(.gray)
2021-10-20 22:21:50 +00:00
#endif
2021-11-28 14:37:55 +00:00
.alert(isPresented: $presentingUnsubscribeAlert) {
Alert(
title: Text(
"Are you you want to unsubscribe from \(video!.channel.name)?"
),
primaryButton: .destructive(Text("Unsubscribe")) {
subscriptions.unsubscribe(video!.channel.id)
withAnimation {
subscribed.toggle()
}
},
secondaryButton: .cancel()
)
2021-10-20 22:21:50 +00:00
}
} else {
Button("Subscribe") {
subscriptions.subscribe(video!.channel.id)
withAnimation {
subscribed.toggle()
}
}
2021-11-28 14:37:55 +00:00
.backport
2021-10-20 22:21:50 +00:00
.tint(.blue)
}
2021-08-25 22:12:59 +00:00
}
2021-10-20 22:21:50 +00:00
.font(.system(size: 13))
.buttonStyle(.borderless)
2021-08-25 22:12:59 +00:00
}
}
}
}
}
2021-08-25 22:12:59 +00:00
var pagePicker: some View {
Picker("Page", selection: $currentPage) {
2021-11-03 23:00:17 +00:00
if !video.isNil {
2021-12-04 19:35:41 +00:00
Text("Info").tag(Page.info)
if !sidebarQueue {
Text("Related").tag(Page.related)
}
if CommentsModel.enabled {
Text("Comments")
.tag(Page.comments)
}
}
if !sidebarQueue {
Text("Queue").tag(Page.queue)
2021-11-03 23:00:17 +00:00
}
}
2021-11-03 23:00:17 +00:00
.labelsHidden()
.pickerStyle(.segmented)
.onDisappear {
2021-12-04 19:35:41 +00:00
currentPage = .info
}
}
var publishedDateSection: some View {
Group {
if let video = player.currentVideo {
HStack(spacing: 4) {
if let published = video.publishedDate {
Text(published)
}
2021-08-22 19:13:33 +00:00
2021-11-28 14:37:55 +00:00
if let date = video.publishedAt {
if video.publishedDate != nil {
Text("")
.foregroundColor(.secondary)
.opacity(0.3)
}
2021-11-28 14:37:55 +00:00
Text(formattedPublishedAt(date))
2021-08-22 19:13:33 +00:00
}
}
.font(.system(size: 12))
.padding(.bottom, -1)
.foregroundColor(.secondary)
2021-08-22 19:13:33 +00:00
}
}
}
2021-08-22 19:13:33 +00:00
2021-11-28 14:37:55 +00:00
func formattedPublishedAt(_ date: Date) -> String {
let dateFormatter = DateFormatter()
dateFormatter.dateStyle = .short
dateFormatter.timeStyle = .none
return dateFormatter.string(from: date)
}
var countsSection: some View {
Group {
if let video = player.currentVideo {
HStack {
2021-10-26 22:59:59 +00:00
ShareButton(
2021-11-10 22:05:59 +00:00
contentItem: contentItem,
2021-11-02 19:40:49 +00:00
presentingShareSheet: $presentingShareSheet,
shareURL: $shareURL
2021-10-26 22:59:59 +00:00
)
Spacer()
2021-08-25 22:12:59 +00:00
if let views = video.viewsCount {
2021-12-04 19:35:41 +00:00
videoDetail(label: "Views", value: views, symbol: "eye")
}
2021-08-25 22:12:59 +00:00
if let likes = video.likesCount {
Divider()
2021-08-22 19:13:33 +00:00
2021-12-04 19:35:41 +00:00
videoDetail(label: "Likes", value: likes, symbol: "hand.thumbsup")
}
2021-08-25 22:12:59 +00:00
if let dislikes = video.dislikesCount {
Divider()
2021-08-22 19:13:33 +00:00
2021-12-04 19:35:41 +00:00
videoDetail(label: "Dislikes", value: dislikes, symbol: "hand.thumbsdown")
}
2021-08-25 22:12:59 +00:00
Spacer()
2021-10-26 22:59:59 +00:00
if accounts.app.supportsUserPlaylists {
Button {
presentingAddToPlaylist = true
} label: {
Label("Add to Playlist", systemImage: "text.badge.plus")
.labelStyle(.iconOnly)
.help("Add to Playlist...")
}
.buttonStyle(.plain)
}
2021-08-22 19:13:33 +00:00
}
.frame(maxHeight: 35)
.foregroundColor(.secondary)
2021-08-22 19:13:33 +00:00
}
}
2021-11-30 22:58:11 +00:00
.background(
EmptyView().sheet(isPresented: $presentingAddToPlaylist) {
if let video = video {
AddToPlaylistView(video: video)
}
}
2021-11-30 22:58:11 +00:00
)
2021-10-26 22:59:59 +00:00
#if os(iOS)
2021-11-30 22:58:11 +00:00
.background(
EmptyView().sheet(isPresented: $presentingShareSheet) {
if let shareURL = shareURL {
ShareSheet(activityItems: [shareURL])
}
2021-11-13 15:45:47 +00:00
}
2021-11-30 22:58:11 +00:00
)
2021-10-26 22:59:59 +00:00
#endif
}
private var contentItem: ContentItem {
ContentItem(video: player.currentVideo!)
}
2021-08-25 22:12:59 +00:00
var detailsPage: some View {
Group {
if let video = player.currentItem?.video {
Group {
2021-10-20 22:21:50 +00:00
HStack {
publishedDateSection
Spacer()
}
2021-08-22 19:13:33 +00:00
Divider()
countsSection
2021-08-22 19:13:33 +00:00
}
Divider()
2021-08-22 19:13:33 +00:00
VStack(alignment: .leading, spacing: 10) {
2021-10-20 22:21:50 +00:00
if let description = video.description {
2021-11-28 14:37:55 +00:00
Group {
if #available(iOS 15.0, macOS 12.0, tvOS 15.0, *) {
Text(description)
.textSelection(.enabled)
} else {
Text(description)
}
}
.frame(maxWidth: .infinity, alignment: .leading)
2021-12-04 19:35:41 +00:00
.font(.system(size: 14))
.lineSpacing(3)
2021-11-28 14:37:55 +00:00
.padding(.bottom, 4)
2021-10-20 22:21:50 +00:00
} else {
Text("No description")
.foregroundColor(.secondary)
}
2021-08-22 19:13:33 +00:00
2021-11-03 23:14:09 +00:00
if showKeywords {
ScrollView(.horizontal, showsIndicators: showScrollIndicators) {
HStack {
ForEach(video.keywords, id: \.self) { keyword in
HStack(alignment: .center, spacing: 0) {
Text("#")
.font(.system(size: 11).bold())
2021-08-22 19:13:33 +00:00
2021-11-03 23:14:09 +00:00
Text(keyword)
.frame(maxWidth: 500)
}
.font(.caption)
.foregroundColor(.white)
.padding(.vertical, 4)
.padding(.horizontal, 8)
.background(Color("VideoDetailLikesSymbolColor"))
.mask(RoundedRectangle(cornerRadius: 3))
}
}
2021-11-03 23:14:09 +00:00
.padding(.bottom, 10)
}
2021-08-22 19:13:33 +00:00
}
}
}
}
.padding(.horizontal)
2021-08-25 22:12:59 +00:00
}
func videoDetail(label: String, value: String, symbol: String) -> some View {
VStack(spacing: 4) {
HStack(spacing: 2) {
Image(systemName: symbol)
Text(label.uppercased())
}
.font(.system(size: 9))
.opacity(0.6)
Text(value)
}
.frame(maxWidth: 100)
2021-08-22 19:13:33 +00:00
}
var showScrollIndicators: Bool {
#if os(macOS)
false
#else
true
#endif
}
}
2021-08-25 22:12:59 +00:00
struct VideoDetails_Previews: PreviewProvider {
static var previews: some View {
VideoDetails(sidebarQueue: .constant(true))
2021-09-29 11:45:00 +00:00
.injectFixtureEnvironmentObjects()
2021-08-22 19:13:33 +00:00
}
}