0.0.293 add loader for buttons when form send

static/css/styles.css

@@ -1901,6 +1901,10 @@ button#edit_route {
     font-size: 13px;
     margin-left: 5px;
 }
+
+#error_footer.hide{
+    display: none;
+}
 #error_com_offer, #error_feedback{
     color: #ff0000;
     font-size: 14px;

static/img/svg/loader_white.svg

@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?><svg xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.0" width="32px" height="32px" viewBox="0 0 128 128" xml:space="preserve"><g><circle cx="16" cy="64" r="16" fill="#ffffff" fill-opacity="1"/><circle cx="16" cy="64" r="16" fill="#ffffff" fill-opacity="0.67" transform="rotate(45,64,64)"/><circle cx="16" cy="64" r="16" fill="#ffffff" fill-opacity="0.42" transform="rotate(90,64,64)"/><circle cx="16" cy="64" r="16" fill="#ffffff" fill-opacity="0.2" transform="rotate(135,64,64)"/><circle cx="16" cy="64" r="16" fill="#ffffff" fill-opacity="0.12" transform="rotate(180,64,64)"/><circle cx="16" cy="64" r="16" fill="#ffffff" fill-opacity="0.12" transform="rotate(225,64,64)"/><circle cx="16" cy="64" r="16" fill="#ffffff" fill-opacity="0.12" transform="rotate(270,64,64)"/><circle cx="16" cy="64" r="16" fill="#ffffff" fill-opacity="0.12" transform="rotate(315,64,64)"/><animateTransform attributeName="transform" type="rotate" values="0 64 64;315 64 64;270 64 64;225 64 64;180 64 64;135 64 64;90 64 64;45 64 64" calcMode="discrete" dur="720ms" repeatCount="indefinite"></animateTransform></g></svg>

static/js/user_profile.js

@@ -205,13 +205,19 @@ function hideBlock(el) {
     let clear_form = document.getElementsByClassName('clear_form');
     clear_form[0].reset();
 
+    let clear_form_com = document.getElementsByClassName('commercial_offer');
+    clear_form_com[0].reset();
+
+
+
     let disable_btn = document.getElementById('send_feedback_form');
-    // let disable_btn_f = document.getElementById('send_feedback_form');
+
     if(disable_btn){
             disable_btn.removeAttribute('disabled');
 
     }
-    // disable_btn_f.removeAttribute('disabled');
+
+
 
         let disable_btn_r = document.getElementById('request_btn');
          if(disable_btn_r){
@@ -823,6 +829,9 @@ function checkDate() {
 
 function RequestCommercialOffer (el){
 
+    el.style.background = '#FF613A url("/static/img/svg/loader_white.svg") no-repeat center';
+    el.style.contentVisibility = 'hidden';
+
     event.preventDefault()
 
     let disable_btn = document.getElementById('send_feedback_form');
@@ -863,9 +872,13 @@ function RequestCommercialOffer (el){
         data: formData,
         success: function(data){
 
-            if(el.id !== 'footer_input_button'){
-                    let insert_text = document.querySelector(".clear_form")
+            // el.style.background = '#FF613A';
+            el.removeAttribute('style')
 
+
+
+            if(el.id !== 'footer_input_button'){
+                let insert_text = document.querySelector(".clear_form")
                 if(insert_text){
                      $(data.html).insertBefore(insert_text)
                 }
@@ -875,7 +888,19 @@ function RequestCommercialOffer (el){
 
                     $(data.html).insertBefore(insert_text_2)
                 }
+            } else {
+                 let disable_btn_f = document.getElementById('footer_input_button');
+                 disable_btn_f.removeAttribute('disabled');
+                 let clear_footer_form = document.getElementById('clear_input');
+
+                 clear_footer_form.reset();
+
+                 let hide_error_msg = document.getElementById('error_footer').classList.add('hide')
             }
+
+
+
+             clear_form_com[0].reset();
         },
         error: function (data, exception){
         //     document.querySelector(".login").innerHTML = data.responseJSON.html

templates/blocks/static_pages_blocks/b_customer_service.html

@@ -9,7 +9,11 @@
             <h2 id=title_static>{% translate "Служба поддержки" %}</h2>
             <span id="sub_title_static">{% translate "Пожалуйста опишите Ваш вопрос максимально подробно, а также укажите Ваш e-mail для обратной связи." %}</span>
         {% endif %}
-      {% include "forms/f_feedback_form.html" %}
+
+    <div class="feedback_form_wrapper">
+        {% include "forms/f_feedback_form.html" %}
+    </div>
+
 
 
 

templates/forms/f_commercial_offer.html

@@ -5,7 +5,9 @@
         class="commercial_offer"
 
         {% if page.url == 'partners' %} data-name="msg_from_partners"{% endif %}
-        {% if page.url == 'advertisement' %} data-name="msg_from_advertisement"{% endif %}>
+        {% if page.url == 'advertisement' %} data-name="msg_from_advertisement"{% endif %}
+        {% if form.form_name %}data-name="{{ form.form_name}}"{% endif %}
+    >
 
               <div class="inputs_l">
                 <input name="name" type="text" placeholder="{% translate 'Имя' %}" {% if form.data.name %} value="{{ form.data.name }}"{% endif %}>

templates/forms/f_one_field_form.html

@@ -1,7 +1,12 @@
 {% load static %}
 {% load i18n %}
 
-    <form class="clear_form" data-name="msg_from_footer">
+    <form
+          class="clear_form"
+          id="clear_input"
+          data-name="msg_from_footer"
+          {% if form.form_name %}data-name="{{ form.form_name}}"{% endif %}
+    >
         <div class="footer_input_wrap">
             <input class="footer_input"
                    name="email"

templates/widgets/w_msg_send_success.html

@@ -7,6 +7,7 @@
     >
 
             <div class="msg_text"> {% translate 'Ваше сообщение отправлено' %}</div>
+            <div class="msg_sub_text"> {% translate 'Закрыть' %}</div>
 
 
     </div>