feat(ref: no-ref): add translations

andriikamaldinov1 · andriikamaldinov1 · commit a2866af543ee · 2025-01-03T16:47:18.000+02:00
diff --git a/lib/common/app-translation/app-translation.dart b/lib/common/app-translation/app-translation.dart
@@ -5,6 +5,7 @@ import '../../screens/home/todo/add-task/add-task.translation.dart'
     as home_add_task;
 import '../../screens/home/todo/filter-panel/filter-panel.translation.dart'
     as home_filter_panel;
+import '../items-left/items-left.translation.dart' as items_left;
 
 class AppTranslation extends GetxService {
   AppTranslation();
@@ -42,6 +43,18 @@ class AppTranslation extends GetxService {
       home_filter_panel.ru,
     );
 
+    _combineTranslations(
+      home_filter_panel.en,
+      home_filter_panel.uk,
+      home_filter_panel.ru,
+    );
+
+    _combineTranslations(
+      items_left.en,
+      items_left.uk,
+      items_left.ru,
+    );
+
     return translationsKeys;
   }
 }
diff --git a/lib/common/items-left/items-left.extensions.dart b/lib/common/items-left/items-left.extensions.dart
@@ -0,0 +1,30 @@
+import 'package:get/get.dart';
+import 'package:intl/intl.dart';
+
+import '../app-translation/translation.extensions.dart';
+import 'items-left.translation.dart';
+
+extension ItemsLeftFormatting on int {
+  String get itemsLeft => _getPlural(
+        this,
+        one: ItemsLeftTranslationNames.oneItem.tr,
+        few: ItemsLeftTranslationNames.fewItems.tr,
+        many: ItemsLeftTranslationNames.manyItems.tr,
+      ).trim();
+
+  String _getPlural(int value,
+      {required String one, required String few, required String many}) {
+    if (value > 0) {
+      return Intl.plural(
+        value,
+        zero: '',
+        one: '$value $one',
+        few: '$value $few',
+        many: '$value $many',
+        other: '$value $many',
+        locale: Get.locale?.languageCode,
+      );
+    }
+    return '';
+  }
+}
diff --git a/lib/common/items-left/items-left.translation.dart b/lib/common/items-left/items-left.translation.dart
@@ -0,0 +1,25 @@
+import '../../../../common/app-translation/translation.extensions.dart';
+
+enum ItemsLeftTranslationNames implements Translation {
+  oneItem,
+  fewItems,
+  manyItems,
+}
+
+final Map<String, String> en = <ItemsLeftTranslationNames, String>{
+  ItemsLeftTranslationNames.oneItem: 'item left',
+  ItemsLeftTranslationNames.fewItems: 'items left',
+  ItemsLeftTranslationNames.manyItems: 'items left',
+}.st;
+
+final Map<String, String> ru = <ItemsLeftTranslationNames, String>{
+  ItemsLeftTranslationNames.oneItem: 'элемент остался',
+  ItemsLeftTranslationNames.fewItems: 'элемента осталось',
+  ItemsLeftTranslationNames.manyItems: 'элементов осталось',
+}.st;
+
+final Map<String, String> uk = <ItemsLeftTranslationNames, String>{
+  ItemsLeftTranslationNames.oneItem: 'елемент залишився',
+  ItemsLeftTranslationNames.fewItems: 'елементи залишились',
+  ItemsLeftTranslationNames.manyItems: 'елементів залишилось',
+}.st;
diff --git a/lib/screens/home/home.binding.dart b/lib/screens/home/home.binding.dart
@@ -12,7 +12,7 @@ class HomeBinding extends Bindings {
     Get
       ..lazyPut(AppTranslation.new)
       ..lazyPut(TodoService.new)
-      ..lazyPut(LocaleController.new)
+      ..lazyPut(LanguageSwitcherController.new)
       ..lazyPut(() => AddTaskController(Get.find()))
       ..lazyPut(() => FilterPanelController(Get.find()))
       ..lazyPut(() => TaskListItemController(Get.find(), Get.find()));
diff --git a/lib/screens/home/language-switcher/language-switcher.controller.dart b/lib/screens/home/language-switcher/language-switcher.controller.dart
@@ -1,7 +1,7 @@
 import 'package:get/get.dart';
 import 'language-switcher.enum.dart';
 
-class LocaleController extends GetxController {
+class LanguageSwitcherController extends GetxController {
   final Rx<Language> currentLanguage = Language.en.obs;
 
   List<Language> get languages => Language.values;
diff --git a/lib/screens/home/language-switcher/language-switcher.dart b/lib/screens/home/language-switcher/language-switcher.dart
@@ -1,39 +1,9 @@
-// import 'package:flutter/material.dart';
-// import 'package:get/get.dart';
-// import 'language-switcher.controller.dart';
-//
-// class LanguageSwitcher extends GetView<LocaleController> {
-//   const LanguageSwitcher({super.key});
-//
-//   @override
-//   Widget build(BuildContext context) => Obx(() => DropdownButton<Locale>(
-//         value: controller.locales.firstWhere(
-//           (Locale locale) =>
-//               locale.languageCode ==
-//               controller.currentLocale.value.languageCode,
-//           orElse: () => controller.locales.first,
-//         ),
-//         onChanged: (Locale? locale) {
-//           if (locale != null) {
-//             controller.updateLocale(locale);
-//           }
-//         },
-//         items: controller.locales
-//             .map<DropdownMenuItem<Locale>>(
-//                 (Locale locale) => DropdownMenuItem<Locale>(
-//                       value: locale,
-//                       child: Text(controller.localeNames[locale.languageCode] ??
-//                           locale.languageCode),
-//                     ))
-//             .toList(),
-//       ));
-// }
 import 'package:flutter/material.dart';
 import 'package:get/get.dart';
 import 'language-switcher.controller.dart';
 import 'language-switcher.enum.dart';
 
-class LanguageSwitcher extends GetView<LocaleController> {
+class LanguageSwitcher extends GetView<LanguageSwitcherController> {
   const LanguageSwitcher({super.key});
 
   @override
diff --git a/lib/screens/home/todo/filter-panel/filter-panel.translation.dart b/lib/screens/home/todo/filter-panel/filter-panel.translation.dart
@@ -2,7 +2,6 @@ import '../../../../common/app-translation/translation.extensions.dart';
 
 enum FilterPanelTranslationNames implements Translation {
   clearItems,
-  itemsLeft,
   all,
   active,
   completed
@@ -13,23 +12,18 @@ final Map<String, String> en = <FilterPanelTranslationNames, String>{
   FilterPanelTranslationNames.all: 'All',
   FilterPanelTranslationNames.active: 'Active',
   FilterPanelTranslationNames.completed: 'Completed',
-  FilterPanelTranslationNames.itemsLeft: '@count items left',
 }.st;
 
 final Map<String, String> ru = <FilterPanelTranslationNames, String>{
   FilterPanelTranslationNames.clearItems: 'Очистить выполненные',
   FilterPanelTranslationNames.all: 'Все',
   FilterPanelTranslationNames.active: 'Активные',
   FilterPanelTranslationNames.completed: 'Выполненные',
-  FilterPanelTranslationNames.itemsLeft:
-      '@count элемент остался|@count элемента осталось|@count элементов осталось',
 }.st;
 
 final Map<String, String> uk = <FilterPanelTranslationNames, String>{
   FilterPanelTranslationNames.clearItems: 'Очистити виконані',
   FilterPanelTranslationNames.all: 'Усі',
   FilterPanelTranslationNames.active: 'Активні',
   FilterPanelTranslationNames.completed: 'Виконані',
-  FilterPanelTranslationNames.itemsLeft:
-      '@count елемент залишився|@count елементи залишились|@count елементів залишилось',
 }.st;
diff --git a/lib/screens/home/todo/filter-panel/filter-panel.widget.dart b/lib/screens/home/todo/filter-panel/filter-panel.widget.dart
@@ -2,6 +2,7 @@ import 'package:flutter/material.dart';
 import 'package:get/get.dart';
 import '../../../../common/app-translation/translation.extensions.dart';
 import '../../../../common/button/button.widget.dart';
+import '../../../../common/items-left/items-left.extensions.dart';
 import 'filter-panel-buttons/filter-panel-buttons.dart';
 import 'filter-panel.controller.dart';
 import 'filter-panel.translation.dart';
@@ -11,8 +12,6 @@ class FilterPanelWidget extends GetView<FilterPanelController> {
 
   @override
   Widget build(BuildContext context) => Obx(() {
-        final bool isMobile = MediaQuery.of(context).size.width < 600;
-
         if (controller.tasks.isEmpty) {
           return const SizedBox();
         }
@@ -25,23 +24,21 @@ class FilterPanelWidget extends GetView<FilterPanelController> {
                 mainAxisAlignment: MainAxisAlignment.spaceBetween,
                 children: <Widget>[
                   Text(
-                    '${controller.activeCount} items left',
+                    controller.activeCount.itemsLeft,
                     style: const TextStyle(fontSize: 14, color: Colors.grey),
                   ),
-                  if (!isMobile) const FilterPanelButtons(),
                   ButtonWidget(
                     onTap: controller.clearCompleted,
                     title: FilterPanelTranslationNames.clearItems.tr,
                   ),
                 ],
               ),
-              if (isMobile)
-                const Row(
-                  mainAxisAlignment: MainAxisAlignment.center,
-                  children: <Widget>[
-                    FilterPanelButtons(),
-                  ],
-                ),
+              const Row(
+                mainAxisAlignment: MainAxisAlignment.center,
+                children: <Widget>[
+                  FilterPanelButtons(),
+                ],
+              ),
             ],
           ),
         );
