mirror of
https://github.com/yattee/yattee.git
synced 2024-12-13 13:50:32 +05:30
174 lines
4.6 KiB
Swift
174 lines
4.6 KiB
Swift
import Defaults
|
|
import SwiftUI
|
|
|
|
struct AccountForm: View {
|
|
let instance: Instance
|
|
var selectedAccount: Binding<Account?>?
|
|
|
|
@State private var name = ""
|
|
@State private var username = ""
|
|
@State private var password = ""
|
|
|
|
@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()
|
|
|
|
@Environment(\.colorScheme) private var colorScheme
|
|
@Environment(\.openURL) private var openURL
|
|
@Environment(\.presentationMode) private var presentationMode
|
|
|
|
var body: some View {
|
|
VStack {
|
|
Group {
|
|
header
|
|
form
|
|
#if os(macOS)
|
|
VStack {
|
|
validationStatus
|
|
}
|
|
.frame(minHeight: 60, alignment: .topLeading)
|
|
.padding(.horizontal, 15)
|
|
#endif
|
|
footer
|
|
}
|
|
.frame(maxWidth: 1000)
|
|
}
|
|
#if os(iOS)
|
|
.padding(.vertical)
|
|
#elseif os(tvOS)
|
|
.frame(minWidth: 0, maxWidth: .infinity, minHeight: 0, maxHeight: .infinity)
|
|
.background(Color.background(scheme: colorScheme))
|
|
#else
|
|
.frame(width: 400, height: 180)
|
|
.padding(.vertical)
|
|
#endif
|
|
}
|
|
|
|
var header: some View {
|
|
HStack {
|
|
Text("Add Account")
|
|
.font(.title2.bold())
|
|
|
|
Spacer()
|
|
|
|
Button("Cancel") {
|
|
presentationMode.wrappedValue.dismiss()
|
|
}
|
|
#if !os(tvOS)
|
|
.keyboardShortcut(.cancelAction)
|
|
#endif
|
|
}
|
|
.padding(.horizontal)
|
|
}
|
|
|
|
private var form: some View {
|
|
Group {
|
|
#if !os(tvOS)
|
|
Form {
|
|
formFields
|
|
#if os(macOS)
|
|
.padding(.horizontal)
|
|
#endif
|
|
}
|
|
#else
|
|
formFields
|
|
#endif
|
|
}
|
|
.onChange(of: username) { _ in validate() }
|
|
.onChange(of: password) { _ in validate() }
|
|
}
|
|
|
|
@ViewBuilder var formFields: some View {
|
|
TextField("Username", text: $username)
|
|
SecureField("Password", text: $password)
|
|
|
|
#if os(tvOS)
|
|
VStack {
|
|
validationStatus
|
|
}
|
|
.frame(minHeight: 100)
|
|
#elseif os(iOS)
|
|
validationStatus
|
|
#endif
|
|
}
|
|
|
|
@ViewBuilder var validationStatus: some View {
|
|
if !username.isEmpty && !password.isEmpty {
|
|
Section {
|
|
AccountValidationStatus(
|
|
app: .constant(instance.app),
|
|
isValid: $isValid,
|
|
isValidated: $isValidated,
|
|
isValidating: $isValidating,
|
|
error: $validationError
|
|
)
|
|
}
|
|
}
|
|
}
|
|
|
|
var footer: some View {
|
|
HStack {
|
|
Spacer()
|
|
|
|
Button("Save", action: submitForm)
|
|
.disabled(!isValid)
|
|
#if !os(tvOS)
|
|
.keyboardShortcut(.defaultAction)
|
|
#endif
|
|
}
|
|
.frame(minHeight: 35)
|
|
#if os(tvOS)
|
|
.padding(.top, 30)
|
|
#endif
|
|
.padding(.horizontal)
|
|
}
|
|
|
|
private func validate() {
|
|
isValid = false
|
|
validationDebounce.invalidate()
|
|
|
|
guard !username.isEmpty, !password.isEmpty else {
|
|
validator.reset()
|
|
return
|
|
}
|
|
|
|
isValidating = true
|
|
|
|
validationDebounce.debouncing(1) {
|
|
validator.validateAccount()
|
|
}
|
|
}
|
|
|
|
private func submitForm() {
|
|
guard isValid else {
|
|
return
|
|
}
|
|
|
|
let account = AccountsModel.add(instance: instance, name: name, username: username, password: password)
|
|
selectedAccount?.wrappedValue = account
|
|
|
|
presentationMode.wrappedValue.dismiss()
|
|
}
|
|
|
|
private var validator: AccountValidator {
|
|
AccountValidator(
|
|
app: .constant(instance.app),
|
|
url: instance.apiURLString,
|
|
account: Account(instanceID: instance.id, urlString: instance.apiURLString, username: username, password: password),
|
|
id: $username,
|
|
isValid: $isValid,
|
|
isValidated: $isValidated,
|
|
isValidating: $isValidating,
|
|
error: $validationError
|
|
)
|
|
}
|
|
}
|
|
|
|
struct AccountFormView_Previews: PreviewProvider {
|
|
static var previews: some View {
|
|
AccountForm(instance: Instance.fixture)
|
|
}
|
|
}
|