This commit is contained in:
SBD
2023-12-09 20:19:12 +03:00
parent bc69d92ef7
commit 902f7b340b
8 changed files with 80 additions and 49 deletions

View File

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

View File

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

View File

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

View File

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

View File

@@ -53,25 +53,25 @@
<div class="form_consultation_container">
<div class="form_feedback_container">
<div class="top_border_gradient"></div>
<form class="form_consultation">
<div class="container_content_form_consultation">
<div class="description_form_consultation">
<div class="medium_txt title_form_consultation">
<form class="form_feedback">
<div class="container_content_form_feedback">
<div class="description_form_feedback">
<div class="medium_txt title_form_feedback">
{% translate 'НУЖНА КОНСУЛЬТАЦИЯ - ИХ ЕСТЬ У НАС!' %}
</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.' %}
</div>
<button class="button_form_consultation pointer">{% translate 'Отправить запрос' %}</button>
<button class="button_form_feedback pointer">{% translate 'Отправить запрос' %}</button>
</div>
<div class="form_consultation_content">
<input class="input_form_consultation" id="id_name" name="name" placeholder="{% translate 'Имя' %}">
<input class="input_form_consultation" id="id_company" name="company" placeholder="{% translate 'Компания' %}">
<input class="input_form_consultation" id="id_contacts" name="contacs" placeholder="{% translate 'Контактные данные' %}">
<label class="label_consultation_form standart_txt" for="id_consultation_topic">{% translate 'Тема консультации' %}</label>
<textarea class="textarea_form_consultation" id="id_consultation_topic" name="consultation_topic"></textarea>
<div class="form_feedback_content">
<input class="input_form_feedback" id="id_name" name="name" placeholder="{% translate 'Имя' %}">
<input class="input_form_feedback" id="id_company" name="company" placeholder="{% translate 'Компания' %}">
<input class="input_form_feedback" id="id_contacts" name="contacs" placeholder="{% translate 'Контактные данные' %}">
<label class="label_feedback_form standart_txt" for="id_feedback_topic">{% translate 'Тема консультации' %}</label>
<textarea class="textarea_form_feedback" id="id_feedback_topic" name="feedback_topic"></textarea>
</div>
</div>

View File

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

View File

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