212 lines
6.3 KiB
Swift
212 lines
6.3 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 JellyfinAPI
|
|
import Stinsen
|
|
import SwiftUI
|
|
|
|
struct UserSignInView: View {
|
|
|
|
enum FocusedField {
|
|
case username
|
|
case password
|
|
}
|
|
|
|
@FocusState
|
|
private var focusedField: FocusedField?
|
|
|
|
@ObservedObject
|
|
var viewModel: UserSignInViewModel
|
|
|
|
@State
|
|
private var isPresentingQuickConnect: Bool = false
|
|
@State
|
|
private var password: String = ""
|
|
@State
|
|
private var signInError: Error?
|
|
@State
|
|
private var signInTask: Task<Void, Never>?
|
|
@State
|
|
private var username: String = ""
|
|
|
|
@ViewBuilder
|
|
private var signInForm: some View {
|
|
VStack(alignment: .leading) {
|
|
Section {
|
|
TextField(L10n.username, text: $username)
|
|
.disableAutocorrection(true)
|
|
.autocapitalization(.none)
|
|
.focused($focusedField, equals: .username)
|
|
|
|
SecureField(L10n.password, text: $password)
|
|
.disableAutocorrection(true)
|
|
.autocapitalization(.none)
|
|
.focused($focusedField, equals: .password)
|
|
|
|
Button {
|
|
let task = Task {
|
|
viewModel.isLoading = true
|
|
|
|
do {
|
|
try await viewModel.signIn(username: username, password: password)
|
|
} catch {
|
|
signInError = error
|
|
}
|
|
|
|
viewModel.isLoading = false
|
|
}
|
|
|
|
signInTask = task
|
|
} label: {
|
|
HStack {
|
|
if viewModel.isLoading {
|
|
ProgressView()
|
|
}
|
|
|
|
L10n.connect.text
|
|
.bold()
|
|
.font(.callout)
|
|
}
|
|
.frame(height: 75)
|
|
.frame(maxWidth: .infinity)
|
|
.background(viewModel.isLoading || username.isEmpty ? .secondary : Color.jellyfinPurple)
|
|
}
|
|
.disabled(viewModel.isLoading || username.isEmpty)
|
|
.buttonStyle(.card)
|
|
|
|
Button {
|
|
isPresentingQuickConnect = true
|
|
} label: {
|
|
L10n.quickConnect.text
|
|
.frame(height: 75)
|
|
.frame(maxWidth: .infinity)
|
|
.background(Color.jellyfinPurple)
|
|
}
|
|
.buttonStyle(.card)
|
|
} header: {
|
|
L10n.signInToServer(viewModel.server.name).text
|
|
}
|
|
}
|
|
}
|
|
|
|
@ViewBuilder
|
|
private var publicUsersGrid: some View {
|
|
VStack {
|
|
L10n.publicUsers.text
|
|
.font(.title3)
|
|
.fontWeight(.semibold)
|
|
.frame(maxWidth: .infinity)
|
|
|
|
if viewModel.publicUsers.isEmpty {
|
|
L10n.noPublicUsers.text
|
|
.font(.callout)
|
|
.foregroundColor(.secondary)
|
|
.frame(maxWidth: .infinity, maxHeight: .infinity)
|
|
.offset(y: -50)
|
|
} else {
|
|
CollectionVGrid(
|
|
viewModel.publicUsers,
|
|
layout: .minWidth(250, insets: .init(20), itemSpacing: 20, lineSpacing: 20)
|
|
) { user in
|
|
UserProfileButton(user: user)
|
|
.onSelect {
|
|
username = user.name ?? ""
|
|
focusedField = .password
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
@ViewBuilder
|
|
private var quickConnect: some View {
|
|
VStack(alignment: .center) {
|
|
L10n.quickConnect.text
|
|
.font(.title3)
|
|
.fontWeight(.semibold)
|
|
|
|
VStack(alignment: .leading, spacing: 20) {
|
|
L10n.quickConnectStep1.text
|
|
|
|
L10n.quickConnectStep2.text
|
|
|
|
L10n.quickConnectStep3.text
|
|
}
|
|
.padding(.vertical)
|
|
|
|
Text(viewModel.quickConnectCode ?? "------")
|
|
.tracking(10)
|
|
.font(.title)
|
|
.monospacedDigit()
|
|
.frame(maxWidth: .infinity)
|
|
|
|
Button {
|
|
isPresentingQuickConnect = false
|
|
} label: {
|
|
L10n.close.text
|
|
.frame(width: 400, height: 75)
|
|
}
|
|
.buttonStyle(.plain)
|
|
}
|
|
.onAppear {
|
|
Task {
|
|
for await result in viewModel.startQuickConnect() {
|
|
guard let secret = result.secret else { continue }
|
|
try? await viewModel.signIn(quickConnectSecret: secret)
|
|
}
|
|
}
|
|
}
|
|
.onDisappear {
|
|
viewModel.stopQuickConnectAuthCheck()
|
|
}
|
|
}
|
|
|
|
var body: some View {
|
|
ZStack {
|
|
|
|
ImageView(viewModel.userSession.client.fullURL(with: Paths.getSplashscreen()))
|
|
.ignoresSafeArea()
|
|
|
|
Color.black
|
|
.opacity(0.9)
|
|
.ignoresSafeArea()
|
|
|
|
HStack(alignment: .top) {
|
|
signInForm
|
|
.frame(maxWidth: .infinity)
|
|
|
|
publicUsersGrid
|
|
.frame(maxWidth: .infinity)
|
|
}
|
|
.edgesIgnoringSafeArea(.bottom)
|
|
}
|
|
.navigationTitle(L10n.signIn)
|
|
// .alert(item: $viewModel.errorMessage) { _ in
|
|
// Alert(
|
|
// title: Text(viewModel.alertTitle),
|
|
// message: Text(viewModel.errorMessage?.message ?? L10n.unknownError),
|
|
// dismissButton: .cancel()
|
|
// )
|
|
// }
|
|
.blurFullScreenCover(isPresented: $isPresentingQuickConnect) {
|
|
quickConnect
|
|
}
|
|
.onAppear {
|
|
Task {
|
|
try? await viewModel.checkQuickConnect()
|
|
try? await viewModel.getPublicUsers()
|
|
}
|
|
}
|
|
.onDisappear {
|
|
viewModel.isLoading = false
|
|
viewModel.stopQuickConnectAuthCheck()
|
|
}
|
|
}
|
|
}
|