opt.: move logic of reorder to settings page

2023-08-20 20:14:02 +08:00
parent 46cc363413
commit f02cca1981
23 changed files with 324 additions and 113 deletions
--- a/lib/view/page/setting/srv_seq.dart
+++ b/lib/view/page/setting/srv_seq.dart
@@ -0,0 +1,76 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_gen/gen_l10n/l10n.dart';
+import 'package:toolbox/core/extension/order.dart';
+import 'package:toolbox/view/widget/round_rect_card.dart';
+
+import '../../../data/provider/server.dart';
+import '../../../data/store/setting.dart';
+import '../../../locator.dart';
+import '../../widget/custom_appbar.dart';
+
+class ServerOrderPage extends StatefulWidget {
+  const ServerOrderPage({Key? key}) : super(key: key);
+
+  @override
+  _ServerOrderPageState createState() => _ServerOrderPageState();
+}
+
+class _ServerOrderPageState extends State<ServerOrderPage> {
+  final _store = locator<SettingStore>();
+  final _provider = locator<ServerProvider>();
+
+  late S _s;
+
+  @override
+  void didChangeDependencies() {
+    super.didChangeDependencies();
+    _s = S.of(context)!;
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      appBar: CustomAppBar(
+        title: Text(_s.serverOrder),
+      ),
+      body: _buildBody(),
+    );
+  }
+
+  Widget _buildBody() {
+    return ReorderableListView.builder(
+      footer: const SizedBox(height: 77),
+      onReorder: (oldIndex, newIndex) => setState(() {
+        _provider.serverOrder.move(
+          oldIndex,
+          newIndex,
+          property: _store.serverOrder,
+        );
+      }),
+      padding: const EdgeInsets.symmetric(horizontal: 7, vertical: 3),
+      buildDefaultDragHandles: false,
+      itemBuilder: (_, index) =>
+          _buildItem(index, _provider.serverOrder[index]),
+      itemCount: _provider.serverOrder.length,
+    );
+  }
+
+  Widget _buildItem(int index, String id) {
+    final spi = _provider.servers[id]?.spi;
+    if (spi == null) {
+      return const SizedBox();
+    }
+    return ReorderableDelayedDragStartListener(
+      key: ValueKey('$index'),
+      index: index,
+      child: RoundRectCard(ListTile(
+        title: Text(spi.name),
+        subtitle: Text(spi.id),
+        leading: CircleAvatar(
+          child: Text(spi.name[0]),
+        ),
+        trailing: const Icon(Icons.drag_handle),
+      )),
+    );
+  }
+}