1
1

add base template and make login and logout page extend it

This commit is contained in:
2020-03-04 18:27:29 +01:00
parent 619b2b3aad
commit a0c543babf
3 changed files with 56 additions and 55 deletions

View File

@@ -0,0 +1,21 @@
{% load static %}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>{% block title %}FinancePlanner{% endblock %}</title>
<link rel="stylesheet" type="text/css" href="{% static 'financeplanner/style.css' %}">
</head>
<body>
<h1>FloPlanner</h1>
<p>
{% block navi %}{% endblock %}
</p>
{% block content %}{% endblock %}
</body>
</html>

View File

@@ -1,25 +1,15 @@
{% load static %} {% extends "financeplanner/base.html" %}
<!DOCTYPE html> {% block title %}FinancePlanner - Logout{% endblock %}
<html lang="en">
<head>
<meta charset="utf-8">
<title>FloPlanner - Logout</title>
<link rel="stylesheet" type="text/css" href="{% static 'financeplanner/style.css' %}">
</head>
<body>
<h1>FloPlanner</h1> {% block navi %}
<p>
<a href="{% url 'admin:index' %}" class="mini-link">Admin Panel</a> <a href="{% url 'admin:index' %}" class="mini-link">Admin Panel</a>
- -
<a href="{% url 'login' %}" class="mini-link">Login</a> <a href="{% url 'login' %}" class="mini-link">Login</a>
</p> {% endblock %}
<div class="main-container text-centering"> {% block content %}
<p>You have been logged out.</p> <div class="main-container text-centering">
</div> <p>You have been logged out.</p>
</div>
</body> {% endblock %}
</html>

View File

@@ -1,40 +1,30 @@
{% load static %} {% extends "financeplanner/base.html" %}
<!DOCTYPE html> {% block title %}FinancePlanner - Login{% endblock %}
<html lang="en">
<head>
<meta charset="utf-8">
<title>FloPlanner - Login</title>
<link rel="stylesheet" type="text/css" href="{% static 'financeplanner/style.css' %}">
</head>
<body>
<h1>FloPlanner</h1> {% block navi %}
<p>
<a href="{% url 'admin:index' %}" class="mini-link">Admin Panel</a> <a href="{% url 'admin:index' %}" class="mini-link">Admin Panel</a>
</p> {% endblock %}
<div class="main-container flex-col-centering"> {% block content %}
<form id="login-form" method="post" class="login-form" action="{% url 'login' %}"> <div class="main-container flex-col-centering">
{% csrf_token %} <form id="login-form" method="post" class="login-form" action="{% url 'login' %}">
<p class="login-line"> {% csrf_token %}
<label for="id_username" class="login-label">Username</label> <p class="login-line">
<input id="id_username" name="username" type="text" class="login-textbox"> <label for="id_username" class="login-label">Username</label>
</p> <input id="id_username" name="username" type="text" class="login-textbox">
<p class="login-line"> </p>
<label for="id_password" class="login-label">Password</label> <p class="login-line">
<input id="id_password" name="password" type="password" class="login-textbox"> <label for="id_password" class="login-label">Password</label>
</p> <input id="id_password" name="password" type="password" class="login-textbox">
{% if form.errors %} </p>
<p class="login-line login-warning">Wrong credentials, please try again.</p> {% if form.errors %}
{% endif %} <p class="login-line login-warning">Wrong credentials, please try again.</p>
<p class="login-line"> {% endif %}
<input type="submit" value="Login" class="login-button"/> <p class="login-line">
</p> <input type="submit" value="Login" class="login-button"/>
<input type="hidden" name="next" value="{{ next }}"/> </p>
</form> <input type="hidden" name="next" value="{{ next }}"/>
</div> </form>
</div>
</body> {% endblock %}
</html>