fixed lot of ui things

filcnaplo_desktop_ui/lib/screens/navigation/sidebar.dart

@@ -6,6 +6,7 @@ import 'package:filcnaplo/models/settings.dart';
 import 'package:filcnaplo/utils/color.dart';
 import 'package:filcnaplo_desktop_ui/common/panel_button.dart';
 import 'package:filcnaplo_desktop_ui/common/profile_image.dart';
+import 'package:filcnaplo_desktop_ui/screens/navigation/sidebar.i18n.dart';
 import 'package:filcnaplo_desktop_ui/screens/navigation/sidebar_action.dart';
 import 'package:filcnaplo_desktop_ui/screens/settings/settings_screen.dart';
 import 'package:filcnaplo_mobile_ui/screens/settings/accounts/account_tile.dart';
@@ -25,7 +26,12 @@ import 'package:provider/provider.dart';
 import 'package:filcnaplo/theme/colors/colors.dart';
 
 class Sidebar extends StatefulWidget {
-  const Sidebar({Key? key, required this.navigator, required this.onRouteChange, this.selected = "home"}) : super(key: key);
+  const Sidebar(
+      {Key? key,
+      required this.navigator,
+      required this.onRouteChange,
+      this.selected = "home"})
+      : super(key: key);
 
   final NavigatorState navigator;
   final String selected;
@@ -71,12 +77,12 @@ class _SidebarState extends State<Sidebar> {
     if (!settings.presentationMode) {
       firstName = nameParts.length > 1 ? nameParts[1] : nameParts[0];
     } else {
-      firstName = "Béla";
+      firstName = "János";
     }
 
     List<Widget> pageWidgets = [
       SidebarAction(
-        title: const Text("Home"),
+        title: Text("Home".i18n),
         icon: const Icon(FilcIcons.home),
         selected: widget.selected == "home",
         onTap: () {
@@ -87,7 +93,7 @@ class _SidebarState extends State<Sidebar> {
         },
       ),
       SidebarAction(
-        title: const Text("Grades"),
+        title: Text("Grades".i18n),
         icon: const Icon(FeatherIcons.bookmark),
         selected: widget.selected == "grades",
         onTap: () {
@@ -98,7 +104,7 @@ class _SidebarState extends State<Sidebar> {
         },
       ),
       SidebarAction(
-        title: const Text("Timetable"),
+        title: Text("Timetable".i18n),
         icon: const Icon(FeatherIcons.calendar),
         selected: widget.selected == "timetable",
         onTap: () {
@@ -109,7 +115,7 @@ class _SidebarState extends State<Sidebar> {
         },
       ),
       SidebarAction(
-        title: const Text("Messages"),
+        title: Text("Messages".i18n),
         icon: const Icon(FeatherIcons.messageSquare),
         selected: widget.selected == "messages",
         onTap: () {
@@ -120,7 +126,7 @@ class _SidebarState extends State<Sidebar> {
         },
       ),
       SidebarAction(
-        title: const Text("Absences"),
+        title: Text("Absences".i18n),
         icon: const Icon(FeatherIcons.clock),
         selected: widget.selected == "absences",
         onTap: () {
@@ -134,12 +140,15 @@ class _SidebarState extends State<Sidebar> {
 
     List<Widget> bottomActions = [
       SidebarAction(
-        title: const Text("Settings"),
+        title: Text("Settings".i18n),
         selected: true,
         icon: const Icon(FeatherIcons.settings),
         onTap: () {
           if (topNav != "settings") {
-            widget.navigator.push(CupertinoPageRoute(builder: (context) => const SettingsScreen())).then((value) => topNav = "");
+            widget.navigator
+                .push(CupertinoPageRoute(
+                    builder: (context) => const SettingsScreen()))
+                .then((value) => topNav = "");
             topNav = "settings";
           }
         },
@@ -159,7 +168,7 @@ class _SidebarState extends State<Sidebar> {
         onPressed: () {
           Navigator.of(context).pushNamed("login_back");
         },
-        title: const Text("Add User"),
+        title: Text("adduser".i18n),
         leading: const Icon(FeatherIcons.userPlus),
       ),
       PanelButton(
@@ -169,17 +178,20 @@ class _SidebarState extends State<Sidebar> {
 
           // Delete User
           user.removeUser(userId);
-          await Provider.of<DatabaseProvider>(context, listen: false).store.removeUser(userId);
+          await Provider.of<DatabaseProvider>(context, listen: false)
+              .store
+              .removeUser(userId);
 
           // If no other Users left, go back to LoginScreen
           if (user.getUsers().isNotEmpty) {
             user.setUser(user.getUsers().first.id);
             restore().then((_) => user.setUser(user.getUsers().first.id));
           } else {
-            Navigator.of(context).pushNamedAndRemoveUntil("login", (_) => false);
+            Navigator.of(context)
+                .pushNamedAndRemoveUntil("login", (_) => false);
           }
         },
-        title: const Text("Log Out"),
+        title: Text("logout".i18n),
         leading: Icon(FeatherIcons.logOut, color: AppColors.of(context).red),
       ),
     ];
@@ -190,49 +202,77 @@ class _SidebarState extends State<Sidebar> {
       child: Column(
         children: [
           Padding(
-            padding: const EdgeInsets.only(left: 18.0, top: 18.0, bottom: 24.0, right: 8.0),
-            child: Row(
-              children: [
-                Padding(
-                  padding: const EdgeInsets.only(right: 12.0),
-                  child: ProfileImage(
-                    name: firstName,
-                    radius: 18.0,
-                    backgroundColor:
-                        !settings.presentationMode ? ColorUtils.stringToColor(user.name ?? "?") : Theme.of(context).colorScheme.secondary,
-                  ),
-                ),
-                Expanded(
-                  child: Text(
-                    firstName,
-                    style: const TextStyle(
-                      fontSize: 16.0,
-                      fontWeight: FontWeight.w600,
+            padding: const EdgeInsets.only(
+              left: 12.0,
+              top: 18.0,
+              bottom: 24.0,
+              right: 12.0,
+            ),
+            child: InkWell(
+              customBorder: RoundedRectangleBorder(
+                  borderRadius: BorderRadius.circular(10)),
+              onTap: () {
+                setState(() {
+                  expandAccount = !expandAccount;
+                });
+              },
+              child: Row(
+                children: [
+                  Padding(
+                    padding: const EdgeInsets.only(
+                      right: 12.0,
+                      left: 5.0,
+                      top: 5.0,
+                      bottom: 5.0,
+                    ),
+                    child: ProfileImage(
+                      name: firstName,
+                      radius: 18.0,
+                      backgroundColor: Theme.of(context)
+                          .colorScheme
+                          .primary, //!settings.presentationMode
+                      //     ? ColorUtils.stringToColor(user.name ?? "?")
+                      //     : Theme.of(context).colorScheme.secondary,
                     ),
                   ),
-                ),
-                PageTransitionSwitcher(
-                  transitionBuilder: (child, primaryAnimation, secondaryAnimation) {
-                    return FadeThroughTransition(
-                      fillColor: Colors.transparent,
-                      animation: primaryAnimation,
-                      secondaryAnimation: secondaryAnimation,
-                      child: child,
-                    );
-                  },
-                  child: IconButton(
-                    key: Key(expandAccount ? "accounts" : "pages"),
-                    icon: Icon(expandAccount ? FeatherIcons.chevronDown : FeatherIcons.chevronRight),
-                    padding: EdgeInsets.zero,
-                    splashRadius: 20.0,
-                    onPressed: () {
-                      setState(() {
-                        expandAccount = !expandAccount;
-                      });
-                    },
+                  Expanded(
+                    child: Text(
+                      firstName,
+                      style: const TextStyle(
+                        fontSize: 16.0,
+                        fontWeight: FontWeight.w600,
+                      ),
+                    ),
                   ),
-                ),
-              ],
+                  PageTransitionSwitcher(
+                    transitionBuilder:
+                        (child, primaryAnimation, secondaryAnimation) {
+                      return FadeThroughTransition(
+                        fillColor: Colors.transparent,
+                        animation: primaryAnimation,
+                        secondaryAnimation: secondaryAnimation,
+                        child: child,
+                      );
+                    },
+                    child: IconButton(
+                      key: Key(expandAccount ? "accounts" : "pages"),
+                      icon: Icon(expandAccount
+                          ? FeatherIcons.chevronDown
+                          : FeatherIcons.chevronRight),
+                      padding: EdgeInsets.zero,
+                      onPressed: () {
+                        setState(() {
+                          expandAccount = !expandAccount;
+                        });
+                      },
+                      splashColor: const Color(0x00000000),
+                      focusColor: const Color(0x00000000),
+                      hoverColor: const Color(0x00000000),
+                      highlightColor: const Color(0x00000000),
+                    ),
+                  ),
+                ],
+              ),
             ),
           ),
 
@@ -282,15 +322,19 @@ class _SidebarState extends State<Sidebar> {
       if (!settings.presentationMode) {
         _firstName = _nameParts.length > 1 ? _nameParts[1] : _nameParts[0];
       } else {
-        _firstName = "Béla";
+        _firstName = "János";
       }
 
       accountTiles.add(AccountTile(
-        name: Text(!settings.presentationMode ? account.name : "Béla", style: const TextStyle(fontWeight: FontWeight.w500)),
-        username: Text(!settings.presentationMode ? account.username : "72469696969"),
+        name: Text(!settings.presentationMode ? account.name : "János",
+            style: const TextStyle(fontWeight: FontWeight.w500)),
+        username:
+            Text(!settings.presentationMode ? account.username : "72469696969"),
         profileImage: ProfileImage(
           name: _firstName,
-          backgroundColor: !settings.presentationMode ? ColorUtils.stringToColor(account.name) : Theme.of(context).colorScheme.secondary,
+          backgroundColor: !settings.presentationMode
+              ? ColorUtils.stringToColor(account.name)
+              : Theme.of(context).colorScheme.secondary,
           role: account.role,
         ),
         onTap: () {

filcnaplo_desktop_ui/lib/screens/navigation/sidebar.i18n.dart

@@ -0,0 +1,42 @@
+import 'package:i18n_extension/i18n_extension.dart';
+
+extension SettingsLocalization on String {
+  static final _t = Translations.byLocale("hu_hu") +
+      {
+        "en_en": {
+          "Home": "Home",
+          "Grades": "Grades",
+          "Timetable": "Timetable",
+          "Messages": "Messages",
+          "Absences": "Absences",
+          "Settings": "Settings",
+          "adduser": "Add User",
+          "logout": "Log Out",
+        },
+        "hu_hu": {
+          "Home": "Kezdőlap",
+          "Grades": "Jegyek",
+          "Timetable": "Órarend",
+          "Messages": "Üzenetek",
+          "Absences": "Hiányzások",
+          "Settings": "Beállítások",
+          "adduser": "Fiók hozzáadása",
+          "logout": "Kilépés",
+        },
+        "de_de": {
+          "Home": "Zuhause",
+          "Grades": "Noten",
+          "Timetable": "Zeitplan",
+          "Messages": "Mitteilungen",
+          "Absences": "Fehlen",
+          "Settings": "Einstellungen",
+          "adduser": "Benutzer hinzufügen",
+          "logout": "Abmelden",
+        },
+      };
+
+  String get i18n => localize(this, _t);
+  String fill(List<Object> params) => localizeFill(this, params);
+  String plural(int value) => localizePlural(value, this, _t);
+  String version(Object modifier) => localizeVersion(modifier, this, _t);
+}