v0.0.2: pre-productie (Bootstrap 5.3.3, LightPdf klant-PDF, server-setup en release-script)
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
co-authored by
Claude Opus 5.5
parent
bffa053c05
commit
7d302dc405
+17
-13
@@ -2,32 +2,36 @@
|
||||
{% set titles = {'setup': 'Welkom', 'login': 'Inloggen', 'portal_login': 'Klantportaal', 'invite': 'Wachtwoord instellen'} %}
|
||||
{% block title %}{{ titles[mode] }}{% endblock %}
|
||||
{% block body %}
|
||||
<div class="auth-wrap">
|
||||
<div class="auth">
|
||||
<img src="{{ url_for('static', filename='logo.svg') }}" alt="Van Emous">
|
||||
{% with msgs = get_flashed_messages(with_categories=true) %}
|
||||
{% for cat, m in msgs %}<div class="flash {{ cat }}">{{ m }}</div>{% endfor %}
|
||||
{% endwith %}
|
||||
<div class="card">
|
||||
<div class="card"><div class="card-body">
|
||||
<form method="post">
|
||||
<h1>{{ titles[mode] }}</h1>
|
||||
<div class="row g-3">
|
||||
{% if mode == 'setup' %}
|
||||
<p class="muted">Maak het eerste beheerdersaccount aan.</p>
|
||||
<label for="name">Naam</label><input id="name" name="name" required autofocus>
|
||||
<label for="email" style="margin-top:1rem">E-mailadres</label><input id="email" type="email" name="email" required>
|
||||
<p class="muted mb-0">Maak het eerste beheerdersaccount aan.</p>
|
||||
<div class="col-12"><label class="form-label" for="name">Naam</label><input class="form-control" id="name" name="name" required autofocus></div>
|
||||
<div class="col-12"><label class="form-label" for="email">E-mailadres</label><input class="form-control" id="email" type="email" name="email" required></div>
|
||||
{% elif mode == 'invite' %}
|
||||
<p class="muted">Welkom {{ c.name }}. Kies een wachtwoord voor het klantportaal. Daarna logt u in met {{ c.email }}.</p>
|
||||
<p class="muted mb-0">Welkom {{ c.name }}. Kies een wachtwoord voor het klantportaal. Daarna logt u in met {{ c.email }}.</p>
|
||||
{% else %}
|
||||
{% if mode == 'portal_login' %}<p class="muted">Bekijk uw offertes en deel bestanden met ons.</p>{% endif %}
|
||||
<label for="email">E-mailadres</label><input id="email" type="email" name="email" required autofocus>
|
||||
{% if mode == 'portal_login' %}<p class="muted mb-0">Bekijk uw offertes en deel bestanden met ons.</p>{% endif %}
|
||||
<div class="col-12"><label class="form-label" for="email">E-mailadres</label><input class="form-control" id="email" type="email" name="email" required autofocus autocomplete="username"></div>
|
||||
{% endif %}
|
||||
<label for="pw" style="margin-top:1rem">Wachtwoord</label>
|
||||
<input id="pw" type="password" name="password" {{ 'minlength=8' if mode in ('setup', 'invite') }} required>
|
||||
<div class="col-12"><label class="form-label" for="pw">Wachtwoord</label>
|
||||
<input class="form-control" id="pw" type="password" name="password" {{ 'minlength=8' if mode in ('setup', 'invite') }} required autocomplete="{{ 'new-password' if mode in ('setup', 'invite') else 'current-password' }}"></div>
|
||||
{% if mode in ('setup', 'invite') %}
|
||||
<label for="pw2" style="margin-top:1rem">Herhaal wachtwoord</label>
|
||||
<input id="pw2" type="password" name="password2" minlength="8" required>
|
||||
<div class="col-12"><label class="form-label" for="pw2">Herhaal wachtwoord</label>
|
||||
<input class="form-control" id="pw2" type="password" name="password2" minlength="8" required autocomplete="new-password"></div>
|
||||
{% endif %}
|
||||
<div class="actions"><button class="btn">{{ 'Inloggen' if mode in ('login', 'portal_login') else 'Opslaan en doorgaan' }}</button></div>
|
||||
</div>
|
||||
<div class="actions"><button class="btn btn-primary w-100">{{ 'Inloggen' if mode in ('login', 'portal_login') else 'Opslaan en doorgaan' }}</button></div>
|
||||
</form>
|
||||
</div>
|
||||
</div></div>
|
||||
</div>
|
||||
</div>
|
||||
{% endblock %}
|
||||
|
||||
Reference in New Issue
Block a user