Merge pull request #235 from JordyHers-org/chore/43-implement-localiz…

…ation-i18n-to-project-en-fr-de-ar-tr Chore/43 implement localization i18n to project en fr de ar tr
JordyHers-org · Nov 8, 2023 · d029174 · d029174
2 parents 9a3b496 + 8585afe
commit d029174
Show file tree

Hide file tree

Showing 12 changed files with 78 additions and 18 deletions.
diff --git a/lib/app/features/parent_side/language/language_notififier.dart b/lib/app/features/parent_side/language/language_notififier.dart
@@ -2,6 +2,7 @@ import 'dart:ui';
 
 import 'package:flutter/foundation.dart';
 import 'package:flutter/services.dart';
+import 'package:times_up_flutter/services/shared_preferences.dart';
 
 class LanguageNotifier extends ChangeNotifier {
   late String _selectedLanguage = '🇺🇸 English󠁢';
@@ -11,21 +12,52 @@ class LanguageNotifier extends ChangeNotifier {
   Locale get locale => _locale;
 
   List<String> languages = [
+    '🇺🇸 English󠁢',
     '🇫🇷 Français󠁢',
     '🇪🇸 Español',
     '🇹🇷 Turkish',
     '🇩🇪 Deutsch',
   ];
 
+  Future<void> initLocalization() async {
+    _locale = await CacheService.getLocale();
+    _setLanguageString();
+    languages
+      ..insert(languages.indexOf(_selectedLanguage), _selectedLanguage)
+      ..removeWhere((element) => element == _selectedLanguage);
+    notifyListeners();
+  }
+
   void selectLanguage(String language) {
     languages.insert(languages.indexOf(language), _selectedLanguage);
     _selectedLanguage = language;
     languages.removeWhere((element) => element == _selectedLanguage);
     _locale = setLocale(_selectedLanguage);
+    CacheService.setLocale(value: _locale);
     HapticFeedback.heavyImpact();
     notifyListeners();
   }
 
+  void _setLanguageString() {
+    switch (_locale.languageCode) {
+      case 'en':
+        _selectedLanguage = '🇺🇸 English󠁢';
+        break;
+      case 'fr':
+        _selectedLanguage = '🇫🇷 Français󠁢';
+        break;
+      case 'es':
+        _selectedLanguage = '🇪🇸 Español';
+        break;
+      case 'de':
+        _selectedLanguage = '🇩🇪 Deutsch';
+        break;
+      case 'tr':
+        _selectedLanguage = '🇹🇷 Turkish󠁢';
+        break;
+    }
+  }
+
   Locale setLocale(String selectedLanguage) {
     switch (selectedLanguage) {
       case '🇫🇷 Français󠁢':

diff --git a/lib/app/features/parent_side/language/language_page.dart b/lib/app/features/parent_side/language/language_page.dart
@@ -96,7 +96,7 @@ class _LanguagePageState extends State<LanguagePage> {
                 delegate: SliverChildListDelegate([
                   SingleChildScrollView(
                     child: SizedBox(
-                      height: 2000,
+                      height: 1000,
                       child: ListView.separated(
                         itemCount: 4,
                         itemBuilder: (builder, index) => GestureDetector(

diff --git a/lib/app/features/parent_side/setting_page.dart b/lib/app/features/parent_side/setting_page.dart
@@ -96,9 +96,11 @@ class SettingsPage extends StatelessWidget {
           ).vTopP(12),
           ProfileListItem(
             icon: LineAwesomeIcons.language,
-            onPressed: () => Navigator.of(context).push(MaterialPageRoute<void>(
-              builder: (context) => LanguagePage.create(context, auth),
-            )),
+            onPressed: () => Navigator.of(context).push(
+              MaterialPageRoute<void>(
+                builder: (context) => LanguagePage.create(context, auth),
+              ),
+            ),
             text: 'Change language',
           ),
           ProfileListItem(

diff --git a/lib/l10n/arb/app_de.arb b/lib/l10n/arb/app_de.arb
@@ -1,12 +1,15 @@
 {
-  "@@locale": "de",
-  "welcome": "Wilkommen",
-  "changeTheSettingsHere": "Ändern Sie hier die Einstellungen",
-  "addNewChildHere": "Fügen Sie hier ein neues Kind hinzu",
-  "operationFailed": "Operation failed",
-  "enterThisCode": "Enter this code on the child's device",
-  "longPressToCopyOrDoubleTapToShare": "Long press to copy or double tap to share",
-  "enterThisCodeOnChildDevice": "Enter this code on child's device: ",
-  "sendNotificationToYourChildDevice": "Send notifications to your Child's device",
-  "copyText" : "Code Copied!"
+   "@@locale": "de",
+   "welcome": "Wilkommen",
+   "hello": "Hallo 👋",
+   "changeTheSettingsHere": "Ändern Sie hier die Einstellungen",
+   "addNewChildHere": "Fügen Sie hier ein neues Kind hinzu",
+   "operationFailed": "Operation failed",
+   "enterThisCode": "Enter this code on the child's device",
+   "longPressToCopyOrDoubleTapToShare": "Long press to copy or double tap to share",
+   "enterThisCodeOnChildDevice": "Enter this code on child's device: ",
+   "sendNotificationToYourChildDevice": "Send notifications to your Child's device",
+   "copyText" : "Code Copied!"
+
+
 }
diff --git a/lib/l10n/arb/app_en.arb b/lib/l10n/arb/app_en.arb
@@ -1,6 +1,7 @@
 {
     "@@locale": "en",
     "welcome": "Welcome",
+    "hello": "Hello 👋",
     "changeTheSettingsHere": "change the settings here",
     "addNewChildHere": "Add a new child here ",
     "operationFailed": "Operation failed",

diff --git a/lib/l10n/arb/app_es.arb b/lib/l10n/arb/app_es.arb
@@ -1,6 +1,7 @@
 {
     "@@locale": "es",
-    "welcome": "Hola !",
+    "welcome": "Bienvenido !",
+    "hello": "Hola 👋",
     "changeTheSettingsHere": "Cambiar la configuración aquí",
     "addNewChildHere": "Añadir un nuevo niño[a] aquí",
     "operationFailed": "Operation failed",

diff --git a/lib/l10n/arb/app_fr.arb b/lib/l10n/arb/app_fr.arb
@@ -1,6 +1,7 @@
 {
   "@@locale": "fr",
   "welcome": "Bienvenue",
+  "hello": "Salut 👋",
   "changeTheSettingsHere": "Modifier les paramètres ici",
   "addNewChildHere": "Ajoute un enfant ici",
   "operationFailed": "Operation failed",

diff --git a/lib/l10n/arb/app_tr.arb b/lib/l10n/arb/app_tr.arb
@@ -1,6 +1,7 @@
 {
   "@@locale": "tr",
   "welcome": "Hoş Geldiniz",
+  "hello": "Selam 👋",
   "changeTheSettingsHere": "Buradaki ayarları değiştir",
   "addNewChildHere": "Buraya yeni bir çocuk ekleyin",
   "operationFailed": "Operation failed",

diff --git a/lib/main_development.dart b/lib/main_development.dart
@@ -46,7 +46,7 @@ Future<void> main() async {
         ChangeNotifierProvider<ThemeNotifier>(
             create: (context) => ThemeNotifier()..initThemeMode()),
         ChangeNotifierProvider<LanguageNotifier>(
-            create: (context) => LanguageNotifier()),
+            create: (context) => LanguageNotifier()..initLocalization(),),
         ChangeNotifierProvider<AppInfoService>(
             create: (context) => AppInfoService(packageInfo)),
       ],

diff --git a/lib/services/shared_preferences.dart b/lib/services/shared_preferences.dart
@@ -1,3 +1,5 @@
+import 'dart:ui';
+
 import 'package:shared_preferences/shared_preferences.dart';
 
 class CacheService {
@@ -25,6 +27,12 @@ class CacheService {
     return darkMode;
   }
 
+  static Future<Locale> getLocale() async {
+    final preferences = await SharedPreferences.getInstance();
+    final status = preferences.getString('locale') ?? 'en';
+    return Locale(status);
+  }
+
   static Future<void> setVisitingFlag() async {
     final preferences = await SharedPreferences.getInstance();
     await preferences.setBool('alreadyVisited', true);
@@ -51,4 +59,10 @@ class CacheService {
     final status = await preferences.setBool('isDarkMode', value);
     return status;
   }
+
+  static Future<bool> setLocale({required Locale value}) async {
+    final preferences = await SharedPreferences.getInstance();
+    final locale = await preferences.setString('locale', value.languageCode);
+    return locale;
+  }
 }
diff --git a/lib/theme/theme.dart b/lib/theme/theme.dart
@@ -50,6 +50,10 @@ class AppTheme {
     cardTheme: CardTheme(color: CustomColors.indigoDarker),
     iconTheme: IconThemeData(color: CustomColors.indigoLight),
     dividerColor: CustomColors.indigoLight,
+    bottomNavigationBarTheme: BottomNavigationBarThemeData(
+      selectedItemColor: CustomColors.greenPrimary,
+      unselectedItemColor: CustomColors.indigoLight,
+    ),
     floatingActionButtonTheme: FloatingActionButtonThemeData(
       backgroundColor: CustomColors.indigoLight,
       foregroundColor: CustomColors.indigoDark,

diff --git a/lib/widgets/jh_header.dart b/lib/widgets/jh_header.dart
@@ -1,4 +1,5 @@
 import 'package:flutter/material.dart';
+import 'package:times_up_flutter/l10n/l10n.dart';
 import 'package:times_up_flutter/theme/theme.dart';
 import 'package:times_up_flutter/widgets/jh_display_text.dart';
 
@@ -18,7 +19,7 @@ class JHHeader extends StatelessWidget {
       crossAxisAlignment: CrossAxisAlignment.start,
       children: [
         JHDisplayText(
-          text: 'Hello 👋',
+          text: AppLocalizations.of(context).hello,
           fontSize: fontSize,
           maxFontSize: maxFontSize,
           style: TextStyle(
@@ -27,7 +28,7 @@ class JHHeader extends StatelessWidget {
           ),
         ),
         JHDisplayText(
-          text: 'Welcome',
+          text: AppLocalizations.of(context).welcome,
           fontSize: fontSize,
           maxFontSize: maxFontSize,
           style: TextStyle(