Theme Manager implemented + Settings page

Author: Hanprogramer

.gitignore

@@ -67,3 +67,4 @@ fastlane/test_output
 fastlane/readme.md
 .flutter-plugins-dependencies
 .flutter-plugins-dependencies
+.flutter-plugins-dependencies

lib/main.dart

@@ -18,7 +18,7 @@ import 'util/cc_project_structure.dart';
 import 'editor_drawer.dart';
 
 void main() {
-  runApp(MyApp());
+  runApp(CoreCoderApp());
 }
 
 void loadSolution(
@@ -53,14 +53,34 @@ class RecentProjectsManager {
   }
 }
 
-class MyApp extends StatelessWidget {
+class CoreCoderApp extends StatefulWidget {
+  const CoreCoderApp({Key? key}) : super(key: key);
+
+  @override
+  State<StatefulWidget> createState() {
+    return CoreCoderAppState();
+  }
+}
+
+class CoreCoderAppState extends State<CoreCoderApp>{
+  String themeName = "atom-one-dark";
+  @override
+  void initState(){
+    super.initState();
+    ThemeManager.currentTheme.addListener(() {
+      setState(() {
+        themeName = ThemeManager.currentTheme.value;
+      });
+    });
+  }
+
   @override
   Widget build(BuildContext context) {
     return MultiProvider(
       child: MaterialApp(
         debugShowCheckedModeBanner: false,
         title: 'CoreCoder Develop',
-        theme: ThemeManager.getThemeData(name:"atom-one-dark"),
+        theme: ThemeManager.getThemeData(name:themeName),
         //home: HomePage(),
         initialRoute: "/",
         routes: {

lib/settings.dart

@@ -1,3 +1,4 @@
+import 'package:corecoder_develop/util/theme_manager.dart';
 import 'package:flutter/material.dart';
 
 class AppSettings {
@@ -22,19 +23,86 @@ class SettingsPageItem {
   String description;
   SettingsPageItemType type;
   dynamic provided; // the string list for list type
+  dynamic defaultVal;
+  dynamic currentVal;
 
-  SettingsPageItem(this.name, this.description, this.onSet, this.type);
+  SettingsPageItem(this.name, this.description, this.onSet, this.type,
+      this.provided, this.defaultVal);
 }
 
 class SettingsPage extends StatelessWidget {
   static var routeName = "/SettingsPage";
 
   SettingsPage({Key? key}) : super(key: key);
   List<SettingsPageItem> items = [
-    SettingsPageItem("Theme", "The theme for entire app", (dynamic val) => {},
-        SettingsPageItemType.TypeStringList)
+    SettingsPageItem(
+        "Theme",
+        "The theme for entire app",
+        (dynamic val) => {ThemeManager.setTheme(val)},
+        SettingsPageItemType.TypeStringList,
+        <String>["atom-one-dark", "atom-one-light"],
+        "Atom One Dark")
   ];
 
+  Widget generateListItem(int index, BuildContext context) {
+    SettingsPageItem item = items[index];
+    switch (item.type) {
+      case SettingsPageItemType.TypeStringList:
+        var list = (item.provided as List<String>);
+        return ListTile(
+          title: Text(item.name),
+          subtitle: Text(item.description),
+          onTap: () {
+            showDialog<String>(
+              context: context,
+              barrierDismissible: false, // user must tap button!
+              builder: (BuildContext context) {
+                return AlertDialog(
+                  title: Text(item.name),
+                  content: SingleChildScrollView(
+                    child: ListBody(
+                      children: List.generate(list.length, (index) {
+                        return ListTile(
+                          title: Text(list[index]),
+                          onTap: () {
+                            item.onSet(list[index]);
+                            item.currentVal = list[index];
+                          },
+                        );
+                      }),
+                    ),
+                  ),
+                  actions: <Widget>[
+                    TextButton(
+                      child: const Text('Cancel'),
+                      onPressed: () {
+                        Navigator.of(context).pop();
+                      },
+                    ),
+                  ],
+                );
+              },
+            );
+          },
+          trailing: Text((item.currentVal ?? item.defaultVal).toString()),
+        );
+        break;
+      case SettingsPageItemType.TypeString:
+        // TODO: Handle this case.
+        break;
+      case SettingsPageItemType.TypeBoolean:
+        // TODO: Handle this case.
+        break;
+      case SettingsPageItemType.TypeInteger:
+        // TODO: Handle this case.
+        break;
+      case SettingsPageItemType.TypeFloat:
+        // TODO: Handle this case.
+        break;
+    }
+    return const SizedBox.shrink(); // Empty widget
+  }
+
   @override
   Widget build(BuildContext context) {
     return Scaffold(
@@ -45,11 +113,7 @@ class SettingsPage extends StatelessWidget {
         controller: ScrollController(),
         child: Column(
             children: List.generate(items.length, (index) {
-          return ListTile(
-            title: Text(items[index].name),
-            subtitle: Text(items[index].description),
-              onTap: () => print("ListTile")
-          );
+          return generateListItem(index, context);
         })),
       ),
     );

lib/util/theme_manager.dart

@@ -1,10 +1,15 @@
 import 'package:flutter/material.dart';
+import '../main.dart';
 import './themes.dart';
 
 class ThemeManager {
-  static String currentTheme = "atom-one-dark";
+  static ValueNotifier<String> currentTheme = ValueNotifier<String>("atom-one-dark");
+  static void setTheme(String name){
+    currentTheme.value = name;
+    debugPrint("Set theme: $name");
+  }
   static ThemeData getThemeData({String? name}) {
-    name ??= currentTheme; // if name is not mentioned
+    name ??= currentTheme.value; // if name is not mentioned
     var editor = editorThemes[name];
     var scheme = editor!["scheme"] as Map<String, Color>;
     var isDark = editor["brightness"] == "dark";
@@ -407,7 +412,7 @@ class ThemeManager {
     if(name != null) {
       return editorThemes[name]!["highlight"];
     }else{
-      return editorThemes[currentTheme]!["highlight"];
+      return editorThemes[currentTheme.value]!["highlight"];
     }
   }
 }

test/widget_test.dart

@@ -12,7 +12,7 @@ import 'package:flutter_test/flutter_test.dart';
 void main() {
   testWidgets('Counter increments smoke test', (WidgetTester tester) async {
     // Build our app and trigger a frame.
-    await tester.pumpWidget(MyApp());
+    await tester.pumpWidget(CoreCoderApp());
 
     // Verify that our counter starts at 0.
     expect(find.text('0'), findsOneWidget);