MrBlake/MrbWebLibre
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 2 Wiki Activity

divide enabled and disabled buttons

Browse Source
This commit is contained in:
Fabian Freund
2026-05-01 06:42:03 +02:00
parent f40e515f28
commit f76a81041b
1 changed files with 79 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/weblibre/lib/features/settings/presentation/screens/contextual_toolbar_settings.dart
+79 -14
View File
@@ -20,6 +20,7 @@
import 'dart:async';
import 'package:flutter/material.dart';
import 'package:flutter_hooks/flutter_hooks.dart';
import 'package:hooks_riverpod/hooks_riverpod.dart';
import 'package:weblibre/features/geckoview/features/browser/features/contextual_toolbar/data/providers/toolbar_button_configs.dart';
import 'package:weblibre/features/geckoview/features/browser/features/contextual_toolbar/data/repositories/contextual_toolbar_config_repository.dart';
@@ -38,6 +39,15 @@ class ContextualToolbarSettingsScreen extends HookConsumerWidget {
final configs = ref.watch(effectiveToolbarButtonConfigsProvider);
final repository = ref.watch(contextualToolbarConfigRepositoryProvider);
final visibleConfigs = useMemoized(
() => configs.value.where((c) => c.isVisible).toList(growable: false),
[configs],
);
final hiddenConfigs = useMemoized(
() => configs.value.where((c) => !c.isVisible).toList(growable: false),
[configs],
);
return Scaffold(
appBar: AppBar(
title: const Text('Customize Toolbar'),
@@ -73,25 +83,80 @@ class ContextualToolbarSettingsScreen extends HookConsumerWidget {
SliverToBoxAdapter(
child: ListTile(
title: Text(
'Button Order',
'Enabled',
style: Theme.of(context).textTheme.labelLarge,
),
),
),
SliverReorderableList(
itemCount: configs.value.length,
onReorder: (oldIndex, newIndex) =>
_onReorder(configs.value, oldIndex, newIndex, repository),
itemBuilder: (context, index) {
final config = configs.value[index];
return _ToolbarButtonConfigTile(
key: ValueKey(config.buttonId),
index: index,
config: config,
repository: repository,
);
},
if (visibleConfigs.isEmpty)
SliverToBoxAdapter(
child: Padding(
padding: const EdgeInsets.symmetric(
horizontal: 16,
vertical: 8,
),
child: Text(
'No enabled buttons. Toggle a button below to enable it.',
style: Theme.of(context).textTheme.bodySmall?.copyWith(
color: Theme.of(context).colorScheme.onSurfaceVariant,
),
),
),
)
else
SliverReorderableList(
itemCount: visibleConfigs.length,
onReorder: (oldIndex, newIndex) =>
_onReorder(visibleConfigs, oldIndex, newIndex, repository),
itemBuilder: (context, index) {
final config = visibleConfigs[index];
return _ToolbarButtonConfigTile(
key: ValueKey(config.buttonId),
index: index,
config: config,
repository: repository,
);
},
),
const SliverToBoxAdapter(child: Divider(height: 1)),
SliverToBoxAdapter(
child: ListTile(
title: Text(
'Disabled',
style: Theme.of(context).textTheme.labelLarge,
),
),
),
if (hiddenConfigs.isEmpty)
SliverToBoxAdapter(
child: Padding(
padding: const EdgeInsets.symmetric(
horizontal: 16,
vertical: 8,
),
child: Text(
'All buttons are enabled.',
style: Theme.of(context).textTheme.bodySmall?.copyWith(
color: Theme.of(context).colorScheme.onSurfaceVariant,
),
),
),
)
else
SliverReorderableList(
itemCount: hiddenConfigs.length,
onReorder: (oldIndex, newIndex) =>
_onReorder(hiddenConfigs, oldIndex, newIndex, repository),
itemBuilder: (context, index) {
final config = hiddenConfigs[index];
return _ToolbarButtonConfigTile(
key: ValueKey(config.buttonId),
index: index,
config: config,
repository: repository,
);
},
),
],
),
),