tajniak81andClaude Opus 4.8
b6bb6b1df0
Introduce a hand-rolled i18n layer across all three UIs, each reading its
text from per-language JSON files (English base + Polish + Danish). Nothing
in the converted screens hardcodes English any more.
- Web App (Vue): src/i18n/{en,pl,da}.json + index.js exposing t()/tSplit(),
reactive to the signed-in profile locale. Every view, component, form and
the status labels in lib/format.js go through t().
- API Server panel (Vue): src/i18n/ with its own localStorage-persisted
language (the panel has no user profile) and a header language picker.
Chrome, cards, login and API section titles translated; endpoint reference
descriptions intentionally kept in English. Rebuilt embedded dist.
- Phone App (Flutter): assets/i18n/ + lib/i18n.dart loaded at startup,
driven by AppSettings.locale. Nav, login, lock, dashboard, the full
Settings panel (incl. language picker) and format.dart status labels
translated; remaining detail screens fall back to English.
Language = the language half of the existing BCP-47 locale; the region half
still drives date/number/currency formatting. Missing keys fall back to
English, and plurals use Intl.PluralRules / Intl.plural so Polish gets the
correct one/few/many forms. Settings flags languages without a translation.
Tests updated to assert the localized (Polish) status wording; all pass.
See TRANSLATIONS.md for the format and how to add a language.
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
63 lines
1.8 KiB
Dart
63 lines
1.8 KiB
Dart
import "package:flutter/material.dart";
|
|
|
|
import "../i18n.dart";
|
|
import "../main.dart";
|
|
import "dashboard_screen.dart";
|
|
import "settings_screen.dart";
|
|
import "admin_users_screen.dart";
|
|
|
|
/// The app's root shell — a persistent bottom navigation bar (DriverVault mockup
|
|
/// layout) hosting the Garage, Settings and (for admins) Users sections in an
|
|
/// IndexedStack so each keeps its state as you switch tabs.
|
|
class RootShell extends StatefulWidget {
|
|
const RootShell({super.key});
|
|
@override
|
|
State<RootShell> createState() => _RootShellState();
|
|
}
|
|
|
|
class _RootShellState extends State<RootShell> {
|
|
int _index = 0;
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final isAdmin = authService.user?.isAdmin == true;
|
|
|
|
final pages = <Widget>[
|
|
const DashboardScreen(),
|
|
const SettingsScreen(),
|
|
if (isAdmin) const AdminUsersScreen(),
|
|
];
|
|
|
|
final destinations = <NavigationDestination>[
|
|
NavigationDestination(
|
|
icon: const Icon(Icons.grid_view_outlined),
|
|
selectedIcon: const Icon(Icons.grid_view_rounded),
|
|
label: t("nav.garage"),
|
|
),
|
|
NavigationDestination(
|
|
icon: const Icon(Icons.settings_outlined),
|
|
selectedIcon: const Icon(Icons.settings),
|
|
label: t("nav.settings"),
|
|
),
|
|
if (isAdmin)
|
|
NavigationDestination(
|
|
icon: const Icon(Icons.group_outlined),
|
|
selectedIcon: const Icon(Icons.group),
|
|
label: t("nav.users"),
|
|
),
|
|
];
|
|
|
|
// Guard against the index falling out of range if admin status changes.
|
|
final index = _index.clamp(0, pages.length - 1);
|
|
|
|
return Scaffold(
|
|
body: IndexedStack(index: index, children: pages),
|
|
bottomNavigationBar: NavigationBar(
|
|
selectedIndex: index,
|
|
onDestinationSelected: (i) => setState(() => _index = i),
|
|
destinations: destinations,
|
|
),
|
|
);
|
|
}
|
|
}
|