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 16:31:08 +00:00
parent 48abb8941c
commit f4864d3668
1 changed files with 27 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
index.html
View File

@@ -179,7 +179,7 @@
<i data-lucide="credit-card" class="w-5 h-5"></i> Pagar Presupuesto
</button>
<div class="flex gap-3">
<div id="qmAcceptRejectGroup" class="flex gap-3">
<button onclick="openSignatureArea()" class="flex-1 bg-emerald-50 text-emerald-600 border border-emerald-200 font-black py-4 rounded-2xl flex flex-col items-center justify-center gap-1 uppercase tracking-widest text-[10px] active:scale-95 transition-all hover:bg-emerald-500 hover:text-white">
<i data-lucide="pen-tool" class="w-5 h-5"></i> Firmar y Aceptar
</button>
@@ -436,10 +436,10 @@
let statusBadge = "";
if (!q.status || q.status === 'pending') {
statusBadge = `<span class="bg-amber-100 text-amber-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="clock" class="w-3 h-3"></i> Pte. Resolver</span>`;
} else if (q.status === 'accepted') {
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"><i data-lucide="check" class="w-3 h-3"></i> Aceptado</span>`;
} else if (q.status === 'converted') {
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"><i data-lucide="briefcase" class="w-3 h-3"></i> Finalizado</span>`;
} else if (q.status === 'accepted' || q.status === 'converted') {
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') {
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>`;
}
@@ -523,19 +523,20 @@
}
document.getElementById('qmItemsList').innerHTML = itemsHtml;
// CONTROL DE ESTADOS (ACEPTADO / RECHAZADO)
// CONTROL DE ESTADOS (ACEPTADO / RECHAZADO / PAGADO)
const btnContainer = document.getElementById('qmDecisionButtons');
const msgContainer = document.getElementById('qmStatusMessage');
const sigArea = document.getElementById('qmSignatureArea');
const btnStripe = document.getElementById('btnStripePay');
const acceptRejectGroup = document.getElementById('qmAcceptRejectGroup');
sigArea.classList.add('hidden');
// 🛑 LÓGICA STRIPE: Evaluar si se debe mostrar el botón de pago
// 1. Lógica Stripe: Solo si está configurado Y el presupuesto NO está pagado
let bSet = globalCompanyData?.billing_settings || {};
if (typeof bSet === 'string') { try { bSet = JSON.parse(bSet); } catch(e) {} }
if (bSet.stripe_enabled && bSet.stripe_pk) {
if (bSet.stripe_enabled && bSet.stripe_pk && q.status !== 'paid') {
btnStripe.classList.remove('hidden');
btnStripe.classList.add('flex');
} else {
@@ -543,15 +544,29 @@
btnStripe.classList.remove('flex');
}
// 2. Control de qué botones y mensajes se ven
if (!q.status || q.status === 'pending') {
btnContainer.classList.remove('hidden');
if(acceptRejectGroup) { acceptRejectGroup.classList.remove('hidden'); acceptRejectGroup.classList.add('flex'); }
msgContainer.classList.add('hidden');
} else if (q.status === 'accepted' || q.status === 'converted') {
}
else if (q.status === 'accepted' || q.status === 'converted') {
// Ya firmó, ocultamos botones de firma, pero dejamos el contenedor para que se vea el botón de Stripe
btnContainer.classList.remove('hidden');
if(acceptRejectGroup) { acceptRejectGroup.classList.add('hidden'); acceptRejectGroup.classList.remove('flex'); }
msgContainer.classList.remove('hidden');
msgContainer.className = "text-center p-4 rounded-xl font-black text-xs uppercase tracking-widest bg-blue-50 text-blue-600 border border-blue-100";
msgContainer.innerHTML = '<i data-lucide="info" class="w-5 h-5 inline mb-1"></i><br>Presupuesto Firmado (Pendiente de pago)';
}
else if (q.status === 'paid') {
// Pagado: Ocultamos todo tipo de botón
btnContainer.classList.add('hidden');
msgContainer.classList.remove('hidden');
msgContainer.className = "text-center p-4 rounded-xl font-black text-xs uppercase tracking-widest bg-emerald-50 text-emerald-600 border border-emerald-100";
msgContainer.innerHTML = '<i data-lucide="check-circle-2" class="w-5 h-5 inline mb-1"></i><br>Presupuesto Aceptado';
} else if (q.status === 'rejected') {
msgContainer.innerHTML = '<i data-lucide="check-circle-2" class="w-5 h-5 inline mb-1"></i><br>Abonado Correctamente';
}
else if (q.status === 'rejected') {
btnContainer.classList.add('hidden');
msgContainer.classList.remove('hidden');
msgContainer.className = "text-center p-4 rounded-xl font-black text-xs uppercase tracking-widest bg-rose-50 text-rose-600 border border-rose-100";