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