Files
ptools/templates/admin/login.html
2022-10-07 20:40:23 +08:00

154 lines
5.6 KiB
HTML
Executable File
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!DOCTYPE html>
{% load i18n static simpletags %}
{% get_current_language as LANGUAGE_CODE %}{% get_current_language_bidi as LANGUAGE_BIDI %}
<!--
The project use: django-simpleui
source code
https://github.com/newpanjing/simpleui
-->
<html lang="{{ LANGUAGE_CODE|default:"en-us" }}" {% if LANGUAGE_BIDI %}dir="rtl"{% endif %}>
<head>
<meta charset="UTF-8">
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link type="image/png" rel="shortcut icon" href="{% static 'favicon.ico' %}">
{% block title %}
<title>{{ site_title }}-{% trans 'Log in' %}</title>
{% endblock %}
{% block icon %}
{# <link rel="icon" href="{% static 'admin/simpleui-x/img/favicon.png' %}">#}
{% endblock %}
{% include 'admin/includes/css-part.html' %}
{% block css %}
<link rel="stylesheet" href="{% static 'admin/simpleui-x/css/login.css' %}?_=2.1">
{% endblock %}
{% block bg %}
<style type="text/css">
.bg {
background: #f0f2f5;
background-image: url('{% static 'admin/simpleui-x/img/bg.svg' %}');
min-height: 100%;
background-repeat: no-repeat;
background-position: 50%;
background-size: 100%;
padding: 20px 0;
position: relative;
}
</style>
{% endblock %}
{% block head %}
{# You can add code here. #}
{% endblock %}
</head>
<body class="bg">
{% block main %}
<div class="login-main">
{# {% block logo %}#}
{# <div class="logo">#}
{# {% if "SIMPLEUI_LOGO"|get_config %}#}
{# <img src="{{ "SIMPLEUI_LOGO"|get_config |safe }}">#}
{# {% else %}#}
{# <img src="{% static 'admin/simpleui-x/img/logo.png' %}">#}
{# {% endif %}#}
{# </div>#}
{# {% endblock %}#}
{% block header %}
<div class="header">{{ site_header }}</div>
{% endblock %}
{% block errors %}
{% if form.non_field_errors %}
{% for error in form.non_field_errors %}
<el-alert
title="{{ error }}"
type="error">
</el-alert>
{% endfor %}
{% endif %}
{% if form.errors and not form.non_field_errors %}
<p class="errornote">
{% if form.errors.items|length == 1 %}
<el-alert title="{% trans "Please correct the error below." %}" type="error"></el-alert>
{% else %}
<el-alert title="{% trans "Please correct the errors below." %}" type="error"></el-alert>
{% endif %}
</p>
{% endif %}
{% endblock %}
{% block form %}
<form class="simpleui-form" action="{{ app_path }}" method="post" id="login-form">
{% csrf_token %}
<div class="simpleui-input-inline">
<el-input prefix-icon="fas fa-user" v-model="username" name="username"
placeholder="{% trans 'username' %}" autofocus></el-input>
</div>
<div class="simpleui-input-inline">
<el-input prefix-icon="fas fa-lock" type="password" v-model="password" name="password"
@keyup.enter.native="login()"
placeholder="{% trans 'password' %}" show-password></el-input>
</div>
{% url 'admin_password_reset' as password_reset_url %}
{% if password_reset_url %}
<div class="password-reset-link">
<a class="forgot-password" href="{{ password_reset_url }}">{% trans 'Forgotten your password or username?' %}</a>
</div>
{% endif %}
<div class="simpleui-input-inline login-btn">
<el-button :icon="loading?'el-icon-loading':''" @click="login()"
type="primary">{% trans 'Log in' %}</el-button>
</div>
<input type="hidden" name="next" value="{{ next }}"/>
</form>
{% endblock %}
</div>
{% endblock %}
{% include 'admin/includes/js-part.html' %}
{% block login_js %}
<script type="text/javascript" src="{% static 'admin/simpleui-x/js/login.js' %}?_=3.3"></script>
{% endblock %}
{% block particles %}
{% if 'SIMPLEUI_LOGIN_PARTICLES'|get_config != False %}
<!--
Close login page particles see link:
关闭登录页粒子动画请查看:
https://github.com/newpanjing/simpleui/blob/master/QUICK.md#关闭登录页粒子动画
-->
<style type="text/css">
#particles-js {
position: fixed;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
z-index: -1;
}
.forgot-password {
margin-top: 10px;
color: #3a8ee6;
text-decoration: none;
&:hover,
&:active,
&:focus {
color: lighten($teal, 7);
}
}
</style>
<!-- particles.js container -->
<div id="particles-js"></div>
<script type="text/javascript" src="{% static 'admin/simpleui-x/particles/particles.js' %}"></script>
<script type="text/javascript" src="{% static 'admin/simpleui-x/particles/app.js' %}"></script>
{% endif %}
{% endblock %}
</body>
</html>