iobroker.eos-admin 7.9.31 → 7.9.32

package/adminWww/css/eos-branding.css

@@ -3138,3 +3138,97 @@ html.eos-app .eos-native-logout-hidden * {
     html.eos-app .eos-native-drawer-header button,
     html.eos-app .eos-native-drawer-header .MuiIconButton-root { width: 38px !important; height: 38px !important; min-width: 38px !important; min-height: 38px !important; }
 }
+
+
+/* === NexoWatt EOS v32: keep arrow button, remove empty left tile ============
+   The previous patch hid the native arrow together with the decorative tile on
+   some render paths. This patch removes only the empty native tile and creates
+   one independent compact-toggle button, positioned clearly left of the menu.
+   The navigation still has two states only: normal and compact. It never fully
+   disappears. */
+:root { --eos-nav-toggle-slot: 78px; }
+html.eos-app .MuiDrawer-paper,
+html.eos-app .eos-drawer,
+html.eos-app.eos-nav-compact .MuiDrawer-paper,
+html.eos-app.eos-nav-compact .eos-drawer {
+    padding-left: var(--eos-nav-toggle-slot) !important;
+    transform: none !important;
+    visibility: visible !important;
+    opacity: 1 !important;
+}
+
+/* Hide the decorative native tile only. The real button is injected below. */
+html.eos-app .eos-native-drawer-header,
+html.eos-app .eos-nav-toggle-shell {
+    display: none !important;
+    visibility: hidden !important;
+    opacity: 0 !important;
+    pointer-events: none !important;
+    width: 0 !important;
+    min-width: 0 !important;
+    max-width: 0 !important;
+    height: 0 !important;
+    min-height: 0 !important;
+    max-height: 0 !important;
+    padding: 0 !important;
+    margin: 0 !important;
+    border: 0 !important;
+    box-shadow: none !important;
+    background: transparent !important;
+    overflow: hidden !important;
+}
+
+html.eos-app .eos-standalone-nav-toggle {
+    position: fixed !important;
+    left: 24px !important;
+    top: calc(var(--eos-shell-top) + var(--eos-header-height) + var(--eos-nav-gap) + 14px) !important;
+    z-index: 2500 !important;
+    width: 44px !important;
+    height: 44px !important;
+    min-width: 44px !important;
+    min-height: 44px !important;
+    display: grid !important;
+    place-items: center !important;
+    border-radius: 16px !important;
+    border: 1px solid rgba(110, 255, 211, 0.65) !important;
+    background: radial-gradient(circle at 50% 50%, rgba(0,255,136,.22), rgba(0,0,0,.92) 74%) !important;
+    color: #f4fffb !important;
+    box-shadow: 0 0 16px rgba(0,255,136,.28), inset 0 0 12px rgba(0,255,136,.12) !important;
+    cursor: pointer !important;
+    outline: none !important;
+    padding: 0 !important;
+    margin: 0 !important;
+    appearance: none !important;
+    -webkit-appearance: none !important;
+}
+html.eos-app .eos-standalone-nav-toggle:hover,
+html.eos-app .eos-standalone-nav-toggle:focus-visible {
+    border-color: rgba(0, 255, 136, .95) !important;
+    box-shadow: 0 0 22px rgba(0,255,136,.42), inset 0 0 16px rgba(0,255,136,.18) !important;
+    transform: translateY(-1px) !important;
+}
+html.eos-app .eos-standalone-nav-toggle svg {
+    width: 22px !important;
+    height: 22px !important;
+    display: block !important;
+    transition: transform .16s ease !important;
+}
+html.eos-app.eos-nav-compact .eos-standalone-nav-toggle svg {
+    transform: rotate(180deg) !important;
+}
+html.eos-login .eos-standalone-nav-toggle,
+html:not(.eos-app) .eos-standalone-nav-toggle {
+    display: none !important;
+}
+@media (max-width: 720px) {
+    :root { --eos-nav-toggle-slot: 66px; }
+    html.eos-app .eos-standalone-nav-toggle {
+        left: 14px !important;
+        top: calc(var(--eos-shell-top) + var(--eos-header-height) + var(--eos-nav-gap) + 10px) !important;
+        width: 40px !important;
+        height: 40px !important;
+        min-width: 40px !important;
+        min-height: 40px !important;
+        border-radius: 14px !important;
+    }
+}

package/adminWww/index.html

@@ -31,7 +31,7 @@
             rel="stylesheet"
             href="css/leaflet.css"
         />
-        <link rel="stylesheet" href="./css/eos-branding.css?v=31" />
+        <link rel="stylesheet" href="./css/eos-branding.css?v=32" />
         <link
             rel="manifest"
             href="manifest.json"
@@ -154,9 +154,9 @@
       <script type="module" crossorigin src="./assets/index-CQZugZ1z.js"></script>
       <link rel="modulepreload" crossorigin href="./assets/preload-helper-BDBacUwf.js">
       <link rel="modulepreload" crossorigin href="./assets/iobroker_admin__mf_v__runtimeInit__mf_v__-g2X2zhAf.js">
-            <script defer src="./js/eos-branding.js?v=31"></script>
-            <script defer src="./js/eos-security-ui.js?v=31"></script>
-            <script defer src="./js/eos-assistant.js?v=31"></script>
+            <script defer src="./js/eos-branding.js?v=32"></script>
+            <script defer src="./js/eos-security-ui.js?v=32"></script>
+            <script defer src="./js/eos-assistant.js?v=32"></script>
     </head>
     <body>
         <noscript>You need to enable JavaScript to run this app.</noscript>

package/adminWww/js/eos-branding.js

@@ -1,7 +1,7 @@
 (() => {
     'use strict';
 
-    window.NEXOWATT_EOS_UI_VERSION = 'v31-ui-cleanup-ai-ready';
+    window.NEXOWATT_EOS_UI_VERSION = 'v32-nav-toggle-tile-fix';
 
     const BRAND = 'NexoWatt EOS';
     const EOS_MEANING = 'Energy Operation System';
@@ -1045,6 +1045,44 @@
         }, true);
     });
 
+
+    const ensureStandaloneNavToggle = () => safe(() => {
+        const html = document.documentElement;
+        if (!html.classList.contains('eos-app') || html.classList.contains('eos-login')) {
+            document.getElementById('eos-standalone-nav-toggle')?.remove();
+            return;
+        }
+        let button = document.getElementById('eos-standalone-nav-toggle');
+        if (!button) {
+            button = document.createElement('button');
+            button.id = 'eos-standalone-nav-toggle';
+            button.type = 'button';
+            button.className = 'eos-standalone-nav-toggle';
+            button.innerHTML = '<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M14.8 5.4 8.2 12l6.6 6.6" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"/></svg>';
+            const toggle = event => {
+                event.preventDefault();
+                event.stopPropagation();
+                event.stopImmediatePropagation?.();
+                const compact = !document.documentElement.classList.contains('eos-nav-compact');
+                document.documentElement.classList.toggle('eos-nav-compact', compact);
+                safe(() => localStorage.setItem('nexowatt:eosNavCompact', compact ? '1' : '0'));
+                button.setAttribute('aria-pressed', compact ? 'true' : 'false');
+                button.setAttribute('title', compact ? 'Navigation normal anzeigen' : 'Navigation kompakt anzeigen');
+                button.setAttribute('aria-label', compact ? 'Navigation normal anzeigen' : 'Navigation kompakt anzeigen');
+            };
+            button.addEventListener('click', toggle, true);
+            button.addEventListener('keydown', event => {
+                if (event.key === 'Enter' || event.key === ' ') toggle(event);
+            }, true);
+            document.body.appendChild(button);
+        }
+        const compact = document.documentElement.classList.contains('eos-nav-compact') || safe(() => localStorage.getItem('nexowatt:eosNavCompact') === '1');
+        document.documentElement.classList.toggle('eos-nav-compact', !!compact);
+        button.setAttribute('aria-pressed', compact ? 'true' : 'false');
+        button.setAttribute('title', compact ? 'Navigation normal anzeigen' : 'Navigation kompakt anzeigen');
+        button.setAttribute('aria-label', compact ? 'Navigation normal anzeigen' : 'Navigation kompakt anzeigen');
+    });
+
     const patchDocumentMeta = () => safe(() => {
         document.title = BRAND_LONG;
         const theme = document.querySelector('meta[name="theme-color"]');
@@ -1063,6 +1101,7 @@
         patchLogin();
         patchShell();
         applyNavCompactPreference();
+        ensureStandaloneNavToggle();
         installAssistDelegatedClick();
         ensureEosAssist();
         ensureRightsHelper();
@@ -1083,6 +1122,7 @@
         patchLogin();
         patchShell();
         applyNavCompactPreference();
+        ensureStandaloneNavToggle();
         installAssistDelegatedClick();
         ensureEosAssist();
         ensureRightsHelper();

package/io-package.json

@@ -1,7 +1,7 @@
 {
   "common": {
     "name": "eos-admin",
-    "version": "7.9.31",
+    "version": "7.9.32",
     "titleLang": {
       "en": "NexoWatt EOS Admin",
       "de": "NexoWatt EOS Admin",
@@ -161,6 +161,10 @@
         "pl": "Rozszerzony plik konfiguracyjny JSON do adaptera fregata",
         "uk": "Розширений налаштування JSON для адаптера фригату",
         "zh-cn": "JSON 护卫舰适配器扩展配置"
+      },
+      "7.9.32": {
+        "en": "Fixed the EOS navigation compact toggle: the decorative left tile was removed while the arrow button remains visible and usable.",
+        "de": "EOS Navigationsumschalter korrigiert: Die dekorative linke Kachel wurde entfernt, der Pfeilbutton bleibt sichtbar und nutzbar."
       }
     },
     "desc": {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "iobroker.eos-admin",
   "description": "NexoWatt EOS Admin standalone interface for Energy Operation System",
-  "version": "7.9.31",
+  "version": "7.9.32",
   "contributors": [
     "bluefox <dogafox@gmail.com>",
     "apollon77",