53 lines
2.8 KiB
HTML
53 lines
2.8 KiB
HTML
{% load static i18n %}
|
|
{% get_current_language as CURRENT_LANGUAGE %}
|
|
<!doctype html>
|
|
<html lang="{{ CURRENT_LANGUAGE }}">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
<title>{% trans "Anmeldung" %}</title>
|
|
<link rel="stylesheet" href="{% static 'workflows/css/buttons.css' %}" />
|
|
<style>
|
|
body { margin: 0; font-family: Arial, sans-serif; min-height: 100vh; display: grid; place-items: center; background: linear-gradient(160deg, #eef6ff, #fff3f3); }
|
|
.card { width: min(420px, calc(100% - 28px)); background: #fff; border: 1px solid #d9e3f0; border-radius: 14px; padding: 20px; box-shadow: 0 12px 30px rgba(28, 45, 79, 0.12); }
|
|
.logo { width: 190px; max-width: 100%; height: auto; display: block; margin-bottom: 12px; }
|
|
h1 { margin: 0 0 8px; font-size: 24px; }
|
|
p { margin: 0 0 14px; color: #607086; }
|
|
.field { margin-bottom: 12px; }
|
|
label { display: block; font-weight: 600; margin-bottom: 6px; }
|
|
input { width: 100%; padding: 10px; box-sizing: border-box; border: 1px solid #cbd5e1; border-radius: 8px; }
|
|
.btn { width: 100%; }
|
|
.errorlist { color: #b91c1c; margin: 6px 0; }
|
|
.card-head { display:flex; justify-content:space-between; gap:12px; align-items:flex-start; }
|
|
.lang-switch { display:flex; gap:6px; }
|
|
.lang-btn { border:1px solid #d9e3f0; background:#f8fbff; color:#1f3a5f; border-radius:999px; padding:6px 10px; font-size:12px; font-weight:700; cursor:pointer; }
|
|
.lang-btn.active { background:#000078; border-color:#000078; color:#fff; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="card">
|
|
<div class="card-head">
|
|
<img class="logo" src="https://tub.co/media/site/0856bfc615-1750234287/tubco-wortbildmarke.svg" alt="TUB/CO Logo" />
|
|
<form method="post" action="{% url 'set_language' %}" class="lang-switch">
|
|
{% csrf_token %}
|
|
<input type="hidden" name="next" value="{{ request.get_full_path }}" />
|
|
<button class="lang-btn {% if CURRENT_LANGUAGE == 'de' %}active{% endif %}" type="submit" name="language" value="de">DE</button>
|
|
<button class="lang-btn {% if CURRENT_LANGUAGE == 'en' %}active{% endif %}" type="submit" name="language" value="en">EN</button>
|
|
</form>
|
|
</div>
|
|
<h1>{% trans "Anmeldung" %}</h1>
|
|
<p>{% trans "Bitte melden Sie sich mit Ihrem Benutzerkonto an." %}</p>
|
|
|
|
<form method="post" action="/accounts/login/">
|
|
{% csrf_token %}
|
|
{% if form.errors %}
|
|
<div class="errorlist">{% trans "Anmeldung fehlgeschlagen. Bitte Zugangsdaten prüfen." %}</div>
|
|
{% endif %}
|
|
<div class="field">{{ form.username.label_tag }}{{ form.username }}</div>
|
|
<div class="field">{{ form.password.label_tag }}{{ form.password }}</div>
|
|
<button class="btn btn-primary" type="submit">{% trans "Anmelden" %}</button>
|
|
</form>
|
|
</div>
|
|
</body>
|
|
</html>
|