130 lines
3.9 KiB
Swift
130 lines
3.9 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
|
|
|
|
@ViewBuilder
|
|
private var listView: some View {
|
|
ScrollView {
|
|
LazyVStack {
|
|
ForEach(viewModel.servers, id: \.id) { server in
|
|
Button {
|
|
serverListRouter.route(to: \.userList, server)
|
|
} label: {
|
|
HStack {
|
|
Image(systemName: "server.rack")
|
|
.font(.system(size: 72))
|
|
.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)
|
|
}
|
|
|
|
Spacer()
|
|
}
|
|
}
|
|
.padding(.horizontal, 100)
|
|
.contextMenu {
|
|
Button(role: .destructive) {
|
|
viewModel.remove(server: server)
|
|
} label: {
|
|
Label("Remove", systemImage: "trash")
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.padding(.top, 50)
|
|
}
|
|
.padding(.top, 50)
|
|
}
|
|
|
|
@ViewBuilder
|
|
private var noServerView: some View {
|
|
VStack {
|
|
Text("Connect to a Jellyfin server to get started")
|
|
.frame(minWidth: 50, maxWidth: 500)
|
|
.multilineTextAlignment(.center)
|
|
.font(.body)
|
|
|
|
Button {
|
|
serverListRouter.route(to: \.connectToServer)
|
|
} label: {
|
|
L10n.connect.text
|
|
.bold()
|
|
.font(.callout)
|
|
.padding(.vertical)
|
|
.padding(.horizontal, 30)
|
|
.background(Color.jellyfinPurple)
|
|
}
|
|
.padding(.top, 40)
|
|
.buttonStyle(CardButtonStyle())
|
|
}
|
|
}
|
|
|
|
@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")
|
|
}
|
|
.contextMenu {
|
|
Button {
|
|
serverListRouter.route(to: \.basicAppSettings)
|
|
} label: {
|
|
Text("Settings")
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
var body: some View {
|
|
innerBody
|
|
.navigationTitle("Servers")
|
|
.toolbar {
|
|
ToolbarItemGroup(placement: .navigationBarTrailing) {
|
|
trailingToolbarContent
|
|
}
|
|
}
|
|
.onAppear {
|
|
viewModel.fetchServers()
|
|
}
|
|
}
|
|
}
|