137 lines
4.0 KiB
Swift
137 lines
4.0 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 CollectionVGrid
|
|
import SwiftUI
|
|
|
|
struct ServerListView: View {
|
|
|
|
@EnvironmentObject
|
|
private var router: ServerListCoordinator.Router
|
|
|
|
@ObservedObject
|
|
var viewModel: ServerListViewModel
|
|
|
|
@State
|
|
private var longPressedServer: SwiftfinStore.State.Server?
|
|
|
|
@ViewBuilder
|
|
private var listView: some View {
|
|
CollectionVGrid(
|
|
viewModel.servers,
|
|
layout: .columns(
|
|
1,
|
|
insets: EdgeInsets.DefaultEdgeInsets,
|
|
itemSpacing: EdgeInsets.defaultEdgePadding,
|
|
lineSpacing: EdgeInsets.defaultEdgePadding
|
|
)
|
|
) { server in
|
|
ServerButton(server: server)
|
|
.onSelect {
|
|
router.route(to: \.userList, server)
|
|
}
|
|
.onLongPressGesture {
|
|
longPressedServer = server
|
|
}
|
|
}
|
|
}
|
|
|
|
@ViewBuilder
|
|
private var noServerView: some View {
|
|
VStack(spacing: 50) {
|
|
L10n.connectToJellyfinServerStart.text
|
|
.frame(maxWidth: 500)
|
|
.multilineTextAlignment(.center)
|
|
.font(.body)
|
|
|
|
Button {
|
|
router.route(to: \.connectToServer)
|
|
} label: {
|
|
L10n.connect.text
|
|
.bold()
|
|
.font(.callout)
|
|
.frame(width: 400, height: 75)
|
|
.background(Color.jellyfinPurple)
|
|
}
|
|
.buttonStyle(.card)
|
|
}
|
|
}
|
|
|
|
@ViewBuilder
|
|
private var innerBody: some View {
|
|
if viewModel.servers.isEmpty {
|
|
noServerView
|
|
.offset(y: -50)
|
|
} else {
|
|
listView
|
|
}
|
|
}
|
|
|
|
var body: some View {
|
|
HStack {
|
|
VStack {
|
|
Image(.jellyfinBlobBlue)
|
|
.resizable()
|
|
.aspectRatio(contentMode: .fit)
|
|
.frame(maxWidth: 400)
|
|
|
|
Button {
|
|
router.route(to: \.connectToServer)
|
|
} label: {
|
|
L10n.connect.text
|
|
.bold()
|
|
.font(.callout)
|
|
.frame(width: 400, height: 75)
|
|
.background(Color.jellyfinPurple)
|
|
}
|
|
.buttonStyle(.card)
|
|
}
|
|
.frame(maxWidth: .infinity)
|
|
|
|
innerBody
|
|
.frame(maxWidth: .infinity)
|
|
}
|
|
.onAppear {
|
|
viewModel.fetchServers()
|
|
}
|
|
}
|
|
|
|
// var body: some View {
|
|
// innerBody
|
|
// .navigationTitle(L10n.servers)
|
|
// .if(viewModel.servers.isNotEmpty) { view in
|
|
// view.toolbar {
|
|
// ToolbarItem(placement: .topBarTrailing) {
|
|
// SFSymbolButton(systemName: "plus.circle.fill")
|
|
// .onSelect {
|
|
// router.route(to: \.connectToServer)
|
|
// }
|
|
// }
|
|
// }
|
|
// }
|
|
//// .toolbar {
|
|
//// ToolbarItem(placement: .navigationBarLeading) {
|
|
//// SFSymbolButton(systemName: "gearshape.fill")
|
|
//// .onSelect {
|
|
//// router.route(to: \.basicAppSettings)
|
|
//// }
|
|
//// }
|
|
//// }
|
|
// .alert(item: $longPressedServer) { server in
|
|
// Alert(
|
|
// title: Text(server.name),
|
|
// primaryButton: .destructive(L10n.remove.text, action: { viewModel.remove(server: server) }),
|
|
// secondaryButton: .cancel()
|
|
// )
|
|
// }
|
|
// .onAppear {
|
|
// viewModel.fetchServers()
|
|
// }
|
|
// }
|
|
}
|