Add settings page (#46)

Fixes #37, fixes #47.

Reviewed-on: Nexus/nexus#46

lib/widgets/appbar.dart

@@ -1,9 +1,11 @@
 import "dart:io";
 import "package:fast_immutable_collections/fast_immutable_collections.dart";
 import "package:flutter/material.dart";
+import "package:hooks_riverpod/hooks_riverpod.dart";
+import "package:nexus/controllers/settings_controller.dart";
 import "package:window_manager/window_manager.dart";
 
-class Appbar extends StatelessWidget implements PreferredSizeWidget {
+class Appbar extends ConsumerWidget implements PreferredSizeWidget {
   final Widget? leading;
   final Widget? title;
   final Color? backgroundColor;
@@ -25,7 +27,7 @@ class Appbar extends StatelessWidget implements PreferredSizeWidget {
   Size get preferredSize => const .fromHeight(kToolbarHeight);
 
   @override
-  Widget build(BuildContext context) {
+  Widget build(BuildContext context, WidgetRef ref) {
     Future<void> maximize() async {
       final isMaximized = await windowManager.isMaximized();
 
@@ -37,7 +39,13 @@ class Appbar extends StatelessWidget implements PreferredSizeWidget {
     }
 
     return GestureDetector(
-      onPanStart: (_) => windowManager.startDragging(),
+      onPanStart: ref
+          .watch(SettingsController.provider)
+          .whenOrNull(
+            data: (settings) => settings.linuxMobileMode
+                ? null
+                : (_) => windowManager.startDragging(),
+          ),
       child: AppBar(
         leading: InkWell(onTap: onTap, child: leading),
         backgroundColor: backgroundColor,

lib/widgets/settings/dialog_list_tile.dart

@@ -0,0 +1,67 @@
+import "package:flutter/material.dart";
+import "package:flutter_riverpod/flutter_riverpod.dart";
+import "package:nexus/widgets/settings/radio_dialog.dart";
+
+class DialogListTile<T> extends ConsumerWidget {
+  final T? initialValue;
+  final String title;
+  final Widget? subtitle;
+  final List<T> options;
+  final bool required;
+  final Icon icon;
+  final void Function(T value)? onChanged;
+  final String Function(T option) getName;
+  const DialogListTile({
+    super.key,
+    required this.icon,
+    required this.title,
+    required this.initialValue,
+    required this.options,
+    required this.onChanged,
+    required this.getName,
+    this.subtitle,
+    this.required = true,
+  });
+
+  @override
+  Widget build(BuildContext context, WidgetRef ref) => FormField(
+    validator: (value) =>
+        value == null && required == true ? "This field is required." : null,
+    initialValue: initialValue,
+    builder: (field) => InputDecorator(
+      decoration: InputDecoration(
+        errorText: field.errorText,
+        contentPadding: EdgeInsets.zero,
+        enabledBorder: InputBorder.none,
+      ),
+      child: ListTile(
+        enabled: onChanged != null,
+        onTap: () => showDialog(
+          context: context,
+          builder: (context) => RadioDialog<T>(
+            title: title,
+            getName: getName,
+            onChanged: onChanged == null
+                ? null
+                : (value) {
+                    field.didChange(value);
+                    onChanged!.call(value);
+                  },
+            value: field.value,
+            options: options,
+          ),
+        ),
+        title: Text(title),
+        subtitle: subtitle,
+        leading: icon,
+        trailing: Chip(
+          label: Text(
+            field.value == null ? "None" : getName(field.value as T),
+            overflow: TextOverflow.ellipsis,
+            style: onChanged == null ? .new(color: Colors.grey) : null,
+          ),
+        ),
+      ),
+    ),
+  );
+}

lib/widgets/settings/radio_dialog.dart

@@ -0,0 +1,55 @@
+import "package:flutter/material.dart";
+import "package:flutter_hooks/flutter_hooks.dart";
+
+class RadioDialog<T> extends HookWidget {
+  final T? value;
+  final String title;
+  final List<T> options;
+  final void Function(T value)? onChanged;
+  final String Function(T option) getName;
+  const RadioDialog({
+    super.key,
+    required this.title,
+    required this.value,
+    required this.options,
+    required this.onChanged,
+    required this.getName,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    final mutValue = useState<T?>(null);
+    return AlertDialog(
+      title: Text(title),
+      content: RadioGroup<T>(
+        groupValue: mutValue.value ?? value,
+        onChanged: (value) => mutValue.value = value ?? mutValue.value,
+
+        child: Column(
+          mainAxisSize: MainAxisSize.min,
+          children: options
+              .map(
+                (option) => RadioListTile<T>(
+                  enabled: onChanged != null,
+                  value: option,
+                  title: Text(getName(option)),
+                  dense: true,
+                ),
+              )
+              .toList(),
+        ),
+      ),
+      actions: [
+        TextButton(onPressed: Navigator.of(context).pop, child: Text("Cancel")),
+        if (onChanged != null)
+          TextButton(
+            onPressed: () {
+              if (mutValue.value != null) onChanged!(mutValue.value as T);
+              Navigator.of(context).pop();
+            },
+            child: Text("OK"),
+          ),
+      ],
+    );
+  }
+}

lib/widgets/sidebar.dart

@@ -6,6 +6,7 @@ import "package:navigation_rail_m3e/navigation_rail_m3e.dart";
 import "package:nexus/controllers/key_controller.dart";
 import "package:nexus/controllers/spaces_controller.dart";
 import "package:nexus/models/room.dart";
+import "package:nexus/pages/settings_page.dart";
 import "package:nexus/widgets/avatar_or_hash.dart";
 import "package:nexus/widgets/divider_widget.dart";
 import "package:nexus/widgets/join_dialog.dart";
@@ -181,10 +182,10 @@ class Sidebar extends HookConsumerWidget {
                       ),
                       IconButton(
                         tooltip: "Open settings",
-                        onPressed: null,
-                        //  () => Navigator.of(
-                        //   context,
-                        // ).push(MaterialPageRoute(builder: (_) => SettingsPage())),
+                        onPressed: () => showDialog(
+                          context: context,
+                          builder: (_) => SettingsPage(),
+                        ),
                         icon: Icon(Icons.settings),
                       ),
                     ],