sysadminix/account_store
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

0.0.292 upd error messages for forms

Browse Source
This commit is contained in:
ArtemB
2023-12-01 15:28:14 +03:00
parent 660e3f8a99
commit 09dc2984f3
12 changed files with 123 additions and 54 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
static/css/mobile_styles.css
View File

@@ -474,7 +474,12 @@
}
#request_btn{
width: 109%;
width: 103%;
}
.bottom_block_static>form>.button_register{
padding: 10px 0;
width: 97%;
margin: unset;
}
/*END logi_page*/
@@ -591,7 +596,8 @@
padding: unset;
}
#scroll_to_div>form>.button_register{
width: 92%;
width: 97%;
margin: unset;
}
span#sub_title_static{
/*margin: unset;*/
@@ -906,7 +912,7 @@
width: 100%;
}
.inputs_l>input{
width: calc(100% - 10px);
width: calc(100% - 15px);
}
.inputs_l{
width: 100%;

31
static/css/styles.css
View File

@@ -1050,7 +1050,7 @@ section.login>form {
.inputs_l {
width: 100%;
height: 60px;
/*height: 60px;*/
margin-bottom: 20px;
}
@@ -1889,13 +1889,22 @@ button#edit_route {
font-size: 24px;
text-align: center;
font-weight: 700;
background: #FFFFFF;
box-shadow: -1px 4px 10px 0px rgba(198, 199, 203, 0.20), 0px -1px 10px 0px rgba(198, 199, 203, 0.20);
background: #F8F8F8;
z-index: 1;
position: absolute;
height: 100%;
width: 101%;
border-radius: 10px;
height: -webkit-fill-available;
width: -webkit-fill-available;
}
#error_footer{
color: #ff0000;
font-size: 13px;
margin-left: 5px;
}
#error_com_offer, #error_feedback{
color: #ff0000;
font-size: 14px;
margin-left: 10px;
}
.msg_text {
@@ -2202,10 +2211,10 @@ figure{
padding: 0px 10px 10px 10px;
width: 40%;
}
.bottom_block_static>.form_com_wrapper>form>.button_register{
.bottom_block_static>form>.button_register{
margin: auto;
padding: 10px;
width: 30%;
padding: 10px 0;
width: 39%;
}
.bottom_block_static>#box1 {
@@ -2305,11 +2314,11 @@ figure{
/*float: left;*/
/*width: 45%;*/
display: inline-block;
width: 42%;
width: 47%;
padding-right: 14px;
}
.right_inputs_form{
/*float: right;*/
float: right;
/*width: 50%;*/
width: 50%;
display: inline-block;

40
static/js/user_profile.js
View File

@@ -826,17 +826,24 @@ function RequestCommercialOffer (el){
event.preventDefault()
let disable_btn = document.getElementById('send_feedback_form');
let disable_btn_r = document.getElementById('request_btn');
// let disable_btn_f = document.getElementById('footer_input_button');
if(disable_btn){
disable_btn.setAttribute('disabled', true);
let disable_btn_req = document.getElementById('request_btn');
let disable_btn_f = document.getElementById('footer_input_button');
if(el.id === 'footer_input_button'){
disable_btn_f.setAttribute('disabled', true);
} else {
if(disable_btn){
disable_btn.setAttribute('disabled', true);
}
if(disable_btn_req){
disable_btn_req.setAttribute('disabled', true);
}
}
if(disable_btn_r){
disable_btn_r.setAttribute('disabled', true);
}
// disable_btn_f.setAttribute('disabled', true);
let form = el.form;
let formData = new FormData(form);
@@ -857,12 +864,13 @@ function RequestCommercialOffer (el){
success: function(data){
if(el.id !== 'footer_input_button'){
let insert_text = document.querySelector(".feedback_form")
let insert_text = document.querySelector(".clear_form")
if(insert_text){
$(data.html).insertBefore(insert_text)
}
let insert_text_2 = document.querySelector(".form_com_wrapper")
let insert_text_2 = document.querySelector(".commercial_offer")
if(insert_text_2){
$(data.html).insertBefore(insert_text_2)
@@ -872,7 +880,8 @@ function RequestCommercialOffer (el){
error: function (data, exception){
// document.querySelector(".login").innerHTML = data.responseJSON.html
let feedback_form = document.querySelector('.feedback_form')
if(el.id !== 'footer_input_button'){
let feedback_form = document.querySelector('.feedback_form')
if(feedback_form){
feedback_form.innerHTML = data.responseJSON.html;
}
@@ -881,6 +890,15 @@ function RequestCommercialOffer (el){
if(commercial_offer){
commercial_offer.innerHTML = data.responseJSON.html;
}
} else {
let footer_form = document.querySelector('.insert_form').innerHTML = data.responseJSON.html;
// $(data.responseJSON.html).insertBefore(footer_form)
}
// document.querySelector(".info_profile").innerHTML = data.html;

4
templates/blocks/b_footer.html
View File

@@ -7,8 +7,10 @@
<div class="footer_logo"><img class="svg" src="/static/img/svg/LogoWhite.svg"></div>
<div>
<div class="footer_text_sub">{% trans "Подпишись и будь в курсе всех событий, а также получай подарки и бонусы от Trip With Bonus" %}</div>
<div class="insert_form">
{% include "forms/f_one_field_form.html" %}
</div>
{% include "forms/f_one_field_form.html" %}
</div>

9
templates/blocks/static_pages_blocks/b_about_service.html
View File

@@ -60,6 +60,15 @@
</div>
<div class="form_wrapper">
{% if page.url == 'contacts' or page.url == 'about_service' %}
<div id=title_static>{% blocktrans %}Мы всегда на <span class="color_title">связи</span>!{% endblocktrans %}</div>
<span id="sub_title_static">{% translate "У вас есть вопрос? Отправьте нам сообщение" %}</span>
{% endif %}
{% if page.url == 'customer_service' %}
<h2 id=title_static>{% translate "Служба поддержки" %}</h2>
<span id="sub_title_static">{% translate "Пожалуйста опишите Ваш вопрос максимально подробно, а также укажите Ваш e-mail для обратной связи." %}</span>
{% endif %}
{% include "forms/f_feedback_form.html" %}

4
templates/blocks/static_pages_blocks/b_advertisement.html
View File

@@ -45,9 +45,9 @@
<div class="bottom_block_static anchor" id="scroll_to_form">
<h2 id=title_static>{% translate "Стоимость" %}</h2>
<span id="sub_title_static">{% translate "Оставьте заявку и получите персональное коммерческое предложение" %}</span>
<div class="form_com_wrapper">
{% include "forms/f_commercial_offer.html" %}
</div>

10
templates/blocks/static_pages_blocks/b_contacts.html
View File

@@ -1,6 +1,16 @@
{% load i18n %}
{% load static %}
{% if page.url == 'contacts' or page.url == 'about_service' %}
<div id=title_static>{% blocktrans %}Мы всегда на <span class="color_title">связи</span>!{% endblocktrans %}</div>
<span id="sub_title_static">{% translate "У вас есть вопрос? Отправьте нам сообщение" %}</span>
{% endif %}
{% if page.url == 'customer_service' %}
<h2 id=title_static>{% translate "Служба поддержки" %}</h2>
<span id="sub_title_static">{% translate "Пожалуйста опишите Ваш вопрос максимально подробно, а также укажите Ваш e-mail для обратной связи." %}</span>
{% endif %}
{% include "forms/f_feedback_form.html" %}

8
templates/blocks/static_pages_blocks/b_customer_service.html
View File

@@ -1,6 +1,14 @@
{% load i18n %}
{% if page.url == 'contacts' or page.url == 'about_service' %}
<div id=title_static>{% blocktrans %}Мы всегда на <span class="color_title">связи</span>!{% endblocktrans %}</div>
<span id="sub_title_static">{% translate "У вас есть вопрос? Отправьте нам сообщение" %}</span>
{% endif %}
{% if page.url == 'customer_service' %}
<h2 id=title_static>{% translate "Служба поддержки" %}</h2>
<span id="sub_title_static">{% translate "Пожалуйста опишите Ваш вопрос максимально подробно, а также укажите Ваш e-mail для обратной связи." %}</span>
{% endif %}
{% include "forms/f_feedback_form.html" %}

4
templates/blocks/static_pages_blocks/b_partners.html
View File

@@ -33,9 +33,9 @@
<div id="scroll_to_div" class="bottom_block_static anchor">
<div id=title_static >{% translate "Стань нашим партнером" %}</div>
<span id="sub_title_static">{% translate "Оставь заявку и получи пресональное предложение о партнерстве" %}</span>
<div class="form_com_wrapper">
{% include "forms/f_commercial_offer.html" %}
</div>

14
templates/forms/f_commercial_offer.html
View File

@@ -8,16 +8,18 @@
{% if page.url == 'advertisement' %} data-name="msg_from_advertisement"{% endif %}>
<div class="inputs_l">
<input name="name" type="text" placeholder="{{ p_name }}" {% if form.data.name %} value="{{ form.data.name }}"{% endif %}>
{% if form.username and form.errors.username %}
<span>{{ form.errors.username }}</span>
<input name="name" type="text" placeholder="{% translate 'Имя' %}" {% if form.data.name %} value="{{ form.data.name }}"{% endif %}>
{% if form.errors.name %}
<span id="error_com_offer">{{ form.errors.name }}</span>
{% endif %}
</div>
<div class="inputs_l">
<input name="phone" type="tel" placeholder="{% translate 'Телефон' %}"{% if form.data.phone %} value="{{ form.data.phone }}"{% endif %}>
{% if form.tel and form.errors.tel %}
<span>{{ form.errors.tel }}</span>
<input name="phone"
type="tel"
placeholder="{% translate 'Телефон' %}"{% if form.data.phone %} value="{{ form.data.phone }}"{% endif %}>
{% if form.errors.phone %}
<span id="error_com_offer">{{ form.errors.phone }}</span>
{% endif %}
</div>

28
templates/forms/f_feedback_form.html
View File

@@ -3,21 +3,14 @@
<div class="feedback_form">
{% if page.url == 'contacts' or page.url == 'about_service' %}
<div id=title_static>{% blocktrans %}Мы всегда на <span class="color_title">связи</span>!{% endblocktrans %}</div>
<span id="sub_title_static">{% translate "У вас есть вопрос? Отправьте нам сообщение" %}</span>
{% endif %}
{% if page.url == 'customer_service' %}
<h2 id=title_static>{% translate "Служба поддержки" %}</h2>
<span id="sub_title_static">{% translate "Пожалуйста опишите Ваш вопрос максимально подробно, а также укажите Ваш e-mail для обратной связи." %}</span>
{% endif %}
<form
class="clear_form"
id="feedback_form"
{% if page.url == 'contacts' %} data-name="msg_from_contacts"{% endif %}
{% if page.url == 'about_service' %} data-name="msg_from_about_service"{% endif %}
{% if page.url == 'customer_service' %} data-name="msg_from_customer_service"{% endif %}
{% if form.form_name %}data-name="{{ form.form_name}}"{% endif %}
>
<div class="left_inputs_form">
<div class="inputs_l">
@@ -27,7 +20,7 @@
placeholder="{% translate 'Имя' %}" {% if form.name %} value="{{ form.name }}"{% endif %}>
{% if form.errors.name %}
<span>{{ form.errors.name }}</span>
<span id="error_feedback">{{ form.errors.name }}</span>
{% endif %}
</div>
@@ -39,7 +32,7 @@
placeholder="Е-mail"{% if form.email %} value="{{ form.email }}"{% endif %}
>
{% if form.errors.email %}
<span>{{ form.errors.email }}</span>
<span id="error_feedback">{{ form.errors.email }}</span>
{% endif %}
</div>
@@ -49,7 +42,7 @@
placeholder="{% translate 'Телефон' %}"{% if form.phone %} value="{{ form.phone }}"{% endif %}>
{% if form.errors.phone %}
<span>{{ form.errors.phone }}</span>
<span id="error_feedback">{{ form.errors.phone }}</span>
{% endif %}
</div>
</div>
@@ -75,17 +68,20 @@
</div>
{% if form.errors.text_msg %}
<span>{{ form.errors.text_msg }}</span>
<span id="error_feedback">{{ form.errors.text_msg }}</span>
{% endif %}
<div class="button_feedback_form">
<button onclick="RequestCommercialOffer(this)" id="send_feedback_form">{% translate 'Отправить сообщение' %}</button>
</div>
</div>
</form>
</div>
</div>

13
templates/forms/f_one_field_form.html
View File

@@ -3,9 +3,18 @@
<form class="clear_form" data-name="msg_from_footer">
<div class="footer_input_wrap">
<input class="footer_input" name="email" type="email" {% if form.data.email %} value="{{ form.data.email }}"{% endif %} placeholder="{% trans "Введите ваш e-mail" %}">
<input class="footer_input"
name="email"
type="email"
{% if form.data.email %} value="{{ form.data.email }}"{% endif %}
placeholder="{% trans "Введите ваш e-mail" %}">
<button onclick="RequestCommercialOffer(this)" id="footer_input_button">
<img class="svg" src="/static/img/svg/CaretCircleRight.svg">
</button>
</div>
</form>
</form>
{% if form.errors.email %}
<span id="error_footer">{{ form.errors.email }}</span>
{% endif %}