Actualizar calendario.html

This commit is contained in:
2026-02-28 15:32:56 +00:00
parent a680452b1e
commit eecd9c0240

View File

@@ -126,8 +126,11 @@
<p class="text-[9px] font-black text-primary-dynamic uppercase tracking-widest" id="detCompany">Compañía</p>
<span id="detRef" class="text-[9px] font-black text-slate-400 uppercase"></span>
</div>
<h2 id="detName" class="text-2xl font-black text-slate-900 uppercase leading-none mb-6">Nombre Cliente</h2>
<h2 id="detName" class="text-2xl font-black text-slate-900 uppercase leading-none mb-3">Nombre Cliente</h2>
<button onclick="copyAndOpenPortal()" id="btnPortal" class="w-full mb-6 bg-indigo-50 text-indigo-700 hover:bg-indigo-100 font-black py-2.5 rounded-xl border border-indigo-200 flex items-center justify-center gap-2 text-[10px] uppercase tracking-widest active:scale-95 transition-all text-center">
<i data-lucide="external-link" class="w-4 h-4"></i> Copiar y Abrir Portal
</button>
<button onclick="callClient()" class="w-full bg-primary-dynamic text-white font-black py-4 rounded-2xl shadow-xl flex items-center justify-center gap-3 uppercase text-sm tracking-widest active:scale-95 transition-all">
<i data-lucide="phone" class="w-5 h-5 fill-current"></i> Llamar al Cliente
</button>
@@ -528,6 +531,54 @@
function callClient() { const p = document.getElementById('detPhoneRaw').value; if (p) window.location.href = `tel:+34${p}`; else alert("Sin teléfono"); }
function openWhatsApp() { const p = document.getElementById('detPhoneRaw').value; if (p) window.open(`https://wa.me/34${p}`, '_blank'); else alert("Sin teléfono"); }
async function copyAndOpenPortal() {
const btn = document.getElementById('btnPortal');
const originalHtml = btn.innerHTML;
btn.innerHTML = '<i data-lucide="loader-2" class="w-4 h-4 animate-spin"></i> Generando...';
lucide.createIcons();
try {
const phone = document.getElementById('detPhoneRaw').value;
const name = document.getElementById('detName').innerText;
const address = document.getElementById('detAddress').innerText;
if (!phone) {
showToast("Sin teléfono no hay portal", true);
return;
}
// Usamos la API que ya tienes para obtener el token mágico del cliente
const res = await fetch(`${API_URL}/clients/ensure`, {
method: 'POST',
headers: { 'Content-Type': 'application/json', 'Authorization': `Bearer ${localStorage.getItem("token")}` },
body: JSON.stringify({ phone, name, address })
});
const data = await res.json();
if (data.ok && data.client.portal_token) {
const link = `https://portal.integrarepara.es/?token=${data.client.portal_token}&service=${currentServiceId}`;
// Intentamos copiar al portapapeles
try {
await navigator.clipboard.writeText(link);
showToast("¡Enlace copiado al portapapeles!");
} catch (err) {
console.warn("Navegador bloqueó el copiado automático");
}
// Y lo abrimos inmediatamente en otra pestaña
window.open(link, '_blank');
} else {
showToast("Error al obtener el enlace", true);
}
} catch (e) {
showToast("Error de conexión", true);
} finally {
btn.innerHTML = originalHtml;
lucide.createIcons();
}
}
function openMaps() {
const a = document.getElementById('detAddress').innerText;
if (a) {