refactor: Pages folder structure

lib/pages/settings_style/settings_style.dart

@@ -0,0 +1,65 @@
+import 'dart:io';
+
+import 'package:flutter/material.dart';
+
+import 'package:adaptive_theme/adaptive_theme.dart';
+import 'package:file_picker_cross/file_picker_cross.dart';
+
+import 'package:fluffychat/config/app_config.dart';
+import 'package:fluffychat/config/setting_keys.dart';
+import '../../widgets/matrix.dart';
+import 'settings_style_view.dart';
+
+class SettingsStyle extends StatefulWidget {
+  const SettingsStyle({Key key}) : super(key: key);
+
+  @override
+  SettingsStyleController createState() => SettingsStyleController();
+}
+
+class SettingsStyleController extends State<SettingsStyle> {
+  void setWallpaperAction() async {
+    final wallpaper =
+        await FilePickerCross.importFromStorage(type: FileTypeCross.image);
+    if (wallpaper == null) return;
+    Matrix.of(context).wallpaper = File(wallpaper.path);
+    await Matrix.of(context)
+        .store
+        .setItem(SettingKeys.wallpaper, wallpaper.path);
+    setState(() => null);
+  }
+
+  void deleteWallpaperAction() async {
+    Matrix.of(context).wallpaper = null;
+    await Matrix.of(context).store.deleteItem(SettingKeys.wallpaper);
+    setState(() => null);
+  }
+
+  AdaptiveThemeMode currentTheme;
+
+  void switchTheme(AdaptiveThemeMode newTheme) {
+    switch (newTheme) {
+      case AdaptiveThemeMode.light:
+        AdaptiveTheme.of(context).setLight();
+        break;
+      case AdaptiveThemeMode.dark:
+        AdaptiveTheme.of(context).setDark();
+        break;
+      case AdaptiveThemeMode.system:
+        AdaptiveTheme.of(context).setSystem();
+        break;
+    }
+    setState(() => currentTheme = newTheme);
+  }
+
+  void changeFontSizeFactor(double d) {
+    setState(() => AppConfig.fontSizeFactor = d);
+    Matrix.of(context).store.setItem(
+          SettingKeys.fontSizeFactor,
+          AppConfig.fontSizeFactor.toString(),
+        );
+  }
+
+  @override
+  Widget build(BuildContext context) => SettingsStyleView(this);
+}

lib/pages/settings_style/settings_style_view.dart

@@ -0,0 +1,119 @@
+import 'package:flutter/material.dart';
+
+import 'package:adaptive_theme/adaptive_theme.dart';
+import 'package:flutter_gen/gen_l10n/l10n.dart';
+
+import 'package:fluffychat/widgets/layouts/max_width_body.dart';
+import '../../config/app_config.dart';
+import '../../widgets/matrix.dart';
+import 'settings_style.dart';
+
+class SettingsStyleView extends StatelessWidget {
+  final SettingsStyleController controller;
+
+  const SettingsStyleView(this.controller, {Key key}) : super(key: key);
+
+  @override
+  Widget build(BuildContext context) {
+    controller.currentTheme ??= AdaptiveTheme.of(context).mode;
+    return Scaffold(
+      appBar: AppBar(
+        leading: const BackButton(),
+        title: Text(L10n.of(context).changeTheme),
+      ),
+      body: MaxWidthBody(
+        withScrolling: true,
+        child: Column(
+          children: [
+            RadioListTile<AdaptiveThemeMode>(
+              groupValue: controller.currentTheme,
+              value: AdaptiveThemeMode.system,
+              title: Text(L10n.of(context).systemTheme),
+              onChanged: controller.switchTheme,
+            ),
+            RadioListTile<AdaptiveThemeMode>(
+              groupValue: controller.currentTheme,
+              value: AdaptiveThemeMode.light,
+              title: Text(L10n.of(context).lightTheme),
+              onChanged: controller.switchTheme,
+            ),
+            RadioListTile<AdaptiveThemeMode>(
+              groupValue: controller.currentTheme,
+              value: AdaptiveThemeMode.dark,
+              title: Text(L10n.of(context).darkTheme),
+              onChanged: controller.switchTheme,
+            ),
+            const Divider(height: 1),
+            ListTile(
+              title: Text(
+                L10n.of(context).wallpaper,
+                style: TextStyle(
+                  color: Theme.of(context).colorScheme.secondary,
+                  fontWeight: FontWeight.bold,
+                ),
+              ),
+            ),
+            if (Matrix.of(context).wallpaper != null)
+              ListTile(
+                title: Image.file(
+                  Matrix.of(context).wallpaper,
+                  height: 38,
+                  fit: BoxFit.cover,
+                ),
+                trailing: const Icon(
+                  Icons.delete_forever_outlined,
+                  color: Colors.red,
+                ),
+                onTap: controller.deleteWallpaperAction,
+              ),
+            Builder(builder: (context) {
+              return ListTile(
+                title: Text(L10n.of(context).changeWallpaper),
+                trailing: const Icon(Icons.wallpaper_outlined),
+                onTap: controller.setWallpaperAction,
+              );
+            }),
+            const Divider(height: 1),
+            ListTile(
+              title: Text(
+                L10n.of(context).fontSize,
+                style: TextStyle(
+                  color: Theme.of(context).colorScheme.secondary,
+                  fontWeight: FontWeight.bold,
+                ),
+              ),
+              subtitle: Text('(*${AppConfig.fontSizeFactor})'),
+            ),
+            Container(
+              alignment: Alignment.centerLeft,
+              child: Container(
+                margin: const EdgeInsets.symmetric(horizontal: 16),
+                padding:
+                    const EdgeInsets.symmetric(vertical: 6, horizontal: 10),
+                decoration: BoxDecoration(
+                  color: Theme.of(context).secondaryHeaderColor,
+                  borderRadius: BorderRadius.circular(16),
+                ),
+                child: Text(
+                  'Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor',
+                  style: TextStyle(
+                    fontSize: Theme.of(context).textTheme.bodyText1.fontSize *
+                        AppConfig.fontSizeFactor,
+                  ),
+                ),
+              ),
+            ),
+            Slider(
+              min: 0.5,
+              max: 2.5,
+              divisions: 8,
+              value: AppConfig.fontSizeFactor,
+              semanticFormatterCallback: (d) => d.toString(),
+              onChanged: controller.changeFontSizeFactor,
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+}