improve admin ux

src/admin.js

@@ -90,4 +90,12 @@ $(document).ready(() => {
 
         saveSettings(0)
     });
+
+    $('.side-menu-display').on('click', (event) => {
+        $('.side-menu-display').removeClass('is-active')
+        $(event.target).addClass('is-active')
+
+        $('#side-menu-always-displayed').val($(event.target).attr('data-alwaysdiplayed'))
+        $('#side-menu-big-menu').val($(event.target).attr('data-bigmenu'))
+    })
 });

src/l10n/fixtures/de.yaml

@@ -40,7 +40,7 @@
 "Panel": "Panel"
 "Open the menu when the mouse is hover the opener (automatically disabled on touch screens)": "Öffnen Sie das Menü, wenn Sie die Maus über den Öffner bewegen (auf Touchscreens automatisch deaktiviert)."
 "Display the big menu": "Großes Menü anzeigen"
-"The big menu is not compatible with AppOrder.": "Le menu large n'est pas compatible avec l'application AppOrder"
+"The big menu is not compatible with AppOrder.": "Das große Menü ist nicht mit AppOrder kompatibel."
 "Display the logo": "Logo anzeigen"
 "This feature is not compatible with the <code>big menu</code> display.": "Diese Funktion ist nicht mit der großen Menüanzeige kompatibel."
 "Icons and texts": "Symbole und Texte"
@@ -50,3 +50,4 @@
 "The logo will be hidden when the menu is always displayed.": "Das Logo wird ausgeblendet, wenn das Menü immer angezeigt wird."
 "This is the automatic behavior when the menu is always displayed.": "Dies ist das automatische Verhalten, wenn das Menü immer angezeigt wird."
 "Not compatible with touch screens.": "Nicht kompatibel mit Touchscreens."
+"Big menu": "Große Speisekarte"

src/l10n/fixtures/fr.yaml

@@ -50,3 +50,4 @@
 "The logo will be hidden when the menu is always displayed.": "Le logo sera masque si le menu est toujours affiché."
 "This is the automatic behavior when the menu is always displayed.": "C'est le comportement automatique lorsque le menu est toujours affiché."
 "Not compatible with touch screens.": "Incompatible avec les écrans tactiles."
+"Big menu": "Menu large"