Internationalization (German) of the mobile app. (#246)

* Add i18n framework to mobile app and write simple translation generator

* Replace all texts in login_form with i18n keys

* Localization of sharing section

* Localization of asset viewer section

* Use JSON as base translation format

* Add check for missing/unused translation keys

* Add localizely

* Remove i18n directory in favour of localizely

* Backup Translation

* More translations

* Translate home page

* Translation of search page

* Translate new server version announcement

* Reformat code

* Fix typo in german translation

* Update englisch translations

* Change translation keys to match dart filenames

* Add /api to translated endpoint_urls

* Update localizely.yml

* Add languages to ios plist

* Remove unused keys

* Added script to check outdated key in other translations

* Add download key to localizely.yml

Co-authored-by: Alex <alex.tran1502@gmail.com>

mobile/lib/modules/sharing/views/album_viewer_page.dart

@@ -1,4 +1,5 @@
 import 'package:auto_route/auto_route.dart';
+import 'package:easy_localization/easy_localization.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_hooks/flutter_hooks.dart';
 import 'package:hooks_riverpod/hooks_riverpod.dart';
@@ -204,13 +205,13 @@ class AlbumViewerPage extends HookConsumerWidget {
               AlbumActionOutlinedButton(
                 iconData: Icons.add_photo_alternate_outlined,
                 onPressed: () => _onAddPhotosPressed(albumInfo),
-                labelText: "Add photos",
+                labelText: "share_add_photos".tr(),
               ),
               if (userId == albumInfo.ownerId)
                 AlbumActionOutlinedButton(
                   iconData: Icons.person_add_alt_rounded,
                   onPressed: () => _onAddUsersPressed(albumInfo),
-                  labelText: "Add users",
+                  labelText: "album_viewer_page_share_add_users".tr(),
                 ),
             ],
           ),

mobile/lib/modules/sharing/views/asset_selection_page.dart

@@ -1,4 +1,5 @@
 import 'package:auto_route/auto_route.dart';
+import 'package:easy_localization/easy_localization.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_hooks/flutter_hooks.dart';
 import 'package:hooks_riverpod/hooks_riverpod.dart';
@@ -65,9 +66,9 @@ class AssetSelectionPage extends HookConsumerWidget {
         ),
         title: selectedAssets.isEmpty
             ? const Text(
-                'Add photos',
+                'share_add_photos',
                 style: TextStyle(fontSize: 18),
-              )
+              ).tr()
             : Text(
                 _buildAssetCountText(),
                 style: const TextStyle(fontSize: 18),
@@ -86,9 +87,9 @@ class AssetSelectionPage extends HookConsumerWidget {
                 AutoRouter.of(context).pop(payload);
               },
               child: const Text(
-                "Add",
+                "share_add",
                 style: TextStyle(fontWeight: FontWeight.bold),
-              ),
+              ).tr(),
             ),
         ],
       ),

mobile/lib/modules/sharing/views/create_shared_album_page.dart

@@ -1,4 +1,5 @@
 import 'package:auto_route/auto_route.dart';
+import 'package:easy_localization/easy_localization.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_hooks/flutter_hooks.dart';
 import 'package:hooks_riverpod/hooks_riverpod.dart';
@@ -64,13 +65,13 @@ class CreateSharedAlbumPage extends HookConsumerWidget {
 
     _buildTitle() {
       if (selectedAssets.isEmpty) {
-        return const SliverToBoxAdapter(
+        return SliverToBoxAdapter(
           child: Padding(
             padding: EdgeInsets.only(top: 200, left: 18),
             child: Text(
-              'ADD ASSETS',
+              'create_shared_album_page_share_add_assets',
               style: TextStyle(fontSize: 12),
-            ),
+            ).tr(),
           ),
         );
       }
@@ -97,12 +98,12 @@ class CreateSharedAlbumPage extends HookConsumerWidget {
               label: Padding(
                 padding: const EdgeInsets.only(left: 8.0),
                 child: Text(
-                  'Select Photos',
+                  'create_shared_album_page_share_select_photos',
                   style: TextStyle(
                       fontSize: 16,
                       color: Colors.grey[700],
                       fontWeight: FontWeight.bold),
-                ),
+                ).tr(),
               ),
             ),
           ),
@@ -123,7 +124,7 @@ class CreateSharedAlbumPage extends HookConsumerWidget {
               AlbumActionOutlinedButton(
                 iconData: Icons.add_photo_alternate_outlined,
                 onPressed: _onSelectPhotosButtonPressed,
-                labelText: "Add photos",
+                labelText: "share_add_photos".tr(),
               ),
             ],
           ),
@@ -169,16 +170,16 @@ class CreateSharedAlbumPage extends HookConsumerWidget {
               },
               icon: const Icon(Icons.close_rounded)),
           title: const Text(
-            'Create album',
+            'share_create_album',
             style: TextStyle(color: Colors.black),
-          ),
+          ).tr(),
           actions: [
             TextButton(
               onPressed: albumTitleController.text.isNotEmpty
                   ? _showSelectUserPage
                   : null,
-              child: const Text(
-                'Share',
+              child: Text(
+                'create_shared_album_page_share'.tr(),
                 style: TextStyle(
                   fontWeight: FontWeight.bold,
                 ),

mobile/lib/modules/sharing/views/select_additional_user_for_sharing_page.dart

@@ -1,4 +1,5 @@
 import 'package:auto_route/auto_route.dart';
+import 'package:easy_localization/easy_localization.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_hooks/flutter_hooks.dart';
 import 'package:hooks_riverpod/hooks_riverpod.dart';
@@ -68,10 +69,10 @@ class SelectAdditionalUserForSharingPage extends HookConsumerWidget {
           Wrap(
             children: [...usersChip],
           ),
-          const Padding(
+          Padding(
             padding: EdgeInsets.all(16.0),
             child: Text(
-              'Suggestions',
+              'select_additional_user_for_sharing_page_suggestions'.tr(),
               style: TextStyle(
                   fontSize: 14,
                   color: Colors.grey,
@@ -112,9 +113,9 @@ class SelectAdditionalUserForSharingPage extends HookConsumerWidget {
     return Scaffold(
       appBar: AppBar(
         title: const Text(
-          'Invite to album',
+          'share_invite',
           style: TextStyle(color: Colors.black),
-        ),
+        ).tr(),
         elevation: 0,
         centerTitle: false,
         leading: IconButton(
@@ -128,9 +129,9 @@ class SelectAdditionalUserForSharingPage extends HookConsumerWidget {
             onPressed:
                 sharedUsersList.value.isEmpty ? null : _addNewUsersHandler,
             child: const Text(
-              "Add",
+              "share_add",
               style: TextStyle(fontSize: 14, fontWeight: FontWeight.bold),
-            ),
+            ).tr(),
           )
         ],
       ),

mobile/lib/modules/sharing/views/select_user_for_sharing_page.dart

@@ -1,4 +1,5 @@
 import 'package:auto_route/auto_route.dart';
+import 'package:easy_localization/easy_localization.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_hooks/flutter_hooks.dart';
 import 'package:hooks_riverpod/hooks_riverpod.dart';
@@ -36,8 +37,7 @@ class SelectUserForSharingPage extends HookConsumerWidget {
             .navigate(const TabControllerRoute(children: [SharingRoute()]));
       }
 
-      const ScaffoldMessenger(
-          child: SnackBar(content: Text('Failed to create album')));
+      ScaffoldMessenger(child: SnackBar(content: Text('select_user_for_sharing_page_err_album').tr()));
     }
 
     _buildTileIcon(User user) {
@@ -84,15 +84,15 @@ class SelectUserForSharingPage extends HookConsumerWidget {
           Wrap(
             children: [...usersChip],
           ),
-          const Padding(
+          Padding(
             padding: EdgeInsets.all(16.0),
             child: Text(
-              'Suggestions',
+              'share_suggestions',
               style: TextStyle(
                   fontSize: 14,
                   color: Colors.grey,
                   fontWeight: FontWeight.bold),
-            ),
+            ).tr(),
           ),
           ListView.builder(
             shrinkWrap: true,
@@ -128,9 +128,9 @@ class SelectUserForSharingPage extends HookConsumerWidget {
     return Scaffold(
       appBar: AppBar(
         title: const Text(
-          'Invite to album',
+          'share_invite',
           style: TextStyle(color: Colors.black),
-        ),
+        ).tr(),
         elevation: 0,
         centerTitle: false,
         leading: IconButton(
@@ -144,9 +144,9 @@ class SelectUserForSharingPage extends HookConsumerWidget {
               onPressed:
                   sharedUsersList.value.isEmpty ? null : _createSharedAlbum,
               child: const Text(
-                "Create Album",
+                "share_create_album",
                 style: TextStyle(fontSize: 14, fontWeight: FontWeight.bold),
-              ))
+              ).tr())
         ],
       ),
       body: suggestedShareUsers.when(

mobile/lib/modules/sharing/views/sharing_page.dart

@@ -1,4 +1,5 @@
 import 'package:auto_route/auto_route.dart';
+import 'package:easy_localization/easy_localization.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_hooks/flutter_hooks.dart';
 import 'package:hive/hive.dart';
@@ -104,20 +105,20 @@ class SharingPage extends HookConsumerWidget {
                   Padding(
                     padding: const EdgeInsets.all(8.0),
                     child: Text(
-                      'EMPTY LIST',
+                      'sharing_page_empty_list',
                       style: TextStyle(
                         fontSize: 12,
                         color: Theme.of(context).primaryColor,
                         fontWeight: FontWeight.bold,
                       ),
-                    ),
+                    ).tr(),
                   ),
                   Padding(
                     padding: const EdgeInsets.all(8.0),
                     child: Text(
-                      'Create shared albums to share photos and videos with people in your network.',
+                      'sharing_page_description',
                       style: TextStyle(fontSize: 12, color: Colors.grey[700]),
-                    ),
+                    ).tr(),
                   ),
                 ],
               ),
@@ -131,15 +132,15 @@ class SharingPage extends HookConsumerWidget {
       body: CustomScrollView(
         slivers: [
           const SharingSliverAppBar(),
-          const SliverPadding(
+          SliverPadding(
             padding: EdgeInsets.symmetric(horizontal: 12, vertical: 12),
             sliver: SliverToBoxAdapter(
               child: Text(
-                "Shared albums",
+                "sharing_page_album",
                 style: TextStyle(
                   fontWeight: FontWeight.bold,
                 ),
-              ),
+              ).tr(),
             ),
           ),
           sharedAlbums.isNotEmpty