penki
/
cotizador
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

agregue un punto al titulo

This commit is contained in:
Marcelo 2026-05-27 15:10:04 -03:00
parent 7c976e2272
commit d1ce6c3539
1 changed files with 23 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

46
pages/login.php
View File

@ -8,7 +8,7 @@ $currencies = getCurrenciesFromEnv();
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Comparador de Precios - Login</title> <title>Comparador de Precios - Login .</title>
<link rel="icon" type="image/x-icon" href="/favicon.ico"> <link rel="icon" type="image/x-icon" href="/favicon.ico">
<script src="https://cdn.tailwindcss.com"></script> <script src="https://cdn.tailwindcss.com"></script>
</head> </head>
@ -47,13 +47,13 @@ $currencies = getCurrenciesFromEnv();
<!-- Selección de Moneda --> <!-- Selección de Moneda -->
<div> <div>
<label class="block text-sm font-medium text-gray-700 mb-2">Moneda</label> <label class="block text-sm font-medium text-gray-700 mb-2">Moneda</label>
<select id="monedaSelect" class="w-full px-4 py-3 border-2 border-gray-300 rounded-lg focus:ring-2 focus:ring-green-500 focus:border-green-500 transition-all"> <select id="monedaSelect" class="w-full px-4 py-3 border-2 border-gray-300 rounded-lg focus:ring-2 focus:ring-green-500 focus:border-green-500 transition-all">
<option value="">Selecciona una moneda</option> <option value="">Selecciona una moneda</option>
<?php foreach ($currencies as $code => $name): ?> <?php foreach ($currencies as $code => $name): ?>
<option value="<?php echo htmlspecialchars($code); ?>"><?php echo htmlspecialchars($name); ?></option> <option value="<?php echo htmlspecialchars($code); ?>"><?php echo htmlspecialchars($name); ?></option>
<?php endforeach; ?> <?php endforeach; ?>
</select> </select>
</div> </div>
<!-- Toggle "En el tiempo" --> <!-- Toggle "En el tiempo" -->
<div class="bg-blue-50 border border-blue-200 rounded-lg p-4"> <div class="bg-blue-50 border border-blue-200 rounded-lg p-4">
@ -83,9 +83,9 @@ $currencies = getCurrenciesFromEnv();
<p class="text-xs text-blue-600 mt-1">Ingresa cuántos dólares gastaste para obtener esa cantidad de moneda extranjera</p> <p class="text-xs text-blue-600 mt-1">Ingresa cuántos dólares gastaste para obtener esa cantidad de moneda extranjera</p>
</div> </div>
</div> </div>
<!-- Input de Precio --> <!-- Input de Precio -->
<div> <div>
<label class="block text-sm font-medium text-gray-700 mb-2">Precio en moneda extranjera</label> <label class="block text-sm font-medium text-gray-700 mb-2">Precio en moneda extranjera</label>
<input type="number" id="precioExtranjeroInput" step="0.01" placeholder="0.00" class="w-full px-4 py-3 border-2 border-gray-300 rounded-lg focus:ring-2 focus:ring-green-500 focus:border-green-500 transition-all text-lg"> <input type="number" id="precioExtranjeroInput" step="0.01" placeholder="0.00" class="w-full px-4 py-3 border-2 border-gray-300 rounded-lg focus:ring-2 focus:ring-green-500 focus:border-green-500 transition-all text-lg">
@ -133,7 +133,7 @@ $currencies = getCurrenciesFromEnv();
</div> </div>
<!-- Login Card --> <!-- Login Card -->
<div id="loginCard" class="bg-white rounded-2xl shadow-2xl p-8"> <div id="loginCard" class="bg-white rounded-2xl shadow-2xl p-8">
<form id="loginForm" class="space-y-6"> <form id="loginForm" class="space-y-6">
<!-- PIN Input --> <!-- PIN Input -->
<div> <div>
@ -142,11 +142,11 @@ $currencies = getCurrenciesFromEnv();
</label> </label>
<input <input
type="password" type="password"
id="pin" id="pin"
inputmode="numeric" inputmode="numeric"
maxlength="4" maxlength="4"
pattern="[0-9]{4}" pattern="[0-9]{4}"
class="w-full bg-white text-gray-900 px-4 py-3 text-center text-2xl tracking-widest border-2 border-gray-300 rounded-lg focus:ring-2 focus:ring-indigo-500 focus:border-indigo-500 transition-all" class="w-full bg-white text-gray-900 px-4 py-3 text-center text-2xl tracking-widest border-2 border-gray-300 rounded-lg focus:ring-2 focus:ring-indigo-500 focus:border-indigo-500 transition-all"
placeholder="••••" placeholder="••••"
required required
autocomplete="off" autocomplete="off"
@ -170,11 +170,11 @@ $currencies = getCurrenciesFromEnv();
<path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
</svg> </svg>
</button> </button>
</form> </form>
</div> </div>
<!-- Country Selection (After Login) --> <!-- Country Selection (After Login) -->
<div id="countrySelection" class="hidden mt-8 space-y-4"> <div id="countrySelection" class="hidden mt-8 space-y-4">
<h2 class="text-2xl font-bold text-gray-800 text-center mb-4">Selecciona un país</h2> <h2 class="text-2xl font-bold text-gray-800 text-center mb-4">Selecciona un país</h2>
<a href="/brasil" class="block"> <a href="/brasil" class="block">
@ -464,8 +464,8 @@ $currencies = getCurrenciesFromEnv();
// ===== LOGIN ===== // ===== LOGIN =====
const pinInput = document.getElementById('pin'); const pinInput = document.getElementById('pin');
const loginForm = document.getElementById('loginForm'); const loginForm = document.getElementById('loginForm');
const errorMessage = document.getElementById('errorMessage'); const errorMessage = document.getElementById('errorMessage');
const errorText = errorMessage.querySelector('span:last-child'); const errorText = errorMessage.querySelector('span:last-child');
const loginButton = document.getElementById('loginButton'); const loginButton = document.getElementById('loginButton');
const buttonText = document.getElementById('buttonText'); const buttonText = document.getElementById('buttonText');
const loadingSpinner = document.getElementById('loadingSpinner'); const loadingSpinner = document.getElementById('loadingSpinner');
@ -487,7 +487,7 @@ $currencies = getCurrenciesFromEnv();
async function verificarSesionActiva() { async function verificarSesionActiva() {
const sesionActiva = await authManager.verificarSesion(); const sesionActiva = await authManager.verificarSesion();
if (sesionActiva) { if (sesionActiva) {
window.location.href = '/brasil'; window.location.href = '/brasil';
} }
} }