shimatta-kenkyusho/shimatta_kenkyusho/templates/parts/login.html

48 lines
2.2 KiB
HTML
Raw Normal View History

2021-08-07 17:37:36 +02:00
{% extends 'base.html' %}
{% block content %}
<div class="container">
<form action="" method="post">
{% csrf_token %}
<div class="row mb-3 justify-content-center">
<div class="col-sm-5">
<label for="{{form.username.id_for_label}}">Username</label>
<div class="input-group has-validation">
<span class="input-group-text" id="username_prepend">@</span>
<input type="text" class="form-control{% if form.username.errors or form.non_field_errors %} is-invalid{% endif %}" id="{{form.username.id_for_label}}" name="{{form.username.name}}" aria-describedby="username_prepend validationServerUsernameFeedback" required>
<div id="validationServerUsernameFeedback" class="invalid-feedback">
{% for msg in form.username.errors %}
{{msg}}
{% endfor %}
</div>
</div>
</div>
</div>
<div class="row mb-3 justify-content-center">
<div class="col-sm-5">
<label for="{{form.password.id_for_label}}">Password</label>
<div class="input-group has-validation">
<input type="password" class="form-control{% if form.password.errors or form.non_field_errors %} is-invalid{% endif %}" name="{{form.password.name}}" id="{{form.password.id_for_label}}" aria-describedby="validationPassword"required>
<div id="validationPassword" class="invalid-feedback">
{% for msg in form.password.errors %}
{{msg}}
{% endfor %}
</div>
</div>
</div>
</div>
<div class="row mb-3 justify-content-center">
{% if form.non_field_errors %}
{% for error in form.non_field_errors %}
<p class="text-danger text-center">{{ error }}</p>
{% endfor %}
{% endif %}
</div>
<div class="row mb-3 justify-content-center">
<div class="col-sm-5">
<input class="btn btn-primary mb-3 px-4" type="submit" value="Login">
</div>
</div>
</form>
</div>
{% endblock content %}