Localization: first steps

l10n.yaml

@@ -0,0 +1,3 @@
+arb-dir: lib/l10n
+template-arb-file: app_en.arb
+output-localization-file: app_localizations.dart

lib/about_page.dart

@@ -2,6 +2,7 @@ import 'dart:convert';
 import 'dart:io';
 
 import 'package:flutter/material.dart';
+import 'package:flutter_gen/gen_l10n/app_localizations.dart';
 import 'package:flutter/services.dart';
 import 'package:flutter_riverpod/flutter_riverpod.dart';
 import 'package:logging/logging.dart';

lib/app/app.dart

@@ -1,4 +1,6 @@
 import 'package:flutter/material.dart';
+import 'package:flutter_gen/gen_l10n/app_localizations.dart';
+import 'package:flutter_localizations/flutter_localizations.dart';
 import 'package:flutter_riverpod/flutter_riverpod.dart';
 
 import '../theme.dart';
@@ -22,6 +24,16 @@ class YubicoAuthenticatorApp extends ConsumerWidget {
           themeMode: ref.watch(themeModeProvider),
           home: page,
           debugShowCheckedModeBanner: false,
+          localizationsDelegates: const [
+            AppLocalizations.delegate,
+            GlobalMaterialLocalizations.delegate,
+            GlobalWidgetsLocalizations.delegate,
+            GlobalCupertinoLocalizations.delegate,
+          ],
+          supportedLocales: const [
+            Locale('en', ''), // English, no country code
+            Locale('sv', ''), // Swedish, no country code
+          ],
         ),
       ),
     );

lib/app/views/app_failure_page.dart

@@ -1,6 +1,7 @@
 import 'dart:io';
 
 import 'package:flutter/material.dart';
+import 'package:flutter_gen/gen_l10n/app_localizations.dart';
 import 'package:flutter_riverpod/flutter_riverpod.dart';
 
 import '../../desktop/models.dart';
@@ -42,15 +43,18 @@ class AppFailurePage extends ConsumerWidget {
                 !ref.watch(rpcStateProvider.select((state) => state.isAdmin))) {
               graphic = noPermission;
               header = null;
-              message = 'WebAuthn management requires elevated privileges.';
+              message = AppLocalizations.of(context)!.appFailurePage_txt_info;
               actions = [
                 OutlinedButton.icon(
-                    label: const Text('Unlock'),
+                    label: Text(AppLocalizations.of(context)!
+                        .appFailurePage_btn_unlock),
                     icon: const Icon(Icons.lock_open),
                     style: AppTheme.primaryOutlinedButtonStyle(context),
                     onPressed: () async {
                       final closeMessage = showMessage(
-                          context, 'Elevating permissions...',
+                          context,
+                          AppLocalizations.of(context)!
+                              .appFailurePage_msg_permission,
                           duration: const Duration(seconds: 30));
                       try {
                         if (await ref.read(rpcProvider).elevate()) {

lib/app/views/main_drawer.dart

@@ -1,4 +1,5 @@
 import 'package:flutter/material.dart';
+import 'package:flutter_gen/gen_l10n/app_localizations.dart';
 import 'package:flutter_riverpod/flutter_riverpod.dart';
 
 import '../../management/views/management_screen.dart';
@@ -74,7 +75,8 @@ class MainPageDrawer extends ConsumerWidget {
                 Application.management.getAvailability(data) ==
                     Availability.enabled) ...[
               DrawerItem(
-                titleText: 'Toggle applications',
+                titleText:
+                    AppLocalizations.of(context)!.mainDrawer_txt_applications,
                 icon: Icon(Application.management._icon),
                 onTap: () {
                   if (shouldPop) Navigator.of(context).pop();
@@ -89,7 +91,7 @@ class MainPageDrawer extends ConsumerWidget {
           ],
           // Non-YubiKey pages
           DrawerItem(
-            titleText: 'Settings',
+            titleText: AppLocalizations.of(context)!.mainDrawer_txt_settings,
             icon: const Icon(Icons.settings),
             onTap: () {
               final nav = Navigator.of(context);
@@ -102,7 +104,7 @@ class MainPageDrawer extends ConsumerWidget {
             },
           ),
           DrawerItem(
-            titleText: 'Help and about',
+            titleText: AppLocalizations.of(context)!.mainDrawer_txt_help,
             icon: const Icon(Icons.help),
             onTap: () {
               final nav = Navigator.of(context);

lib/l10n/app_en.arb

@@ -0,0 +1,10 @@
+{
+    "@@locale": "en",
+    "appFailurePage_btn_unlock": "Unlock",
+    "appFailurePage_txt_info": "WebAuthn management requires elevated privileges.",
+    "appFailurePage_msg_permission": "Elevating permissions...",
+
+    "mainDrawer_txt_applications": "Toggle applications",
+    "mainDrawer_txt_settings": "Settings",
+    "mainDrawer_txt_help": "Help and about"
+}

lib/l10n/app_sv.arb

@@ -0,0 +1,6 @@
+{
+    "mainDrawer_txt_applications": "Växla applikationer",
+    "mainDrawer_txt_settings": "Inställningar", 
+    "mainDrawer_txt_help": "Hjälp och om appen"
+
+}

pubspec.yaml

@@ -32,6 +32,9 @@ environment:
 dependencies:
   flutter:
     sdk: flutter
+  flutter_localizations:
+    sdk: flutter
+  intl: ^0.17.0
 
 
   # The following adds the Cupertino Icons font to your application.
@@ -75,6 +78,7 @@ dev_dependencies:
 # The following section is specific to Flutter.
 flutter:
 
+  generate: true
   # The following line ensures that the Material Icons font is
   # included with your application, so that you can use the icons in
   # the material Icons class.