Merge remote-tracking branch 'origin/main'

This commit is contained in:
SDE
2023-12-09 20:24:54 +03:00
8 changed files with 80 additions and 49 deletions

View File

@@ -452,7 +452,7 @@ body.n_scroll{
object-position: bottom; object-position: bottom;
} }
.form_consultation_container{ .form_feedback_container{
margin: auto; margin: auto;
width: 80%; width: 80%;
} }
@@ -465,22 +465,22 @@ body.n_scroll{
background: linear-gradient(270deg, #FB6952 63.38%, #DD4F39 80.71%, #B73825 104%); background: linear-gradient(270deg, #FB6952 63.38%, #DD4F39 80.71%, #B73825 104%);
} }
.form_consultation{ .form_feedback{
background: #ffffff; background: #ffffff;
border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px;
} }
.title_form_consultation{ .title_form_feedback{
text-transform: uppercase; text-transform: uppercase;
} }
.container_content_form_consultation{ .container_content_form_feedback{
padding: 40px; padding: 40px;
display: flex; display: flex;
flex-direction: row-reverse; flex-direction: row-reverse;
} }
.input_form_consultation{ .input_form_feedback{
border: none; border: none;
border-bottom: 1px solid #E3E3E3; border-bottom: 1px solid #E3E3E3;
width: calc(100% - 20px); width: calc(100% - 20px);
@@ -494,11 +494,11 @@ body.n_scroll{
margin-bottom: 20px; margin-bottom: 20px;
} }
.input_form_consultation::placeholder{ .input_form_feedback::placeholder{
color: #9a9a9a; color: #9a9a9a;
} }
.label_consultation_form{ .label_feedback_form{
color: #9a9a9a; color: #9a9a9a;
padding-left: 20px; padding-left: 20px;
padding-bottom: 15px; padding-bottom: 15px;
@@ -507,7 +507,7 @@ body.n_scroll{
font-size: 16px; font-size: 16px;
} }
.textarea_form_consultation{ .textarea_form_feedback{
border: 1px solid #E3E3E3; border: 1px solid #E3E3E3;
width: calc(100% - 20px); width: calc(100% - 20px);
min-height: 120px; min-height: 120px;
@@ -517,7 +517,7 @@ body.n_scroll{
padding: 20px 0 20px 20px; padding: 20px 0 20px 20px;
} }
.description_form_consultation_txt{ .description_form_feedback_txt{
margin-top: 30px; margin-top: 30px;
margin-bottom: 50px; margin-bottom: 50px;
color: #000000; color: #000000;
@@ -525,16 +525,17 @@ body.n_scroll{
} }
.form_consultation_content{ .form_feedback_content{
width: 73%; width: 73%;
margin-right: 50px; margin-right: 50px;
} }
.description_form_consultation{ .description_form_feedback{
width: 40%; width: 40%;
position: relative;
} }
.button_form_consultation{ .button_form_feedback{
width: 100%; width: 100%;
border: 1px solid #FB6952; border: 1px solid #FB6952;
color: #FB6952; color: #FB6952;
@@ -542,14 +543,41 @@ body.n_scroll{
background: none; background: none;
padding: 15px 0; padding: 15px 0;
border-radius: 5px; border-radius: 5px;
position: absolute;
bottom: 0;
} }
.button_form_consultation:hover{ .button_form_feedback:hover{
color: #ffffff; color: #ffffff;
background: #FB6952; background: #FB6952;
transition: 200ms; transition: 200ms;
} }
.checkbox_container{
width: 100%;
margin-bottom: 10px;
position: absolute;
bottom: 50px;
}
.check_box_form_feedback{
border: 1px solid #000000;
background: none;
display: inline-block;
width: 15px;
height: 15px;
outline: none;
margin: 6px 0;
}
.label_feedback_form_checkbox{
font-size: 12px;
color: #000000;
font-weight: 400;
width: 90%;
float: right;
}
/* block plugin*/ /* block plugin*/
.plugin_container{ .plugin_container{

View File

@@ -7,7 +7,7 @@
} }
@media (max-width: 1024px) { @media (max-width: 1024px) {
.form_consultation_container{ .form_feedback_container{
padding: 70px 0 90px 0; padding: 70px 0 90px 0;
} }
.plugin_container{ .plugin_container{

View File

@@ -233,8 +233,8 @@ function autoPlaySlider () {
// } // }
// } // }
// form consultation // form feedback
function sendFormConsultation (el){ function sendFormfeedback (el){
event.preventDefault() event.preventDefault()
let form = el.form let form = el.form
let formData = new FormData(form) let formData = new FormData(form)
@@ -250,10 +250,10 @@ function sendFormConsultation (el){
// contentType: "application/json; charset=utf-8", // contentType: "application/json; charset=utf-8",
data: formData, data: formData,
success: function(data){ success: function(data){
document.querySelector(".container_content_form_consultation").innerHTML = data.html document.querySelector(".container_content_form_feedback").innerHTML = data.html
}, },
error: function (data){ error: function (data){
document.querySelector(".container_content_form_consultation").innerHTML = data.html document.querySelector(".container_content_form_feedback").innerHTML = data.html
} }
}); });
} }

View File

@@ -11,7 +11,7 @@
<div class="large_txt plugin_txt">{{ block.name }}</div> <div class="large_txt plugin_txt">{{ block.name }}</div>
{% endif %} {% endif %}
{% if block.description %} {% if block.description %}
<div class="semi_large_semi_light plugin_description"> <div class="semi_large_semi_light{% if block.but1_title or block.but2_title or block.but1_icon or block.but2_icon %} plugin_description{% endif %}">
{{ block.description|linebreaksbr }} {{ block.description|linebreaksbr }}
</div> </div>
{% endif %} {% endif %}

View File

@@ -2,10 +2,10 @@
{% load i18n %} {% load i18n %}
<div {% include "block_settings/blocks_settings.html" %}> <div {% include "block_settings/blocks_settings.html" %}>
<div class="cut-width"> <div class="cut-width">
<div class="form_consultation_container" > <div class="form_feedback_container" >
<div class="top_border_gradient"></div> <div class="top_border_gradient"></div>
<form name="form_consultation" class="form_consultation"> <form name="form_feedback" class="form_feedback">
<div class="container_content_form_consultation"> <div class="container_content_form_feedback">
{% include 'forms/f_feedback.html' %} {% include 'forms/f_feedback.html' %}
</div> </div>
</form> </form>

View File

@@ -53,25 +53,25 @@
<div class="form_consultation_container"> <div class="form_feedback_container">
<div class="top_border_gradient"></div> <div class="top_border_gradient"></div>
<form class="form_consultation"> <form class="form_feedback">
<div class="container_content_form_consultation"> <div class="container_content_form_feedback">
<div class="description_form_consultation"> <div class="description_form_feedback">
<div class="medium_txt title_form_consultation"> <div class="medium_txt title_form_feedback">
{% translate 'НУЖНА КОНСУЛЬТАЦИЯ - ИХ ЕСТЬ У НАС!' %} {% translate 'НУЖНА КОНСУЛЬТАЦИЯ - ИХ ЕСТЬ У НАС!' %}
</div> </div>
<div class="standart_txt description_form_consultation_txt"> <div class="standart_txt description_form_feedback_txt">
{% translate 'Lorem ipsum dolor sit amet consectetur. Rutrum tristique mauris non vitae varius porta quis. Magna adipiscing in turpis pellentesque sit turpis enim condimentum cras. Imperdiet enim feugiat blandit in vitae congue cursus ac.' %} {% translate 'Lorem ipsum dolor sit amet consectetur. Rutrum tristique mauris non vitae varius porta quis. Magna adipiscing in turpis pellentesque sit turpis enim condimentum cras. Imperdiet enim feugiat blandit in vitae congue cursus ac.' %}
</div> </div>
<button class="button_form_consultation pointer">{% translate 'Отправить запрос' %}</button> <button class="button_form_feedback pointer">{% translate 'Отправить запрос' %}</button>
</div> </div>
<div class="form_consultation_content"> <div class="form_feedback_content">
<input class="input_form_consultation" id="id_name" name="name" placeholder="{% translate 'Имя' %}"> <input class="input_form_feedback" id="id_name" name="name" placeholder="{% translate 'Имя' %}">
<input class="input_form_consultation" id="id_company" name="company" placeholder="{% translate 'Компания' %}"> <input class="input_form_feedback" id="id_company" name="company" placeholder="{% translate 'Компания' %}">
<input class="input_form_consultation" id="id_contacts" name="contacs" placeholder="{% translate 'Контактные данные' %}"> <input class="input_form_feedback" id="id_contacts" name="contacs" placeholder="{% translate 'Контактные данные' %}">
<label class="label_consultation_form standart_txt" for="id_consultation_topic">{% translate 'Тема консультации' %}</label> <label class="label_feedback_form standart_txt" for="id_feedback_topic">{% translate 'Тема консультации' %}</label>
<textarea class="textarea_form_consultation" id="id_consultation_topic" name="consultation_topic"></textarea> <textarea class="textarea_form_feedback" id="id_feedback_topic" name="feedback_topic"></textarea>
</div> </div>
</div> </div>

View File

@@ -1,20 +1,23 @@
{% load static %} {% load static %}
<div class="description_form_consultation"> <div class="description_form_feedback">
<div class="medium_txt title_form_consultation"> <div class="medium_txt title_form_feedback">
{{ block.name }} {{ block.name }}
</div> </div>
<div class="standart_txt description_form_consultation_txt"> <div class="standart_txt description_form_feedback_txt">
{{ block.description|linebreaksbr }} {{ block.description|linebreaksbr }}
</div> </div>
<input type="checkbox" class="input_form_consultation" id="id_agreement" name="agreement" /> <div class="checkbox_container">
<label class="label_consultation_form standart_txt" for="id_agreement">{{ feedback_form.agreement.label }}</label> <input type="checkbox" class="check_box_form_feedback" id="id_agreement" name="agreement" />
<button onclick="sendFormConsultation(this)" class="button_form_consultation">{{ block.but_title }}</button> <label class="label_feedback_form_checkbox standart_txt" for="id_agreement">{{ feedback_form.agreement.label }}</label>
<div class="clear_both"></div>
</div>
<button onclick="sendFormfeedback(this)" class="button_form_feedback">{{ block.but_title }}</button>
</div> </div>
<div class="form_consultation_content"> <div class="form_feedback_content">
<input hidden="hidden" class="input_form_consultation" id="id_form_name" name="form_name" value="{{ feedback_form.initial.form_name }}"> <input hidden="hidden" class="input_form_feedback" id="id_form_name" name="form_name" value="{{ feedback_form.initial.form_name }}">
<input class="input_form_consultation" id="id_name" name="name" placeholder="{{ feedback_form.name.label }}"> <input class="input_form_feedback" id="id_name" name="name" placeholder="{{ feedback_form.name.label }}">
<input class="input_form_consultation" id="id_company" name="company" placeholder="{{ feedback_form.company.label }}"> <input class="input_form_feedback" id="id_company" name="company" placeholder="{{ feedback_form.company.label }}">
<input class="input_form_consultation" id="id_contacts" name="contacts" placeholder="{{ feedback_form.contacts.label }}"> <input class="input_form_feedback" id="id_contacts" name="contacts" placeholder="{{ feedback_form.contacts.label }}">
<label class="label_consultation_form standart_txt" for="id_description">{{ feedback_form.description.label }}</label> <label class="label_feedback_form standart_txt" for="id_description">{{ feedback_form.description.label }}</label>
<textarea class="textarea_form_consultation" id="id_description" name="description"></textarea> <textarea class="textarea_form_feedback" id="id_description" name="description"></textarea>
</div> </div>

View File

@@ -15,7 +15,7 @@
{% elif block.block_type == 'how_work' %} {% elif block.block_type == 'how_work' %}
{% include 'blocks/b_how_with_us_working.html' %} {% include 'blocks/b_how_with_us_working.html' %}
{% elif block.block_type == 'feedback_form' %} {% elif block.block_type == 'feedback_form' %}
{% include 'forms/f_consultation.html' %} {% include 'blocks/b_feedback.html' %}
{% elif block.block_type == 'how_dev' %} {% elif block.block_type == 'how_dev' %}
{% include 'blocks/b_how_dev.html' %} {% include 'blocks/b_how_dev.html' %}
{% elif block.block_type == 'present_technology_block' %} {% elif block.block_type == 'present_technology_block' %}