refactor: settings page

2026-06-09 19:47:47 +08:00 · 2024-07-29 16:34:32 +08:00
parent fcff47041a
commit eed72c5eb9
14 changed files with 841 additions and 699 deletions
--- a/ui/lib/settings/auth.dart
+++ b/ui/lib/settings/auth.dart
@@ -0,0 +1,102 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_form_builder/flutter_form_builder.dart';
+import 'package:flutter_riverpod/flutter_riverpod.dart';
+import 'package:form_builder_validators/form_builder_validators.dart';
+import 'package:ui/providers/login.dart';
+import 'package:ui/widgets/progress_indicator.dart';
+import 'package:ui/widgets/utils.dart';
+import 'package:ui/widgets/widgets.dart';
+
+class AuthSettings extends ConsumerStatefulWidget {
+  static const route = "/settings";
+
+  const AuthSettings({super.key});
+  @override
+  ConsumerState<ConsumerStatefulWidget> createState() {
+    return _AuthState();
+  }
+}
+
+class _AuthState extends ConsumerState<AuthSettings> {
+    final _formKey2 = GlobalKey<FormBuilderState>();
+  bool? _enableAuth;
+
+  @override
+  Widget build(BuildContext context) {
+    var authData = ref.watch(authSettingProvider);
+    return authData.when(
+        data: (data) {
+          if (_enableAuth == null) {
+            setState(() {
+              _enableAuth = data.enable;
+            });
+          }
+          return FormBuilder(
+              key: _formKey2,
+              initialValue: {
+                "user": data.user,
+                "password": data.password,
+                "enable": data.enable
+              },
+              child: Column(
+                children: [
+                  FormBuilderSwitch(
+                      name: "enable",
+                      title: const Text("开启认证"),
+                      onChanged: (v) {
+                        setState(() {
+                          _enableAuth = v;
+                        });
+                      }),
+                  _enableAuth!
+                      ? Column(
+                          children: [
+                            FormBuilderTextField(
+                                name: "user",
+                                autovalidateMode:
+                                    AutovalidateMode.onUserInteraction,
+                                validator: FormBuilderValidators.required(),
+                                decoration: Commons.requiredTextFieldStyle(
+                                  text: "用户名",
+                                  icon: const Icon(Icons.account_box),
+                                )),
+                            FormBuilderTextField(
+                                name: "password",
+                                obscureText: true,
+                                enableSuggestions: false,
+                                autocorrect: false,
+                                autovalidateMode:
+                                    AutovalidateMode.onUserInteraction,
+                                validator: FormBuilderValidators.required(),
+                                decoration: Commons.requiredTextFieldStyle(
+                                  text: "密码",
+                                  icon: const Icon(Icons.password),
+                                ))
+                          ],
+                        )
+                      : const Column(),
+                  Center(
+                      child: ElevatedButton(
+                          child: const Text("保存"),
+                          onPressed: () {
+                            if (_formKey2.currentState!.saveAndValidate()) {
+                              var values = _formKey2.currentState!.value;
+                              var f = ref
+                                  .read(authSettingProvider.notifier)
+                                  .updateAuthSetting(_enableAuth!,
+                                      values["user"], values["password"]);
+                              f.then((v) {
+                                Utils.showSnakeBar("更新成功");
+                              }).onError((e, s) {
+                                Utils.showSnakeBar("更新失败：$e");
+                              });
+                            }
+                          }))
+                ],
+              ));
+        },
+        error: (err, trace) => Text("$err"),
+        loading: () => const MyProgressIndicator());
+  }
+
+}