0.0.10 update registrarion and login form

This commit is contained in:
2023-07-11 15:58:05 +03:00
parent ca48a00196
commit 178c5c5b7d
9 changed files with 110 additions and 45 deletions

View File

@@ -1,18 +0,0 @@
<section class="login">
<h1>Войдите в профиль</h1>
<div>
<div class="inputs_l">
<input type="text" placeholder="Логин">
</div>
<div class="inputs_l">
<input type="password" placeholder="Пароль">
</div>
<div class="button_register"><button>Войти</button></div>
<div>Авторизуясь, вы соглашаетесь с Лицензионным соглашением Политикой конфиденциальности</div>
<div>Или</div>
<div class="google"><img src="./style/img/google.png" alt="">
<div>Войти через Google</div>
</div>
<div>Нет аккаунта? <a href="#">Зарегистрируйтесь</a></div>
</div>
</section>

View File

@@ -0,0 +1,27 @@
<section class="login">
<h1>Войдите в профиль</h1>
<form name="registration_form" method="post">
{% csrf_token %}
<div>
<div class="inputs_l">
<input name="username" type="text" placeholder="Логин" {% if form.data.username %} value="{{ form.data.username }}"{% endif %}>
{% if form.username and form.errors.username %}
<span>{{ form.errors.username }}</span>
{% endif %}
</div>
<div class="inputs_l">
<input name="password" type="password" placeholder="Пароль"{% if form.data.password %} value="{{ form.data.password }}"{% endif %}>
{% if form.password and form.errors.password %}
<span>{{ form.errors.password }}</span>
{% endif %}
</div>
<div class="button_register"><button onclick="SendLoginForm(this)">Войти</button></div>
<div>Авторизуясь, вы соглашаетесь с Лицензионным соглашением Политикой конфиденциальности</div>
<div>Или</div>
<div class="google"><img src="./style/img/google.png" alt="">
<div>Войти через Google</div>
</div>
<div>Нет аккаунта? <a href="#">Зарегистрируйтесь</a></div>
</div>
</form>>
</section>

View File

@@ -4,10 +4,22 @@
<form name="registration_form" method="post">
{% csrf_token %}
<div class="switch">
<div><a class="active" href="#">Перевозчик</a></div>
<div><a class="deadctive" href="#">Отправитель</a></div>
</div>
{# <div class="switch">#}
{# <div><a class="active" href="#">Перевозчик</a></div>#}
{# <div><a class="deadctive" href="#">Отправитель</a></div>#}
{# </div>#}
<div class="switch">
<div class="form_radio_btn">
<input class="{% if account_type == "mover" %}active {% else %} deactive{% endif %}" id="radio-1" type="radio" name="account_type" value="mover" >
<label for="radio-1">Перевозчик</label>
</div>
<div class="form_radio_btn">
<input class="{% if account_type == "sender" %}active {% else %} deactive{% endif %}" id="radio-2" type="radio" name="account_type" value="sender">
<label for="radio-2">Отправитель</label>
</div>
</div>
<div class="inputs">
<div><input name="firstname" type="text" placeholder="Имя"{% if form.data.firstname %} value="{{ form.data.firstname }}"{% endif %}></div>
@@ -40,8 +52,11 @@
{% endif %}
</div>
<div class="agree"><div class="checkbox">
<input class="custom-checkbox" type="checkbox" id="color-1" name="color-1" value="indigo">
<label for="color-1"></label>
<input class="custom-checkbox" type="checkbox" id="agreement" name="agreement" value="true" {% if form.data.agreement %} value="{{ form.data.agreement}}"{% endif %}>
<label for="agreement"></label>
{% if form.errors and form.errors.agreement %}
<span>{{ form.errors.agreement }}</span>
{% endif %}
</div><div>Регистрируясь, я соглашаюсь с Лицензионным соглашениеми и Политикой конфиденциальности</div></div>
<div class="button_register">
<button id="registration" onclick="SendRegistrationForm(this)"> Зарегистрироваться </button>

View File

@@ -1,4 +1,5 @@
{% load static %}
<script src='{% static "js/jquery_v3_6_4.js" %}'> </script>
<script src='{% static "js/registration.js" %}'></script>
<script src='{% static "js/authorization.js" %}'></script>
<link rel="stylesheet" href="{% static 'css/styles.css' %}">

View File

@@ -8,7 +8,6 @@
<body>
<div class="wrapper">
{% include 'blocks/b_header.html' %}
{% include 'blocks/b_login.html' %}
{% include 'blocks/b_footer.html' %}
</div>

View File

@@ -8,7 +8,7 @@
<body>
<div class="wrapper">
{% include 'blocks/b_header.html' %}
{% include 'blocks/b_login.html' %}
{% include 'forms/f_login.html' %}
{% include 'blocks/b_footer.html' %}
</div>