74 lines
3.1 KiB
Swift
74 lines
3.1 KiB
Swift
/* JellyfinPlayer/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 2021 Aiden Vigue & Jellyfin Contributors
|
|
*/
|
|
|
|
import Combine
|
|
import JellyfinAPI
|
|
import SwiftUI
|
|
|
|
struct LibrarySearchView: View {
|
|
@StateObject var viewModel: LibrarySearchViewModel
|
|
@State var searchQuery = ""
|
|
// MARK: tracks for grid
|
|
|
|
@State private var tracks: [GridItem] = Array(repeating: .init(.flexible()), count: Int(UIScreen.main.bounds.size.width) / 125)
|
|
|
|
func recalcTracks() {
|
|
tracks = Array(repeating: .init(.flexible()), count: Int(UIScreen.main.bounds.size.width) / 125)
|
|
}
|
|
|
|
var body: some View {
|
|
VStack {
|
|
Spacer().frame(height: 6)
|
|
SearchBar(text: $searchQuery)
|
|
ZStack {
|
|
ScrollView(.vertical) {
|
|
if !viewModel.items.isEmpty {
|
|
Spacer().frame(height: 16)
|
|
LazyVGrid(columns: tracks) {
|
|
ForEach(viewModel.items, id: \.id) { item in
|
|
NavigationLink(destination: ItemView(item: item)) {
|
|
VStack(alignment: .leading) {
|
|
ImageView(src: item.getPrimaryImage(maxWidth: 100), bh: item.getPrimaryImageBlurHash())
|
|
.frame(width: 100, height: 150)
|
|
.cornerRadius(10)
|
|
Text(item.name ?? "")
|
|
.font(.caption)
|
|
.fontWeight(.semibold)
|
|
.foregroundColor(.primary)
|
|
.lineLimit(1)
|
|
if item.productionYear != nil {
|
|
Text(String(item.productionYear!))
|
|
.foregroundColor(.secondary)
|
|
.font(.caption)
|
|
.fontWeight(.medium)
|
|
} else {
|
|
Text(item.type ?? "")
|
|
}
|
|
}.frame(width: 100)
|
|
}
|
|
}
|
|
Spacer().frame(height: 16)
|
|
}
|
|
.onRotate { _ in
|
|
recalcTracks()
|
|
}
|
|
} else if !viewModel.isLoading {
|
|
Text("No results :(")
|
|
}
|
|
}
|
|
if viewModel.isLoading {
|
|
ProgressView()
|
|
}
|
|
}
|
|
}
|
|
.onChange(of: searchQuery) { query in
|
|
viewModel.searchQuerySubject.send(query)
|
|
}
|
|
.navigationBarTitle("Search", displayMode: .inline)
|
|
}
|
|
}
|