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 17:33:24 +00:00
parent da27458c5b
commit e5653e4fc5
1 changed files with 24 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
index.html
View File

@@ -58,31 +58,31 @@
<div class="flex justify-between items-center mb-6 gap-4">
<div class="flex-1 min-w-0">
<p class="text-[10px] font-black text-blue-600 uppercase tracking-widest mb-1">Bienvenido/a</p>
<h1 id="clientName" class="text-3xl font-black tracking-tight text-slate-900 leading-none truncate">Cliente</h1>
</div>
<h1 id="clientName" class="text-2xl font-black tracking-tight text-slate-900 leading-tight">Cliente</h1>
</div>
<div id="companyLogoContainer" class="hidden shrink-0 w-20 h-20 bg-white rounded-[1.5rem] shadow-sm border border-slate-100 p-2 overflow-hidden">
<img id="companyLogo" src="" class="w-full h-full object-contain">
</div>
</div>
<div class="grid grid-cols-2 gap-3">
<div class="bg-amber-50 rounded-[1.5rem] p-4 border border-amber-100 flex flex-col items-start justify-center shadow-sm">
<h3 class="text-3xl font-black text-amber-600 leading-none" id="countPendientes">0</h3>
<p class="text-[9px] font-black text-amber-600 uppercase tracking-widest mt-1.5 flex items-center gap-1"><i data-lucide="calendar-plus" class="w-3 h-3"></i> Pte. Citar</p>
<div class="grid grid-cols-4 gap-2">
<div class="bg-amber-50 rounded-2xl p-2 border border-amber-100 flex flex-col items-center justify-center shadow-sm">
<h3 class="text-xl font-black text-amber-600 leading-none" id="countPendientes">0</h3>
<p class="text-[7px] font-black text-amber-600 uppercase tracking-tighter mt-1">Pte. Citar</p>
</div>
<div class="bg-rose-50 rounded-[1.5rem] p-4 border border-rose-100 flex flex-col items-start justify-center shadow-sm">
<h3 class="text-3xl font-black text-rose-600 leading-none" id="countIncidencias">0</h3>
<p class="text-[9px] font-black text-rose-600 uppercase tracking-widest mt-1.5 flex items-center gap-1"><i data-lucide="alert-triangle" class="w-3 h-3"></i> Incidencias</p>
<div class="bg-rose-50 rounded-2xl p-2 border border-rose-100 flex flex-col items-center justify-center shadow-sm">
<h3 class="text-xl font-black text-rose-600 leading-none" id="countIncidencias">0</h3>
<p class="text-[7px] font-black text-rose-600 uppercase tracking-tighter mt-1">Incidencias</p>
</div>
<div class="bg-slate-50 rounded-[1.5rem] p-4 border border-slate-100 flex flex-col items-start justify-center">
<h3 class="text-3xl font-black text-slate-800 leading-none" id="countActive">0</h3>
<p class="text-[9px] font-black text-slate-500 uppercase tracking-widest mt-1.5 flex items-center gap-1"><i data-lucide="activity" class="w-3 h-3 text-blue-500"></i> En Proceso</p>
</div>
<div class="bg-slate-50 rounded-[1.5rem] p-4 border border-slate-100 flex flex-col items-start justify-center">
<h3 class="text-3xl font-black text-slate-800 leading-none" id="countHistory">0</h3>
<p class="text-[9px] font-black text-slate-500 uppercase tracking-widest mt-1.5 flex items-center gap-1"><i data-lucide="archive" class="w-3 h-3 text-emerald-500"></i> Finalizados</p>
<div class="bg-slate-50 rounded-2xl p-2 border border-slate-100 flex flex-col items-center justify-center">
<h3 class="text-xl font-black text-slate-800 leading-none" id="countActive">0</h3>
<p class="text-[7px] font-black text-slate-500 uppercase tracking-tighter mt-1">En Proceso</p>
</div>
<div class="bg-slate-50 rounded-2xl p-2 border border-slate-100 flex flex-col items-center justify-center">
<h3 class="text-xl font-black text-slate-800 leading-none" id="countHistory">0</h3>
<p class="text-[7px] font-black text-slate-500 uppercase tracking-tighter mt-1">Finalizados</p>
</div>
</div>
</header>
<div class="w-full relative z-10">
@@ -1004,7 +1004,8 @@
document.getElementById('companyLogoContainer').classList.remove('hidden');
}
let cName = client && client.name ? client.name.split(' ')[0] : "Cliente";
// Esto tomará el nombre completo tal cual viene de la base de datos
let cName = client && client.name ? client.name : "Cliente";
document.getElementById('clientName').innerText = cName;
const activeContainer = document.getElementById('activeServicesContainer');