yattee/Shared/Settings/AccountForm.swift

194 lines
5.1 KiB
Swift
Raw Normal View History

2021-09-25 08:18:22 +00:00
import Defaults
import SwiftUI
2021-10-23 11:51:02 +00:00
struct AccountForm: View {
2021-09-25 08:18:22 +00:00
let instance: Instance
2021-10-20 22:21:50 +00:00
var selectedAccount: Binding<Account?>?
2021-09-25 08:18:22 +00:00
@State private var name = ""
@State private var username = ""
@State private var password = ""
2021-09-25 08:18:22 +00:00
@State private var isValid = false
@State private var isValidated = false
@State private var isValidating = false
@State private var validationError: String?
@State private var validationDebounce = Debounce()
2021-09-25 08:18:22 +00:00
@Environment(\.colorScheme) private var colorScheme
@Environment(\.openURL) private var openURL
2021-11-28 14:37:55 +00:00
@Environment(\.presentationMode) private var presentationMode
2021-09-25 08:18:22 +00:00
var body: some View {
VStack {
Group {
header
form
footer
}
.frame(maxWidth: 1000)
}
#if os(iOS)
2021-11-08 16:29:35 +00:00
.padding(.vertical)
#elseif os(tvOS)
2021-11-08 16:29:35 +00:00
.frame(minWidth: 0, maxWidth: .infinity, minHeight: 0, maxHeight: .infinity)
.background(Color.background(scheme: colorScheme))
#else
2021-11-08 16:29:35 +00:00
.frame(width: 400, height: 145)
#endif
}
var header: some View {
HStack(alignment: .center) {
Text("Add Account")
.font(.title2.bold())
Spacer()
Button("Cancel") {
2021-11-28 14:37:55 +00:00
presentationMode.wrappedValue.dismiss()
2021-09-25 08:18:22 +00:00
}
#if !os(tvOS)
2021-11-08 16:29:35 +00:00
.keyboardShortcut(.cancelAction)
#endif
}
.padding(.horizontal)
}
private var form: some View {
Group {
#if !os(tvOS)
Form {
formFields
#if os(macOS)
2021-11-08 16:29:35 +00:00
.padding(.horizontal)
#endif
#if os(iOS)
helpButton
#endif
}
#else
formFields
#endif
}
.onChange(of: username) { _ in validate() }
.onChange(of: password) { _ in validate() }
}
var helpButton: some View {
Group {
if instance.app == .invidious {
Button {
openURL(URL(string: "https://github.com/yattee/yattee/wiki/Adding-Invidious-instance-and-account")!)
} label: {
Label("How to add Invidious account?", systemImage: "questionmark.circle")
#if os(macOS)
.help("How to add Invidious account?")
.labelStyle(.iconOnly)
#endif
}
}
}
}
var formFields: some View {
Group {
if !instance.app.accountsUsePassword {
2021-11-28 14:37:55 +00:00
TextField("Name", text: $name)
}
2021-11-28 14:37:55 +00:00
TextField(usernamePrompt, text: $username)
if instance.app.accountsUsePassword {
2021-11-28 14:37:55 +00:00
SecureField("Password", text: $password)
}
}
}
2021-11-28 14:37:55 +00:00
var usernamePrompt: String {
switch instance.app {
case .invidious:
2021-11-28 14:37:55 +00:00
return "SID Cookie"
default:
2021-11-28 14:37:55 +00:00
return "Username"
}
}
2021-09-25 08:18:22 +00:00
var footer: some View {
HStack {
AccountValidationStatus(
isValid: $isValid,
isValidated: $isValidated,
isValidating: $isValidating,
error: $validationError
)
2021-09-25 08:18:22 +00:00
Spacer()
2021-09-25 08:18:22 +00:00
#if os(macOS)
helpButton
#endif
Button("Save", action: submitForm)
.disabled(!isValid)
#if !os(tvOS)
.keyboardShortcut(.defaultAction)
2021-09-25 08:18:22 +00:00
#endif
}
.frame(minHeight: 35)
#if os(tvOS)
.padding(.top, 30)
#endif
2021-11-08 16:29:35 +00:00
.padding(.horizontal)
}
2021-09-25 08:18:22 +00:00
private func validate() {
2021-11-07 21:39:28 +00:00
isValid = false
validationDebounce.invalidate()
let passwordIsValid = instance.app.accountsUsePassword ? !password.isEmpty : true
guard !username.isEmpty, passwordIsValid else {
2021-09-25 08:18:22 +00:00
validator.reset()
return
}
isValidating = true
validationDebounce.debouncing(1) {
validator.validateAccount()
}
2021-09-25 08:18:22 +00:00
}
private func submitForm() {
guard isValid else {
2021-09-25 08:18:22 +00:00
return
}
let account = AccountsModel.add(instance: instance, name: name, username: username, password: password)
2021-09-25 08:18:22 +00:00
selectedAccount?.wrappedValue = account
2021-11-28 14:37:55 +00:00
presentationMode.wrappedValue.dismiss()
2021-09-25 08:18:22 +00:00
}
private var validator: AccountValidator {
AccountValidator(
2021-10-16 22:48:58 +00:00
app: .constant(instance.app),
2021-10-27 21:11:38 +00:00
url: instance.apiURL,
account: Account(instanceID: instance.id, url: instance.apiURL, username: username, password: password),
id: $username,
isValid: $isValid,
isValidated: $isValidated,
isValidating: $isValidating,
error: $validationError
2021-09-25 08:18:22 +00:00
)
}
}
struct AccountFormView_Previews: PreviewProvider {
static var previews: some View {
2021-10-23 11:51:02 +00:00
AccountForm(instance: Instance.fixture)
2021-09-25 08:18:22 +00:00
}
}