#54 snippet group

lib/view/page/snippet/list.dart

@@ -1,7 +1,11 @@
 import 'package:flutter/material.dart';
 import 'package:flutter_gen/gen_l10n/l10n.dart';
 import 'package:provider/provider.dart';
+import 'package:toolbox/core/extension/order.dart';
+import 'package:toolbox/view/widget/tag_switcher.dart';
 
+import '../../../data/store/setting.dart';
+import '../../../locator.dart';
 import '/core/route.dart';
 import '/data/provider/snippet.dart';
 import 'edit.dart';
@@ -16,11 +20,17 @@ class SnippetListPage extends StatefulWidget {
 
 class _SnippetListPageState extends State<SnippetListPage> {
   late S _s;
+  late MediaQueryData _media;
+
+  final _settingStore = locator<SettingStore>();
+
+  String? _tag;
 
   @override
   void didChangeDependencies() {
     super.didChangeDependencies();
     _s = S.of(context)!;
+    _media = MediaQuery.of(context);
   }
 
   @override
@@ -47,26 +57,48 @@ class _SnippetListPageState extends State<SnippetListPage> {
           );
         }
 
-        return ListView.builder(
+        final filtered = provider.snippets
+            .where((e) => _tag == null || (e.tags?.contains(_tag) ?? false))
+            .toList();
+
+        return ReorderableListView.builder(
           padding: const EdgeInsets.all(13),
-          itemCount: provider.snippets.length,
+          itemCount: filtered.length,
+          onReorder: (oldIdx, newIdx) => setState(() {
+            provider.snippets.moveById(
+              filtered[oldIdx],
+              filtered[newIdx],
+              onMove: (p0) {
+                _settingStore.snippetOrder.put(p0.map((e) => e.name).toList());
+              },
+            );
+          }),
+          header: TagSwitcher(
+            tags: provider.tags,
+            onTagChanged: (tag) => setState(() => _tag = tag),
+            initTag: _tag,
+            all: _s.all,
+            width: _media.size.width,
+          ),
           itemBuilder: (context, idx) {
+            final snippet = filtered[idx];
             return RoundRectCard(
               ListTile(
                 contentPadding: const EdgeInsets.only(left: 23, right: 17),
                 title: Text(
-                  provider.snippets[idx].name,
+                  snippet.name,
                   overflow: TextOverflow.ellipsis,
                   maxLines: 1,
                 ),
                 trailing: IconButton(
                   onPressed: () => AppRoute(
-                          SnippetEditPage(snippet: provider.snippets[idx]),
-                          'snippet edit page')
-                      .go(context),
+                    SnippetEditPage(snippet: snippet),
+                    'snippet edit page',
+                  ).go(context),
                   icon: const Icon(Icons.edit),
                 ),
               ),
+              key: ValueKey(snippet.name),
             );
           },
         );