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-04-03 17:16:59 +00:00
parent 4f2279efb0
commit cbba597909
1 changed files with 32 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
index.html
View File

@@ -85,13 +85,28 @@
</div>
</header>
<div class="w-full relative z-10">
<div id="tabAvisos" class="tab-content active px-5 pt-6 pb-6">
<div id="promo-banner" onclick="window.location.href='plan-tranquilidad.html?token=' + urlToken" class="hidden cursor-pointer mb-6 fade-in transition-all hover:shadow-lg hover:-translate-y-1 active:scale-[0.98] rounded-[2rem] overflow-hidden shadow-md">
<img src="https://i.postimg.cc/30d993sK/Disen-o-sin-ti-tulo-20.jpg" alt="Plan Tranquilidad Marsalva" class="w-full h-auto object-cover border border-slate-200 rounded-[2rem]">
<div id="promo-banner" onclick="window.location.href='plan-tranquilidad.html?token=' + urlToken" class="hidden cursor-pointer mt-4 mb-2 mx-5 fade-in bg-[#131b2c] rounded-2xl p-4 shadow-md transition-all hover:shadow-lg active:scale-[0.98] flex items-center gap-4">
<div class="w-12 h-12 shrink-0 bg-[#232b3e] rounded-xl flex items-center justify-center border border-white/5">
<i data-lucide="shield-check" class="w-6 h-6 text-amber-400"></i>
</div>
<div class="flex-1 text-left min-w-0">
<h3 class="text-white font-black text-sm tracking-tight leading-tight truncate">Plan Tranquilidad</h3>
<p class="text-slate-400 text-[10px] font-medium mt-0.5 leading-snug pr-2">
Urgencias a 0€ y revisión anual. Descubre los planes.
</p>
</div>
<div class="shrink-0 bg-white text-[#131b2c] w-8 h-8 rounded-full flex items-center justify-center shadow-sm">
<i data-lucide="arrow-right" class="w-4 h-4 font-bold"></i>
</div>
</div>
<h2 class="text-xs font-black text-slate-400 uppercase tracking-widest mb-4 ml-2 fade-in fade-in-delay-1">Tus Reparaciones</h2>
```
*(Si no ves los iconos a la primera, no te asustes, la función de Lucide que ya tienes en el script se encargará de pintarlos cuando cargue la página).*
Guarda, recarga tu portal y verás qué diferencia. Ahora es una "píldora" súper fina y atractiva que no interrumpe la experiencia del usuario. ¡A por ello!
<div id="activeServicesContainer" class="space-y-5 fade-in fade-in-delay-1"></div>
@@ -361,9 +376,18 @@
if (!data.ok) throw new Error("Token inválido");
const servicesList = data.services || [];
currentQuotes = data.quotes || [];
// 🛑 LÓGICA DEL BANNER: Si NO tiene suscripción activa, se lo enseñamos
const promoBanner = document.getElementById('promo-banner');
if (promoBanner) {
if (data.subscription) {
promoBanner.classList.add('hidden'); // Ya tiene el plan, lo ocultamos
} else {
promoBanner.classList.remove('hidden'); // No tiene el plan, lo mostramos
}
}
renderPortal(data.client, data.company, servicesList);
renderQuotes();
@@ -490,7 +514,7 @@ if (hasUnseenPending && isAvisosTab) {
statusBadge = `<span class="bg-blue-100 text-blue-600 px-2 py-1 rounded-md text-[8px] font-black uppercase tracking-widest flex items-center gap-1 w-fit mt-1.5 border border-blue-200"><i data-lucide="clock" class="w-3 h-3"></i> Aceptado (Pte. Pago)</span>`;
} else if (q.status === 'paid') {
statusBadge = `<span class="bg-emerald-100 text-emerald-700 px-2 py-1 rounded-md text-[8px] font-black uppercase tracking-widest flex items-center gap-1 w-fit mt-1.5 shadow-sm border border-emerald-200"><i data-lucide="badge-check" class="w-3 h-3"></i> Pagado Online</span>`;
} else if (q.status === 'rejected') {
} else if (q.status === 'rejected') {
statusBadge = `<span class="bg-rose-100 text-rose-700 px-2 py-1 rounded-md text-[8px] font-black uppercase tracking-widest flex items-center gap-1 w-fit mt-1.5"><i data-lucide="x" class="w-3 h-3"></i> Rechazado</span>`;
}