127 lines
4.0 KiB
Swift
127 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 2021 Aiden Vigue & Jellyfin Contributors
|
|
*/
|
|
|
|
import CoreStore
|
|
import SwiftUI
|
|
|
|
struct ServerListView: View {
|
|
|
|
@EnvironmentObject var serverListRouter: ServerListCoordinator.Router
|
|
@ObservedObject var viewModel: ServerListViewModel
|
|
|
|
private var listView: some View {
|
|
ScrollView {
|
|
LazyVStack {
|
|
ForEach(viewModel.servers, id: \.id) { server in
|
|
Button {
|
|
serverListRouter.route(to: \.userList, server)
|
|
} label: {
|
|
ZStack(alignment: Alignment.leading) {
|
|
Rectangle()
|
|
.foregroundColor(Color(UIColor.secondarySystemFill))
|
|
.frame(height: 100)
|
|
.cornerRadius(10)
|
|
|
|
HStack(spacing: 10) {
|
|
Image(systemName: "server.rack")
|
|
.font(.system(size: 36))
|
|
.foregroundColor(.primary)
|
|
|
|
VStack(alignment: .leading, spacing: 5) {
|
|
Text(server.name)
|
|
.font(.title2)
|
|
.foregroundColor(.primary)
|
|
|
|
Text(server.currentURI)
|
|
.font(.footnote)
|
|
.disabled(true)
|
|
.foregroundColor(.secondary)
|
|
|
|
Text(viewModel.userTextFor(server: server))
|
|
.font(.footnote)
|
|
.foregroundColor(.primary)
|
|
}
|
|
}.padding([.leading])
|
|
}
|
|
.padding()
|
|
}
|
|
.contextMenu {
|
|
Button(role: .destructive) {
|
|
viewModel.remove(server: server)
|
|
} label: {
|
|
Label("Remove", systemImage: "trash")
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
private var noServerView: some View {
|
|
VStack {
|
|
Text("Connect to a Jellyfin server to get started")
|
|
.frame(minWidth: 50, maxWidth: 240)
|
|
.multilineTextAlignment(.center)
|
|
|
|
PrimaryButtonView(title: L10n.connect.stringValue) {
|
|
serverListRouter.route(to: \.connectToServer)
|
|
}
|
|
}
|
|
}
|
|
|
|
@ViewBuilder
|
|
private var innerBody: some View {
|
|
if viewModel.servers.isEmpty {
|
|
noServerView
|
|
.offset(y: -50)
|
|
} else {
|
|
listView
|
|
}
|
|
}
|
|
|
|
@ViewBuilder
|
|
private var trailingToolbarContent: some View {
|
|
if viewModel.servers.isEmpty {
|
|
EmptyView()
|
|
} else {
|
|
Button {
|
|
serverListRouter.route(to: \.connectToServer)
|
|
} label: {
|
|
Image(systemName: "plus.circle.fill")
|
|
}
|
|
}
|
|
}
|
|
|
|
private var leadingToolbarContent: some View {
|
|
Button {
|
|
serverListRouter.route(to: \.basicAppSettings)
|
|
} label: {
|
|
Image(systemName: "gearshape.fill")
|
|
}
|
|
}
|
|
|
|
var body: some View {
|
|
innerBody
|
|
.navigationTitle("Servers")
|
|
.toolbar {
|
|
ToolbarItemGroup(placement: .navigationBarTrailing) {
|
|
trailingToolbarContent
|
|
}
|
|
}
|
|
.toolbar(content: {
|
|
ToolbarItemGroup(placement: .navigationBarLeading) {
|
|
leadingToolbarContent
|
|
}
|
|
})
|
|
.onAppear {
|
|
viewModel.fetchServers()
|
|
}
|
|
}
|
|
}
|