jellyflood/Swiftfin/Views/HomeView/Components/ContinueWatchingView.swift

75 lines
2.4 KiB
Swift

//
// Swiftfin is subject to the terms of the Mozilla Public
// License, v2.0. If a copy of the MPL was not distributed with this
// file, you can obtain one at https://mozilla.org/MPL/2.0/.
//
// Copyright (c) 2024 Jellyfin & Jellyfin Contributors
//
import CollectionHStack
import JellyfinAPI
import OrderedCollections
import SwiftUI
extension HomeView {
struct ContinueWatchingView: View {
@EnvironmentObject
private var router: HomeCoordinator.Router
@ObservedObject
var viewModel: HomeViewModel
// TODO: see how this looks across multiple screen sizes
// alongside PosterHStack + landscape
// TODO: need better handling for iPadOS + portrait orientation
private var columnCount: CGFloat {
if UIDevice.isPhone {
1.5
} else {
3.5
}
}
var body: some View {
CollectionHStack(
uniqueElements: viewModel.resumeItems,
columns: columnCount
) { item in
PosterButton(item: item, type: .landscape)
.content {
if item.type == .episode {
PosterButton.EpisodeContentSubtitleContent(item: item)
} else {
PosterButton.TitleSubtitleContentView(item: item)
}
}
.contextMenu {
Button {
viewModel.send(.setIsPlayed(true, item))
} label: {
Label(L10n.played, systemImage: "checkmark.circle")
}
Button(role: .destructive) {
viewModel.send(.setIsPlayed(false, item))
} label: {
Label(L10n.unplayed, systemImage: "minus.circle")
}
}
.imageOverlay {
LandscapePosterProgressBar(
title: item.progressLabel ?? L10n.continue,
progress: (item.userData?.playedPercentage ?? 0) / 100
)
}
.onSelect {
router.route(to: \.item, item)
}
}
.scrollBehavior(.continuousLeadingEdge)
}
}
}