From 4d6abd08babe06954b7751f3bfcf9fd993be8a5e Mon Sep 17 00:00:00 2001
From: SBD <strigevitch.boris@gmail.com>
Date: Sat, 9 Dec 2023 22:01:03 +0300
Subject: [PATCH] 0.0.105

---
 static/aerbimCSS.css                          | 30 ++++++++
 static/aerbimJS.js                            | 75 +++++++++++++------
 templates/blocks/b_feedback.html              |  1 +
 templates/widgets/elements_form_feedback.html | 10 +--
 templates/widgets/w_checkbox_f_feedback.html  |  2 +-
 templates/widgets/w_form_after_send.html      |  2 +-
 6 files changed, 92 insertions(+), 28 deletions(-)

diff --git a/static/aerbimCSS.css b/static/aerbimCSS.css
index 7b1c839..a0d4df0 100644
--- a/static/aerbimCSS.css
+++ b/static/aerbimCSS.css
@@ -480,6 +480,14 @@ body.n_scroll{
     flex-direction: row-reverse;
 }
 
+.container_content_form_feedback.hide{
+    display: none;
+}
+
+.place_f_after_send.hide{
+    display: none;
+}
+
 .container_input{
     margin-bottom: 25px;
 }
@@ -495,10 +503,12 @@ body.n_scroll{
     outline: none;
     padding-bottom: 5px;
     padding-left: 20px;
+    transition: 500ms;
 }
 
 .input_form_feedback.error{
     border-bottom: 1px solid #FF3F20;
+    transition: 500ms;
 }
 
 .input_form_feedback::placeholder{
@@ -512,6 +522,7 @@ body.n_scroll{
     display: block;
     font-weight: 400;
     font-size: 16px;
+    transition: 500ms;
 }
 
 .textarea_form_feedback{
@@ -524,10 +535,12 @@ body.n_scroll{
     padding: 20px 0 20px 20px;
     font-size: 16px;
     font-family: -apple-system, 'Roboto', sans-serif;
+    transition: 500ms;
 }
 
 .textarea_form_feedback.error{
     border: 1px solid #FF3F20;
+    transition: 500ms;
 }
 
 .description_form_feedback_txt{
@@ -559,6 +572,9 @@ body.n_scroll{
     position: absolute;
     bottom: 0;
 }
+.button_form_feedback.hide{
+    display: none;
+}
 
 .button_form_feedback:hover{
     color: #ffffff;
@@ -581,9 +597,11 @@ body.n_scroll{
     height: 15px;
     outline: none;
     margin: 6px 0;
+    transition: 500ms;
 }
 .check_box_form_feedback.error{
     border: 1px solid #FF3F20;
+    transition: 500ms;
 }
 
 .label_feedback_form_checkbox{
@@ -592,9 +610,11 @@ body.n_scroll{
     font-weight: 400;
     width: 90%;
     float: right;
+    transition: 500ms;
 }
 .label_feedback_form_checkbox.error{
     color: #FF3F20;
+    transition: 500ms;
 }
 
 /* block plugin*/
@@ -1243,3 +1263,13 @@ body.n_scroll{
     margin: 0;
     list-style: none;
 }
+
+/* form feedback after send*/
+
+.w_after_send{
+    width: 100%;
+    text-align: center;
+    height: 100%;
+    font-size: 36px;
+    margin: 26px 0;
+}
\ No newline at end of file
diff --git a/static/aerbimJS.js b/static/aerbimJS.js
index 5947561..4a41031 100644
--- a/static/aerbimJS.js
+++ b/static/aerbimJS.js
@@ -235,28 +235,37 @@ function autoPlaySlider () {
 
 // form feedback
 function sendFormfeedback (el){
-    event.preventDefault()
-    let form = el.form
-    let formData = new FormData(form)
-    $.ajax({
-        headers: { "X-CSRFToken": $('input[name=csrfmiddlewaretoken]').val() },
-        url: '/send_feedback_form/',
-        type: "POST",
-        // async: true,
-        cache: false,
-        processData: false,
-        enctype: 'multipart/form-data',
-        contentType: false,
-        // contentType: "application/json; charset=utf-8",
-        data: formData,
-        success: function(data){
-            document.querySelector(".container_content_form_feedback").innerHTML = data.html
-        },
-        error: function (data){
-            document.querySelector(".form_feedback_content").innerHTML = data.responseJSON.left_form_html
-            document.querySelector(".checkbox_container").innerHTML = data.responseJSON.right_form_html
+    if (!document.querySelector(".container_content_form_feedback").classList.contains('hide')){
+        event.preventDefault()
+        let form = el.form
+        let formData = new FormData(form)
+        let btn_form = document.querySelector(".button_form_feedback")
+        if (!btn_form.classList.contains("hide")){
+            btn_form.classList.add('hide')
         }
-    });
+        $.ajax({
+            headers: { "X-CSRFToken": $('input[name=csrfmiddlewaretoken]').val() },
+            url: '/send_feedback_form/',
+            type: "POST",
+            // async: true,
+            cache: false,
+            processData: false,
+            enctype: 'multipart/form-data',
+            contentType: false,
+            // contentType: "application/json; charset=utf-8",
+            data: formData,
+            success: function(data){
+                document.querySelector(".place_f_after_send").innerHTML = data.html
+                document.querySelector(".place_f_after_send").classList.remove("hide")
+                document.querySelector(".container_content_form_feedback").classList.add('hide')
+            },
+            error: function (data){
+                document.querySelector(".form_feedback_content").innerHTML = data.responseJSON.left_form_html
+                document.querySelector(".checkbox_container").innerHTML = data.responseJSON.right_form_html
+                btn_form.classList.remove('hide')
+            }
+        });
+    }
 }
 
 function deleteErrorsInput (el) {
@@ -278,4 +287,28 @@ function deleteErrorsInput (el) {
         str = str.replace(str,'')
         errors_container.outerHTML = str
     }
+}
+
+function resetForm () {
+    let form = document.querySelector(".container_content_form_feedback")
+    form.classList.remove("hide")
+    let elements_form = document.querySelectorAll('.el_form_feedback')
+    for (let i = 0;i < elements_form.length;i++){
+        let cur_el = elements_form[i]
+        if (cur_el.value) {
+            cur_el.value = ''
+        }
+        if (cur_el.checked){
+            cur_el.checked = false
+        }
+        let label_w_error = cur_el.parentNode.querySelector(".label_feedback_form_checkbox.error")
+        if (label_w_error){
+            label_w_error.classList.remove("error")
+        }
+    }
+    document.querySelector(".place_f_after_send").classList.add('hide')
+    let btn_form = document.querySelector(".button_form_feedback")
+    if (btn_form.classList.contains("hide")){
+        btn_form.classList.remove('hide')
+    }
 }
\ No newline at end of file
diff --git a/templates/blocks/b_feedback.html b/templates/blocks/b_feedback.html
index 622a5ee..102b72c 100644
--- a/templates/blocks/b_feedback.html
+++ b/templates/blocks/b_feedback.html
@@ -8,6 +8,7 @@
                 <div class="container_content_form_feedback">
                     {% include 'forms/f_feedback.html' %}
                 </div>
+                <div class="place_f_after_send hide" onclick="resetForm()"></div>
             </form>
         </div>
     </div>
diff --git a/templates/widgets/elements_form_feedback.html b/templates/widgets/elements_form_feedback.html
index eae1735..540d471 100644
--- a/templates/widgets/elements_form_feedback.html
+++ b/templates/widgets/elements_form_feedback.html
@@ -1,19 +1,19 @@
 {% load static %}
 <input hidden="hidden" class="input_form_feedback" id="id_form_name" name="form_name" value="{{ feedback_form.initial.form_name }}">
 <div class="container_input">
-    <input oninput="deleteErrorsInput(this)" class="input_form_feedback{% if feedback_form.errors.name %} error{% endif %}" id="id_name" name="name" placeholder="{{ feedback_form.name.label }}"{% if feedback_form.initial.name %} value="{{ feedback_form.initial.name }}"{% endif %}>
+    <input oninput="deleteErrorsInput(this)" class="input_form_feedback{% if feedback_form.errors.name %} error{% endif %} el_form_feedback" id="id_name" name="name" placeholder="{{ feedback_form.name.label }}"{% if feedback_form.initial.name %} value="{{ feedback_form.initial.name }}"{% endif %}>
     {% if feedback_form.errors.name %}<div class="error_input_html">{{ feedback_form.errors.name }}</div>{% endif %}
 </div>
 <div class="container_input">
-    <input oninput="deleteErrorsInput(this)" class="input_form_feedback{% if feedback_form.errors.company %} error{% endif %}{% if feedback_form.errors.company %} error{% endif %}" id="id_company" name="company" placeholder="{{ feedback_form.company.label }}" {% if feedback_form.initial.company %} value="{{ feedback_form.initial.company }}"{% endif %}>
+    <input oninput="deleteErrorsInput(this)" class="input_form_feedback{% if feedback_form.errors.company %} error{% endif %} el_form_feedback" id="id_company" name="company" placeholder="{{ feedback_form.company.label }}" {% if feedback_form.initial.company %} value="{{ feedback_form.initial.company }}"{% endif %}>
     {% if feedback_form.errors.company %}<div class="error_input_html">{{ feedback_form.errors.company }}</div>{% endif %}
 </div>
 <div class="container_input">
-    <input oninput="deleteErrorsInput(this)" class="input_form_feedback{% if feedback_form.errors.contacts %} error{% endif %}" id="id_contacts" name="contacts" placeholder="{{ feedback_form.contacts.label }}"{% if feedback_form.initial.contacts %} value="{{ feedback_form.initial.contacts }}"{% endif %}>
+    <input oninput="deleteErrorsInput(this)" class="input_form_feedback{% if feedback_form.errors.contacts %} error{% endif %} el_form_feedback" id="id_contacts" name="contacts" placeholder="{{ feedback_form.contacts.label }}"{% if feedback_form.initial.contacts %} value="{{ feedback_form.initial.contacts }}"{% endif %}>
     {% if feedback_form.errors.contacts %}<div class="error_input_html">{{ feedback_form.errors.contacts }}</div>{% endif %}
 </div>
 <div>
-    <label class="label_feedback_form standart_txt" for="id_description">{{ feedback_form.description.label }}</label>
-    <textarea oninput="deleteErrorsInput(this)" class="textarea_form_feedback{% if feedback_form.errors.description %} error{% endif %}" id="id_description" name="description">{% if feedback_form.initial.description %}{{ feedback_form.initial.description }}{% endif %}</textarea>
+    <label class="label_feedback_form{% if feedback_form.errors.description %} error{% endif %} standart_txt" for="id_description">{{ feedback_form.description.label }}</label>
+    <textarea oninput="deleteErrorsInput(this)" class="textarea_form_feedback{% if feedback_form.errors.description %} error{% endif %} el_form_feedback" id="id_description" name="description">{% if feedback_form.initial.description %}{{ feedback_form.initial.description }}{% endif %}</textarea>
     {% if feedback_form.errors.description %}<div class="error_input_html">{{ feedback_form.errors.description }}</div>{% endif %}
 </div>
\ No newline at end of file
diff --git a/templates/widgets/w_checkbox_f_feedback.html b/templates/widgets/w_checkbox_f_feedback.html
index f186fed..c1dfee5 100644
--- a/templates/widgets/w_checkbox_f_feedback.html
+++ b/templates/widgets/w_checkbox_f_feedback.html
@@ -1,5 +1,5 @@
 {% load static %}
-<input type="checkbox" onclick="deleteErrorsInput(this)" class="check_box_form_feedback{% if feedback_form.errors.agreement %} error{% endif %}" id="id_agreement" name="agreement" {% if feedback_form.initial.agreement %}checked{% endif %} />
+<input type="checkbox" onclick="deleteErrorsInput(this)" class="check_box_form_feedback{% if feedback_form.errors.agreement %} error{% endif %} el_form_feedback" id="id_agreement" name="agreement" {% if feedback_form.initial.agreement %}checked{% endif %} />
 <label class="label_feedback_form_checkbox{% if feedback_form.errors.agreement %} error{% endif %} standart_txt" for="id_agreement">{{ feedback_form.agreement.label }}</label>
 {% if feedback_form.errors.company %}<div class="error_input_html"></div>{% endif %}
 <div class="clear_both"></div>
\ No newline at end of file
diff --git a/templates/widgets/w_form_after_send.html b/templates/widgets/w_form_after_send.html
index b3f22dd..744ae83 100644
--- a/templates/widgets/w_form_after_send.html
+++ b/templates/widgets/w_form_after_send.html
@@ -1,3 +1,3 @@
-<div>
+<div class="w_after_send">
     Сообщение отправлено
 </div>
\ No newline at end of file