first commit
This commit is contained in:
50
views/pages/auth/login.twig
Normal file
50
views/pages/auth/login.twig
Normal file
@@ -0,0 +1,50 @@
|
||||
{% extends "layout.twig" %}
|
||||
|
||||
{% block title %}Connexion – Slim Blog{% endblock %}
|
||||
|
||||
{% block content %}
|
||||
<div class="form-container form-container--narrow">
|
||||
<div class="form-container__panel">
|
||||
<div class="form-container__header">
|
||||
<h2 class="form-container__title">Connexion</h2>
|
||||
</div>
|
||||
|
||||
{% if error %}
|
||||
<div class="alert alert--danger">{{ error }}</div>
|
||||
{% endif %}
|
||||
|
||||
{% if success %}
|
||||
<div class="alert alert--success">{{ success }}</div>
|
||||
{% endif %}
|
||||
|
||||
<form method="post" action="/auth/login" class="form-container__form">
|
||||
<input type="hidden" name="{{ csrf.keys.name }}" value="{{ csrf.name }}">
|
||||
<input type="hidden" name="{{ csrf.keys.value }}" value="{{ csrf.value }}">
|
||||
|
||||
<p class="form-container__field">
|
||||
<label for="username" class="form-container__label">
|
||||
<span>Nom d'utilisateur</span>
|
||||
<input type="text" id="username" name="username" required autofocus class="form-container__input">
|
||||
</label>
|
||||
</p>
|
||||
|
||||
<p class="form-container__field">
|
||||
<label for="password" class="form-container__label">
|
||||
<span>Mot de passe</span>
|
||||
<input type="password" id="password" name="password" required class="form-container__input">
|
||||
</label>
|
||||
</p>
|
||||
|
||||
<div class="form-container__actions">
|
||||
<div class="form-container__action">
|
||||
<button type="submit" class="btn btn--primary btn--lg btn--full">Se connecter</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<div class="form-container__footer">
|
||||
<a href="/password/forgot">Mot de passe oublié ?</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endblock %}
|
||||
44
views/pages/auth/password-forgot.twig
Normal file
44
views/pages/auth/password-forgot.twig
Normal file
@@ -0,0 +1,44 @@
|
||||
{% extends "layout.twig" %}
|
||||
|
||||
{% block title %}Mot de passe oublié – Slim Blog{% endblock %}
|
||||
|
||||
{% block content %}
|
||||
<div class="form-container form-container--narrow">
|
||||
<div class="form-container__panel">
|
||||
<div class="form-container__header">
|
||||
<h2 class="form-container__title">Mot de passe oublié</h2>
|
||||
<p class="form-container__intro">Saisissez votre adresse email. Si elle est associée à un compte, vous recevrez un lien de réinitialisation.</p>
|
||||
</div>
|
||||
|
||||
{% if error %}
|
||||
<div class="alert alert--danger">{{ error }}</div>
|
||||
{% endif %}
|
||||
|
||||
{% if success %}
|
||||
<div class="alert alert--success">{{ success }}</div>
|
||||
{% endif %}
|
||||
|
||||
<form method="post" action="/password/forgot" class="form-container__form">
|
||||
<input type="hidden" name="{{ csrf.keys.name }}" value="{{ csrf.name }}">
|
||||
<input type="hidden" name="{{ csrf.keys.value }}" value="{{ csrf.value }}">
|
||||
|
||||
<p class="form-container__field">
|
||||
<label for="email" class="form-container__label">
|
||||
<span>Adresse email</span>
|
||||
<input type="email" id="email" name="email" required autofocus class="form-container__input">
|
||||
</label>
|
||||
</p>
|
||||
|
||||
<div class="form-container__actions">
|
||||
<div class="form-container__action">
|
||||
<button type="submit" class="btn btn--primary btn--lg btn--full">Envoyer le lien</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<div class="form-container__footer">
|
||||
<a href="/auth/login">← Retour à la connexion</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endblock %}
|
||||
46
views/pages/auth/password-reset.twig
Normal file
46
views/pages/auth/password-reset.twig
Normal file
@@ -0,0 +1,46 @@
|
||||
{% extends "layout.twig" %}
|
||||
|
||||
{% block title %}Réinitialisation du mot de passe – Slim Blog{% endblock %}
|
||||
|
||||
{% block content %}
|
||||
<div class="form-container form-container--narrow">
|
||||
<div class="form-container__panel">
|
||||
<div class="form-container__header">
|
||||
<h2 class="form-container__title">Nouveau mot de passe</h2>
|
||||
</div>
|
||||
|
||||
{% if error %}
|
||||
<div class="alert alert--danger">{{ error }}</div>
|
||||
{% endif %}
|
||||
|
||||
<form method="post" action="/password/reset" class="form-container__form">
|
||||
<input type="hidden" name="{{ csrf.keys.name }}" value="{{ csrf.name }}">
|
||||
<input type="hidden" name="{{ csrf.keys.value }}" value="{{ csrf.value }}">
|
||||
<input type="hidden" name="token" value="{{ token }}">
|
||||
|
||||
<p class="form-container__field">
|
||||
<label for="new_password" class="form-container__label">
|
||||
<span>Nouveau mot de passe</span>
|
||||
<input type="password" id="new_password" name="new_password"
|
||||
required minlength="8" autofocus class="form-container__input">
|
||||
</label>
|
||||
<small class="form-container__hint">Minimum 8 caractères</small>
|
||||
</p>
|
||||
|
||||
<p class="form-container__field">
|
||||
<label for="new_password_confirm" class="form-container__label">
|
||||
<span>Confirmer le mot de passe</span>
|
||||
<input type="password" id="new_password_confirm" name="new_password_confirm"
|
||||
required minlength="8" class="form-container__input">
|
||||
</label>
|
||||
</p>
|
||||
|
||||
<div class="form-container__actions">
|
||||
<div class="form-container__action">
|
||||
<button type="submit" class="btn btn--primary btn--lg btn--full">Réinitialiser</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
{% endblock %}
|
||||
Reference in New Issue
Block a user