yattee/Shared/Views/ChannelPlaylistView.swift

177 lines
4.9 KiB
Swift
Raw Normal View History

2021-10-22 23:04:03 +00:00
import Siesta
import SwiftUI
struct ChannelPlaylistView: View {
2022-05-29 19:09:57 +00:00
#if os(iOS)
static let hiddenOffset = max(UIScreen.main.bounds.height, UIScreen.main.bounds.width) + 100
#endif
var playlist: ChannelPlaylist?
2021-10-22 23:04:03 +00:00
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-10-26 22:59:59 +00:00
2022-05-29 19:09:57 +00:00
#if os(iOS)
@State private var viewVerticalOffset = Self.hiddenOffset
#endif
2021-10-22 23:04:03 +00:00
@StateObject private var store = Store<ChannelPlaylist>()
@Environment(\.colorScheme) private var colorScheme
2022-05-29 19:09:57 +00:00
@Environment(\.navigationStyle) private var navigationStyle
2021-10-22 23:04:03 +00:00
@EnvironmentObject<AccountsModel> private var accounts
2022-05-29 19:09:57 +00:00
@EnvironmentObject<NavigationModel> private var navigation
@EnvironmentObject<PlayerModel> private var player
2022-05-29 19:09:57 +00:00
@EnvironmentObject<RecentsModel> private var recents
2021-10-22 23:04:03 +00:00
2022-05-29 19:09:57 +00:00
private var items: [ContentItem] {
2021-10-22 23:04:03 +00:00
ContentItem.array(of: store.item?.videos ?? [])
}
2022-05-29 19:09:57 +00:00
private var presentedPlaylist: ChannelPlaylist? {
recents.presentedPlaylist ?? playlist
}
private var resource: Resource? {
guard let playlist = presentedPlaylist else {
return nil
}
let resource = accounts.api.channelPlaylist(playlist.id)
resource?.addObserver(store)
return resource
2021-10-22 23:04:03 +00:00
}
var body: some View {
2022-05-29 19:09:57 +00:00
if navigationStyle == .tab {
NavigationView {
BrowserPlayerControls {
content
}
}
#if os(iOS)
.onChange(of: navigation.presentingPlaylist) { newValue in
if newValue {
viewVerticalOffset = 0
resource?.load()
} else {
viewVerticalOffset = Self.hiddenOffset
}
}
.offset(y: viewVerticalOffset)
.animation(.easeIn(duration: 0.2), value: viewVerticalOffset)
#endif
} else {
BrowserPlayerControls {
content
}
}
2021-10-22 23:04:03 +00:00
}
var content: some View {
VStack(alignment: .leading) {
#if os(tvOS)
2021-11-01 21:56:18 +00:00
HStack {
Text(playlist.title)
.font(.title2)
.frame(alignment: .leading)
Spacer()
FavoriteButton(item: FavoriteItem(section: .channelPlaylist(playlist.id, playlist.title)))
.labelStyle(.iconOnly)
playButton
.labelStyle(.iconOnly)
shuffleButton
.labelStyle(.iconOnly)
2021-11-01 21:56:18 +00:00
}
2021-10-22 23:04:03 +00:00
#endif
VerticalCells(items: items)
.environment(\.inChannelPlaylistView, true)
2021-10-22 23:04:03 +00:00
}
2021-10-26 22:59:59 +00:00
#if os(iOS)
2021-11-08 16:29:35 +00:00
.sheet(isPresented: $presentingShareSheet) {
2021-11-13 15:45:47 +00:00
if let shareURL = shareURL {
ShareSheet(activityItems: [shareURL])
2021-10-26 22:59:59 +00:00
}
2021-11-08 16:29:35 +00:00
}
2021-10-26 22:59:59 +00:00
#endif
2021-10-22 23:04:03 +00:00
.onAppear {
resource?.loadIfNeeded()
}
#if os(tvOS)
.background(Color.background(scheme: colorScheme))
#else
2021-11-08 16:29:35 +00:00
.toolbar {
ToolbarItem(placement: .navigation) {
2022-05-29 19:09:57 +00:00
if navigationStyle == .tab {
Button("Done") {
navigation.presentingPlaylist = false
}
}
2021-11-08 16:29:35 +00:00
}
2021-10-26 22:59:59 +00:00
ToolbarItem(placement: playlistButtonsPlacement) {
HStack {
2022-05-29 19:09:57 +00:00
ShareButton(
contentItem: contentItem,
presentingShareSheet: $presentingShareSheet,
shareURL: $shareURL
)
if let playlist = presentedPlaylist {
FavoriteButton(item: FavoriteItem(section: .channelPlaylist(playlist.id, playlist.title)))
}
playButton
shuffleButton
}
2021-10-22 23:04:03 +00:00
}
2021-11-08 16:29:35 +00:00
}
2022-05-29 19:09:57 +00:00
.navigationTitle(presentedPlaylist?.title ?? "")
#endif
}
private var playlistButtonsPlacement: ToolbarItemPlacement {
#if os(iOS)
.navigationBarTrailing
2021-10-22 23:04:03 +00:00
#else
.automatic
2021-10-22 23:04:03 +00:00
#endif
}
2021-10-26 22:59:59 +00:00
private var playButton: some View {
Button {
player.play(videos)
} label: {
Label("Play All", systemImage: "play")
}
}
private var shuffleButton: some View {
Button {
player.play(videos, shuffling: true)
} label: {
Label("Shuffle", systemImage: "shuffle")
}
}
private var videos: [Video] {
items.compactMap(\.video)
}
2021-10-26 22:59:59 +00:00
private var contentItem: ContentItem {
ContentItem(playlist: playlist)
}
2021-10-22 23:04:03 +00:00
}
struct ChannelPlaylistView_Previews: PreviewProvider {
static var previews: some View {
ChannelPlaylistView(playlist: ChannelPlaylist.fixture)
.injectFixtureEnvironmentObjects()
}
}