nofusscomputing/centurion_erp
1
0
Fork 0
Code Issues Wiki Activity

refactor: login to use base template

Browse Source 
!20
This commit is contained in:
Jon Lockwood
2024-06-07 20:08:07 +09:30
parent 95a08b2d2c
commit 3b743a847c
2 changed files with 29 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
app/templates/base.html.j2
View File

@ -1,4 +1,5 @@
{% load settings_value %}
{% settings_value "SSO_LOGIN_ONLY_BACKEND" as SSO_LOGIN_ONLY_BACKEND %}
<html>
<head>
@ -7,8 +8,12 @@
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
{% if SSO_LOGIN_ONLY_BACKEND %}
<meta http-equiv="refresh" content="0; url=/{{ settings.LOGIN_URL }}" />
{% else %}
<link rel="stylesheet" href="{% static 'base.css' %}">
<link rel="stylesheet" href="{% static 'content.css' %}">
{% endif %}
</head>

61
app/templates/registration/login.html
View File

@ -1,43 +1,30 @@
{% load settings_value %}
{% settings_value "SSO_LOGIN_ONLY_BACKEND" as SSO_LOGIN_ONLY_BACKEND %}
<html>
{% extends 'base.html.j2' %}
<head>
{% load static %}
<title>Login</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
{% if SSO_LOGIN_ONLY_BACKEND %}
<meta http-equiv="refresh" content="0; url=/{{ settings.LOGIN_URL }}" />
{% else %}
<link rel="stylesheet" href="{% static 'base.css' %}">
<link rel="stylesheet" href="{% static 'content.css' %}">
<link rel="stylesheet" href="{% static 'data.css' %}">
{% endif %}
</head>
{% block body %}
<body style="background-color: #393f44">
{% if not SSO_LOGIN_ONLY_BACKEND %}
<style>
body {
background-color: #393f44
}
</style>
<div style="height: 100%; width: 100%;">
{% if not SSO_LOGIN_ONLY_BACKEND %}
<div style="height: 100%; width: 100%;">
<div style="display: block; text-align: center; inline-size: auto; margin: auto; background-color: #26292d; margin-top: -185px; height: 370px; margin-left: -272px; width: 544px; position: absolute; top: 50%; left: 50%; padding: 40px">
<form method="post" style="display: inline-block; margin: auto; background-color: inherit; width: 100%; height: 100%; line-height: 30px; color: #f0f0f0;">
{% csrf_token %}
<fieldset style="border: none; display: unset; width: 100%; padding: 0px; margin: 0px;"><label for="id_username" style="background-color: inherit; width: 100%; display: block; padding-top: 30px; text-align: left;" >User Name</label><input name="username" autofocus autocapitalize="none" autocomplete="username" maxlength="150" required id="id_username" style="color: inherit; border-radius: 5px; background-color: #393f44; border: none; border-bottom: 1px solid #999; font-size: inherit; width: 100%; line-height: inherit;" type="text" /></fieldset>
<fieldset style="border: none; display: unset; width: 100%; padding: 0px; margin: 0px;"><label for="id_password" style="background-color: inherit; width: 100%; display: block; padding-top: 30px; text-align: left;">Password</label><input name="password" autocomplete="current-password" required id="id_password" style="color: inherit; border-radius: 5px; background-color: #393f44; border: none; border-bottom: 1px solid #999; font-size: inherit; width: 100%; line-height: inherit;" type="password" /></fieldset>
<button style="border-radius: 5px; background-color: #4CAF50; border: none; display: unset; width: 100%; padding: 0px; margin: 0px; margin-top: 30px; font-size: inherit; height: 35px;;" type="submit">Login</button>
{% for backend in social_backends %}
<span style="padding: 5px; margin: 10px; background-color: aqua; display: inline-block; width: auto;">
<a href="/sso/login/{{ backend }}/">{{ backend }}</a>
</span>
{% endfor %}
</form>
</div>
<div style="display: block; text-align: center; inline-size: auto; margin: auto; background-color: #26292d; margin-top: -185px; height: 370px; margin-left: -272px; width: 544px; position: absolute; top: 50%; left: 50%; padding: 40px">
<form method="post" style="display: inline-block; margin: auto; background-color: inherit; width: 100%; height: 100%; line-height: 30px; color: #f0f0f0;">
{% csrf_token %}
<fieldset style="border: none; display: unset; width: 100%; padding: 0px; margin: 0px;"><label for="id_username" style="background-color: inherit; width: 100%; display: block; padding-top: 30px; text-align: left;" >User Name</label><input name="username" autofocus autocapitalize="none" autocomplete="username" maxlength="150" required id="id_username" style="color: inherit; border-radius: 5px; background-color: #393f44; border: none; border-bottom: 1px solid #999; font-size: inherit; width: 100%; line-height: inherit;" type="text" /></fieldset>
<fieldset style="border: none; display: unset; width: 100%; padding: 0px; margin: 0px;"><label for="id_password" style="background-color: inherit; width: 100%; display: block; padding-top: 30px; text-align: left;">Password</label><input name="password" autocomplete="current-password" required id="id_password" style="color: inherit; border-radius: 5px; background-color: #393f44; border: none; border-bottom: 1px solid #999; font-size: inherit; width: 100%; line-height: inherit;" type="password" /></fieldset>
<button style="border-radius: 5px; background-color: #4CAF50; border: none; display: unset; width: 100%; padding: 0px; margin: 0px; margin-top: 30px; font-size: inherit; height: 35px;;" type="submit">Login</button>
{% for backend in social_backends %}
<span style="padding: 5px; margin: 10px; background-color: aqua; display: inline-block; width: auto;">
<a href="/sso/login/{{ backend }}/">{{ backend }}</a>
</span>
{% endfor %}
</form>
</div>
{% endif %}
</div>
{% endif %}
</body>
</html>
{% endblock %}