2021-09-25 13:48:22 +05:30
|
|
|
import Defaults
|
|
|
|
import SwiftUI
|
|
|
|
|
2021-10-23 17:21:02 +05:30
|
|
|
struct AccountForm: View {
|
2021-09-25 13:48:22 +05:30
|
|
|
let instance: Instance
|
2021-10-21 03:51:50 +05:30
|
|
|
var selectedAccount: Binding<Account?>?
|
2021-09-25 13:48:22 +05:30
|
|
|
|
|
|
|
@State private var name = ""
|
2021-11-15 04:36:01 +05:30
|
|
|
@State private var username = ""
|
|
|
|
@State private var password = ""
|
2021-09-25 13:48:22 +05:30
|
|
|
|
2021-09-29 02:03:12 +05:30
|
|
|
@State private var isValid = false
|
|
|
|
@State private var isValidated = false
|
|
|
|
@State private var isValidating = false
|
2021-11-15 04:36:01 +05:30
|
|
|
@State private var validationError: String?
|
2021-09-27 01:42:43 +05:30
|
|
|
@State private var validationDebounce = Debounce()
|
2021-09-25 13:48:22 +05:30
|
|
|
|
|
|
|
@FocusState private var focused: Bool
|
|
|
|
|
|
|
|
@Environment(\.dismiss) private var dismiss
|
|
|
|
|
|
|
|
var body: some View {
|
|
|
|
VStack {
|
2021-09-28 23:36:05 +05:30
|
|
|
Group {
|
|
|
|
header
|
|
|
|
form
|
|
|
|
footer
|
|
|
|
}
|
|
|
|
.frame(maxWidth: 1000)
|
2021-09-27 01:42:43 +05:30
|
|
|
}
|
|
|
|
#if os(iOS)
|
2021-11-08 21:59:35 +05:30
|
|
|
.padding(.vertical)
|
2021-09-28 23:36:05 +05:30
|
|
|
#elseif os(tvOS)
|
2021-11-08 21:59:35 +05:30
|
|
|
.frame(minWidth: 0, maxWidth: .infinity, minHeight: 0, maxHeight: .infinity)
|
|
|
|
.background(.thickMaterial)
|
2021-09-27 01:42:43 +05:30
|
|
|
#else
|
2021-11-08 21:59:35 +05:30
|
|
|
.frame(width: 400, height: 145)
|
2021-09-27 01:42:43 +05:30
|
|
|
#endif
|
|
|
|
}
|
|
|
|
|
|
|
|
var header: some View {
|
|
|
|
HStack(alignment: .center) {
|
|
|
|
Text("Add Account")
|
|
|
|
.font(.title2.bold())
|
|
|
|
|
|
|
|
Spacer()
|
|
|
|
|
|
|
|
Button("Cancel") {
|
|
|
|
dismiss()
|
2021-09-25 13:48:22 +05:30
|
|
|
}
|
2021-09-27 01:42:43 +05:30
|
|
|
#if !os(tvOS)
|
2021-11-08 21:59:35 +05:30
|
|
|
.keyboardShortcut(.cancelAction)
|
2021-09-27 01:42:43 +05:30
|
|
|
#endif
|
|
|
|
}
|
|
|
|
.padding(.horizontal)
|
|
|
|
}
|
|
|
|
|
2021-09-28 23:36:05 +05:30
|
|
|
private var form: some View {
|
|
|
|
Group {
|
|
|
|
#if !os(tvOS)
|
|
|
|
Form {
|
|
|
|
formFields
|
|
|
|
#if os(macOS)
|
2021-11-08 21:59:35 +05:30
|
|
|
.padding(.horizontal)
|
2021-09-28 23:36:05 +05:30
|
|
|
#endif
|
|
|
|
}
|
|
|
|
#else
|
|
|
|
formFields
|
|
|
|
#endif
|
|
|
|
}
|
|
|
|
.onAppear(perform: initializeForm)
|
2021-11-15 04:36:01 +05:30
|
|
|
.onChange(of: username) { _ in validate() }
|
|
|
|
.onChange(of: password) { _ in validate() }
|
2021-09-28 23:36:05 +05:30
|
|
|
}
|
|
|
|
|
|
|
|
var formFields: some View {
|
|
|
|
Group {
|
2021-11-15 04:36:01 +05:30
|
|
|
if !instance.app.accountsUsePassword {
|
|
|
|
TextField("Name", text: $name, prompt: Text("Account Name (optional)"))
|
|
|
|
.focused($focused)
|
|
|
|
}
|
|
|
|
|
|
|
|
TextField("Username", text: $username, prompt: usernamePrompt)
|
2021-09-27 01:42:43 +05:30
|
|
|
|
2021-11-15 04:36:01 +05:30
|
|
|
if instance.app.accountsUsePassword {
|
|
|
|
SecureField("Password", text: $password, prompt: Text("Password"))
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
var usernamePrompt: Text {
|
|
|
|
switch instance.app {
|
|
|
|
case .invidious:
|
|
|
|
return Text("SID Cookie")
|
|
|
|
default:
|
|
|
|
return Text("Username")
|
2021-09-27 01:42:43 +05:30
|
|
|
}
|
|
|
|
}
|
2021-09-25 13:48:22 +05:30
|
|
|
|
2021-09-27 01:42:43 +05:30
|
|
|
var footer: some View {
|
|
|
|
HStack {
|
2021-11-15 04:36:01 +05:30
|
|
|
AccountValidationStatus(
|
|
|
|
isValid: $isValid,
|
|
|
|
isValidated: $isValidated,
|
|
|
|
isValidating: $isValidating,
|
|
|
|
error: $validationError
|
|
|
|
)
|
2021-09-25 13:48:22 +05:30
|
|
|
|
2021-09-27 01:42:43 +05:30
|
|
|
Spacer()
|
2021-09-25 13:48:22 +05:30
|
|
|
|
2021-09-27 01:42:43 +05:30
|
|
|
Button("Save", action: submitForm)
|
2021-09-29 02:03:12 +05:30
|
|
|
.disabled(!isValid)
|
2021-09-27 01:42:43 +05:30
|
|
|
#if !os(tvOS)
|
|
|
|
.keyboardShortcut(.defaultAction)
|
2021-09-25 13:48:22 +05:30
|
|
|
#endif
|
2021-09-27 01:42:43 +05:30
|
|
|
}
|
|
|
|
.frame(minHeight: 35)
|
2021-09-28 23:36:05 +05:30
|
|
|
#if os(tvOS)
|
|
|
|
.padding(.top, 30)
|
|
|
|
#endif
|
2021-11-08 21:59:35 +05:30
|
|
|
.padding(.horizontal)
|
2021-09-27 01:42:43 +05:30
|
|
|
}
|
2021-09-25 13:48:22 +05:30
|
|
|
|
2021-09-27 01:42:43 +05:30
|
|
|
private func initializeForm() {
|
2021-09-25 13:48:22 +05:30
|
|
|
focused = true
|
|
|
|
}
|
|
|
|
|
2021-09-27 01:42:43 +05:30
|
|
|
private func validate() {
|
2021-11-08 03:09:28 +05:30
|
|
|
isValid = false
|
2021-09-27 01:42:43 +05:30
|
|
|
validationDebounce.invalidate()
|
|
|
|
|
2021-11-15 04:36:01 +05:30
|
|
|
let passwordIsValid = instance.app.accountsUsePassword ? !password.isEmpty : true
|
|
|
|
|
|
|
|
guard !username.isEmpty, passwordIsValid else {
|
2021-09-25 13:48:22 +05:30
|
|
|
validator.reset()
|
|
|
|
return
|
|
|
|
}
|
|
|
|
|
2021-09-29 02:03:12 +05:30
|
|
|
isValidating = true
|
|
|
|
|
|
|
|
validationDebounce.debouncing(1) {
|
2021-11-15 04:36:01 +05:30
|
|
|
validator.validateAccount()
|
2021-09-27 01:42:43 +05:30
|
|
|
}
|
2021-09-25 13:48:22 +05:30
|
|
|
}
|
|
|
|
|
2021-09-27 01:42:43 +05:30
|
|
|
private func submitForm() {
|
2021-09-29 02:03:12 +05:30
|
|
|
guard isValid else {
|
2021-09-25 13:48:22 +05:30
|
|
|
return
|
|
|
|
}
|
|
|
|
|
2021-11-15 04:36:01 +05:30
|
|
|
let account = AccountsModel.add(instance: instance, name: name, username: username, password: password)
|
2021-09-25 13:48:22 +05:30
|
|
|
selectedAccount?.wrappedValue = account
|
|
|
|
|
|
|
|
dismiss()
|
|
|
|
}
|
|
|
|
|
2021-09-27 01:42:43 +05:30
|
|
|
private var validator: AccountValidator {
|
|
|
|
AccountValidator(
|
2021-10-17 04:18:58 +05:30
|
|
|
app: .constant(instance.app),
|
2021-10-28 02:41:38 +05:30
|
|
|
url: instance.apiURL,
|
2021-11-15 04:36:01 +05:30
|
|
|
account: Account(instanceID: instance.id, url: instance.apiURL, username: username, password: password),
|
|
|
|
id: $username,
|
2021-09-29 02:03:12 +05:30
|
|
|
isValid: $isValid,
|
|
|
|
isValidated: $isValidated,
|
2021-11-15 04:36:01 +05:30
|
|
|
isValidating: $isValidating,
|
|
|
|
error: $validationError
|
2021-09-25 13:48:22 +05:30
|
|
|
)
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
struct AccountFormView_Previews: PreviewProvider {
|
|
|
|
static var previews: some View {
|
2021-10-23 17:21:02 +05:30
|
|
|
AccountForm(instance: Instance.fixture)
|
2021-09-25 13:48:22 +05:30
|
|
|
}
|
|
|
|
}
|