#71 new & opt.

- ssh page virt key long press
- custom ssh virt keys

lib/view/page/ssh/virt_key_setting.dart

@@ -0,0 +1,100 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_gen/gen_l10n/l10n.dart';
+import 'package:toolbox/core/extension/order.dart';
+import 'package:toolbox/core/utils/ui.dart';
+import 'package:toolbox/data/model/ssh/virtual_key.dart';
+import 'package:toolbox/data/store/setting.dart';
+import 'package:toolbox/locator.dart';
+
+class SSHVirtKeySettingPage extends StatefulWidget {
+  const SSHVirtKeySettingPage({Key? key}) : super(key: key);
+
+  @override
+  _SSHVirtKeySettingPageState createState() => _SSHVirtKeySettingPageState();
+}
+
+class _SSHVirtKeySettingPageState extends State<SSHVirtKeySettingPage> {
+  final _setting = locator<SettingStore>();
+  late S _s;
+
+  @override
+  void didChangeDependencies() {
+    super.didChangeDependencies();
+    _s = S.of(context)!;
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      appBar: AppBar(
+        title: Text(_s.editVirtKeys),
+      ),
+      body: _buildBody(),
+    );
+  }
+
+  Widget _buildBody() {
+    final keys = List<VirtKey>.from(_setting.sshVirtKeys.fetch()!);
+    final disabled = VirtKey.values.where((e) => !keys.contains(e)).toList();
+    final allKeys = [...keys, ...disabled];
+    return ReorderableListView.builder(
+      padding: const EdgeInsets.fromLTRB(11, 3, 0, 3),
+      itemBuilder: (_, idx) {
+        final key = allKeys[idx];
+        return ListTile(
+          key: ValueKey(idx),
+          title: _buildTitle(key),
+          leading: const Icon(Icons.drag_handle, color: Colors.grey),
+          trailing: _buildCheckBox(keys, key, idx, idx < keys.length),
+        );
+      },
+      itemCount: allKeys.length,
+      onReorder: (o, n) {
+        if (o >= keys.length || n >= keys.length) {
+          showSnackBar(context, Text(_s.disabled));
+          return;
+        }
+        keys.moveById(keys[o], keys[n], _setting.sshVirtKeys);
+        setState(() {
+          
+        });
+      },
+    );
+  }
+
+  Widget _buildTitle(VirtKey key) {
+    return key.icon == null
+        ? Text(
+            key.text,
+            textAlign: TextAlign.center,
+          )
+        : Row(
+            mainAxisAlignment: MainAxisAlignment.center,
+            children: [
+              Text(key.text),
+              const SizedBox(width: 10),
+              Icon(key.icon),
+            ],
+          );
+  }
+
+  Widget _buildCheckBox(List<VirtKey> keys, VirtKey key, int idx, bool value) {
+    return Checkbox(
+      value: value,
+      onChanged: (val) {
+        if (val == null) return;
+        if (val) {
+          if (idx >= keys.length) {
+            keys.add(key);
+          } else {
+            keys.insert(idx - 1, key);
+          }
+        } else {
+          keys.remove(key);
+        }
+        _setting.sshVirtKeys.put(keys);
+        setState(() {});
+      },
+    );
+  }
+}