// // 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 OrderedCollections import SwiftUI // TODO: trailing content refactor? struct PosterHStack: View { private var title: String? private var type: PosterDisplayType private var items: Binding> private var content: (Item) -> any View private var imageOverlay: (Item) -> any View private var contextMenu: (Item) -> any View private var trailingContent: () -> any View private var onSelect: (Item) -> Void // See PosterButton for implementation reason private var focusedItem: Binding? var body: some View { VStack(alignment: .leading, spacing: 20) { if let title { HStack { Text(title) .font(.title2) .fontWeight(.semibold) .accessibility(addTraits: [.isHeader]) .padding(.leading, 50) Spacer() } } CollectionHStack( items, columns: type == .landscape ? 4 : 7 ) { item in PosterButton(item: item, type: type) .content { content(item).eraseToAnyView() } .imageOverlay { imageOverlay(item).eraseToAnyView() } .contextMenu { contextMenu(item).eraseToAnyView() } .onSelect { onSelect(item) } .ifLet(focusedItem) { view, focusedItem in view.onFocusChanged { isFocused in if isFocused { focusedItem.wrappedValue = item } } } } .clipsToBounds(false) .dataPrefix(20) .insets(horizontal: EdgeInsets.edgePadding, vertical: 20) .itemSpacing(EdgeInsets.edgePadding - 20) .scrollBehavior(.continuousLeadingEdge) } .focusSection() .mask { VStack(spacing: 0) { Color.white LinearGradient( stops: [ .init(color: .white, location: 0), .init(color: .clear, location: 1), ], startPoint: .top, endPoint: .bottom ) .frame(height: 20) } } } } extension PosterHStack { init( title: String? = nil, type: PosterDisplayType, items: Binding> ) { self.init( title: title, type: type, items: items, content: { PosterButton.TitleSubtitleContentView(item: $0) }, imageOverlay: { PosterButton.DefaultOverlay(item: $0) }, contextMenu: { _ in EmptyView() }, trailingContent: { EmptyView() }, onSelect: { _ in }, focusedItem: nil ) } init>( title: String? = nil, type: PosterDisplayType, items: S ) { self.init( title: title, type: type, items: .constant(OrderedSet(items)) ) } func content(@ViewBuilder _ content: @escaping (Item) -> any View) -> Self { copy(modifying: \.content, with: content) } func imageOverlay(@ViewBuilder _ content: @escaping (Item) -> any View) -> Self { copy(modifying: \.imageOverlay, with: content) } func contextMenu(@ViewBuilder _ content: @escaping (Item) -> any View) -> Self { copy(modifying: \.contextMenu, with: content) } func trailing(@ViewBuilder _ content: @escaping () -> any View) -> Self { copy(modifying: \.trailingContent, with: content) } func onSelect(_ action: @escaping (Item) -> Void) -> Self { copy(modifying: \.onSelect, with: action) } func focusedItem(_ binding: Binding) -> Self { copy(modifying: \.focusedItem, with: binding) } }