marsalva/Portal
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Actualizar index.html

Browse Source
This commit is contained in:
marsalva
2026-03-29 18:40:59 +00:00
parent e5653e4fc5
commit 2a0a21a41c
1 changed files with 46 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

53
index.html
View File

@@ -125,6 +125,19 @@
</div> </div>
</div> </div>
<div id="quoteNudge" class="fixed bottom-24 right-10 z-[60] hidden pointer-events-none fade-in">
<div class="bg-blue-600 text-white px-4 py-3 rounded-2xl shadow-2xl flex items-center gap-3 animate-bounce relative border-2 border-white/20">
<div class="flex flex-col">
<span class="text-[8px] font-black uppercase tracking-[0.2em] opacity-80 leading-none mb-1">Acción Pendiente</span>
<span class="text-[11px] font-black uppercase tracking-wider whitespace-nowrap">Revisar Presupuesto</span>
</div>
<i data-lucide="arrow-big-down-dash" class="w-5 h-5"></i>
<div class="absolute -bottom-1.5 right-6 w-3 h-3 bg-blue-600 rotate-45"></div>
</div>
</div>
</main> </main>
<nav class="fixed bottom-0 w-full glass-nav border-t border-slate-200 pb-safe pt-2 z-50 transition-transform duration-300 translate-y-full" id="bottomNav"> <nav class="fixed bottom-0 w-full glass-nav border-t border-slate-200 pb-safe pt-2 z-50 transition-transform duration-300 translate-y-full" id="bottomNav">
@@ -396,13 +409,23 @@
} }
} }
function switchTab(tabName) { function switchTab(tabName) {
document.querySelectorAll('.tab-content').forEach(el => el.classList.remove('active')); document.querySelectorAll('.tab-content').forEach(el => el.classList.remove('active'));
document.querySelectorAll('.nav-btn').forEach(el => el.classList.remove('active')); document.querySelectorAll('.nav-btn').forEach(el => el.classList.remove('active'));
document.getElementById(`tab${tabName}`).classList.add('active'); document.getElementById(`tab${tabName}`).classList.add('active');
document.getElementById(`btnNav${tabName}`).classList.add('active'); document.getElementById(`btnNav${tabName}`).classList.add('active');
}
// 🚨 Ocultar el señalador si entramos en presupuestos
const nudge = document.getElementById('quoteNudge');
if (tabName === 'Presupuestos') {
nudge.classList.add('hidden');
} else {
// Si volvemos a Avisos, volvemos a evaluar si hay pendientes
const hasPending = currentQuotes.some(q => !q.status || q.status === 'pending');
if (hasPending) nudge.classList.remove('hidden');
}
}
// --- GESTIÓN DE PRESUPUESTOS --- // --- GESTIÓN DE PRESUPUESTOS ---
function renderQuotes() { function renderQuotes() {
@@ -485,7 +508,23 @@
container.innerHTML = html; container.innerHTML = html;
updateQuotesBadges(unseenCount); updateQuotesBadges(unseenCount);
lucide.createIcons();
// 🚨 LÓGICA DEL SEÑALADOR (NUDGE)
const nudge = document.getElementById('quoteNudge');
// Comprobar si hay algún presupuesto que sea 'pending'
const hasPending = currentQuotes.some(q => !q.status || q.status === 'pending');
// Solo lo mostramos si hay pendientes Y estamos en la pestaña de Avisos
const isAvisosTab = document.getElementById('tabAvisos').classList.contains('active');
if (hasPending && isAvisosTab) {
nudge.classList.remove('hidden');
} else {
nudge.classList.add('hidden');
}
lucide.createIcons();
} }
function updateQuotesBadges(count) { function updateQuotesBadges(count) {