Christian Mueller
8a578fbe8d
Dashboard: - Much smaller cards (col-xl-2), compact badges - Short labels (Buero, HO, DND, OoO, etc.) - Optimized for small screens Login: - Password-protected admin pages (all except dashboard) - Dashboard remains public (read-only status view) - Login page with redirect back to requested page - Session cookie (24h, regenerated on restart) - Password set via Settings page (SHA256 hashed) - Sidebar shows only Dashboard when not logged in - Login/Logout link in sidebar footer Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
49 lines
2.1 KiB
HTML
49 lines
2.1 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="de">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Login - Busylight</title>
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.2/font/bootstrap-icons.min.css" rel="stylesheet">
|
|
</head>
|
|
<body class="bg-light">
|
|
<div class="container">
|
|
<div class="row justify-content-center mt-5">
|
|
<div class="col-md-4">
|
|
<div class="card shadow-sm">
|
|
<div class="card-body p-4">
|
|
<div class="text-center mb-4">
|
|
<i class="bi bi-lightbulb-fill text-warning display-4"></i>
|
|
<h4 class="mt-2">Busylight</h4>
|
|
<small class="text-muted">cynfo GmbH</small>
|
|
</div>
|
|
|
|
{% if error %}
|
|
<div class="alert alert-danger py-2">
|
|
<small><i class="bi bi-x-circle"></i> Falsches Passwort</small>
|
|
</div>
|
|
{% endif %}
|
|
|
|
<form method="post" action="/login">
|
|
<input type="hidden" name="next" value="{{ next }}">
|
|
<div class="mb-3">
|
|
<label class="form-label">Passwort</label>
|
|
<input type="password" name="password" class="form-control" autofocus required>
|
|
</div>
|
|
<button type="submit" class="btn btn-primary w-100">
|
|
<i class="bi bi-box-arrow-in-right"></i> Anmelden
|
|
</button>
|
|
</form>
|
|
|
|
<div class="text-center mt-3">
|
|
<a href="/" class="text-muted small">Zurueck zum Dashboard</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|