From d39a3a78d0a055ecf6d6481ffe3725061cbf3997 Mon Sep 17 00:00:00 2001 From: ArtemB Date: Fri, 1 Dec 2023 17:06:09 +0300 Subject: [PATCH] 0.0.293 add loader for buttons when form send --- static/css/styles.css | 4 +++ static/img/svg/loader_white.svg | 1 + static/js/user_profile.js | 33 ++++++++++++++++--- .../b_customer_service.html | 6 +++- templates/forms/f_commercial_offer.html | 4 ++- templates/forms/f_one_field_form.html | 7 +++- templates/widgets/w_msg_send_success.html | 1 + 7 files changed, 49 insertions(+), 7 deletions(-) create mode 100644 static/img/svg/loader_white.svg diff --git a/static/css/styles.css b/static/css/styles.css index 86f003b..891e32d 100644 --- a/static/css/styles.css +++ b/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; diff --git a/static/img/svg/loader_white.svg b/static/img/svg/loader_white.svg new file mode 100644 index 0000000..d4d9e5a --- /dev/null +++ b/static/img/svg/loader_white.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/static/js/user_profile.js b/static/js/user_profile.js index 2c97658..fe53df5 100644 --- a/static/js/user_profile.js +++ b/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 diff --git a/templates/blocks/static_pages_blocks/b_customer_service.html b/templates/blocks/static_pages_blocks/b_customer_service.html index 4cc84b7..b7d0cec 100644 --- a/templates/blocks/static_pages_blocks/b_customer_service.html +++ b/templates/blocks/static_pages_blocks/b_customer_service.html @@ -9,7 +9,11 @@

{% translate "Служба поддержки" %}

{% translate "Пожалуйста опишите Ваш вопрос максимально подробно, а также укажите Ваш e-mail для обратной связи." %} {% endif %} - {% include "forms/f_feedback_form.html" %} + +
+ {% include "forms/f_feedback_form.html" %} +
+ diff --git a/templates/forms/f_commercial_offer.html b/templates/forms/f_commercial_offer.html index ef12124..08893c6 100644 --- a/templates/forms/f_commercial_offer.html +++ b/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 %} + >
diff --git a/templates/forms/f_one_field_form.html b/templates/forms/f_one_field_form.html index 028ab1c..7382dd4 100644 --- a/templates/forms/f_one_field_form.html +++ b/templates/forms/f_one_field_form.html @@ -1,7 +1,12 @@ {% load static %} {% load i18n %} -
+
{% translate 'Ваше сообщение отправлено' %}
+
{% translate 'Закрыть' %}
\ No newline at end of file