Initial commit

lib/features/settings/view/pages/application_settings_page.dart

@@ -0,0 +1,22 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_paperless_mobile/features/settings/view/widgets/language_selection_setting.dart';
+import 'package:flutter_paperless_mobile/features/settings/view/widgets/theme_mode_setting.dart';
+
+class ApplicationSettingsPage extends StatelessWidget {
+  const ApplicationSettingsPage({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      appBar: AppBar(
+        title: Text("Application"),
+      ),
+      body: ListView(
+        children: const [
+          LanguageSelectionSetting(),
+          ThemeModeSetting(),
+        ],
+      ),
+    );
+  }
+}

lib/features/settings/view/pages/security_settings_page.dart

@@ -0,0 +1,19 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_paperless_mobile/features/settings/view/widgets/biometric_authentication_setting.dart';
+import 'package:flutter_paperless_mobile/generated/l10n.dart';
+
+class SecuritySettingsPage extends StatelessWidget {
+  const SecuritySettingsPage({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      appBar: AppBar(title: Text(S.of(context).settingsPageSecuritySettingsLabel)),
+      body: ListView(
+        children: const [
+          BiometricAuthenticationSetting(),
+        ],
+      ),
+    );
+  }
+}

lib/features/settings/view/settings_page.dart

@@ -0,0 +1,49 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_bloc/flutter_bloc.dart';
+import 'package:flutter_paperless_mobile/features/settings/bloc/application_settings_cubit.dart';
+import 'package:flutter_paperless_mobile/features/settings/view/pages/application_settings_page.dart';
+import 'package:flutter_paperless_mobile/features/settings/view/pages/security_settings_page.dart';
+import 'package:flutter_paperless_mobile/generated/l10n.dart';
+
+class SettingsPage extends StatefulWidget {
+  const SettingsPage({super.key});
+
+  @override
+  State<SettingsPage> createState() => _SettingsPageState();
+}
+
+class _SettingsPageState extends State<SettingsPage> {
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      appBar: AppBar(
+        title: Text(S.of(context).appDrawerSettingsLabel),
+      ),
+      body: ListView(
+        children: [
+          ListTile(
+            title: Text(S.of(context).settingsPageApplicationSettingsLabel),
+            subtitle: Text(S.of(context).settingsPageApplicationSettingsDescriptionText),
+            onTap: () => _goto(const ApplicationSettingsPage()),
+          ),
+          ListTile(
+            title: Text(S.of(context).settingsPageSecuritySettingsLabel),
+            subtitle: Text(S.of(context).settingsPageSecuritySettingsDescriptionText),
+            onTap: () => _goto(const SecuritySettingsPage()),
+          ),
+        ],
+      ),
+    );
+  }
+
+  void _goto(Widget page) {
+    Navigator.push(
+      context,
+      MaterialPageRoute(
+        builder: (ctxt) => BlocProvider.value(
+            value: BlocProvider.of<ApplicationSettingsCubit>(context), child: page),
+        maintainState: true,
+      ),
+    );
+  }
+}

lib/features/settings/view/widgets/biometric_authentication_setting.dart

@@ -0,0 +1,35 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_bloc/flutter_bloc.dart';
+import 'package:flutter_paperless_mobile/di_initializer.dart';
+import 'package:flutter_paperless_mobile/features/login/services/authentication.service.dart';
+import 'package:flutter_paperless_mobile/features/settings/bloc/application_settings_cubit.dart';
+import 'package:flutter_paperless_mobile/features/settings/model/application_settings_state.dart';
+import 'package:flutter_paperless_mobile/generated/l10n.dart';
+
+class BiometricAuthenticationSetting extends StatelessWidget {
+  const BiometricAuthenticationSetting({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return BlocBuilder<ApplicationSettingsCubit, ApplicationSettingsState>(
+      builder: (context, settings) {
+        return SwitchListTile(
+          value: settings.isLocalAuthenticationEnabled,
+          title: Text(S.of(context).appSettingsBiometricAuthenticationLabel),
+          subtitle: Text(S.of(context).appSettingsBiometricAuthenticationDescriptionText),
+          onChanged: (val) async {
+            final settingsBloc = BlocProvider.of<ApplicationSettingsCubit>(context);
+            final String localizedReason = val
+                ? S.of(context).appSettingsEnableBiometricAuthenticationReasonText
+                : S.of(context).appSettingsDisableBiometricAuthenticationReasonText;
+            final changeValue =
+                await getIt<AuthenticationService>().authenticateLocalUser(localizedReason);
+            if (changeValue) {
+              settingsBloc.setIsBiometricAuthenticationEnabled(val);
+            }
+          },
+        );
+      },
+    );
+  }
+}

lib/features/settings/view/widgets/language_selection_setting.dart

@@ -0,0 +1,56 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_bloc/flutter_bloc.dart';
+import 'package:flutter_paperless_mobile/features/settings/bloc/application_settings_cubit.dart';
+import 'package:flutter_paperless_mobile/features/settings/model/application_settings_state.dart';
+import 'package:flutter_paperless_mobile/features/settings/view/widgets/radio_settings_dialog.dart';
+import 'package:flutter_paperless_mobile/generated/l10n.dart';
+
+class LanguageSelectionSetting extends StatefulWidget {
+  const LanguageSelectionSetting({super.key});
+
+  @override
+  State<LanguageSelectionSetting> createState() => _LanguageSelectionSettingState();
+}
+
+class _LanguageSelectionSettingState extends State<LanguageSelectionSetting> {
+  @override
+  Widget build(BuildContext context) {
+    return BlocBuilder<ApplicationSettingsCubit, ApplicationSettingsState>(
+      builder: (context, settings) {
+        return ListTile(
+          title: Text(S.of(context).settingsPageLanguageSettingLabel),
+          subtitle: Text(_mapSubtagToLanguage(settings.preferredLocaleSubtag)),
+          onTap: () => showDialog(
+            context: context,
+            builder: (_) => RadioSettingsDialog<String>(
+              title: Text(S.of(context).settingsPageLanguageSettingLabel),
+              options: [
+                RadioOption(
+                  value: 'en',
+                  label: _mapSubtagToLanguage('en'),
+                ),
+                RadioOption(
+                  value: 'de',
+                  label: _mapSubtagToLanguage('de'),
+                ),
+              ],
+              initialValue:
+                  BlocProvider.of<ApplicationSettingsCubit>(context).state.preferredLocaleSubtag,
+            ),
+          ).then((value) => BlocProvider.of<ApplicationSettingsCubit>(context).setLocale(value)),
+        );
+      },
+    );
+  }
+
+  _mapSubtagToLanguage(String subtag) {
+    switch (subtag) {
+      case 'en':
+        return "English";
+      case 'de':
+        return "Deutsch";
+      default:
+        return "English";
+    }
+  }
+}

lib/features/settings/view/widgets/radio_settings_dialog.dart

@@ -0,0 +1,67 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_paperless_mobile/generated/l10n.dart';
+
+class RadioSettingsDialog<T> extends StatefulWidget {
+  final List<RadioOption<T>> options;
+  final T initialValue;
+  final Widget? title;
+  final Widget? confirmButton;
+  final Widget? cancelButton;
+
+  const RadioSettingsDialog({
+    super.key,
+    required this.options,
+    required this.initialValue,
+    this.title,
+    this.confirmButton,
+    this.cancelButton,
+  });
+
+  @override
+  State<RadioSettingsDialog<T>> createState() => _RadioSettingsDialogState<T>();
+}
+
+class _RadioSettingsDialogState<T> extends State<RadioSettingsDialog<T>> {
+  late T _groupValue;
+
+  @override
+  void initState() {
+    super.initState();
+    _groupValue = widget.initialValue;
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return AlertDialog(
+      actions: [
+        widget.confirmButton ??
+            TextButton(
+                onPressed: () => Navigator.pop(context),
+                child: Text(S.of(context).genericActionCancelLabel)),
+        widget.confirmButton ??
+            TextButton(
+                onPressed: () => Navigator.pop(context, _groupValue),
+                child: Text(S.of(context).genericActionOkLabel)),
+      ],
+      title: widget.title,
+      content: Column(
+        mainAxisSize: MainAxisSize.min,
+        children: widget.options.map(_buildOptionListTile).toList(),
+      ),
+    );
+  }
+
+  Widget _buildOptionListTile(RadioOption<T> option) => RadioListTile<T>(
+        groupValue: _groupValue,
+        onChanged: (value) => setState(() => _groupValue = value!),
+        value: option.value,
+        title: Text(option.label),
+      );
+}
+
+class RadioOption<T> {
+  final T value;
+  final String label;
+
+  RadioOption({required this.value, required this.label});
+}

lib/features/settings/view/widgets/theme_mode_setting.dart

@@ -0,0 +1,57 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_bloc/flutter_bloc.dart';
+import 'package:flutter_paperless_mobile/features/settings/bloc/application_settings_cubit.dart';
+import 'package:flutter_paperless_mobile/features/settings/model/application_settings_state.dart';
+import 'package:flutter_paperless_mobile/features/settings/view/widgets/radio_settings_dialog.dart';
+import 'package:flutter_paperless_mobile/generated/l10n.dart';
+
+class ThemeModeSetting extends StatelessWidget {
+  const ThemeModeSetting({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return BlocBuilder<ApplicationSettingsCubit, ApplicationSettingsState>(
+      builder: (context, settings) {
+        return ListTile(
+          title: Text(S.of(context).settingsPageAppearanceSettingTitle),
+          subtitle: Text(_mapThemeModeToLocalizedString(settings.preferredThemeMode, context)),
+          onTap: () => showDialog<ThemeMode>(
+            context: context,
+            builder: (_) => RadioSettingsDialog<ThemeMode>(
+              options: [
+                RadioOption(
+                  value: ThemeMode.system,
+                  label: S.of(context).settingsPageAppearanceSettingSystemThemeLabel,
+                ),
+                RadioOption(
+                  value: ThemeMode.light,
+                  label: S.of(context).settingsPageAppearanceSettingLightThemeLabel,
+                ),
+                RadioOption(
+                  value: ThemeMode.dark,
+                  label: S.of(context).settingsPageAppearanceSettingDarkThemeLabel,
+                )
+              ],
+              initialValue:
+                  BlocProvider.of<ApplicationSettingsCubit>(context).state.preferredThemeMode,
+              title: Text(S.of(context).settingsPageAppearanceSettingTitle),
+            ),
+          ).then((value) {
+            return BlocProvider.of<ApplicationSettingsCubit>(context).setThemeMode(value);
+          }),
+        );
+      },
+    );
+  }
+
+  String _mapThemeModeToLocalizedString(ThemeMode theme, BuildContext context) {
+    switch (theme) {
+      case ThemeMode.system:
+        return S.of(context).settingsThemeModeSystemLabel;
+      case ThemeMode.light:
+        return S.of(context).settingsThemeModeLightLabel;
+      case ThemeMode.dark:
+        return S.of(context).settingsThemeModeDarkLabel;
+    }
+  }
+}