myron/jarvis
1
0
Fork 0
mirror of https://github.com/myronblair/jarvis synced 2026-06-30 17:50:23 -05:00
Code Issues Packages Projects Releases Wiki Activity

feat: kiosk mode CSS hiding (safe) — no voice JS patches

Browse Source
This commit is contained in:
Myron Blair
2026-06-21 05:15:38 +00:00
parent 383de0146c
commit a6d4365f16
3 changed files with 30 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public_html/assets/css/jarvis.css
+15
View File
@@ -1364,3 +1364,18 @@ body.tablet-mode .alert-item { font-size:0.75rem; padding:9px 11px; }
/* ── BOTTOM BAR ─────────────────────────────────────────────────── */
body.tablet-mode #bottomBar { font-size:0.7rem; height:34px; }
/* ════════════════════════════════════════════════════════════════════════
KIOSK MODE — hide noisy panels, keep it clean on Fire tablet
Only active when body.kiosk-mode (fullscreen)
════════════════════════════════════════════════════════════════════════ */
body.kiosk-mode #server-panel { display:none !important; }
body.kiosk-mode #network-status-panel { display:none !important; }
body.kiosk-mode #tab-btn-agents { display:none !important; }
body.kiosk-mode #tab-btn-guardian { display:none !important; }
body.kiosk-mode #tab-agents { display:none !important; }
body.kiosk-mode #tab-guardian { display:none !important; }
body.kiosk-mode #bb-ha-item { display:none !important; }
body.kiosk-mode #bb-agents-item { display:none !important; }
body.kiosk-mode #bb-memory-item { display:none !important; }
body.kiosk-mode #bb-pve-item { display:none !important; }
public_html/assets/js/jarvis-app.js
+3
View File
@@ -1783,11 +1783,13 @@ async function toggleKiosk() {
if ("wakeLock" in navigator) {
try { _wakeLock = await navigator.wakeLock.request("screen"); } catch(e) {}
}
document.body.classList.add("kiosk-mode");
if (btn) { btn.textContent = "⧞ EXIT"; btn.style.color = "var(--cyan)"; }
} else {
const ex = document.exitFullscreen || document.webkitExitFullscreen || document.mozCancelFullScreen || document.msExitFullscreen;
if (ex) ex.call(document).catch(() => {});
if (_wakeLock) { _wakeLock.release().catch(() => {}); _wakeLock = null; }
document.body.classList.remove("kiosk-mode");
if (btn) { btn.textContent = "⧞ KIOSK"; btn.style.color = ""; }
if (!isTablet()) document.body.classList.remove("tablet-mode");
}
@@ -1803,6 +1805,7 @@ function _onFsChange() {
const btn = document.getElementById("kioskBtn");
if (!document.fullscreenElement && !document.webkitFullscreenElement) {
if (_wakeLock) { _wakeLock.release().catch(() => {}); _wakeLock = null; }
document.body.classList.remove("kiosk-mode");
if (btn) { btn.textContent = "⧞ KIOSK"; btn.style.color = ""; }
if (!isTablet()) document.body.classList.remove("tablet-mode");
}
public_html/index.html
+12 -12
View File
@@ -103,7 +103,7 @@
</div>
<div id="weather-forecast" style="display:grid;grid-template-columns:repeat(4,1fr);gap:4px"></div>
</div>
<div class="panel">
<div class="panel" id="server-panel">
<div class="panel-title">JARVIS SERVER <span style="font-size:0.5rem;color:var(--text-dim)">10.48.200.211</span><div class="indicator"></div></div>
<!-- Metric bars + sparklines -->
@@ -203,7 +203,7 @@
<div id="rightPanel">
<!-- Network Status -->
<div class="panel" style="flex:0 1 auto;max-height:35%;display:flex;flex-direction:column;min-height:100px">
<div class="panel" id="network-status-panel" style="flex:0 1 auto;max-height:35%;display:flex;flex-direction:column;min-height:100px">
<div class="panel-title">NETWORK STATUS <div class="indicator"></div><span id="net-agent-count" style="font-size:0.6rem;color:var(--cyan);margin-left:auto"></span><button onclick="addNetworkDevice()" title="Add device" style="background:none;border:none;color:var(--cyan);cursor:pointer;font-size:1rem;padding:0 4px;margin-left:4px;line-height:1">+</button></div>
<canvas id="topoCanvas" height="100"></canvas>
<div id="network-list" style="overflow-y:auto;flex:1;padding-right:2px">
@@ -228,7 +228,7 @@
<div class="tab active" onclick="switchTab('ha')">HOME</div>
<div class="tab" onclick="switchTab('alerts')">ALERTS</div>
<div class="tab" onclick="switchTab('news')">NEWS</div>
<div class="tab" onclick="switchTab('agents')">AGENTS</div>
<div class="tab" id="tab-btn-agents" onclick="switchTab('agents')">AGENTS</div>
<div class="tab" onclick="switchTab('sites')">SITES</div>
<div class="tab" id="tab-btn-intel" onclick="switchTab('intel')">INTEL</div>
<div class="tab" id="tab-btn-comms" onclick="switchTab('comms')">COMMS</div>
@@ -302,15 +302,15 @@
<div class="bb-dot" id="bb-do-dot"></div>
<span>JARVIS VM</span> <span id="bb-do-status">CHECKING</span>
</div>
<div class="bb-item">
<div class="bb-item" id="bb-pve-item">
<div class="bb-dot" id="bb-pve-dot"></div>
<span>PROXMOX</span> <span id="bb-pve-status">CHECKING</span>
</div>
<div class="bb-item">
<div class="bb-item" id="bb-ha-item">
<div class="bb-dot" id="bb-ha-dot"></div>
<span>HOME ASSISTANT</span> <span id="bb-ha-status">CHECKING</span>
</div>
<div class="bb-item">
<div class="bb-item" id="bb-agents-item">
<div class="bb-dot" id="bb-agent-dot"></div>
<span>AGENTS</span> <span id="bb-agent-status">--</span>
</div>
@@ -426,12 +426,12 @@
style="position:fixed;top:-9999px;left:-9999px;width:320px;height:240px"></video>
<script data-cfasync="false" src="https://cdn.jsdelivr.net/npm/face-api.js@0.22.2/dist/face-api.min.js" crossorigin="anonymous"></script>
<script data-cfasync="false" src="assets/js/jarvis-effects.js?v=20260621g"></script>
<script data-cfasync="false" src="assets/js/jarvis-overlays.js?v=20260621g"></script>
<script data-cfasync="false" src="assets/js/jarvis-app.js?v=20260621g"></script>
<script data-cfasync="false" src="assets/js/panels/jarvis-arc.js?v=20260621g"></script>
<script data-cfasync="false" src="assets/js/panels/jarvis-agents.js?v=20260621g"></script>
<script data-cfasync="false" src="assets/js/panels/jarvis-assistant.js?v=20260621g"></script>
<script data-cfasync="false" src="assets/js/jarvis-effects.js?v=20260621h"></script>
<script data-cfasync="false" src="assets/js/jarvis-overlays.js?v=20260621h"></script>
<script data-cfasync="false" src="assets/js/jarvis-app.js?v=20260621h"></script>
<script data-cfasync="false" src="assets/js/panels/jarvis-arc.js?v=20260621h"></script>
<script data-cfasync="false" src="assets/js/panels/jarvis-agents.js?v=20260621h"></script>
<script data-cfasync="false" src="assets/js/panels/jarvis-assistant.js?v=20260621h"></script>
<!-- VISION LIGHTBOX -->
<div id="vision-lightbox">