Fixes failure to display error messages and display form as standalone.

This commit is contained in:
Johnny 2018-10-04 00:33:32 +00:00
parent a0e3afd9a4
commit 63c8ae5bd5

View file

@ -4,44 +4,49 @@
Login Login
{% endblock %} {% endblock %}
{% block content %} {% block body %}
{% load addclass %} {% load addclass %}
<div class="container main-content mt-4" id="main-copy">
<div class="row"> <div class="row">
<div class="col"> <div class="col-lg-5 offset-lg-3 col-sm-12">
<div class="card"> <div class="card mt-3">
<div class="card-body"> <div class="card-body">
<h1 class="card-title">Login</h1> <h1 class="card-title">Login</h1>
<hr /> <hr />
{% if user.is_authenticated %} {% if user.is_authenticated %}
<p>You are already logged in!</p> <div class="alert alert-info" role="alert">You are already logged in!</div>
{% else %} {% else %}
{% if form.has_errors %} {% if form.errors %}
<p>Your username and password didn't match. Please try again.</p> <div class="alert alert-danger" role="alert">Your username and password are incorrect. Please try again.</div>
{% endif %} {% endif %}
{% endif %}
<form method="post" action=".">
{% csrf_token %} {% if not user.is_authenticated %}
<form method="post" action=".">
<div class="form-group"> {% csrf_token %}
<label for="id_username">Username:</label>
{{ form.username | addclass:"form-control" }} <div class="form-group">
</div> <label for="id_username">Username:</label>
{{ form.username | addclass:"form-control" }}
<div class="form-group"> </div>
<label for="id_password">Password:</label>
{{ form.password | addclass:"form-control" }} <div class="form-group">
</div> <label for="id_password">Password:</label>
{{ form.password | addclass:"form-control" }}
<div class="form-group"> </div>
<input class="form-control" type="submit" value="Login" />
<input type="hidden" name="next" value="{{ next }}" /> <hr />
</div> <div class="form-group">
</form> <input class="form-control btn btn-outline-secondary" type="submit" value="Login" />
<input type="hidden" name="next" value="{{ next }}" />
</div>
</form>
{% endif %}
</div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
{% endif %}
{% endblock %} {% endblock %}