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

Actualizar index2.html

Browse Source
This commit is contained in:
marsalva
2026-03-29 09:14:43 +00:00
parent 769ac971e3
commit 62eeabd5f8
1 changed files with 19 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
index2.html
View File

@@ -275,6 +275,13 @@
const isViewed = localStorage.getItem(`quote_viewed_${q.id}`) === 'true'; const isViewed = localStorage.getItem(`quote_viewed_${q.id}`) === 'true';
if (!isViewed) unseenCount++; if (!isViewed) unseenCount++;
// Formateamos las variables reales de la BD
let refStr = q.quote_ref || q.ref || q.id || "S/N";
let titleStr = q.title || "Presupuesto de Reparación";
let amountStr = parseFloat(q.total || q.amount || 0).toFixed(2);
let dateStr = q.created_at || q.date || "";
if(dateStr && dateStr.includes('T')) dateStr = dateStr.split('T')[0].split('-').reverse().join('/');
html += ` html += `
<div onclick="openQuoteModal(${q.id})" class="bg-white p-5 rounded-[2rem] shadow-sm border ${isViewed ? 'border-slate-100' : 'border-blue-400 ring-2 ring-blue-50'} relative cursor-pointer active:scale-95 transition-all text-left"> <div onclick="openQuoteModal(${q.id})" class="bg-white p-5 rounded-[2rem] shadow-sm border ${isViewed ? 'border-slate-100' : 'border-blue-400 ring-2 ring-blue-50'} relative cursor-pointer active:scale-95 transition-all text-left">
${!isViewed ? '<div class="absolute top-5 right-5 w-3 h-3 bg-red-500 rounded-full animate-pulse shadow-sm border-2 border-white"></div>' : ''} ${!isViewed ? '<div class="absolute top-5 right-5 w-3 h-3 bg-red-500 rounded-full animate-pulse shadow-sm border-2 border-white"></div>' : ''}
@@ -284,14 +291,14 @@
<i data-lucide="file-text" class="w-5 h-5"></i> <i data-lucide="file-text" class="w-5 h-5"></i>
</div> </div>
<div> <div>
<p class="text-[9px] font-black text-slate-400 uppercase tracking-widest leading-none mb-1">REF #${q.ref}</p> <p class="text-[9px] font-black text-slate-400 uppercase tracking-widest leading-none mb-1">REF #${refStr}</p>
<h3 class="font-black text-slate-800 text-sm leading-tight pr-6 truncate w-[200px]">${q.title}</h3> <h3 class="font-black text-slate-800 text-sm leading-tight pr-6 truncate w-[200px]">${titleStr}</h3>
</div> </div>
</div> </div>
<div class="flex justify-between items-end border-t border-slate-100 pt-3 mt-1"> <div class="flex justify-between items-end border-t border-slate-100 pt-3 mt-1">
<span class="text-[10px] font-bold text-slate-500 flex items-center gap-1"><i data-lucide="calendar" class="w-3 h-3"></i> ${q.date}</span> <span class="text-[10px] font-bold text-slate-500 flex items-center gap-1"><i data-lucide="calendar" class="w-3 h-3"></i> ${dateStr}</span>
<span class="text-lg font-black text-slate-800">${q.amount}€</span> <span class="text-lg font-black text-slate-800">${amountStr}€</span>
</div> </div>
</div>`; </div>`;
}); });
@@ -322,10 +329,14 @@
localStorage.setItem(`quote_viewed_${id}`, 'true'); localStorage.setItem(`quote_viewed_${id}`, 'true');
renderQuotes(); renderQuotes();
document.getElementById('qmRef').innerText = q.ref; document.getElementById('qmRef').innerText = `REF #${q.quote_ref || q.ref || q.id || "S/N"}`;
document.getElementById('qmTitle').innerText = q.title; document.getElementById('qmTitle').innerText = q.title || "Presupuesto de Reparación";
document.getElementById('qmDate').innerText = q.date;
document.getElementById('qmAmount').innerText = q.amount + "€"; let fDate = q.created_at || q.date || "";
if(fDate && fDate.includes('T')) fDate = fDate.split('T')[0].split('-').reverse().join('/');
document.getElementById('qmDate').innerText = fDate;
document.getElementById('qmAmount').innerText = parseFloat(q.total || q.amount || 0).toFixed(2) + "€";
const modal = document.getElementById('quoteModal'); const modal = document.getElementById('quoteModal');
const sheet = document.getElementById('quoteModalSheet'); const sheet = document.getElementById('quoteModalSheet');