feat: add import list & calendar

ui/lib/settings/importlist.dart

@@ -0,0 +1,122 @@
+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/settings.dart';
+import 'package:ui/settings/dialog.dart';
+import 'package:ui/widgets/progress_indicator.dart';
+import 'package:ui/widgets/widgets.dart';
+
+class Importlist extends ConsumerStatefulWidget {
+  const Importlist({super.key});
+
+  @override
+  ConsumerState<ConsumerStatefulWidget> createState() {
+    return _ImportlistState();
+  }
+}
+
+class _ImportlistState extends ConsumerState<Importlist> {
+  @override
+  Widget build(BuildContext context) {
+    var importlists = ref.watch(importlistProvider);
+
+    return importlists.when(
+        data: (value) => Wrap(
+              children: List.generate(value.length + 1, (i) {
+                if (i < value.length) {
+                  var indexer = value[i];
+                  return SettingsCard(
+                      onTap: () => showImportlistDetails(indexer),
+                      child: Text(indexer.name ?? ""));
+                }
+                return SettingsCard(
+                    onTap: () => showImportlistDetails(ImportList()),
+                    child: const Icon(Icons.add));
+              }),
+            ),
+        error: (err, trace) => Text("$err"),
+        loading: () => const MyProgressIndicator());
+  }
+
+  Future<void> showImportlistDetails(ImportList list) {
+    final _formKey = GlobalKey<FormBuilderState>();
+
+    var body = FormBuilder(
+      key: _formKey,
+      initialValue: {
+        "name": list.name,
+        "qulity": list.qulity,
+        "storage_id": list.storageId
+      },
+      child: Column(
+        children: [
+          FormBuilderTextField(
+            name: "name",
+            decoration: Commons.requiredTextFieldStyle(text: "名称"),
+            autovalidateMode: AutovalidateMode.onUserInteraction,
+            validator: FormBuilderValidators.required(),
+          ),
+          FormBuilderTextField(
+            name: "url",
+            decoration: Commons.requiredTextFieldStyle(text: "地址"),
+            autovalidateMode: AutovalidateMode.onUserInteraction,
+            validator: FormBuilderValidators.required(),
+          ),
+          FormBuilderDropdown(
+            name: "qulity",
+            decoration: const InputDecoration(labelText: "清晰度"),
+            items: const [
+              DropdownMenuItem(value: "720p", child: Text("720p")),
+              DropdownMenuItem(value: "1080p", child: Text("1080p")),
+              DropdownMenuItem(value: "2160p", child: Text("2160p")),
+            ],
+          ),
+          Consumer(
+            builder: (context, ref, child) {
+              var storage = ref.watch(storageSettingProvider);
+              return storage.when(
+                  data: (v) {
+                    return FormBuilderDropdown(
+                      name: "storage_id",
+                      decoration: const InputDecoration(labelText: "存储"),
+                      items: List.generate(
+                          v.length,
+                          (i) => DropdownMenuItem(
+                                value: v[i].id,
+                                child: Text(v[i].name!),
+                              )),
+                    );
+                  },
+                  error: (err, trace) => Text("$err"),
+                  loading: () => const MyProgressIndicator());
+            },
+          ),
+        ],
+      ),
+    );
+    onDelete() async {
+      return ref.read(importlistProvider.notifier).deleteimportlist(list.id!);
+    }
+
+    onSubmit() async {
+      if (_formKey.currentState!.saveAndValidate()) {
+        var values = _formKey.currentState!.value;
+        
+        return ref.read(importlistProvider.notifier).addImportlist(ImportList(
+              id: list.id,
+              name: values["name"],
+              url: values["url"],
+              type: "plex",
+              qulity: values["qulity"],
+              storageId: values["storage_id"],
+            ));
+      } else {
+        throw "validation_error";
+      }
+    }
+
+    return showSettingDialog(
+        context, "导入列表", list.id != null, body, onSubmit, onDelete);
+  }
+}

ui/lib/settings/settings.dart

@@ -3,6 +3,7 @@ import 'package:flutter_riverpod/flutter_riverpod.dart';
 import 'package:ui/settings/auth.dart';
 import 'package:ui/settings/downloader.dart';
 import 'package:ui/settings/general.dart';
+import 'package:ui/settings/importlist.dart';
 import 'package:ui/settings/indexer.dart';
 import 'package:ui/settings/notifier.dart';
 import 'package:ui/settings/storage.dart';
@@ -21,49 +22,25 @@ class _SystemSettingsPageState extends ConsumerState<SystemSettingsPage> {
   @override
   Widget build(BuildContext context) {
     return ListView(
-      children: const [
-        ExpansionTile(
-          expandedAlignment: Alignment.centerLeft,
-          childrenPadding: EdgeInsets.fromLTRB(20, 0, 20, 0),
-          initiallyExpanded: true,
-          title: Text("常规"),
-          children: [GeneralSettings()],
-        ),
-        ExpansionTile(
-          expandedAlignment: Alignment.centerLeft,
-          childrenPadding: EdgeInsets.fromLTRB(20, 0, 20, 0),
-          initiallyExpanded: false,
-          title: Text("索引器"),
-          children: [IndexerSettings()],
-        ),
-        ExpansionTile(
-          expandedAlignment: Alignment.centerLeft,
-          childrenPadding: EdgeInsets.fromLTRB(20, 0, 20, 0),
-          initiallyExpanded: false,
-          title: Text("下载器"),
-          children: [DownloaderSettings()],
-        ),
-        ExpansionTile(
-          expandedAlignment: Alignment.centerLeft,
-          childrenPadding: EdgeInsets.fromLTRB(20, 0, 20, 0),
-          initiallyExpanded: false,
-          title: Text("存储"),
-          children: [StorageSettings()],
-        ),
-        ExpansionTile(
-          expandedAlignment: Alignment.centerLeft,
-          childrenPadding: EdgeInsets.fromLTRB(20, 0, 20, 0),
-          initiallyExpanded: false,
-          title: Text("通知客户端"),
-          children: [NotifierSettings()],
-        ),
-        ExpansionTile(
-          childrenPadding: EdgeInsets.fromLTRB(20, 0, 20, 0),
-          initiallyExpanded: false,
-          title: Text("认证"),
-          children: [AuthSettings()],
-        ),
+      children: [
+        getExpansionTile("常规", const GeneralSettings()),
+        getExpansionTile("索引器", const IndexerSettings()),
+        getExpansionTile("下载器", const DownloaderSettings()),
+        getExpansionTile("存储", const StorageSettings()),
+        getExpansionTile("通知客户端", const NotifierSettings()),
+        getExpansionTile("导入列表", const Importlist()),
+        getExpansionTile("认证", const AuthSettings())
       ],
     );
   }
+
+  Widget getExpansionTile(String name, Widget body) {
+    return ExpansionTile(
+      childrenPadding: const EdgeInsets.fromLTRB(20, 0, 20, 0),
+      expandedAlignment: Alignment.topLeft,
+      initiallyExpanded: false,
+      title: Text(name),
+      children: [body],
+    );
+  }
 }