brass/templates/user/reset_password.html

40 lines
1.6 KiB
HTML

{% extends "base.html" %}
{% block body %}
<section class="section">
<div class="container">
<h1 class="title">Brass - Passwort zurücksetzen</h1>
<form class="box" hx-post="/reset-password" hx-params="not dry" hx-target-400="#error-message-retype"
hx-on:keyup="document.getElementById('error-message-retype').innerHTML = ''">
<input type="hidden" name="token" value="{{ token }}" />
<input type="hidden" name="dry" value="true" />
<div class="field">
<label class="label" for="password">neues Passwort:</label>
<div class="control">
<input class="input" hx-post="/reset-password?dry=true" hx-params="*" hx-trigger="keyup changed delay:1s"
hx-target="#password-strength" hx-target-400="#password-strength" placeholder="**********" name="password" type="password" required
hx-swap="outerHTML" hx-on:keyup="document.getElementById('password-strength').innerHTML = ''">
</div>
</div>
<div id="password-strength" class="mb-3 help content"></div>
<div class="field">
<label class="label" for="passwordretyped">neues Passwort wiederholen:</label>
<div class="control">
<input class="input" placeholder="**********" name="passwordretyped" type="password" max=256 required>
</div>
</div>
<div id="error-message-retype" class="mb-3 help is-danger"></div>
<div class="level">
<input class="button is-primary level-left" type="submit" value="Passwort zurücksetzen" />
</div>
</form>
</div>
</section>
{% endblock %}