marsalva/App
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-02-25 20:40:26 +00:00
parent e1ca5ab0a3
commit b298261203
1 changed files with 11 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
index.html
View File

@@ -17,7 +17,7 @@
@keyframes fadeIn { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } @keyframes fadeIn { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }
</style> </style>
</head> </head>
<body class="text-slate-800 font-sans antialiased h-screen flex flex-col items-center justify-center p-6 relative overflow-hidden"> <body class="text-slate-800 font-sans antialiased h-screen flex flex-col items-center justify-center p-6 relative overflow-hidden text-left">
<div class="absolute top-[-10%] left-[-10%] w-64 h-64 bg-blue-400 rounded-full mix-blend-multiply filter blur-[80px] opacity-30"></div> <div class="absolute top-[-10%] left-[-10%] w-64 h-64 bg-blue-400 rounded-full mix-blend-multiply filter blur-[80px] opacity-30"></div>
<div class="absolute bottom-[-10%] right-[-10%] w-64 h-64 bg-emerald-400 rounded-full mix-blend-multiply filter blur-[80px] opacity-30"></div> <div class="absolute bottom-[-10%] right-[-10%] w-64 h-64 bg-emerald-400 rounded-full mix-blend-multiply filter blur-[80px] opacity-30"></div>
@@ -34,7 +34,7 @@
<form id="loginForm" onsubmit="doLogin(event)" class="bg-white/80 backdrop-blur-xl p-8 rounded-[2rem] shadow-2xl shadow-slate-200/50 border border-white space-y-6"> <form id="loginForm" onsubmit="doLogin(event)" class="bg-white/80 backdrop-blur-xl p-8 rounded-[2rem] shadow-2xl shadow-slate-200/50 border border-white space-y-6">
<div class="space-y-4"> <div class="space-y-4 text-left">
<div> <div>
<label class="block text-[10px] font-black text-slate-400 uppercase tracking-widest mb-1.5 ml-2">Email o Teléfono</label> <label class="block text-[10px] font-black text-slate-400 uppercase tracking-widest mb-1.5 ml-2">Email o Teléfono</label>
<div class="relative"> <div class="relative">
@@ -79,7 +79,8 @@
document.addEventListener("DOMContentLoaded", () => { document.addEventListener("DOMContentLoaded", () => {
lucide.createIcons(); lucide.createIcons();
// Si ya tiene sesión iniciada, lo mandamos directo al menú
// Si el operario ya tiene sesión iniciada, entra directo al menú sin pedir contraseña
if (localStorage.getItem("token") && localStorage.getItem("role") === "operario") { if (localStorage.getItem("token") && localStorage.getItem("role") === "operario") {
window.location.href = "menu.html"; window.location.href = "menu.html";
} }
@@ -113,18 +114,12 @@
localStorage.setItem('role', data.role); localStorage.setItem('role', data.role);
localStorage.setItem('userName', data.name); localStorage.setItem('userName', data.name);
// Comprobamos que sea un operario // Si todo es correcto, vamos a menu.html
if(data.role === 'operario') {
btn.innerHTML = '<i data-lucide="check" class="w-5 h-5 mx-auto"></i>'; btn.innerHTML = '<i data-lucide="check" class="w-5 h-5 mx-auto"></i>';
lucide.createIcons(); lucide.createIcons();
btn.classList.replace('bg-blue-600', 'bg-emerald-500'); btn.classList.replace('bg-blue-600', 'bg-emerald-500');
setTimeout(() => { window.location.href = "menu.html"; }, 800); setTimeout(() => { window.location.href = "menu.html"; }, 500);
} else {
err.querySelector('span').innerText = "Esta app es solo para operarios";
err.classList.remove('hidden');
localStorage.clear();
}
} else { } else {
err.querySelector('span').innerText = data.error || "Credenciales incorrectas"; err.querySelector('span').innerText = data.error || "Credenciales incorrectas";
err.classList.remove('hidden'); err.classList.remove('hidden');
@@ -133,7 +128,7 @@
err.querySelector('span').innerText = "Error de conexión con el servidor"; err.querySelector('span').innerText = "Error de conexión con el servidor";
err.classList.remove('hidden'); err.classList.remove('hidden');
} finally { } finally {
if(!res?.ok || !data?.ok) { if(!btn.classList.contains('bg-emerald-500')) {
btn.disabled = false; btn.disabled = false;
btn.innerHTML = 'Entrar a mi Ruta <i data-lucide="arrow-right" class="w-4 h-4"></i>'; btn.innerHTML = 'Entrar a mi Ruta <i data-lucide="arrow-right" class="w-4 h-4"></i>';
lucide.createIcons(); lucide.createIcons();