feat: Añadir funcionalidad para alternar la visibilidad del menú en la interfaz

This commit is contained in:
Naiel
2026-02-23 15:10:03 +00:00
parent 076aa45337
commit 7619444556
2 changed files with 12 additions and 2 deletions

View File

@@ -1789,6 +1789,12 @@ if (couchHost) {
}
const statusImg = document.getElementById('connectStatus');
statusImg.onclick = () => {
var ribbon = document.getElementById('ribbon-content');
var alternative_ribbon = document.getElementById('ribbon-content-alternative');
ribbon.style.display = ribbon.style.display === 'none' ? 'block' : 'none';
alternative_ribbon.style.display = alternative_ribbon.style.display === 'none' ? 'block' : 'none';
}
function updateStatusOrb() {
const now = Date.now();
const recentSync = window.TELESEC_LAST_SYNC && now - window.TELESEC_LAST_SYNC <= 3000;

View File

@@ -14,9 +14,9 @@
<body>
<div class="ribbon no_print" id="header_hide_query">
<img class="ribbon-orb" id="connectStatus" src="static/logo.jpg" />
<img class="ribbon-orb" id="connectStatus" src="static/logo.jpg" style="cursor: pointer;" />
<div class="ribbon-content">
<div class="ribbon-content" id="ribbon-content" style="display: none;">
<div class="ribbon-tabs">
<div class="ribbon-tab active" data-tab="modulos">Modulos</div>
<div class="ribbon-tab" data-tab="buscar">Buscar</div>
@@ -43,6 +43,10 @@
<small style="margin-top:10px;">Base de datos: <b id="peerLink">(no configurado)</b></small>
</div>
<div class="ribbon-content" id="ribbon-content-alternative">
<h1 style="margin: 0;">TeleSec</h1>
<span>Encriptado y seguro. <i><small>(pulsa el icono para mostrar el menú)</small></i></span>
</div>
</div>
<img id="loading" src="load.gif" style="display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: calc(100% - 50px); max-width: 400px;" />