asdasd

modules/pi_control/assets/console.js

@@ -12,6 +12,10 @@
   const tabPanels = document.querySelector('[data-console-tab-panels]');
   if (!tabBar || !tabPanels) return;
 
+  const consoleFab = document.querySelector('[data-console-fab]');
+  const consoleModal = document.querySelector('[data-console-modal]');
+  const consoleClose = document.querySelector('[data-console-close]');
+
   let tabCount = 0;
   const idleMs = 5 * 60 * 1000;
   const idleTimers = new Map();
@@ -32,6 +36,9 @@
       }
     });
     localStorage.setItem(storageKey, JSON.stringify(tabs));
+    if (consoleFab) {
+      consoleFab.classList.toggle('is-visible', tabs.length > 0);
+    }
   };
 
   const activateTab = (id) => {
@@ -192,12 +199,38 @@
             openTab(t.label || 'Konsole', t.url, false);
           }
         });
+        if (consoleFab && tabs.length > 0) {
+          consoleFab.classList.add('is-visible');
+        }
       }
     }
   } catch (e) {
     // ignore
   }
 
+  const openModal = () => {
+    if (!consoleModal) return;
+    consoleModal.classList.add('is-open');
+    consoleModal.setAttribute('aria-hidden', 'false');
+  };
+  const closeModal = () => {
+    if (!consoleModal) return;
+    consoleModal.classList.remove('is-open');
+    consoleModal.setAttribute('aria-hidden', 'true');
+  };
+
+  if (consoleFab) {
+    consoleFab.addEventListener('click', openModal);
+  }
+  if (consoleClose) {
+    consoleClose.addEventListener('click', closeModal);
+  }
+  if (consoleModal) {
+    consoleModal.addEventListener('click', (e) => {
+      if (e.target === consoleModal) closeModal();
+    });
+  }
+
   const queueBody = document.querySelector('[data-queue-body]');
   const countdownEl = document.querySelector('[data-queue-countdown]');
   const refreshBtn = document.querySelector('[data-queue-refresh]');