yattee/Shared/Trending/TrendingView.swift

288 lines
8.1 KiB
Swift
Raw Normal View History

import Defaults
2021-06-28 10:43:07 +00:00
import Siesta
2021-06-17 10:02:39 +00:00
import SwiftUI
struct TrendingView: View {
2021-09-25 08:18:22 +00:00
@StateObject private var store = Store<[Video]>()
2021-09-29 11:45:00 +00:00
private var videos = [Video]()
2021-09-25 08:18:22 +00:00
@Default(.trendingCategory) private var category
@Default(.trendingCountry) private var country
2022-12-12 00:18:29 +00:00
@Default(.trendingListingStyle) private var trendingListingStyle
2021-09-25 08:18:22 +00:00
@State private var presentingCountrySelection = false
2021-06-17 10:02:39 +00:00
2021-11-01 21:56:18 +00:00
@State private var favoriteItem: FavoriteItem?
@ObservedObject private var accounts = AccountsModel.shared
2021-06-26 09:39:35 +00:00
2021-11-01 21:56:18 +00:00
var trending: [ContentItem] {
ContentItem.array(of: store.collection)
}
2022-12-16 08:35:10 +00:00
@State private var error: RequestError?
init(_ videos: [Video] = [Video]()) {
self.videos = videos
}
var resource: Resource {
let newResource: Resource
newResource = accounts.api.trending(country: country, category: category)
newResource.addObserver(store)
return newResource
}
2021-06-17 10:02:39 +00:00
var body: some View {
Section {
VerticalCells(items: trending) { if shouldDisplayHeader { header } }
.environment(\.listingStyle, trendingListingStyle)
}
.toolbar {
ToolbarItem {
RequestErrorButton(error: error)
2023-05-26 23:14:48 +00:00
}
#if os(macOS)
ToolbarItemGroup {
if let favoriteItem {
FavoriteButton(item: favoriteItem)
.id(favoriteItem.id)
}
categoryButton
countryButton
}
#endif
}
.onChange(of: resource) { _ in
resource.load()
.onFailure { self.error = $0 }
.onSuccess { _ in self.error = nil }
updateFavoriteItem()
}
.onAppear {
resource.loadIfNeeded()?
.onFailure { self.error = $0 }
.onSuccess { _ in self.error = nil }
updateFavoriteItem()
}
#if os(tvOS)
.fullScreenCover(isPresented: $presentingCountrySelection) {
TrendingCountry(selectedCountry: $country)
}
#else
.sheet(isPresented: $presentingCountrySelection) {
2021-11-08 16:29:35 +00:00
TrendingCountry(selectedCountry: $country)
#if os(macOS)
.frame(minWidth: 400, minHeight: 400)
#endif
}
2022-01-06 23:00:40 +00:00
.background(
Button("Refresh") {
resource.load()
2022-12-16 08:35:10 +00:00
.onFailure { self.error = $0 }
.onSuccess { _ in self.error = nil }
2022-01-06 23:00:40 +00:00
}
.keyboardShortcut("r")
2022-01-07 11:12:56 +00:00
.opacity(0)
2022-01-06 23:00:40 +00:00
)
2021-11-08 16:29:35 +00:00
.navigationTitle("Trending")
2021-07-11 20:52:49 +00:00
#endif
#if os(iOS)
.refreshControl { refreshControl in
resource.load().onCompletion { _ in
refreshControl.endRefreshing()
}
}
2022-09-02 17:02:19 +00:00
.backport
.refreshable {
DispatchQueue.main.async {
resource.load()
2022-12-16 08:35:10 +00:00
.onFailure { self.error = $0 }
.onSuccess { _ in self.error = nil }
2022-09-02 17:02:19 +00:00
}
}
2022-12-10 01:19:36 +00:00
.navigationBarTitleDisplayMode(.inline)
.toolbar {
ToolbarItem(placement: .principal) {
trendingMenu
}
}
#endif
2022-12-12 00:18:29 +00:00
#if os(macOS)
.toolbar {
ToolbarItem {
ListingStyleButtons(listingStyle: $trendingListingStyle)
}
2023-02-25 15:42:18 +00:00
ToolbarItem {
HideWatchedButtons()
}
2023-02-25 15:42:18 +00:00
ToolbarItem {
2023-05-23 16:54:53 +00:00
HideShortsButtons()
2023-02-25 15:42:18 +00:00
}
2022-08-28 18:00:43 +00:00
}
2022-12-12 00:18:29 +00:00
#else
2023-05-07 19:45:18 +00:00
.onReceive(NotificationCenter.default.publisher(for: UIApplication.willEnterForegroundNotification)) { _ in
resource.loadIfNeeded()?
.onFailure { self.error = $0 }
2022-12-16 08:35:10 +00:00
.onSuccess { _ in self.error = nil }
2022-12-12 00:18:29 +00:00
}
2022-08-28 18:00:43 +00:00
#endif
2021-06-17 10:02:39 +00:00
}
2021-11-10 22:05:59 +00:00
#if os(tvOS)
private var toolbar: some View {
HStack {
if accounts.app.supportsTrendingCategories {
HStack {
Text("Category")
.foregroundColor(.secondary)
2021-09-25 08:18:22 +00:00
2021-11-10 22:05:59 +00:00
categoryButton
}
2021-10-20 22:21:50 +00:00
}
2021-09-25 08:18:22 +00:00
2021-11-10 22:05:59 +00:00
HStack {
Text("Country")
.foregroundColor(.secondary)
2021-11-01 21:56:18 +00:00
2021-11-10 22:05:59 +00:00
countryButton
2021-11-01 21:56:18 +00:00
}
2021-11-10 22:05:59 +00:00
2022-11-10 21:51:30 +00:00
if let favoriteItem {
FavoriteButton(item: favoriteItem)
.id(favoriteItem.id)
.labelStyle(.iconOnly)
}
2021-11-10 22:05:59 +00:00
}
2021-09-25 08:18:22 +00:00
}
2021-11-10 22:05:59 +00:00
#endif
2021-09-25 08:18:22 +00:00
2022-12-10 01:19:36 +00:00
#if os(iOS)
var trendingMenu: some View {
Menu {
countryButton
2022-12-11 22:15:56 +00:00
categoryButton
2022-12-11 22:15:56 +00:00
2022-12-12 00:18:29 +00:00
ListingStyleButtons(listingStyle: $trendingListingStyle)
2023-02-25 15:42:18 +00:00
Section {
HideWatchedButtons()
2023-05-23 16:54:53 +00:00
HideShortsButtons()
2023-02-25 15:42:18 +00:00
}
2022-12-11 22:15:56 +00:00
Section {
SettingsButtons()
}
2022-12-10 01:19:36 +00:00
} label: {
HStack(spacing: 12) {
Text("\(country.flag) \(country.name)")
.font(.headline)
.foregroundColor(.primary)
Image(systemName: "chevron.down.circle.fill")
.foregroundColor(.accentColor)
.imageScale(.small)
}
.frame(maxWidth: 320)
}
}
#endif
@ViewBuilder private var categoryButton: some View {
if accounts.app.supportsTrendingCategories {
#if os(tvOS)
Button(category.name) {
self.category = category.next()
}
.contextMenu {
ForEach(TrendingCategory.allCases) { category in
Button(category.controlLabel) { self.category = category }
}
2021-09-29 12:36:52 +00:00
Button("Cancel", role: .cancel) {}
}
2021-09-25 08:18:22 +00:00
#else
Picker(category.controlLabel, selection: $category) {
ForEach(TrendingCategory.allCases) { category in
Label(category.controlLabel, systemImage: category.systemImage).tag(category)
}
}
#endif
}
}
2021-11-01 21:56:18 +00:00
private var countryButton: some View {
Button(action: {
2021-09-25 08:18:22 +00:00
presentingCountrySelection.toggle()
resource.removeObservers(ownedBy: store)
}) {
2022-12-10 01:19:36 +00:00
#if os(iOS)
2022-12-15 22:52:00 +00:00
Label("Country", systemImage: "flag")
2022-12-10 01:19:36 +00:00
#else
Text("\(country.flag) \(country.id)")
#endif
}
}
2021-11-01 21:56:18 +00:00
private func updateFavoriteItem() {
favoriteItem = FavoriteItem(section: .trending(country.rawValue, category.rawValue))
}
var header: some View {
HStack {
Group {
categoryButton
countryButton
}
.font(.caption)
Spacer()
ListingStyleButtons(listingStyle: $trendingListingStyle)
HideWatchedButtons()
2023-05-23 16:54:53 +00:00
HideShortsButtons()
Button {
resource.load()
.onFailure { self.error = $0 }
.onSuccess { _ in self.error = nil }
} label: {
Label("Refresh", systemImage: "arrow.clockwise")
.labelStyle(.iconOnly)
.imageScale(.small)
.font(.caption)
}
}
.padding(.leading, 30)
.padding(.bottom, 15)
.padding(.trailing, 30)
}
var shouldDisplayHeader: Bool {
#if os(tvOS)
true
#else
false
#endif
}
2021-06-17 10:02:39 +00:00
}
struct TrendingView_Previews: PreviewProvider {
static var previews: some View {
2022-12-10 01:19:36 +00:00
NavigationView {
TrendingView(Video.allFixtures)
}
}
}