Implemented localization across the application.

2026-01-01 00:21:09 +01:00
parent d9a26a8cf7
commit 534d19efc3
17 changed files with 247 additions and 157 deletions
--- a/lib/presentation/views/main_menu/match_view/create_match/choose_game_view.dart
+++ b/lib/presentation/views/main_menu/match_view/create_match/choose_game_view.dart
@@ -1,6 +1,7 @@
 import 'package:flutter/material.dart';
 import 'package:game_tracker/core/custom_theme.dart';
 import 'package:game_tracker/core/enums.dart';
+import 'package:game_tracker/l10n/generated/app_localizations.dart';
 import 'package:game_tracker/presentation/widgets/text_input/custom_search_bar.dart';
 import 'package:game_tracker/presentation/widgets/tiles/title_description_list_tile.dart';

@@ -41,8 +42,8 @@ class _ChooseGameViewState extends State<ChooseGameView> {
            Navigator.of(context).pop(selectedGameIndex);
          },
        ),
-        title: const Text(
-          'Choose Game',
+        title: Text(
+          AppLocalizations.of(context)!.choose_game,
          style: TextStyle(fontSize: 20, fontWeight: FontWeight.bold),
        ),
        centerTitle: true,
@@ -53,7 +54,7 @@ class _ChooseGameViewState extends State<ChooseGameView> {
            padding: const EdgeInsets.symmetric(horizontal: 10),
            child: CustomSearchBar(
              controller: searchBarController,
-              hintText: 'Game Name',
+              hintText: AppLocalizations.of(context)!.game_name,
            ),
          ),
          const SizedBox(height: 5),
@@ -64,8 +65,10 @@ class _ChooseGameViewState extends State<ChooseGameView> {
                return TitleDescriptionListTile(
                  title: widget.games[index].$1,
                  description: widget.games[index].$2,
-                  badgeText: translateRulesetToString(widget.games[index].$3),
-                  isHighlighted: selectedGameIndex == index,
+                  badgeText: translateRulesetToString(
+                    widget.games[index].$3,
+                    context,
+                  ),
                  onPressed: () async {
                    setState(() {
                      if (selectedGameIndex == index) {
--- a/lib/presentation/views/main_menu/match_view/create_match/choose_group_view.dart
+++ b/lib/presentation/views/main_menu/match_view/create_match/choose_group_view.dart
@@ -1,6 +1,7 @@
 import 'package:flutter/material.dart';
 import 'package:game_tracker/core/custom_theme.dart';
 import 'package:game_tracker/data/dto/group.dart';
+import 'package:game_tracker/l10n/generated/app_localizations.dart';
 import 'package:game_tracker/presentation/widgets/text_input/custom_search_bar.dart';
 import 'package:game_tracker/presentation/widgets/tiles/group_tile.dart';
 import 'package:game_tracker/presentation/widgets/top_centered_message.dart';
@@ -22,7 +23,6 @@ class ChooseGroupView extends StatefulWidget {
 class _ChooseGroupViewState extends State<ChooseGroupView> {
  late String selectedGroupId;
  final TextEditingController controller = TextEditingController();
-  final String hintText = 'Group Name';
  late final List<Group> filteredGroups;

  @override
@@ -51,8 +51,8 @@ class _ChooseGroupViewState extends State<ChooseGroupView> {
            );
          },
        ),
-        title: const Text(
-          'Choose Group',
+        title: Text(
+          AppLocalizations.of(context)!.choose_group,
          style: TextStyle(fontSize: 20, fontWeight: FontWeight.bold),
        ),
        centerTitle: true,
@@ -63,7 +63,7 @@ class _ChooseGroupViewState extends State<ChooseGroupView> {
            padding: const EdgeInsets.symmetric(horizontal: 10),
            child: CustomSearchBar(
              controller: controller,
-              hintText: hintText,
+              hintText: AppLocalizations.of(context)!.group_name,
              onChanged: (value) {
                setState(() {
                  filterGroups(value);
@@ -76,15 +76,17 @@ class _ChooseGroupViewState extends State<ChooseGroupView> {
              visible: filteredGroups.isNotEmpty,
              replacement: Visibility(
                visible: widget.groups.isNotEmpty,
-                replacement: const TopCenteredMessage(
+                replacement: TopCenteredMessage(
                  icon: Icons.info,
-                  title: 'Info',
-                  message: 'You have no groups created yet',
+                  title: AppLocalizations.of(context)!.info,
+                  message: AppLocalizations.of(context)!.no_groups_created_yet,
                ),
-                child: const TopCenteredMessage(
+                child: TopCenteredMessage(
                  icon: Icons.info,
-                  title: 'Info',
-                  message: 'There is no group matching your search',
+                  title: AppLocalizations.of(context)!.info,
+                  message: AppLocalizations.of(
+                    context,
+                  )!.there_is_no_group_matching_your_search,
                ),
              ),
              child: ListView.builder(
--- a/lib/presentation/views/main_menu/match_view/create_match/choose_ruleset_view.dart
+++ b/lib/presentation/views/main_menu/match_view/create_match/choose_ruleset_view.dart
@@ -1,6 +1,7 @@
 import 'package:flutter/material.dart';
 import 'package:game_tracker/core/custom_theme.dart';
 import 'package:game_tracker/core/enums.dart';
+import 'package:game_tracker/l10n/generated/app_localizations.dart';
 import 'package:game_tracker/presentation/widgets/tiles/title_description_list_tile.dart';

 class ChooseRulesetView extends StatefulWidget {
@@ -46,8 +47,8 @@ class _ChooseRulesetViewState extends State<ChooseRulesetView> {
              );
            },
          ),
-          title: const Text(
-            'Choose Ruleset',
+          title: Text(
+            AppLocalizations.of(context)!.choose_ruleset,
            style: TextStyle(fontSize: 20, fontWeight: FontWeight.bold),
          ),
          centerTitle: true,
@@ -66,7 +67,10 @@ class _ChooseRulesetViewState extends State<ChooseRulesetView> {
                  }
                });
              },
-              title: translateRulesetToString(widget.rulesets[index].$1),
+              title: translateRulesetToString(
+                widget.rulesets[index].$1,
+                context,
+              ),
              description: widget.rulesets[index].$2,
              isHighlighted: selectedRulesetIndex == index,
            );
--- a/lib/presentation/views/main_menu/match_view/create_match/create_match_view.dart
+++ b/lib/presentation/views/main_menu/match_view/create_match/create_match_view.dart
@@ -6,6 +6,7 @@ import 'package:game_tracker/data/db/database.dart';
 import 'package:game_tracker/data/dto/group.dart';
 import 'package:game_tracker/data/dto/match.dart';
 import 'package:game_tracker/data/dto/player.dart';
+import 'package:game_tracker/l10n/generated/app_localizations.dart';
 import 'package:game_tracker/presentation/views/main_menu/match_view/create_match/choose_game_view.dart';
 import 'package:game_tracker/presentation/views/main_menu/match_view/create_match/choose_group_view.dart';
 import 'package:game_tracker/presentation/views/main_menu/match_view/create_match/choose_ruleset_view.dart';
@@ -64,34 +65,6 @@ class _CreateMatchViewState extends State<CreateMatchView> {
  /// The currently selected players
  List<Player>? selectedPlayers;

-  /// List of available rulesets with their descriptions
-  /// as tuples of (Ruleset, String)
-  /// TODO: Replace when rulesets are implemented
-  List<(Ruleset, String)> rulesets = [
-    (
-      Ruleset.singleWinner,
-      'Exactly one winner is chosen; ties are resolved by a predefined tiebreaker.',
-    ),
-    (
-      Ruleset.singleLoser,
-      'Exactly one loser is determined; last place receives the penalty or consequence.',
-    ),
-    (
-      Ruleset.mostPoints,
-      'Traditional ruleset: the player with the most points wins.',
-    ),
-    (
-      Ruleset.leastPoints,
-      'Inverse scoring: the player with the fewest points wins.',
-    ),
-  ];
-
-  // TODO: Replace when games are implemented
-  List<(String, String, Ruleset)> games = [
-    ('Example Game 1', 'This is a discription', Ruleset.leastPoints),
-    ('Example Game 2', '', Ruleset.singleWinner),
-  ];
-
  @override
  void initState() {
    super.initState();
@@ -111,6 +84,33 @@ class _CreateMatchViewState extends State<CreateMatchView> {
    filteredPlayerList = List.from(playerList);
  }

+  List<(Ruleset, String)> _getRulesets(BuildContext context) {
+    return [
+      (
+        Ruleset.singleWinner,
+        AppLocalizations.of(context)!.ruleset_single_winner_desc,
+      ),
+      (
+        Ruleset.singleLoser,
+        AppLocalizations.of(context)!.ruleset_single_loser_desc,
+      ),
+      (
+        Ruleset.mostPoints,
+        AppLocalizations.of(context)!.ruleset_most_points_desc,
+      ),
+      (
+        Ruleset.leastPoints,
+        AppLocalizations.of(context)!.ruleset_least_points_desc,
+      ),
+    ];
+  }
+
+  // TODO: Replace when games are implemented
+  List<(String, String, Ruleset)> games = [
+    ('Example Game 1', 'This is a description', Ruleset.leastPoints),
+    ('Example Game 2', '', Ruleset.singleWinner),
+  ];
+
  @override
  Widget build(BuildContext context) {
    return Scaffold(
@@ -118,8 +118,8 @@ class _CreateMatchViewState extends State<CreateMatchView> {
      appBar: AppBar(
        backgroundColor: CustomTheme.backgroundColor,
        scrolledUnderElevation: 0,
-        title: const Text(
-          'Create new match',
+        title: Text(
+          AppLocalizations.of(context)!.create_new_match,
          style: TextStyle(fontSize: 20, fontWeight: FontWeight.bold),
        ),
        centerTitle: true,
@@ -132,13 +132,13 @@ class _CreateMatchViewState extends State<CreateMatchView> {
              margin: const EdgeInsets.symmetric(horizontal: 12, vertical: 5),
              child: TextInputField(
                controller: _matchNameController,
-                hintText: 'Match name',
+                hintText: AppLocalizations.of(context)!.match_name,
              ),
            ),
            ChooseTile(
-              title: 'Game',
+              title: AppLocalizations.of(context)!.game,
              trailingText: selectedGameIndex == -1
-                  ? 'None'
+                  ? AppLocalizations.of(context)!.none
                  : games[selectedGameIndex].$1,
              onPressed: () async {
                selectedGameIndex = await Navigator.of(context).push(
@@ -152,9 +152,9 @@ class _CreateMatchViewState extends State<CreateMatchView> {
                setState(() {
                  if (selectedGameIndex != -1) {
                    selectedRuleset = games[selectedGameIndex].$3;
-                    selectedRulesetIndex = rulesets.indexWhere(
-                      (r) => r.$1 == selectedRuleset,
-                    );
+                    selectedRulesetIndex = _getRulesets(
+                      context,
+                    ).indexWhere((r) => r.$1 == selectedRuleset);
                  } else {
                    selectedRuleset = null;
                  }
@@ -162,30 +162,30 @@ class _CreateMatchViewState extends State<CreateMatchView> {
              },
            ),
            ChooseTile(
-              title: 'Ruleset',
+              title: AppLocalizations.of(context)!.ruleset,
              trailingText: selectedRuleset == null
-                  ? 'None'
-                  : translateRulesetToString(selectedRuleset!),
+                  ? AppLocalizations.of(context)!.none
+                  : translateRulesetToString(selectedRuleset!, context),
              onPressed: () async {
                selectedRuleset = await Navigator.of(context).push(
                  MaterialPageRoute(
                    builder: (context) => ChooseRulesetView(
-                      rulesets: rulesets,
+                      rulesets: _getRulesets(context),
                      initialRulesetIndex: selectedRulesetIndex,
                    ),
                  ),
                );
-                selectedRulesetIndex = rulesets.indexWhere(
-                  (r) => r.$1 == selectedRuleset,
-                );
+                selectedRulesetIndex = _getRulesets(
+                  context,
+                ).indexWhere((r) => r.$1 == selectedRuleset);
                selectedGameIndex = -1;
                setState(() {});
              },
            ),
            ChooseTile(
-              title: 'Group',
+              title: AppLocalizations.of(context)!.group,
              trailingText: selectedGroup == null
-                  ? 'None'
+                  ? AppLocalizations.of(context)!.none
                  : selectedGroup!.name,
              onPressed: () async {
                selectedGroup = await Navigator.of(context).push(
@@ -222,7 +222,7 @@ class _CreateMatchViewState extends State<CreateMatchView> {
              ),
            ),
            CustomWidthButton(
-              text: 'Create match',
+              text: AppLocalizations.of(context)!.create_match,
              sizeRelativeToWidth: 0.95,
              buttonType: ButtonType.primary,
              onPressed: _enableCreateGameButton()
--- a/lib/presentation/views/main_menu/match_view/match_result_view.dart
+++ b/lib/presentation/views/main_menu/match_view/match_result_view.dart
@@ -3,6 +3,7 @@ import 'package:game_tracker/core/custom_theme.dart';
 import 'package:game_tracker/data/db/database.dart';
 import 'package:game_tracker/data/dto/match.dart';
 import 'package:game_tracker/data/dto/player.dart';
+import 'package:game_tracker/l10n/generated/app_localizations.dart';
 import 'package:game_tracker/presentation/widgets/tiles/custom_radio_list_tile.dart';
 import 'package:provider/provider.dart';

@@ -79,8 +80,8 @@ class _MatchResultViewState extends State<MatchResultView> {
                  mainAxisAlignment: MainAxisAlignment.start,
                  crossAxisAlignment: CrossAxisAlignment.start,
                  children: [
-                    const Text(
-                      'Select Winner:',
+                    Text(
+                      AppLocalizations.of(context)!.select_winner,
                      style: TextStyle(
                        fontSize: 18,
                        fontWeight: FontWeight.bold,
--- a/lib/presentation/views/main_menu/match_view/match_view.dart
+++ b/lib/presentation/views/main_menu/match_view/match_view.dart
@@ -8,6 +8,7 @@ import 'package:game_tracker/data/db/database.dart';
 import 'package:game_tracker/data/dto/group.dart';
 import 'package:game_tracker/data/dto/match.dart';
 import 'package:game_tracker/data/dto/player.dart';
+import 'package:game_tracker/l10n/generated/app_localizations.dart';
 import 'package:game_tracker/presentation/views/main_menu/match_view/create_match/create_match_view.dart';
 import 'package:game_tracker/presentation/views/main_menu/match_view/match_result_view.dart';
 import 'package:game_tracker/presentation/widgets/app_skeleton.dart';
@@ -58,11 +59,11 @@ class _MatchViewState extends State<MatchView> {
            enabled: isLoading,
            child: Visibility(
              visible: matches.isNotEmpty,
-              replacement: const Center(
+              replacement: Center(
                child: TopCenteredMessage(
                  icon: Icons.report,
-                  title: 'Info',
-                  message: 'No games created yet',
+                  title: AppLocalizations.of(context)!.info,
+                  message: AppLocalizations.of(context)!.no_matches_created_yet,
                ),
              ),
              child: ListView.builder(
@@ -96,7 +97,7 @@ class _MatchViewState extends State<MatchView> {
          Positioned(
            bottom: MediaQuery.paddingOf(context).bottom,
            child: CustomWidthButton(
-              text: 'Create Game',
+              text: AppLocalizations.of(context)!.create_match,
              sizeRelativeToWidth: 0.90,
              onPressed: () async {
                Navigator.push(