Merge pull request #25 from flixcoo/feature/4-fix-widget-state-update

feature/4-fix-widget-state-update

lib/data/game_manager.dart

@@ -0,0 +1,30 @@
+import 'package:cabo_counter/data/game_session.dart';
+import 'package:cabo_counter/services/local_storage_service.dart';
+import 'package:flutter/foundation.dart';
+
+class GameManager extends ChangeNotifier {
+  List<GameSession> gameList = [];
+
+  /// Adds a new game session to the list and sorts it by creation date.
+  /// Takes a [GameSession] object as input. It then adds the session to the `gameList`,
+  /// sorts the list in descending order based on the creation date, and notifies listeners of the change.
+  /// It also saves the updated game sessions to local storage.
+  void addGameSession(GameSession session) {
+    gameList.add(session);
+    gameList.sort((a, b) => b.createdAt.compareTo(a.createdAt));
+    notifyListeners();
+    LocalStorageService.saveGameSessions();
+  }
+
+  /// Removes a game session from the list and sorts it by creation date.
+  /// Takes a [index] as input. It then removes the session at the specified index from the `gameList`,
+  /// sorts the list in descending order based on the creation date, and notifies listeners of the change.
+  /// It also saves the updated game sessions to local storage.
+  void removeGameSession(int index) {
+    gameList.removeAt(index);
+    notifyListeners();
+    LocalStorageService.saveGameSessions();
+  }
+}
+
+final globals = GameManager();

lib/services/local_storage_service.dart

@@ -1,8 +1,8 @@
 import 'dart:convert';
 import 'dart:io';
 
+import 'package:cabo_counter/data/game_manager.dart';
 import 'package:cabo_counter/data/game_session.dart';
-import 'package:cabo_counter/utility/globals.dart';
 import 'package:file_picker/file_picker.dart';
 import 'package:file_saver/file_saver.dart';
 import 'package:flutter/services.dart';
@@ -19,7 +19,7 @@ class LocalStorageService {
   /// Writes the game session list to a  JSON file and returns it as string.
   static String getJsonFile() {
     final jsonFile =
-        Globals.gameList.map((session) => session.toJson()).toList();
+        globals.gameList.map((session) => session.toJson()).toList();
     return json.encode(jsonFile);
   }
 
@@ -63,14 +63,14 @@ class LocalStorageService {
 
       if (!await validateJsonSchema(jsonString)) {
         logger.w('Die Datei konnte nicht validiert werden');
-        Globals.gameList = [];
+        globals.gameList = [];
         return false;
       }
       logger.d('Die gefundene Datei hat Inhalt');
       logger.d('Die gefundene Datei wurde erfolgreich validiert');
       final jsonList = json.decode(jsonString) as List<dynamic>;
 
-      Globals.gameList = jsonList
+      globals.gameList = jsonList
           .map((jsonItem) =>
               GameSession.fromJson(jsonItem as Map<String, dynamic>))
           .toList();
@@ -80,7 +80,7 @@ class LocalStorageService {
     } catch (e) {
       logger.e('Fehler beim Laden der Spieldaten:\n$e',
           error: 'JSON nicht geladen');
-      Globals.gameList = [];
+      globals.gameList = [];
       return false;
     }
   }
@@ -125,7 +125,7 @@ class LocalStorageService {
         return false;
       }
       final jsonData = json.decode(jsonString) as List<dynamic>;
-      Globals.gameList = jsonData
+      globals.gameList = jsonData
           .map((jsonItem) =>
               GameSession.fromJson(jsonItem as Map<String, dynamic>))
           .toList();
@@ -172,7 +172,7 @@ class LocalStorageService {
 
   static Future<bool> deleteAllGames() async {
     try {
-      Globals.gameList.clear();
+      globals.gameList.clear();
       await saveGameSessions();
       logger.i('Alle Runden wurden erfolgreich gelöscht.');
       return true;

lib/utility/globals.dart

@@ -1,17 +1,5 @@
-import 'package:cabo_counter/data/game_session.dart';
-
 class Globals {
-  /// The [gameList] contains all active game sessions.
-  static List<GameSession> gameList = [];
-
-  static void addGameSession(GameSession session) {
-    gameList.add(session);
-    gameList.sort((a, b) => b.createdAt.compareTo(a.createdAt));
-  }
-
   static int pointLimit = 100;
-
   static int caboPenalty = 5;
-
   static String appDevPhase = 'Alpha';
 }

lib/views/create_game_view.dart

@@ -1,3 +1,4 @@
+import 'package:cabo_counter/data/game_manager.dart';
 import 'package:cabo_counter/data/game_session.dart';
 import 'package:cabo_counter/services/local_storage_service.dart';
 import 'package:cabo_counter/utility/custom_theme.dart';
@@ -289,9 +290,7 @@ class _CreateGameState extends State<CreateGame> {
                     caboPenalty: Globals.caboPenalty,
                     isPointsLimitEnabled: selectedMode!,
                   );
-                  setState(() {
+                  globals.addGameSession(gameSession);
-                    Globals.addGameSession(gameSession);
-                  });
                   LocalStorageService.saveGameSessions();
                   if (context.mounted) {
                     Navigator.pushReplacement(

lib/views/main_menu_view.dart

@@ -1,6 +1,6 @@
+import 'package:cabo_counter/data/game_manager.dart';
 import 'package:cabo_counter/services/local_storage_service.dart';
 import 'package:cabo_counter/utility/custom_theme.dart';
-import 'package:cabo_counter/utility/globals.dart';
 import 'package:cabo_counter/views/active_game_view.dart';
 import 'package:cabo_counter/views/create_game_view.dart';
 import 'package:cabo_counter/views/settings_view.dart';
@@ -26,6 +26,11 @@ class _MainMenuViewState extends State<MainMenuView> {
         _isLoading = false;
       });
     });
+    globals.addListener(_updateView);
+  }
+
+  void _updateView() {
+    if (mounted) setState(() {});
   }
 
   @override
@@ -33,6 +38,9 @@ class _MainMenuViewState extends State<MainMenuView> {
     print('MainMenuView build');
     LocalStorageService.loadGameSessions();
 
+    return ListenableBuilder(
+        listenable: globals,
+        builder: (context, _) {
           return CupertinoPageScaffold(
             resizeToAvoidBottomInset: false,
             navigationBar: CupertinoNavigationBar(
@@ -62,7 +70,7 @@ class _MainMenuViewState extends State<MainMenuView> {
               child: SafeArea(
                 child: _isLoading
                     ? const Center(child: CupertinoActivityIndicator())
-              : Globals.gameList.isEmpty
+                    : globals.gameList.isEmpty
                         ? Column(
                             mainAxisAlignment:
                                 MainAxisAlignment.center, // Oben ausrichten
@@ -89,9 +97,9 @@ class _MainMenuViewState extends State<MainMenuView> {
                             ],
                           )
                         : ListView.builder(
-                      itemCount: Globals.gameList.length,
+                            itemCount: globals.gameList.length,
                             itemBuilder: (context, index) {
-                        final session = Globals.gameList[index];
+                              final session = globals.gameList[index];
                               return Dismissible(
                                 key: Key(session.gameTitle),
                                 background: Container(
@@ -106,7 +114,7 @@ class _MainMenuViewState extends State<MainMenuView> {
                                 direction: DismissDirection.startToEnd,
                                 confirmDismiss: (direction) async {
                                   final String gameTitle =
-                                Globals.gameList[index].gameTitle;
+                                      globals.gameList[index].gameTitle;
                                   return await _showDeleteGamePopup(gameTitle);
                                 },
                                 onDismissed: (direction) {
@@ -116,17 +124,22 @@ class _MainMenuViewState extends State<MainMenuView> {
                                   DismissDirection.startToEnd: 0.6
                                 },
                                 child: Padding(
-                            padding: const EdgeInsets.symmetric(vertical: 10.0),
+                                  padding: const EdgeInsets.symmetric(
+                                      vertical: 10.0),
                                   child: CupertinoListTile(
+                                    backgroundColorActivated:
+                                        CustomTheme.backgroundColor,
                                     title: Text(session.gameTitle),
                                     subtitle: session.isGameFinished == true
                                         ? Text(
                                             '\u{1F947} ${session.winner}',
-                                      style: const TextStyle(fontSize: 14),
+                                            style:
+                                                const TextStyle(fontSize: 14),
                                           )
                                         : Text(
                                             'Modus: ${_translateGameMode(session.isPointsLimitEnabled)}',
-                                      style: const TextStyle(fontSize: 14),
+                                            style:
+                                                const TextStyle(fontSize: 14),
                                           ),
                                     trailing: Row(
                                       children: [
@@ -137,7 +150,8 @@ class _MainMenuViewState extends State<MainMenuView> {
                                         const SizedBox(width: 15),
                                         Text('${session.players.length}'),
                                         const SizedBox(width: 3),
-                                  const Icon(CupertinoIcons.person_2_fill),
+                                        const Icon(
+                                            CupertinoIcons.person_2_fill),
                                       ],
                                     ),
                                     onTap: () async {
@@ -146,7 +160,8 @@ class _MainMenuViewState extends State<MainMenuView> {
                                         context,
                                         CupertinoPageRoute(
                                           builder: (context) => ActiveGameView(
-                                        gameSession: Globals.gameList[index]),
+                                              gameSession:
+                                                  globals.gameList[index]),
                                         ),
                                       );
                                       setState(() {});
@@ -159,6 +174,7 @@ class _MainMenuViewState extends State<MainMenuView> {
               ),
             ),
           );
+        });
   }
 
   /// Translates the game mode boolean into the corresponding String.
@@ -204,7 +220,7 @@ class _MainMenuViewState extends State<MainMenuView> {
   /// This function takes an [index] as parameter and removes the game session at
   /// that index from the global game list,
   void _deleteSpecificGame(int index) {
-    Globals.gameList.removeAt(index);
+    globals.gameList.removeAt(index);
     LocalStorageService.saveGameSessions();
   }
 }

lib/views/round_view.dart

@@ -58,6 +58,7 @@ class _RoundViewState extends State<RoundView> {
       _kamikazePlayerIndex =
           gameSession.roundList[widget.roundNumber - 1].kamikazePlayerIndex;
     }
+
     super.initState();
   }
 
@@ -215,6 +216,7 @@ class _RoundViewState extends State<RoundView> {
                                       textAlign: TextAlign.center,
                                       onSubmitted: (_) =>
                                           _focusNextTextfield(index),
+                                      onChanged: (_) => setState(() {}),
                                     ),
                                   ),
                                   const SizedBox(width: 50),

pubspec.yaml

@@ -2,7 +2,7 @@ name: cabo_counter
 description: "Mobile app for the card game Cabo"
 publish_to: 'none'
 
-version: 0.1.6+145
+version: 0.1.6+149
 
 environment:
   sdk: ^3.5.4