new: control server detail page cards

This commit is contained in:
lollipopkit
2024-01-19 17:32:03 +08:00
parent 1f654fb4a6
commit 7156f08eb8
10 changed files with 122 additions and 91 deletions

View File

@@ -18,6 +18,7 @@ import 'package:toolbox/core/utils/platform/base.dart';
import 'package:toolbox/data/res/provider.dart';
import 'package:toolbox/data/res/rebuild.dart';
import 'package:toolbox/data/res/store.dart';
import 'package:toolbox/view/widget/expand_tile.dart';
import '../../../core/persistant_store.dart';
import '../../../core/route.dart';
@@ -991,26 +992,25 @@ class _SettingPageState extends State<SettingPage> {
}
Widget _buildSequence() {
return ListTile(
title: Text(l10n.serverOrder),
trailing: const Icon(Icons.keyboard_arrow_right),
onTap: () => AppRoute.serverOrder().go(context),
return ExpandTile(
title: Text(l10n.sequence),
subtitle: Text(
'${l10n.serverOrder} / ${l10n.serverDetailOrder} ...',
style: UIs.textGrey,
),
children: [
ListTile(
title: Text(l10n.serverOrder),
trailing: const Icon(Icons.keyboard_arrow_right),
onTap: () => AppRoute.serverOrder().go(context),
),
ListTile(
title: Text(l10n.serverDetailOrder),
trailing: const Icon(Icons.keyboard_arrow_right),
onTap: () => AppRoute.serverDetailOrder().go(context),
),
],
);
// return ExpandTile(
// title: Text(l10n.sequence),
// subtitle: Text(
// '${l10n.serverOrder} / ${l10n.serverDetailOrder} ...',
// style: UIs.textGrey,
// ),
// children: [
// ,
// ListTile(
// title: Text(l10n.serverDetailOrder),
// trailing: const Icon(Icons.keyboard_arrow_right),
// onTap: () => AppRoute.serverDetailOrder().go(context),
// ),
// ],
// );
}
Widget _buildEditorFontSize() {

View File

@@ -1,5 +1,8 @@
import 'package:flutter/material.dart';
import 'package:toolbox/core/extension/context/locale.dart';
import 'package:toolbox/core/extension/context/snackbar.dart';
import 'package:toolbox/core/utils/platform/base.dart';
import 'package:toolbox/data/res/default.dart';
import 'package:toolbox/data/res/store.dart';
import '../../../core/extension/order.dart';
@@ -14,14 +17,6 @@ class ServerDetailOrderPage extends StatefulWidget {
}
class _ServerDetailOrderPageState extends State<ServerDetailOrderPage> {
final Order<String> _cardsOrder = [];
@override
void initState() {
super.initState();
_cardsOrder.addAll(Stores.setting.detailCardOrder.fetch());
}
@override
Widget build(BuildContext context) {
return Scaffold(
@@ -33,32 +28,55 @@ class _ServerDetailOrderPageState extends State<ServerDetailOrderPage> {
}
Widget _buildBody() {
final keys_ = Stores.setting.detailCardOrder.fetch();
final keys = <String>[];
for (final key in keys_) {
keys.add(key);
}
final disabled = Defaults.detailCardOrder.where((e) => !keys.contains(e)).toList();
final allKeys = [...keys, ...disabled];
return ReorderableListView.builder(
footer: const SizedBox(height: 77),
onReorder: (oldIndex, newIndex) => setState(() {
_cardsOrder.move(
oldIndex,
newIndex,
property: Stores.setting.detailCardOrder,
padding: const EdgeInsets.all(7),
itemBuilder: (_, idx) {
final key = allKeys[idx];
return CardX(
key: ValueKey(idx),
child: ListTile(
title: Text(key),
leading: _buildCheckBox(keys, key, idx, idx < keys.length),
trailing: isDesktop ? null : const Icon(Icons.drag_handle),
),
);
}),
padding: const EdgeInsets.all(17),
buildDefaultDragHandles: false,
itemBuilder: (_, index) => _buildItem(index, _cardsOrder[index]),
itemCount: _cardsOrder.length,
},
itemCount: allKeys.length,
onReorder: (o, n) {
if (o >= keys.length || n >= keys.length) {
context.showSnackBar(l10n.disabled);
return;
}
keys.moveByItem(keys, o, n, property: Stores.setting.detailCardOrder);
setState(() {});
},
);
}
Widget _buildItem(int index, String id) {
return ReorderableDelayedDragStartListener(
key: ValueKey('$index'),
index: index,
child: CardX(
child: ListTile(
title: Text(id),
trailing: const Icon(Icons.drag_handle),
),
),
Widget _buildCheckBox(List<String> keys, String 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);
}
Stores.setting.detailCardOrder.put(keys);
setState(() {});
},
);
}
}