Nexus/nexus
Nexus/nexus
4
4
Fork 5
Code Issues 14 Pull requests 2 Projects Releases Packages Wiki Activity

further progress

Browse source
This commit is contained in:
Henry Hiles 2026-06-30 21:48:08 -04:00
commit 2bcf350989
Signed by: Henry-Hiles
SSH key fingerprint: SHA256:VKQUdS31Q90KvX7EkKMHMBpUspcmItAh86a+v7PGiIs
3 changed files with 102 additions and 75 deletions
Download patch file Download diff file Expand all files Collapse all files

29
lib/models/setting.dart
View file

@ -1,12 +1,23 @@
import "package:flutter/material.dart";
import "package:freezed_annotation/freezed_annotation.dart";
part "setting.freezed.dart";
@freezed
abstract class Setting with _$Setting {
const factory Setting({
required String title,
required String description,
required Widget widget,
}) = _Setting;
class Setting<T> {
final String id;
final String title;
final T initialValue;
final String description;
final Widget Function(
String title,
String description,
ValueChanged<T> onChanged,
T currentValue,
)
builder;
Setting({
required this.id,
required this.title,
required this.initialValue,
required this.description,
required this.builder,
});
}

142
lib/pages/settings_page.dart
View file

@ -6,6 +6,7 @@ import "package:hooks_riverpod/hooks_riverpod.dart";
import "package:intl/intl.dart";
import "package:m3e_card_list/m3e_card_list.dart";
import "package:navigation_rail_m3e/navigation_rail_m3e.dart";
import "package:nexus/models/setting.dart";
import "package:nexus/models/settings_category.dart";
import "package:nexus/widgets/divider_text.dart";
import "package:nexus/widgets/settings/dialog_list_tile.dart";
@ -14,45 +15,70 @@ import "package:super_sliver_list/super_sliver_list.dart";
class SettingsPage extends ConsumerWidget {
const SettingsPage({super.key});
static final IMap<String, IList<SettingsCategory>>
settingsCategoryGroups = .new({
"General": .new([
.new(
title: "Appearance",
icon: Icons.brush,
settings: .new([
.new(
title: "Dark Mode",
description:
"Toggle between Light Mode, Dark Mode, and System themes.",
widget: DialogListTile<ThemeMode>(
icon: Icon(Icons.palette),
title: "Dark Mode",
initialValue: ThemeMode.system,
options: ThemeMode.values,
getName: (option) => toBeginningOfSentenceCase(option.name),
onChanged: (value) {},
),
),
.new(
title: "Use Client Side Decorations",
description:
"On desktop, toggle between client-side or server-side decorations",
widget: SwitchListTile(
title: Text("Client Side Decorations"),
value: true,
onChanged: (value) {},
),
),
]),
),
]),
});
@override
Widget build(BuildContext context, WidgetRef ref) => LayoutBuilder(
builder: (_, constraints) => HookBuilder(
builder: (context) {
final IMap<String, IList<SettingsCategory>>
settingsCategoryGroups = .new({
"General": .new([
.new(
title: "Appearance",
icon: Icons.brush,
settings: .new([
Setting<ThemeMode>(
id: "dark_mode",
title: "Dark Mode",
initialValue: ThemeMode.system,
description:
"Toggle between Light Mode, Dark Mode, and System themes.",
builder: (title, description, onChanged, currentValue) =>
DialogListTile<ThemeMode>(
icon: Icon(Icons.palette),
title: title,
subtitle: Text(description),
initialValue: currentValue,
options: ThemeMode.values,
getName: (option) =>
toBeginningOfSentenceCase(option.name),
onChanged: onChanged,
),
),
Setting<bool>(
id: "use_csd",
initialValue: true,
title: "Use Client Side Decorations",
description:
"On desktop, toggle between client-side or server-side decorations",
builder: (title, description, onChanged, currentValue) =>
SwitchListTile(
title: Text(title),
secondary: Icon(Icons.border_top),
subtitle: Text(description),
value: currentValue,
onChanged: onChanged,
),
),
Setting<bool>(
id: "use_system_font",
title: "Use System Font",
initialValue: true,
description:
"Use the system's sans and emoji fonts, instead of Flutter's bundled fonts. Turn this off if you are having issues rendering emoji.",
builder: (title, description, onChanged, currentValue) =>
SwitchListTile(
title: Text(title),
subtitle: Text(description),
secondary: Icon(Icons.abc),
value: currentValue,
onChanged: onChanged,
),
),
]),
),
]),
});
final categoriesArePages = constraints.maxWidth < 550;
final selected = useState(0);
@ -75,7 +101,7 @@ class SettingsPage extends ConsumerWidget {
slivers: [
SliverToBoxAdapter(
child: Padding(
padding: EdgeInsets.all(12).copyWith(bottom: 4),
padding: EdgeInsets.all(12).copyWith(bottom: 8),
child: searchBar,
),
),
@ -146,33 +172,23 @@ class SettingsPage extends ConsumerWidget {
VerticalDivider(),
Expanded(
child: SuperListView(
children: [
SwitchListTile(
title: Text("Settings Title"),
value: false,
onChanged: (value) {},
),
SwitchListTile(
title: Text("Settings Title"),
value: false,
onChanged: (value) {},
),
SwitchListTile(
title: Text("Settings Title"),
value: false,
onChanged: (value) {},
),
SwitchListTile(
title: Text("Settings Title"),
value: false,
onChanged: (value) {},
),
SwitchListTile(
title: Text("Settings Title"),
value: false,
onChanged: (value) {},
),
],
padding: .symmetric(vertical: 12),
children: settingsCategoryGroups
.values
.flattenedToList[selected.value]
.settings
.map(
(setting) => Padding(
padding: .only(bottom: 4),
child: setting.builder(
setting.title,
setting.description,
(value) {},
setting.initialValue,
),
),
)
.toList(),
),
),
],

6
lib/widgets/settings/dialog_list_tile.dart
View file

@ -5,7 +5,7 @@ import "package:nexus/widgets/settings/radio_dialog.dart";
class DialogListTile<T> extends ConsumerWidget {
final T? initialValue;
final String title;
final String? description;
final Widget? subtitle;
final List<T> options;
final bool required;
final Icon icon;
@ -19,7 +19,7 @@ class DialogListTile<T> extends ConsumerWidget {
required this.options,
required this.onChanged,
required this.getName,
this.description,
this.subtitle,
this.required = true,
});
@ -51,7 +51,7 @@ class DialogListTile<T> extends ConsumerWidget {
),
),
title: Text(title),
subtitle: description == null ? null : Text(description!),
subtitle: subtitle,
leading: icon,
trailing: Chip(
label: Text(