Commit 8f3e870d authored by Sergey's avatar Sergey

Edits is almost done

parent e6175cca
...@@ -281,7 +281,7 @@ ...@@ -281,7 +281,7 @@
<form action="" name="form-enter-account" id="form-enter-account"> <form action="" name="form-enter-account" id="form-enter-account">
<div class="block-mb-orange"> <div class="block-mb-orange">
<label for="phone">Телефон</label> <label for="phone">Телефон</label>
<input type="text" placeholder="+7" name="phone" id="phone"> <input type="text" name="phone" id="phone" data-phone="true" pattern="^((8|\+7)[\- ]?)?(\(?\d{3}\)?[\- ]?)?[\d\- ]{7,10}$" placeholder="+7 (___)___-__-__">
</div> </div>
<div class="block-mb-orange"> <div class="block-mb-orange">
<label for="password">Пароль</label> <label for="password">Пароль</label>
......
...@@ -336,7 +336,7 @@ ...@@ -336,7 +336,7 @@
</div> </div>
<div class="block-mb-orange"> <div class="block-mb-orange">
<label for="phone-ask">Телефон <span>*</span></label> <label for="phone-ask">Телефон <span>*</span></label>
<input type="text" name="phone-ask" id="phone-ask" placeholder="Телефон" data-phone="true" pattern="^((8|\+7)[\- ]?)?(\(?\d{3}\)?[\- ]?)?[\d\- ]{7,10}$" data-required="true"> <input type="text" name="phone-ask" id="phone-ask" data-phone="true" pattern="^((8|\+7)[\- ]?)?(\(?\d{3}\)?[\- ]?)?[\d\- ]{7,10}$" placeholder="+7 (___)___-__-__" data-required="true">
</div> </div>
<div class="block-mb-orange"> <div class="block-mb-orange">
<label for="email-ask">E-mail</label> <label for="email-ask">E-mail</label>
......
...@@ -326,7 +326,7 @@ ...@@ -326,7 +326,7 @@
</div> </div>
<div class="block-mb-orange"> <div class="block-mb-orange">
<label for="phone-ask">Телефон <span>*</span></label> <label for="phone-ask">Телефон <span>*</span></label>
<input type="text" name="phone-ask" id="phone-ask" placeholder="Телефон" pattern="^((8|\+7)[\- ]?)?(\(?\d{3}\)?[\- ]?)?[\d\- ]{7,10}$" data-required="true"> <input type="text" name="phone-ask" id="phone-ask" data-phone="true" pattern="^((8|\+7)[\- ]?)?(\(?\d{3}\)?[\- ]?)?[\d\- ]{7,10}$" placeholder="+7 (___)___-__-__" data-required="true">
</div> </div>
<div class="block-mb-orange"> <div class="block-mb-orange">
<label for="email-ask">E-mail</label> <label for="email-ask">E-mail</label>
......
This diff is collapsed.
...@@ -517,7 +517,7 @@ ...@@ -517,7 +517,7 @@
<div class="job-posting-rates-content block-mt-blue"> <div class="job-posting-rates-content block-mt-blue">
<div class="row row-tariffs"> <div class="row row-tariffs">
<div class="col-4"> <div class="col-4">
<div class="block-mb-green tariff-block discount"> <div class="block-mt-green tariff-block discount">
<div class="tariff-block__title"> <div class="tariff-block__title">
<p>Старт</p> <p>Старт</p>
</div> </div>
...@@ -554,7 +554,7 @@ ...@@ -554,7 +554,7 @@
</div> </div>
</div> </div>
<div class="col-4"> <div class="col-4">
<div class="block-mb-green tariff-block"> <div class="block-mt-green tariff-block">
<div class="tariff-block__title"> <div class="tariff-block__title">
<p>Стандарт</p> <p>Стандарт</p>
</div> </div>
...@@ -591,7 +591,7 @@ ...@@ -591,7 +591,7 @@
</div> </div>
</div> </div>
<div class="col-4"> <div class="col-4">
<div class="block-mb-green tariff-block"> <div class="block-mt-green tariff-block">
<div class="tariff-block__title"> <div class="tariff-block__title">
<p>Бизнес</p> <p>Бизнес</p>
</div> </div>
...@@ -684,7 +684,7 @@ ...@@ -684,7 +684,7 @@
<div class="top-company-label-content block-mt-blue"> <div class="top-company-label-content block-mt-blue">
<div class="row row-tariffs"> <div class="row row-tariffs">
<div class="col-4"> <div class="col-4">
<div class="block-mb-green tariff-block"> <div class="block-mt-green tariff-block">
<div class="tariff-block__title"> <div class="tariff-block__title">
<p>Старт</p> <p>Старт</p>
</div> </div>
...@@ -709,7 +709,7 @@ ...@@ -709,7 +709,7 @@
</div> </div>
</div> </div>
<div class="col-4"> <div class="col-4">
<div class="block-mb-green tariff-block"> <div class="block-mt-green tariff-block">
<div class="tariff-block__title"> <div class="tariff-block__title">
<p>Стандарт</p> <p>Стандарт</p>
</div> </div>
...@@ -734,7 +734,7 @@ ...@@ -734,7 +734,7 @@
</div> </div>
</div> </div>
<div class="col-4"> <div class="col-4">
<div class="block-mb-green tariff-block"> <div class="block-mt-green tariff-block">
<div class="tariff-block__title"> <div class="tariff-block__title">
<p>Бизнес</p> <p>Бизнес</p>
</div> </div>
...@@ -775,7 +775,7 @@ ...@@ -775,7 +775,7 @@
<div class="tariffs-base-resumes-content block-mt-blue"> <div class="tariffs-base-resumes-content block-mt-blue">
<div class="row row-tariffs"> <div class="row row-tariffs">
<div class="col-4"> <div class="col-4">
<div class="block-mb-green tariff-block"> <div class="block-mt-green tariff-block">
<div class="tariff-block__title"> <div class="tariff-block__title">
<p>Старт</p> <p>Старт</p>
</div> </div>
...@@ -800,7 +800,7 @@ ...@@ -800,7 +800,7 @@
</div> </div>
</div> </div>
<div class="col-4"> <div class="col-4">
<div class="block-mb-green tariff-block discount"> <div class="block-mt-green tariff-block discount">
<div class="tariff-block__title"> <div class="tariff-block__title">
<p>Стандарт</p> <p>Стандарт</p>
</div> </div>
...@@ -825,7 +825,7 @@ ...@@ -825,7 +825,7 @@
</div> </div>
</div> </div>
<div class="col-4"> <div class="col-4">
<div class="block-mb-green tariff-block"> <div class="block-mt-green tariff-block">
<div class="tariff-block__title"> <div class="tariff-block__title">
<p>Бизнес</p> <p>Бизнес</p>
</div> </div>
...@@ -866,7 +866,7 @@ ...@@ -866,7 +866,7 @@
<div class="tariffs-base-resumes-content block-mt-blue"> <div class="tariffs-base-resumes-content block-mt-blue">
<div class="row row-tariffs"> <div class="row row-tariffs">
<div class="col-4"> <div class="col-4">
<div class="block-mb-green tariff-block"> <div class="block-mt-green tariff-block">
<div class="tariff-block__title"> <div class="tariff-block__title">
<p>Старт</p> <p>Старт</p>
</div> </div>
...@@ -891,7 +891,7 @@ ...@@ -891,7 +891,7 @@
</div> </div>
</div> </div>
<div class="col-4"> <div class="col-4">
<div class="block-mb-green tariff-block"> <div class="block-mt-green tariff-block">
<div class="tariff-block__title"> <div class="tariff-block__title">
<p>Стандарт</p> <p>Стандарт</p>
</div> </div>
...@@ -916,7 +916,7 @@ ...@@ -916,7 +916,7 @@
</div> </div>
</div> </div>
<div class="col-4"> <div class="col-4">
<div class="block-mb-green tariff-block"> <div class="block-mt-green tariff-block">
<div class="tariff-block__title"> <div class="tariff-block__title">
<p>Бизнес</p> <p>Бизнес</p>
</div> </div>
......
...@@ -345,18 +345,25 @@ let inputFile = document.querySelectorAll('input[type="file"]'); ...@@ -345,18 +345,25 @@ let inputFile = document.querySelectorAll('input[type="file"]');
if(inputFile.length) if(inputFile.length)
{ {
inputFile.forEach(function(input) inputFile.forEach(function(input)
{
input.addEventListener('change', function(e)
{ {
input.addEventListener('change', function(e) if(input.id === 'load-photo') return;
// console.log(input.files);
let value = input.value;
// console.log(value);
value = value.replace( 'C:\\fakepath\\', '');
if(input.files.length > 1)
{ {
if(input.id === 'load-photo') return; input.parentElement.querySelector('.file-value').innerHTML = 'выбрано ' + input.files.length + ' файла';
console.log(input.files); }
let value = input.value; else
// console.log(value); {
value = value.replace( 'C:\\fakepath\\', ''); input.parentElement.querySelector('.file-value').innerHTML = 'выбран ' + input.files.length + ' файл';
input.parentElement.querySelector('.file-value').innerHTML = value; }
});
}); });
});
} }
...@@ -1188,8 +1195,10 @@ if(buttonMailingPhone && buttonMailingEmail) ...@@ -1188,8 +1195,10 @@ if(buttonMailingPhone && buttonMailingEmail)
let option = button.id; let option = button.id;
if(mailingMethodOption.querySelector('.mailing-method-option_selected').dataset.option !== option) if(mailingMethodOption.querySelector('.mailing-method-option_selected').dataset.option !== option)
{ {
mailingMethodOption.querySelector('.mailing-method-option_selected input[type="text"]').setAttribute('disabled', 'disabled');
mailingMethodOption.querySelector('.mailing-method-option_selected').classList.remove('mailing-method-option_selected'); mailingMethodOption.querySelector('.mailing-method-option_selected').classList.remove('mailing-method-option_selected');
mailingMethodOption.querySelector('div[data-option="' + option + '"]').classList.add('mailing-method-option_selected'); mailingMethodOption.querySelector('div[data-option="' + option + '"]').classList.add('mailing-method-option_selected');
mailingMethodOption.querySelector('.mailing-method-option_selected input[type="text"]').removeAttribute('disabled');
} }
}); });
}); });
...@@ -1541,36 +1550,60 @@ function validationForms(forms) ...@@ -1541,36 +1550,60 @@ function validationForms(forms)
let valid = true; let valid = true;
if(form.id === 'form-password-recovery')
{
let inputs = form.querySelectorAll('input[type="text"]');
inputs = Array.prototype.slice.call(inputs)
if(inputs.length)
{
if(!inputs.some(checkFieldText))
{
valid = false;
}
else
{
inputs.map(input => input.classList.remove('field-error'));
}
}
}
// Проверим все текстовые инпуты // Проверим все текстовые инпуты
const fieldsText = form.querySelectorAll('input[type="text"][data-required="true"]'); const fieldsText = form.querySelectorAll('input[type="text"][data-required="true"]');
fieldsText.forEach(function(input) if(fieldsText.length)
{ {
// if(input.style.display === 'none') console.log('yes'); fieldsText.forEach(function(input)
if(getComputedStyle(input, null).display === 'none' || input.disabled)
{ {
input.classList.remove('field-error'); // if(input.style.display === 'none') console.log('yes');
return; if(getComputedStyle(input, null).display === 'none' || input.disabled)
} {
input.classList.remove('field-error');
return;
}
if(!checkFieldText(input)) valid = false; if(!checkFieldText(input)) valid = false;
}); });
}
// Проверим все textarea // Проверим все textarea
const fieldsTextarea = form.querySelectorAll('textarea[data-required="true"]'); const fieldsTextarea = form.querySelectorAll('textarea[data-required="true"]');
fieldsTextarea.forEach(function(textarea) if(fieldsTextarea.length)
{ {
if(getComputedStyle(textarea, null).display === 'none' || textarea.disabled) fieldsTextarea.forEach(function(textarea)
{ {
textarea.classList.remove('field-error'); if(getComputedStyle(textarea, null).display === 'none' || textarea.disabled)
return; {
} textarea.classList.remove('field-error');
return;
if(!checkFieldTextarea(textarea)) valid = false; }
});
if(!checkFieldTextarea(textarea)) valid = false;
});
}
// Проверим все чекбоксы // Проверим все чекбоксы
...@@ -1596,35 +1629,48 @@ function validationForms(forms) ...@@ -1596,35 +1629,48 @@ function validationForms(forms)
const fieldsPassword = form.querySelectorAll('input[type="password"]'); const fieldsPassword = form.querySelectorAll('input[type="password"]');
fieldsPassword.forEach(function(input) if(fieldsPassword.length)
{ {
if(getComputedStyle(input, null).display === 'none' || input.disabled) fieldsPassword.forEach(function(input)
{ {
input.classList.remove('field-error'); if(getComputedStyle(input, null).display === 'none' || input.disabled)
return; {
} input.classList.remove('field-error');
return;
if(!checkFieldPassword(input)) valid = false; }
});
if(!checkFieldPassword(input)) valid = false;
});
}
// Проверка даты // Проверка даты
const fieldsDates = form.querySelectorAll('input[data-picker="datepicker"]'); const fieldsDates = form.querySelectorAll('input[data-picker="datepicker"]');
fieldsDates.forEach(function(input) if(fieldsDates.length)
{ {
if(input.value.trim() !== '') fieldsDates.forEach(function(input)
{ {
if(!checkFieldDate(input)) valid = false; if(input.value.trim() !== '')
} {
}); if(!checkFieldDate(input)) valid = false;
}
});
}
// Если были ошибки, не отправляем форму // Если были ошибки, не отправляем форму
if(valid) if(valid)
{ {
sendForm(form); if(form.id === 'form-registration')
{
console.log(true);
registrationForm(form);
}
else
{
sendForm(form);
}
} }
}); });
...@@ -1718,7 +1764,7 @@ function sendForm(form) ...@@ -1718,7 +1764,7 @@ function sendForm(form)
document.querySelector('.modal-form_active').classList.remove('modal-form_active'); document.querySelector('.modal-form_active').classList.remove('modal-form_active');
document.body.appendChild(shadow.querySelector('.modal-form')); document.body.appendChild(shadow.querySelector('.modal-form'));
shadow.innerHTML = ''; shadow.innerHTML = '';
var successSending = document.querySelector('.successful-sending'); let successSending = document.querySelector('.successful-sending');
successSending.classList.add('successful-sending_active'); successSending.classList.add('successful-sending_active');
shadow.appendChild(successSending); shadow.appendChild(successSending);
...@@ -1750,7 +1796,7 @@ function sendForm(form) ...@@ -1750,7 +1796,7 @@ function sendForm(form)
} }
else else
{ {
var successSending = document.querySelector('.successful-sending'); let successSending = document.querySelector('.successful-sending');
shadow.appendChild(successSending); shadow.appendChild(successSending);
shadow.classList.add('wrapper-shadow_active'); shadow.classList.add('wrapper-shadow_active');
successSending.classList.add('successful-sending_active'); successSending.classList.add('successful-sending_active');
...@@ -1786,6 +1832,46 @@ function sendForm(form) ...@@ -1786,6 +1832,46 @@ function sendForm(form)
.catch(error => console.error(error)); .catch(error => console.error(error));
} }
function registrationForm(form)
{
fetch(form.action, { method: 'POST', body: new FormData(form)})
.then(response =>
{
let modalConfirm = document.querySelector('.modal-confirm');
document.body.classList.add('disabled');
shadow.appendChild(modalConfirm);
shadow.classList.add('wrapper-shadow_active');
modalConfirm.classList.add('modal-confirm_active');
shadow.addEventListener('click', (e) =>
{
if(e.target.classList.contains('wrapper-shadow'))
{
e.preventDefault();
modalConfirm.classList.remove('modal-confirm_active');
shadow.classList.remove('wrapper-shadow_active');
document.body.classList.remove('disabled');
document.body.appendChild(modalConfirm);
shadow.innerHTML = '';
}
});
modalConfirm.querySelector('.close-modal a').addEventListener('click', function(e)
{
e.preventDefault();
modalConfirm.classList.remove('modal-confirm_active');
shadow.classList.remove('wrapper-shadow_active');
document.body.classList.remove('disabled');
document.body.appendChild(modalConfirm);
shadow.innerHTML = '';
});
})
.catch(error => console.error(error));
}
// Меню // Меню
...@@ -2341,6 +2427,22 @@ if(modalFind && findRef.length) ...@@ -2341,6 +2427,22 @@ if(modalFind && findRef.length)
}); });
} }
// Проверка значений в table
let tableFeedbackValues = document.querySelectorAll('.table-content-row .table-feedback-column p');
if(tableFeedbackValues.length)
{
tableFeedbackValues.forEach(value => {
if(value.innerHTML === '0')
{
value.style.color = '#b7b6c3';
value.style.borderColor = 'transparent';
value.style.fontFamily = 'Montserrat Medium';
}
});
}
// Графики со статистикой // Графики со статистикой
document.addEventListener('DOMContentLoaded', () => document.addEventListener('DOMContentLoaded', () =>
......
...@@ -569,11 +569,11 @@ ...@@ -569,11 +569,11 @@
<div class="block-mb-blue mailing-method-option"> <div class="block-mb-blue mailing-method-option">
<div class="container-compressed mailing-method-option_selected" data-option="mailing-phone"> <div class="container-compressed mailing-method-option_selected" data-option="mailing-phone">
<label for="phone">Телефон</label> <label for="phone">Телефон</label>
<input type="text" name="phone" id="phone" placeholder="+7" pattern="^((8|\+7)[\- ]?)?(\(?\d{3}\)?[\- ]?)?[\d\- ]{7,10}$"> <input type="text" name="phone" id="phone" data-phone="true" pattern="^((8|\+7)[\- ]?)?(\(?\d{3}\)?[\- ]?)?[\d\- ]{7,10}$" placeholder="+7 (___)___-__-__" data-required="true">
</div> </div>
<div class="container-compressed" data-option="mailing-email"> <div class="container-compressed" data-option="mailing-email">
<label for="email">E-mail</label> <label for="email">E-mail</label>
<input type="text" name="email" id="email" placeholder="E-mail" pattern="^([a-z0-9_-]+\.)*[a-z0-9_-]+@[a-z0-9_-]+(\.[a-z0-9_-]+)*\.[a-z]{2,6}$"> <input type="text" name="email" id="email" placeholder="E-mail" pattern="^([a-z0-9_-]+\.)*[a-z0-9_-]+@[a-z0-9_-]+(\.[a-z0-9_-]+)*\.[a-z]{2,6}$" data-required="true" disabled>
</div> </div>
</div> </div>
<div class="block-mb-blue"> <div class="block-mb-blue">
......
...@@ -550,7 +550,17 @@ ...@@ -550,7 +550,17 @@
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="order-block-actions block-mt-blue">
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_scroll.svg" alt="">
Скачать счёт для оплаты
</a>
<a href="#" class="button-text block-mt-yellow">
<img class="img-svg" src="./img/icon_remove_vacancy.svg" alt="">
Отменить заказ
</a>
</div>
</div> </div>
<div class="order-block block-mb-green"> <div class="order-block block-mb-green">
<h2>Заказ № 0028 от 30.01.2019</h2> <h2>Заказ № 0028 от 30.01.2019</h2>
...@@ -595,7 +605,17 @@ ...@@ -595,7 +605,17 @@
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="order-block-actions block-mt-blue">
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_scroll.svg" alt="">
Скачать счёт для оплаты
</a>
<a href="#" class="button-text block-mt-yellow">
<img class="img-svg" src="./img/icon_remove_vacancy.svg" alt="">
Отменить заказ
</a>
</div>
</div> </div>
<div class="order-block block-mb-green"> <div class="order-block block-mb-green">
<h2>Заказ № 0028 от 30.01.2019</h2> <h2>Заказ № 0028 от 30.01.2019</h2>
...@@ -640,7 +660,17 @@ ...@@ -640,7 +660,17 @@
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="order-block-actions block-mt-blue">
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_scroll.svg" alt="">
Скачать счёт для оплаты
</a>
<a href="#" class="button-text block-mt-yellow">
<img class="img-svg" src="./img/icon_remove_vacancy.svg" alt="">
Отменить заказ
</a>
</div>
</div> </div>
<div class="wrapper-button-center block-mt-green"> <div class="wrapper-button-center block-mt-green">
<button type="button" class="other-button">Показать ещё</button> <button type="button" class="other-button">Показать ещё</button>
......
...@@ -282,7 +282,7 @@ ...@@ -282,7 +282,7 @@
<form action="" name="form-password-recovery" id="form-password-recovery" enctype="multipart/form-data" data-ajax="true"> <form action="" name="form-password-recovery" id="form-password-recovery" enctype="multipart/form-data" data-ajax="true">
<div class="block-mb-green"> <div class="block-mb-green">
<label for="phone">Телефон</label> <label for="phone">Телефон</label>
<input type="text" placeholder="+7" name="phone" id="phone" pattern="^((8|\+7)[\- ]?)?(\(?\d{3}\)?[\- ]?)?[\d\- ]{7,10}$" data-required="true"> <input type="text" name="phone" id="phone" data-phone="true" pattern="^((8|\+7)[\- ]?)?(\(?\d{3}\)?[\- ]?)?[\d\- ]{7,10}$" placeholder="+7 (___)___-__-__">
</div> </div>
<div class="block-mb-green"> <div class="block-mb-green">
<div class="little-title"> <div class="little-title">
......
...@@ -272,7 +272,7 @@ ...@@ -272,7 +272,7 @@
<form action="" name="form-password-recovery" id="form-password-recovery" enctype="multipart/form-data" data-ajax="true"> <form action="" name="form-password-recovery" id="form-password-recovery" enctype="multipart/form-data" data-ajax="true">
<div class="block-mb-green"> <div class="block-mb-green">
<label for="phone">Телефон</label> <label for="phone">Телефон</label>
<input type="text" name="phone" id="phone" data-phone="true" pattern="^((8|\+7)[\- ]?)?(\(?\d{3}\)?[\- ]?)?[\d\- ]{7,10}$" placeholder="+7 (___)___-__-__" data-required="true"> <input type="text" name="phone" id="phone" data-phone="true" pattern="^((8|\+7)[\- ]?)?(\(?\d{3}\)?[\- ]?)?[\d\- ]{7,10}$" placeholder="+7 (___)___-__-__">
</div> </div>
<div class="block-mb-green"> <div class="block-mb-green">
<div class="little-title"> <div class="little-title">
......
...@@ -355,7 +355,7 @@ ...@@ -355,7 +355,7 @@
<div class="container-compressed"> <div class="container-compressed">
<div class="block-mb-yellow"> <div class="block-mb-yellow">
<label for="name-vacancy">Название вакансии <span>*</span></label> <label for="name-vacancy">Название вакансии <span>*</span></label>
<input type="text" placeholder="ИМЯ" name="name-vacancy" id="name-vacancy" data-required="true" pattern="[^-`~!@#№$%^&*()_=+\\|\[\]{};:',<>\/?]+$"> <input type="text" placeholder="НАЗВАНИЕ ВАКАНСИИ" name="name-vacancy" id="name-vacancy" data-required="true" pattern="[^-`~!@#№$%^&*()_=+\\|\[\]{};:',<>\/?]+$">
</div> </div>
<div class="block-mb-yellow"> <div class="block-mb-yellow">
<label for="desired-salary">Предполагаемый доход, руб <span>*</span></label> <label for="desired-salary">Предполагаемый доход, руб <span>*</span></label>
...@@ -387,7 +387,7 @@ ...@@ -387,7 +387,7 @@
</div> </div>
<div class="block-mt-yellow"> <div class="block-mt-yellow">
<label for="phone-contact-person">Телефон <span>*</span></label> <label for="phone-contact-person">Телефон <span>*</span></label>
<input type="text" name="phone-contacts-person" id="phone-contact-person" placeholder="+7" data-required="true" pattern="^((8|\+7)[\- ]?)?(\(?\d{3}\)?[\- ]?)?[\d\- ]{7,10}$" data-required="true"> <input type="text" name="phone-contacts-person" id="phone-contact-person" data-required="true" data-phone="true" pattern="^((8|\+7)[\- ]?)?(\(?\d{3}\)?[\- ]?)?[\d\- ]{7,10}$" placeholder="+7 (___)___-__-__">
</div> </div>
<div class="block-mt-yellow"> <div class="block-mt-yellow">
<label for="email-contact-person">E-mail</label> <label for="email-contact-person">E-mail</label>
......
...@@ -341,12 +341,12 @@ ...@@ -341,12 +341,12 @@
<div class="container-compressed"> <div class="container-compressed">
<div class="block-mb-yellow"> <div class="block-mb-yellow">
<label for="name-company">Название компании <span>*</span></label> <label for="name-company">Название компании <span>*</span></label>
<input type="text" placeholder="ИМЯ" name="name-company" id="name-company" value="ИП Чапаев" data-required="true" pattern="[^-`~!@#№$%^&*()_=+\\|\[\]{};:',<>\/?]+$"> <input type="text" placeholder="НАЗВАНИЕ КОМПАНИИ" name="name-company" id="name-company" value="ИП Чапаев" data-required="true" pattern="[^-`~!@#№$%^&*()_=+\\|\[\]{};:',<>\/?]+$">
</div> </div>
<div class="block-mb-yellow"> <div class="block-mb-yellow">
<label for="inn">ИНН <span>*</span></label> <label for="inn">ИНН <span>*</span></label>
<!-- <div style="display: flex; align-items: center"> --> <!-- <div style="display: flex; align-items: center"> -->
<input type="text" placeholder=МЯ" name="inn" id="inn" pattern="[0-9]{10,12}" data-required="true" value="526123456789"> <input type="text" placeholder=НН" name="inn" id="inn" pattern="[0-9]{10,12}" data-required="true" value="526123456789">
<!-- <span class="block-tooltip" style="position: absolute; right: -26px;" data-info="Всплывающий тултип с кратким пояснительным текстом, появляющийся при наведении курсора на иконку"> <!-- <span class="block-tooltip" style="position: absolute; right: -26px;" data-info="Всплывающий тултип с кратким пояснительным текстом, появляющийся при наведении курсора на иконку">
<img src="./img/icon_info.svg" alt=""> <img src="./img/icon_info.svg" alt="">
</span> --> </span> -->
...@@ -394,11 +394,11 @@ ...@@ -394,11 +394,11 @@
</div> </div>
<div class="block-mb-yellow"> <div class="block-mb-yellow">
<label for="contact-person">Контактное лицо <span>*</span></label> <label for="contact-person">Контактное лицо <span>*</span></label>
<input type="text" placeholder="ОТЧЕСТВО" name="contact-person" id="contact-person" data-required="true" pattern="[^-`~!@#№$%^&*()_=+\\|\[\]{};:',<>\/?]+$" value="Чапаев Василий Иванович"> <input type="text" placeholder="ФИО" name="contact-person" id="contact-person" data-required="true" pattern="[^-`~!@#№$%^&*()_=+\\|\[\]{};:',<>\/?]+$" value="Чапаев Василий Иванович">
</div> </div>
<div class="block-mb-yellow"> <div class="block-mb-yellow">
<label for="phone">Телефон <span>*</span></label> <label for="phone">Телефон <span>*</span></label>
<input type="text" name="phone" id="phone" placeholder="+7" pattern="^((8|\+7)[\- ]?)?(\(?\d{3}\)?[\- ]?)?[\d\- ]{7,10}$" data-required="true" value="+79876543210"> <input type="text" name="phone" id="phone" data-phone="true" pattern="^((8|\+7)[\- ]?)?(\(?\d{3}\)?[\- ]?)?[\d\- ]{7,10}$" placeholder="+7 (___)___-__-__" data-required="true" value="+79876543210">
</div> </div>
<div class="block-mb-yellow"> <div class="block-mb-yellow">
<label for="email">E-mail <span>*</span></label> <label for="email">E-mail <span>*</span></label>
......
...@@ -325,14 +325,14 @@ ...@@ -325,14 +325,14 @@
<p>Пол:</p> <p>Пол:</p>
<div class="block-radio"> <div class="block-radio">
<label for="male"> <label for="male">
<input type="radio" id="male" name="gender" hidden="" checked required> <input type="radio" id="male" name="gender" hidden="" checked>
<div class="radio"></div> <div class="radio"></div>
Мужской Мужской
</label> </label>
</div> </div>
<div class="block-radio"> <div class="block-radio">
<label for="female"> <label for="female">
<input type="radio" id="female" name="gender" hidden="" required> <input type="radio" id="female" name="gender" hidden="">
<div class="radio"></div> <div class="radio"></div>
Женский Женский
</label> </label>
......
...@@ -341,12 +341,12 @@ ...@@ -341,12 +341,12 @@
<div class="container-compressed"> <div class="container-compressed">
<div class="block-mb-yellow"> <div class="block-mb-yellow">
<label for="name-company">Название компании <span>*</span></label> <label for="name-company">Название компании <span>*</span></label>
<input type="text" placeholder="ИМЯ" name="name-company" id="name-company" data-required="true" pattern="[^-`~!@#№$%^&*()_=+\\|\[\]{};:',<>\/?]+$" value="ИП Чапаев" disabled> <input type="text" placeholder="НАЗВАНИЕ КОМПАНИИ" name="name-company" id="name-company" data-required="true" pattern="[^-`~!@#№$%^&*()_=+\\|\[\]{};:',<>\/?]+$" value="ИП Чапаев" disabled>
</div> </div>
<div class="block-mb-yellow"> <div class="block-mb-yellow">
<label for="inn">ИНН <span>*</span></label> <label for="inn">ИНН <span>*</span></label>
<!-- <div style="display: flex; align-items: center"> --> <!-- <div style="display: flex; align-items: center"> -->
<input type="text" placeholder=МЯ" name="inn" id="inn" pattern="[0-9]{10,12}" data-required="true" value="526123456789" disabled> <input type="text" placeholder=НН" name="inn" id="inn" pattern="[0-9]{10,12}" data-required="true" value="526123456789" disabled>
<!-- <span class="block-tooltip" style="position: absolute; right: -26px;" data-info="Всплывающий тултип с кратким пояснительным текстом, появляющийся при наведении курсора на иконку"> <!-- <span class="block-tooltip" style="position: absolute; right: -26px;" data-info="Всплывающий тултип с кратким пояснительным текстом, появляющийся при наведении курсора на иконку">
<img src="./img/icon_info.svg" alt=""> <img src="./img/icon_info.svg" alt="">
</span> --> </span> -->
...@@ -394,11 +394,11 @@ ...@@ -394,11 +394,11 @@
</div> </div>
<div class="block-mb-yellow"> <div class="block-mb-yellow">
<label for="contact-person">Контактное лицо <span>*</span></label> <label for="contact-person">Контактное лицо <span>*</span></label>
<input type="text" placeholder="ОТЧЕСТВО" name="contact-person" id="contact-person" data-required="true" pattern="[^-`~!@#№$%^&*()_=+\\|\[\]{};:',<>\/?]+$" value="Иванов Иван Иванович" disabled> <input type="text" placeholder="ФИО" name="contact-person" id="contact-person" data-required="true" pattern="[^-`~!@#№$%^&*()_=+\\|\[\]{};:',<>\/?]+$" value="Иванов Иван Иванович" disabled>
</div> </div>
<div class="block-mb-yellow"> <div class="block-mb-yellow">
<label for="phone">Телефон <span>*</span></label> <label for="phone">Телефон <span>*</span></label>
<input type="text" name="phone" id="phone" placeholder="+7" pattern="^((8|\+7)[\- ]?)?(\(?\d{3}\)?[\- ]?)?[\d\- ]{7,10}$" data-required="true" value="+79876543210" disabled> <input type="text" name="phone" id="phone" data-phone="true" pattern="^((8|\+7)[\- ]?)?(\(?\d{3}\)?[\- ]?)?[\d\- ]{7,10}$" placeholder="+7 (___)___-__-__" data-required="true" value="+79876543210" disabled>
</div> </div>
<div class="block-mb-yellow"> <div class="block-mb-yellow">
<label for="email">E-mail <span>*</span></label> <label for="email">E-mail <span>*</span></label>
......
...@@ -341,12 +341,12 @@ ...@@ -341,12 +341,12 @@
<div class="container-compressed"> <div class="container-compressed">
<div class="block-mb-yellow"> <div class="block-mb-yellow">
<label for="name-company">Название компании <span>*</span></label> <label for="name-company">Название компании <span>*</span></label>
<input type="text" placeholder="ИМЯ" name="name-company" id="name-company" value="ИП Чапаев" data-required="true" pattern="[^-`~!@#№$%^&*()_=+\\|\[\]{};:',<>\/?]+$" disabled> <input type="text" placeholder="НАЗВАНИЕ КОМПАНИИ" name="name-company" id="name-company" value="ИП Чапаев" data-required="true" pattern="[^-`~!@#№$%^&*()_=+\\|\[\]{};:',<>\/?]+$" disabled>
</div> </div>
<div class="block-mb-yellow"> <div class="block-mb-yellow">
<label for="inn">ИНН <span>*</span></label> <label for="inn">ИНН <span>*</span></label>
<!-- <div style="display: flex; align-items: center"> --> <!-- <div style="display: flex; align-items: center"> -->
<input type="text" placeholder=МЯ" name="inn" id="inn" value="526123456789" pattern="[0-9]{10,12}" data-required="true" disabled> <input type="text" placeholder=НН" name="inn" id="inn" value="526123456789" pattern="[0-9]{10,12}" data-required="true" disabled>
<!-- <span class="block-tooltip" style="position: absolute; right: -26px;" data-info="Всплывающий тултип с кратким пояснительным текстом, появляющийся при наведении курсора на иконку"> <!-- <span class="block-tooltip" style="position: absolute; right: -26px;" data-info="Всплывающий тултип с кратким пояснительным текстом, появляющийся при наведении курсора на иконку">
<img src="./img/icon_info.svg" alt=""> <img src="./img/icon_info.svg" alt="">
</span> --> </span> -->
...@@ -394,11 +394,11 @@ ...@@ -394,11 +394,11 @@
</div> </div>
<div class="block-mb-yellow"> <div class="block-mb-yellow">
<label for="contact-person">Контактное лицо <span>*</span></label> <label for="contact-person">Контактное лицо <span>*</span></label>
<input type="text" placeholder="ОТЧЕСТВО" name="contact-person" id="contact-person" data-required="true" pattern="[^-`~!@#№$%^&*()_=+\\|\[\]{};:',<>\/?]+$" value="Чапаев Василий Иванович" disabled> <input type="text" placeholder="ФИО" name="contact-person" id="contact-person" data-required="true" pattern="[^-`~!@#№$%^&*()_=+\\|\[\]{};:',<>\/?]+$" value="Чапаев Василий Иванович" disabled>
</div> </div>
<div class="block-mb-yellow"> <div class="block-mb-yellow">
<label for="phone">Телефон <span>*</span></label> <label for="phone">Телефон <span>*</span></label>
<input type="text" name="phone" id="phone" placeholder="+7" value="+79876543210" pattern="^((8|\+7)[\- ]?)?(\(?\d{3}\)?[\- ]?)?[\d\- ]{7,10}$" data-required="true" disabled> <input type="text" name="phone" id="phone" value="+79876543210" data-phone="true" pattern="^((8|\+7)[\- ]?)?(\(?\d{3}\)?[\- ]?)?[\d\- ]{7,10}$" placeholder="+7 (___)___-__-__" data-required="true" disabled>
</div> </div>
<div class="block-mb-yellow"> <div class="block-mb-yellow">
<label for="email">E-mail <span>*</span></label> <label for="email">E-mail <span>*</span></label>
......
...@@ -325,14 +325,14 @@ ...@@ -325,14 +325,14 @@
<p>Пол:</p> <p>Пол:</p>
<div class="block-radio"> <div class="block-radio">
<label for="male"> <label for="male">
<input type="radio" id="male" name="gender" hidden="" checked disabled required> <input type="radio" id="male" name="gender" hidden="" checked disabled>
<div class="radio"></div> <div class="radio"></div>
Мужской Мужской
</label> </label>
</div> </div>
<div class="block-radio"> <div class="block-radio">
<label for="female"> <label for="female">
<input type="radio" id="female" name="gender" hidden="" disabled required> <input type="radio" id="female" name="gender" hidden="" disabled>
<div class="radio"></div> <div class="radio"></div>
Женский Женский
</label> </label>
......
...@@ -334,7 +334,7 @@ ...@@ -334,7 +334,7 @@
</div> </div>
<div class="block-mb-yellow"> <div class="block-mb-yellow">
<label for="phone">Телефон <span>*</span></label> <label for="phone">Телефон <span>*</span></label>
<input type="text" name="phone" id="phone" placeholder="+7" pattern="^((8|\+7)[\- ]?)?(\(?\d{3}\)?[\- ]?)?[\d\- ]{7,10}$" data-required="true"> <input type="text" name="phone" id="phone" data-phone="true" pattern="^((8|\+7)[\- ]?)?(\(?\d{3}\)?[\- ]?)?[\d\- ]{7,10}$" placeholder="+7 (___)___-__-__" data-required="true">
</div> </div>
<div class="block-mb-yellow"> <div class="block-mb-yellow">
<label for="email">E-mail <span>*</span></label> <label for="email">E-mail <span>*</span></label>
...@@ -720,6 +720,26 @@ ...@@ -720,6 +720,26 @@
</div> </div>
</div> </div>
</div> </div>
<div class="modal-form modal-confirm">
<div class="close-modal">
<a href="#">
Закрыть
<img class="img-svg" src="./img/icon_close_modal.svg" alt="">
</a>
</div>
<div class="modal-form-content block-mt-yellow">
<h2>Подтвердите регистрацию</h2>
<div class="block-mt-blue">
<div class="block-mb-green">
<p>По адресу <a href="mailto:kompania@kompania" class="confirmation-mail">kompania@kompania</a> выслано письмо со ссылкой: перейдите по ней, чтобы подтвердить свою почту и завершить регистрацию.</p>
</div>
<div class="block-mb-green">
<p>Если вы не видите письма во входящих, проверьте папку со спамом, а также другие папки, в которые письмо может попасть.</p>
</div>
<p>Или <a href="№" class="repeated-request">запросите письмо повторно</a>.</p>
</div>
</div>
</div>
</div> </div>
</body> </body>
</html> </html>
\ No newline at end of file
...@@ -730,6 +730,26 @@ ...@@ -730,6 +730,26 @@
</div> </div>
</div> </div>
</div> </div>
<div class="modal-form modal-confirm">
<div class="close-modal">
<a href="#">
Закрыть
<img class="img-svg" src="./img/icon_close_modal.svg" alt="">
</a>
</div>
<div class="modal-form-content block-mt-yellow">
<h2>Подтвердите регистрацию</h2>
<div class="block-mt-blue">
<div class="block-mb-green">
<p>По адресу <a href="mailto:kompania@kompania" class="confirmation-mail">kompania@kompania</a> выслано письмо со ссылкой: перейдите по ней, чтобы подтвердить свою почту и завершить регистрацию.</p>
</div>
<div class="block-mb-green">
<p>Если вы не видите письма во входящих, проверьте папку со спамом, а также другие папки, в которые письмо может попасть.</p>
</div>
<p>Или <a href="№" class="repeated-request">запросите письмо повторно</a>.</p>
</div>
</div>
</div>
</div> </div>
</body> </body>
</html> </html>
\ No newline at end of file
...@@ -326,7 +326,7 @@ ...@@ -326,7 +326,7 @@
<h2>Хотите что-нибудь написать?</h2> <h2>Хотите что-нибудь написать?</h2>
<div class="block-mt-green"> <div class="block-mt-green">
<form action="" name="form-answer-employer" id="form-answer-employer" data-ajax="true"> <form action="" name="form-answer-employer" id="form-answer-employer" data-ajax="true">
<label for="message">Сообщение</label> <label for="message">Сообщение <span>*</span></label>
<textarea name="message" id="message" data-required="true"></textarea> <textarea name="message" id="message" data-required="true"></textarea>
<div class="block-mt-green"> <div class="block-mt-green">
<input type="submit" class="main-button" name="submit-answer" value="Отправить"> <input type="submit" class="main-button" name="submit-answer" value="Отправить">
......
...@@ -352,7 +352,7 @@ ...@@ -352,7 +352,7 @@
<h2>Хотите что-нибудь написать?</h2> <h2>Хотите что-нибудь написать?</h2>
<div class="block-mt-green"> <div class="block-mt-green">
<form action="" name="form-answer-employer" id="form-answer-employer" data-ajax="true"> <form action="" name="form-answer-employer" id="form-answer-employer" data-ajax="true">
<label for="message">Сообщение</label> <label for="message">Сообщение <span>*</span></label>
<textarea name="message" id="message" data-required="true"></textarea> <textarea name="message" id="message" data-required="true"></textarea>
<div class="block-mt-green"> <div class="block-mt-green">
<input type="submit" class="main-button" name="submit-answer" value="Отправить"> <input type="submit" class="main-button" name="submit-answer" value="Отправить">
......
...@@ -352,7 +352,7 @@ ...@@ -352,7 +352,7 @@
<h2>Хотите что-нибудь написать?</h2> <h2>Хотите что-нибудь написать?</h2>
<div class="block-mt-green"> <div class="block-mt-green">
<form action="" name="form-answer-employer" id="form-answer-employer" data-ajax="true"> <form action="" name="form-answer-employer" id="form-answer-employer" data-ajax="true">
<label for="message">Сообщение</label> <label for="message">Сообщение <span>*</span></label>
<textarea name="message" id="message" data-required="true"></textarea> <textarea name="message" id="message" data-required="true"></textarea>
<div class="block-mt-green"> <div class="block-mt-green">
<input type="submit" class="main-button" name="submit-answer" value="Отправить"> <input type="submit" class="main-button" name="submit-answer" value="Отправить">
......
...@@ -1073,6 +1073,10 @@ ...@@ -1073,6 +1073,10 @@
{ {
margin-bottom: 0 !important; margin-bottom: 0 !important;
} }
.row-tariffs
{
margin-top: -32px;
}
} }
@media(max-width: 550px) @media(max-width: 550px)
{ {
......
...@@ -915,7 +915,6 @@ ul ...@@ -915,7 +915,6 @@ ul
// margin-top: 22px; // margin-top: 22px;
label label
{ {
cursor: pointer;
display: flex; display: flex;
align-items: center; align-items: center;
font-family: Montserrat Regular; font-family: Montserrat Regular;
...@@ -970,11 +969,6 @@ ul ...@@ -970,11 +969,6 @@ ul
border-color:#dddce8; border-color:#dddce8;
background: transparent; background: transparent;
} }
input[type="radio"]:disabled
{
cursor: none !important;
pointer-events: none;
}
input[type="radio"]:disabled ~ p input[type="radio"]:disabled ~ p
{ {
color: #b7b6c3; color: #b7b6c3;
...@@ -983,6 +977,11 @@ ul ...@@ -983,6 +977,11 @@ ul
{ {
background-color: #b7b6c3; background-color: #b7b6c3;
} }
input[type="radio"]:disabled ~ .radio
{
cursor: default;
pointer-events: none;
}
p p
{ {
font-family: Montserrat Regular; font-family: Montserrat Regular;
...@@ -1012,7 +1011,6 @@ ul ...@@ -1012,7 +1011,6 @@ ul
// margin-top: 22px; // margin-top: 22px;
label label
{ {
cursor: pointer;
display: flex; display: flex;
align-items: center; align-items: center;
font-family: Montserrat Regular; font-family: Montserrat Regular;
...@@ -1056,9 +1054,9 @@ ul ...@@ -1056,9 +1054,9 @@ ul
{ {
opacity: 1; opacity: 1;
} }
input[type="checkbox"]:disabled input[type="checkbox"]:disabled ~ .check
{ {
cursor: none !important; cursor: default;
pointer-events: none; pointer-events: none;
} }
input[type="checkbox"].check-error ~ .check input[type="checkbox"].check-error ~ .check
...@@ -1437,6 +1435,33 @@ textarea:disabled ...@@ -1437,6 +1435,33 @@ textarea:disabled
display: block; display: block;
} }
.modal-confirm
{
display: none;
z-index: 5;
position: absolute;
opacity: 1;
min-height: 519px;
top: calc(-12.5% - 286px);
p
{
text-align: center;
a
{
padding-bottom: 4px;
}
}
.confirmation-mail
{
font-family: Montserrat Semibold;
}
}
.modal-confirm_active
{
display: block;
}
.close-modal .close-modal
{ {
padding-left: 20px; padding-left: 20px;
...@@ -4883,6 +4908,13 @@ input[type="submit"] ...@@ -4883,6 +4908,13 @@ input[type="submit"]
font-family: Montserrat Semibold; font-family: Montserrat Semibold;
} }
} }
.table-feedback-column
{
p
{
border-bottom: 1px dotted currentColor;
}
}
} }
} }
&__name &__name
...@@ -4892,6 +4924,7 @@ input[type="submit"] ...@@ -4892,6 +4924,7 @@ input[type="submit"]
{ {
display: inline-block; display: inline-block;
margin-bottom: 7px; margin-bottom: 7px;
font-family: Montserrat Medium;
} }
} }
&__actions &__actions
...@@ -4907,6 +4940,7 @@ input[type="submit"] ...@@ -4907,6 +4940,7 @@ input[type="submit"]
font-size: 12px; font-size: 12px;
width: 85%; width: 85%;
margin: 0; margin: 0;
color: $color-ref;
} }
} }
.button-text:nth-child(2) .button-text:nth-child(2)
...@@ -5071,6 +5105,7 @@ input[type="submit"] ...@@ -5071,6 +5105,7 @@ input[type="submit"]
{ {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: flex-start;
&-left &-left
{ {
width: 22%; width: 22%;
...@@ -5078,7 +5113,11 @@ input[type="submit"] ...@@ -5078,7 +5113,11 @@ input[type="submit"]
padding-top: 20px; padding-top: 20px;
padding-bottom: 20px; padding-bottom: 20px;
border-top: 1px solid #dddce8; border-top: 1px solid #dddce8;
padding-right: 20px; padding-right: 20px;
a
{
font-family: Montserrat Medium;
}
} }
&-right &-right
{ {
...@@ -5106,6 +5145,22 @@ input[type="submit"] ...@@ -5106,6 +5145,22 @@ input[type="submit"]
{ {
display: flex; display: flex;
} }
.response-company-column
{
a
{
font-family: Montserrat Medium;
padding-bottom: 4px;
line-height: normal;
}
}
.response-date-column
{
p
{
font-family: Montserrat Semibold;
}
}
} }
} }
&-name-column &-name-column
...@@ -5178,9 +5233,8 @@ input[type="submit"] ...@@ -5178,9 +5233,8 @@ input[type="submit"]
{ {
content: attr(data-label); content: attr(data-label);
position: absolute; position: absolute;
font-family: Montserrat Bold; font-family: Montserrat Semibold;
font-size: 14px; font-size: 14px;
font-stretch: normal; font-stretch: normal;
font-style: normal; font-style: normal;
line-height: normal; line-height: normal;
...@@ -5739,6 +5793,7 @@ form ...@@ -5739,6 +5793,7 @@ form
{ {
margin-left: -10px; margin-left: -10px;
margin-right: -10px; margin-right: -10px;
margin-top: -43px;
.col-4 .col-4
{ {
padding-left: 10px; padding-left: 10px;
...@@ -5824,7 +5879,7 @@ form ...@@ -5824,7 +5879,7 @@ form
&-block &-block
{ {
border-bottom: 2px solid #DDDCE8; border-bottom: 2px solid #DDDCE8;
padding-bottom: 43px; // padding-bottom: 43px;
&__image &__image
{ {
img img
...@@ -5885,6 +5940,7 @@ form ...@@ -5885,6 +5940,7 @@ form
{ {
border: 0; border: 0;
margin-bottom: 0; margin-bottom: 0;
padding-bottom: 0;
} }
.banner-info .banner-info
...@@ -6282,6 +6338,20 @@ hr ...@@ -6282,6 +6338,20 @@ hr
line-height: normal; line-height: normal;
} }
} }
.employees-name-column, .employees-status-column
{
p
{
font-family: Montserrat Medium;
}
}
.employees-email-column
{
p
{
font-family: Montserrat Semibold;
}
}
} }
&-row_new &-row_new
{ {
...@@ -6312,7 +6382,7 @@ hr ...@@ -6312,7 +6382,7 @@ hr
{ {
opacity: 0; opacity: 0;
pointer-events: none; pointer-events: none;
font-family: Montserrat Bold; font-family: Montserrat Semibold;
font-size: 14px; font-size: 14px;
font-stretch: normal; font-stretch: normal;
font-style: normal; font-style: normal;
......
This diff is collapsed.
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment