0.0.292 upd error messages for forms

static/css/mobile_styles.css

@@ -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%;

static/css/styles.css

@@ -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;
+    background: #F8F8F8;
-    box-shadow: -1px 4px 10px 0px rgba(198, 199, 203, 0.20), 0px -1px 10px 0px rgba(198, 199, 203, 0.20);
     z-index: 1;
     position: absolute;
-    height: 100%;
+    height: -webkit-fill-available;
-    width: 101%;
+    width: -webkit-fill-available;
-    border-radius: 10px;
+}
+
+#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;
+    padding: 10px 0;
-    width: 30%;
+    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;

static/js/user_profile.js

@@ -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_req = document.getElementById('request_btn');
-    // let disable_btn_f = document.getElementById('footer_input_button');
+    let disable_btn_f = document.getElementById('footer_input_button');
-    if(disable_btn){
+
-        disable_btn.setAttribute('disabled', true);
+    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;

templates/blocks/b_footer.html

@@ -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>
 

templates/blocks/static_pages_blocks/b_about_service.html

@@ -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" %}
 
 

templates/blocks/static_pages_blocks/b_advertisement.html

@@ -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>
+
 
 
 

templates/blocks/static_pages_blocks/b_contacts.html

@@ -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" %}
 
 

templates/blocks/static_pages_blocks/b_customer_service.html

@@ -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" %}
 
 

templates/blocks/static_pages_blocks/b_partners.html

@@ -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>
+
 
 
 

templates/forms/f_commercial_offer.html

@@ -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 %}>
+                <input name="name" type="text" placeholder="{% translate 'Имя' %}" {% if form.data.name %} value="{{ form.data.name }}"{% endif %}>
-                {% if form.username and form.errors.username %}
+                {% if form.errors.name %}
-                <span>{{ form.errors.username }}</span>
+                <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 %}>
+                <input name="phone"
-                {% if form.tel and form.errors.tel %}
+                       type="tel"
-                <span>{{ form.errors.tel }}</span>
+                       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>
 

templates/forms/f_feedback_form.html

@@ -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>
+
+
+
+

templates/forms/f_one_field_form.html

@@ -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 %}