Merge remote-tracking branch 'origin/feature/48-game-result-view-erstellen' into feature/48-game-result-view-erstellen

lib/presentation/views/main_menu/custom_navigation_bar.dart

@@ -1,5 +1,8 @@
 import 'package:flutter/material.dart';
 import 'package:game_tracker/core/custom_theme.dart';
+import 'package:game_tracker/data/dto/game.dart';
+import 'package:game_tracker/data/dto/group.dart';
+import 'package:game_tracker/data/dto/player.dart';
 import 'package:game_tracker/presentation/views/main_menu/game_history_view.dart';
 import 'package:game_tracker/presentation/views/main_menu/game_result_view.dart';
 import 'package:game_tracker/presentation/views/main_menu/groups_view.dart';
@@ -57,7 +60,24 @@ class _CustomNavigationBarState extends State<CustomNavigationBar>
               await Navigator.push(
                 context,
                 MaterialPageRoute(
-                  builder: (_) => const GameResultView(),
+                  builder: (_) => GameResultView(
+                    game: Game(
+                      name: "Test Game",
+                      players: [
+                        Player(name: "Petrus"),
+                        Player(name: "Peter"),
+                        Player(name: "Petra"),
+                      ],
+                      group: Group(
+                        name: "Die Petris",
+                        members: [
+                          Player(name: "Petralia"),
+                          Player(name: "Petrenlia"),
+                          Player(name: "Petrumlia"),
+                        ],
+                      ),
+                    ),
+                  ),
                 ), //TODO Replace with Settingsview
               );
               setState(() {

lib/presentation/views/main_menu/game_result_view.dart

@@ -1,17 +1,30 @@
 import 'package:flutter/material.dart';
 import 'package:game_tracker/core/custom_theme.dart';
+import 'package:game_tracker/data/dto/game.dart';
+import 'package:game_tracker/data/dto/player.dart';
 import 'package:game_tracker/presentation/widgets/buttons/custom_width_button.dart';
+import 'package:game_tracker/presentation/widgets/tiles/custom_radio_list_tile.dart';
+import 'package:game_tracker/presentation/widgets/top_centered_message.dart';
 
 class GameResultView extends StatefulWidget {
-  const GameResultView({super.key});
+  final Game game;
 
-  //TODO: Handle given game
+  const GameResultView({super.key, required this.game});
 
   @override
   State<GameResultView> createState() => _GameResultViewState();
 }
 
 class _GameResultViewState extends State<GameResultView> {
+  late final List<Player> allPlayers;
+  Player? _player;
+
+  @override
+  void initState() {
+    allPlayers = getAllPlayers(widget.game);
+    super.initState();
+  }
+
   @override
   Widget build(BuildContext context) {
     return Scaffold(
@@ -26,32 +39,93 @@ class _GameResultViewState extends State<GameResultView> {
         centerTitle: true,
       ),
       body: SafeArea(
-        child: Container(
+        child: Column(
-          margin: const EdgeInsets.symmetric(horizontal: 12, vertical: 10),
+          children: [
-          padding: const EdgeInsets.symmetric(vertical: 10, horizontal: 10),
+            Expanded(
-          decoration: BoxDecoration(
+              child: Container(
-            color: CustomTheme.boxColor,
+                margin: const EdgeInsets.symmetric(
-            border: Border.all(color: CustomTheme.boxBorder),
+                  horizontal: 12,
-            borderRadius: BorderRadius.circular(12),
+                  vertical: 10,
-          ),
+                ),
-          child: const Column(
+                padding: const EdgeInsets.symmetric(
-            mainAxisAlignment: MainAxisAlignment.start,
+                  vertical: 10,
-            children: [
+                  horizontal: 10,
-              Text(
+                ),
-                "Select Winner",
+                decoration: BoxDecoration(
-                style: const TextStyle(
+                  color: CustomTheme.boxColor,
-                  fontSize: 18,
+                  border: Border.all(color: CustomTheme.boxBorder),
-                  fontWeight: FontWeight.bold,
+                  borderRadius: BorderRadius.circular(12),
+                ),
+                child: Column(
+                  mainAxisAlignment: MainAxisAlignment.start,
+                  crossAxisAlignment: CrossAxisAlignment.start,
+                  children: [
+                    const Text(
+                      "Select Winner:",
+                      style: TextStyle(
+                        fontSize: 18,
+                        fontWeight: FontWeight.bold,
+                      ),
+                    ),
+                    Visibility(
+                      visible: allPlayers.isNotEmpty,
+                      replacement: TopCenteredMessage(
+                        icon: Icons.info,
+                        title: "Info",
+                        message: "No players in this game.",
+                      ),
+                      child: Expanded(
+                        child: RadioGroup<Player>(
+                          groupValue: _player,
+                          onChanged: (Player? value) {
+                            setState(() {
+                              _player = value;
+                            });
+                          },
+                          child: ListView.builder(
+                            itemCount: allPlayers.length,
+                            itemBuilder: (context, index) {
+                              return CustomRadioListTile(
+                                text: allPlayers[index].name,
+                                value: allPlayers[index],
+                                onContainerTap: (value) {
+                                  setState(() {
+                                    _player = value;
+                                  });
+                                },
+                              );
+                            },
+                          ),
+                        ),
+                      ),
+                    ),
+                  ],
                 ),
               ),
-              //TODO: Add FutureBuilder
+            ),
-              //TODO: Implement ListView.builder with RadioListTiles and Players from Game
+            CustomWidthButton(
-              //TODO Implement Save button with snackbar to confirm save/show error
+              text: "Save",
-              CustomWidthButton(text: "Save", sizeRelativeToWidth: 0.95),
+              sizeRelativeToWidth: 0.95,
-            ],
+              onPressed: _player != null
-          ),
+                  ? () {
+                      print("Selected Winner: ${_player!.name}");
+                      Navigator.pop(context);
+                    }
+                  : null,
+            ),
+            SizedBox(height: 10),
+          ],
         ),
       ),
     );
   }
+
+  List<Player> getAllPlayers(Game game) {
+    if (game.group == null && game.players != null) {
+      return [...game.players!];
+    } else if (game.group != null && game.players != null) {
+      return [...game.players!, ...game.group!.members];
+    }
+    return [...game.group!.members];
+  }
 }

lib/presentation/widgets/tiles/custom_radio_list_tile.dart

@@ -0,0 +1,49 @@
+import 'package:flutter/material.dart';
+import 'package:game_tracker/core/custom_theme.dart';
+
+class CustomRadioListTile<T> extends StatelessWidget {
+  final String text;
+  final T value;
+  final ValueChanged<T> onContainerTap;
+
+  const CustomRadioListTile({
+    super.key,
+    required this.text,
+    required this.value,
+    required this.onContainerTap,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    return GestureDetector(
+      onTap: () => onContainerTap(value),
+      child: Container(
+        margin: const EdgeInsets.symmetric(horizontal: 5, vertical: 5),
+        padding: const EdgeInsets.symmetric(horizontal: 2),
+        decoration: BoxDecoration(
+          color: CustomTheme.boxColor,
+          border: Border.all(color: CustomTheme.boxBorder),
+          borderRadius: BorderRadius.circular(12),
+        ),
+        child: Padding(
+          padding: const EdgeInsets.symmetric(vertical: 5),
+          child: Row(
+            children: [
+              Radio<T>(value: value, activeColor: CustomTheme.primaryColor),
+              Expanded(
+                child: Text(
+                  text,
+                  overflow: TextOverflow.ellipsis,
+                  style: const TextStyle(
+                    fontSize: 16,
+                    fontWeight: FontWeight.w500,
+                  ),
+                ),
+              ),
+            ],
+          ),
+        ),
+      ),
+    );
+  }
+}