53 lines
2.6 KiB
HTML
Executable File
53 lines
2.6 KiB
HTML
Executable File
<!DOCTYPE html>
|
|
<html lang="hu">
|
|
<head>
|
|
<meta charset="UTF-8"><title>Service Finder - Belépés</title>
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
|
|
<style>
|
|
body { background-color: #0f172a; color: white; display: flex; align-items: center; justify-content: center; height: 100vh; }
|
|
.login-card { background: #1e293b; padding: 40px; border-radius: 15px; width: 100%; max-width: 400px; border: 1px solid #334155; }
|
|
.form-control { background: white !important; color: black !important; font-weight: bold; }
|
|
.btn-primary { background: #3b82f6; font-weight: bold; width: 100%; padding: 12px; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="login-card shadow-lg">
|
|
<h3 class="text-center mb-4">🚗 BELÉPÉS</h3>
|
|
<form id="loginForm">
|
|
<label class="small text-info">E-mail cím</label>
|
|
<input type="email" id="email" class="form-control mb-3" placeholder="admin@admin.hu" required>
|
|
<label class="small text-info">Jelszó</label>
|
|
<input type="password" id="password" class="form-control mb-4" required>
|
|
<button type="submit" class="btn btn-primary">BEJELENTKEZÉS</button>
|
|
</form>
|
|
<div class="text-center mt-3">
|
|
<a href="register.html" class="text-info small">Nincs még fiókom, regisztrálok</a>
|
|
</div>
|
|
<div class="text-center mt-2">
|
|
<a href="#" onclick="alert('Fejlesztés alatt: Kérlek, írj az adminnak a jelszó pótlásához!')" class="text-muted small">Elfelejtettem a jelszavam</a>
|
|
</div>
|
|
<p id="msg" class="text-danger mt-3 text-center small"></p>
|
|
</div>
|
|
|
|
<script>
|
|
document.getElementById('loginForm').onsubmit = async (e) => {
|
|
e.preventDefault();
|
|
const formData = new FormData();
|
|
formData.append('username', document.getElementById('email').value);
|
|
formData.append('password', document.getElementById('password').value);
|
|
|
|
try {
|
|
const res = await fetch('/api/v1/auth/login', { method: 'POST', body: formData });
|
|
const data = await res.json();
|
|
|
|
if (res.ok) {
|
|
localStorage.setItem('token', data.access_token);
|
|
window.location.href = 'dashboard.html';
|
|
} else {
|
|
document.getElementById('msg').innerText = "Hiba: " + (data.detail || "Sikertelen belépés");
|
|
}
|
|
} catch (err) { document.getElementById('msg').innerText = "Szerver hiba!"; }
|
|
};
|
|
</script>
|
|
</body>
|
|
</html> |