Skip to content

A
Avalon
Commit 8f3e870d authored by Sergey's avatar Sergey
Browse files
Options

Edits is almost done

parent e6175cca
Show whitespace changes
Inline Side-by-side
Showing with 413 additions and 153 deletions
src/access-account-employer.html
View file @ 8f3e870d
...@@ -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>
......
src/faq-employer.html
View file @ 8f3e870d
...@@ -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>
......
src/faq.html
View file @ 8f3e870d
...@@ -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>
......
src/favorites-employer.html
View file @ 8f3e870d
...@@ -341,11 +341,11 @@ ...@@ -341,11 +341,11 @@
</div> </div>
<div class="card__buttons"> <div class="card__buttons">
<a href="#" class="card__toggle"> <a href="#" class="card__toggle">
<img class="img-svg" src="./img/icon_add_vacancy.svg" alt=""> <img class="img-svg" src="./img/icon_remove_vacancy.svg" alt="">
</a> </a>
<a href="#" class="button-text card__respond"> <a href="#" class="button-text card__respond">
<img class="img-svg" class="img-svg" src="./img/icon_mail.svg" alt=""> <img class="img-svg" class="img-svg" src="./img/icon_mail.svg" alt="">
Откликнуться Пригласить
</a> </a>
</div> </div>
<div class="label-top" style="background-image: url(./img/icon_label_top.svg);"></div> <div class="label-top" style="background-image: url(./img/icon_label_top.svg);"></div>
...@@ -363,11 +363,11 @@ ...@@ -363,11 +363,11 @@
</div> </div>
<div class="card__buttons"> <div class="card__buttons">
<a href="#" class="card__toggle"> <a href="#" class="card__toggle">
<img class="img-svg" src="./img/icon_add_vacancy.svg" alt=""> <img class="img-svg" src="./img/icon_remove_vacancy.svg" alt="">
</a> </a>
<a href="#" class="button-text card__respond"> <a href="#" class="button-text card__respond">
<img class="img-svg" class="img-svg" src="./img/icon_mail.svg" alt=""> <img class="img-svg" class="img-svg" src="./img/icon_mail.svg" alt="">
Откликнуться Пригласить
</a> </a>
</div> </div>
<div class="label-top" style="background-image: url(./img/icon_label_top.svg);"></div> <div class="label-top" style="background-image: url(./img/icon_label_top.svg);"></div>
...@@ -385,11 +385,11 @@ ...@@ -385,11 +385,11 @@
</div> </div>
<div class="card__buttons"> <div class="card__buttons">
<a href="#" class="card__toggle"> <a href="#" class="card__toggle">
<img class="img-svg" src="./img/icon_add_vacancy.svg" alt=""> <img class="img-svg" src="./img/icon_remove_vacancy.svg" alt="">
</a> </a>
<a href="#" class="button-text card__respond"> <a href="#" class="button-text card__respond">
<img class="img-svg" class="img-svg" src="./img/icon_mail.svg" alt=""> <img class="img-svg" class="img-svg" src="./img/icon_mail.svg" alt="">
Откликнуться Пригласить
</a> </a>
</div> </div>
<div class="label-top" style="background-image: url(./img/icon_label_top.svg);"></div> <div class="label-top" style="background-image: url(./img/icon_label_top.svg);"></div>
...@@ -407,11 +407,11 @@ ...@@ -407,11 +407,11 @@
</div> </div>
<div class="card__buttons"> <div class="card__buttons">
<a href="#" class="card__toggle"> <a href="#" class="card__toggle">
<img class="img-svg" src="./img/icon_add_vacancy.svg" alt=""> <img class="img-svg" src="./img/icon_remove_vacancy.svg" alt="">
</a> </a>
<a href="#" class="button-text card__respond"> <a href="#" class="button-text card__respond">
<img class="img-svg" class="img-svg" src="./img/icon_mail.svg" alt=""> <img class="img-svg" class="img-svg" src="./img/icon_mail.svg" alt="">
Откликнуться Пригласить
</a> </a>
</div> </div>
<div class="label-top" style="background-image: url(./img/icon_label_top.svg);"></div> <div class="label-top" style="background-image: url(./img/icon_label_top.svg);"></div>
...@@ -429,11 +429,11 @@ ...@@ -429,11 +429,11 @@
</div> </div>
<div class="card__buttons"> <div class="card__buttons">
<a href="#" class="card__toggle"> <a href="#" class="card__toggle">
<img class="img-svg" src="./img/icon_add_vacancy.svg" alt=""> <img class="img-svg" src="./img/icon_remove_vacancy.svg" alt="">
</a> </a>
<a href="#" class="button-text card__respond"> <a href="#" class="button-text card__respond">
<img class="img-svg" class="img-svg" src="./img/icon_mail.svg" alt=""> <img class="img-svg" class="img-svg" src="./img/icon_mail.svg" alt="">
Откликнуться Пригласить
</a> </a>
</div> </div>
<div class="label-top" style="background-image: url(./img/icon_label_top.svg);"></div> <div class="label-top" style="background-image: url(./img/icon_label_top.svg);"></div>
...@@ -451,11 +451,11 @@ ...@@ -451,11 +451,11 @@
</div> </div>
<div class="card__buttons"> <div class="card__buttons">
<a href="#" class="card__toggle"> <a href="#" class="card__toggle">
<img class="img-svg" src="./img/icon_add_vacancy.svg" alt=""> <img class="img-svg" src="./img/icon_remove_vacancy.svg" alt="">
</a> </a>
<a href="#" class="button-text card__respond"> <a href="#" class="button-text card__respond">
<img class="img-svg" class="img-svg" src="./img/icon_mail.svg" alt=""> <img class="img-svg" class="img-svg" src="./img/icon_mail.svg" alt="">
Откликнуться Пригласить
</a> </a>
</div> </div>
<div class="label-top" style="background-image: url(./img/icon_label_top.svg);"></div> <div class="label-top" style="background-image: url(./img/icon_label_top.svg);"></div>
...@@ -473,11 +473,11 @@ ...@@ -473,11 +473,11 @@
</div> </div>
<div class="card__buttons"> <div class="card__buttons">
<a href="#" class="card__toggle"> <a href="#" class="card__toggle">
<img class="img-svg" src="./img/icon_add_vacancy.svg" alt=""> <img class="img-svg" src="./img/icon_remove_vacancy.svg" alt="">
</a> </a>
<a href="#" class="button-text card__respond"> <a href="#" class="button-text card__respond">
<img class="img-svg" class="img-svg" src="./img/icon_mail.svg" alt=""> <img class="img-svg" class="img-svg" src="./img/icon_mail.svg" alt="">
Откликнуться Пригласить
</a> </a>
</div> </div>
<div class="label-top" style="background-image: url(./img/icon_label_top.svg);"></div> <div class="label-top" style="background-image: url(./img/icon_label_top.svg);"></div>
...@@ -495,11 +495,11 @@ ...@@ -495,11 +495,11 @@
</div> </div>
<div class="card__buttons"> <div class="card__buttons">
<a href="#" class="card__toggle"> <a href="#" class="card__toggle">
<img class="img-svg" src="./img/icon_add_vacancy.svg" alt=""> <img class="img-svg" src="./img/icon_remove_vacancy.svg" alt="">
</a> </a>
<a href="#" class="button-text card__respond"> <a href="#" class="button-text card__respond">
<img class="img-svg" class="img-svg" src="./img/icon_mail.svg" alt=""> <img class="img-svg" class="img-svg" src="./img/icon_mail.svg" alt="">
Откликнуться Пригласить
</a> </a>
</div> </div>
<div class="label-top" style="background-image: url(./img/icon_label_top.svg);"></div> <div class="label-top" style="background-image: url(./img/icon_label_top.svg);"></div>
...@@ -517,11 +517,11 @@ ...@@ -517,11 +517,11 @@
</div> </div>
<div class="card__buttons"> <div class="card__buttons">
<a href="#" class="card__toggle"> <a href="#" class="card__toggle">
<img class="img-svg" src="./img/icon_add_vacancy.svg" alt=""> <img class="img-svg" src="./img/icon_remove_vacancy.svg" alt="">
</a> </a>
<a href="#" class="button-text card__respond"> <a href="#" class="button-text card__respond">
<img class="img-svg" class="img-svg" src="./img/icon_mail.svg" alt=""> <img class="img-svg" class="img-svg" src="./img/icon_mail.svg" alt="">
Откликнуться Пригласить
</a> </a>
</div> </div>
<div class="label-top" style="background-image: url(./img/icon_label_top.svg);"></div> <div class="label-top" style="background-image: url(./img/icon_label_top.svg);"></div>
...@@ -539,11 +539,11 @@ ...@@ -539,11 +539,11 @@
</div> </div>
<div class="card__buttons"> <div class="card__buttons">
<a href="#" class="card__toggle"> <a href="#" class="card__toggle">
<img class="img-svg" src="./img/icon_add_vacancy.svg" alt=""> <img class="img-svg" src="./img/icon_remove_vacancy.svg" alt="">
</a> </a>
<a href="#" class="button-text card__respond"> <a href="#" class="button-text card__respond">
<img class="img-svg" class="img-svg" src="./img/icon_mail.svg" alt=""> <img class="img-svg" class="img-svg" src="./img/icon_mail.svg" alt="">
Откликнуться Пригласить
</a> </a>
</div> </div>
<div class="label-top" style="background-image: url(./img/icon_label_top.svg);"></div> <div class="label-top" style="background-image: url(./img/icon_label_top.svg);"></div>
...@@ -561,11 +561,11 @@ ...@@ -561,11 +561,11 @@
</div> </div>
<div class="card__buttons"> <div class="card__buttons">
<a href="#" class="card__toggle"> <a href="#" class="card__toggle">
<img class="img-svg" src="./img/icon_add_vacancy.svg" alt=""> <img class="img-svg" src="./img/icon_remove_vacancy.svg" alt="">
</a> </a>
<a href="#" class="button-text card__respond"> <a href="#" class="button-text card__respond">
<img class="img-svg" class="img-svg" src="./img/icon_mail.svg" alt=""> <img class="img-svg" class="img-svg" src="./img/icon_mail.svg" alt="">
Откликнуться Пригласить
</a> </a>
</div> </div>
<div class="label-top" style="background-image: url(./img/icon_label_top.svg);"></div> <div class="label-top" style="background-image: url(./img/icon_label_top.svg);"></div>
...@@ -583,17 +583,31 @@ ...@@ -583,17 +583,31 @@
</div> </div>
<div class="card__buttons"> <div class="card__buttons">
<a href="#" class="card__toggle"> <a href="#" class="card__toggle">
<img class="img-svg" src="./img/icon_add_vacancy.svg" alt=""> <img class="img-svg" src="./img/icon_remove_vacancy.svg" alt="">
</a> </a>
<a href="#" class="button-text card__respond"> <a href="#" class="button-text card__respond">
<img class="img-svg" class="img-svg" src="./img/icon_mail.svg" alt=""> <img class="img-svg" class="img-svg" src="./img/icon_mail.svg" alt="">
Откликнуться Пригласить
</a> </a>
</div> </div>
<div class="label-top" style="background-image: url(./img/icon_label_top.svg);"></div> <div class="label-top" style="background-image: url(./img/icon_label_top.svg);"></div>
</div> </div>
</div> </div>
</div> </div>
<div class="wrapper-button-center block-mt-green">
<button type="button" class="other-button">Показать ещё</button>
</div>
<div class="wrapper-pagination block-mt-blue">
<div class="pagination">
<a href="#" class="pagination__block pagination__block_current">1</a>
<a href="#" class="pagination__block">2</a>
<a href="#" class="pagination__block">3</a>
<a href="#" class="pagination__block">4</a>
<a href="#" class="pagination__block">5</a>
<a href="#" class="pagination__block ellipsis">...</a>
<a href="#" class="pagination__block">18</a>
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
......
src/index-employer.html
View file @ 8f3e870d
...@@ -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>
......
src/js/main.js
View file @ 8f3e870d
...@@ -350,11 +350,18 @@ if(inputFile.length) ...@@ -350,11 +350,18 @@ if(inputFile.length)
input.addEventListener('change', function(e) input.addEventListener('change', function(e)
{ {
if(input.id === 'load-photo') return; if(input.id === 'load-photo') return;
console.log(input.files); // console.log(input.files);
let value = input.value; let value = input.value;
// console.log(value); // console.log(value);
value = value.replace( 'C:\\fakepath\\', ''); value = value.replace( 'C:\\fakepath\\', '');
input.parentElement.querySelector('.file-value').innerHTML = value; if(input.files.length > 1)
{
input.parentElement.querySelector('.file-value').innerHTML = 'выбрано ' + input.files.length + ' файла';
}
else
{
input.parentElement.querySelector('.file-value').innerHTML = 'выбран ' + input.files.length + ' файл';
}
}); });
}); });
} }
...@@ -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,10 +1550,30 @@ function validationForms(forms) ...@@ -1541,10 +1550,30 @@ 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"]');
if(fieldsText.length)
{
fieldsText.forEach(function(input) fieldsText.forEach(function(input)
{ {
// if(input.style.display === 'none') console.log('yes'); // if(input.style.display === 'none') console.log('yes');
...@@ -1556,11 +1585,14 @@ function validationForms(forms) ...@@ -1556,11 +1585,14 @@ function validationForms(forms)
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"]');
if(fieldsTextarea.length)
{
fieldsTextarea.forEach(function(textarea) fieldsTextarea.forEach(function(textarea)
{ {
if(getComputedStyle(textarea, null).display === 'none' || textarea.disabled) if(getComputedStyle(textarea, null).display === 'none' || textarea.disabled)
...@@ -1571,6 +1603,7 @@ function validationForms(forms) ...@@ -1571,6 +1603,7 @@ function validationForms(forms)
if(!checkFieldTextarea(textarea)) valid = false; if(!checkFieldTextarea(textarea)) valid = false;
}); });
}
// Проверим все чекбоксы // Проверим все чекбоксы
...@@ -1596,6 +1629,8 @@ function validationForms(forms) ...@@ -1596,6 +1629,8 @@ function validationForms(forms)
const fieldsPassword = form.querySelectorAll('input[type="password"]'); const fieldsPassword = form.querySelectorAll('input[type="password"]');
if(fieldsPassword.length)
{
fieldsPassword.forEach(function(input) fieldsPassword.forEach(function(input)
{ {
if(getComputedStyle(input, null).display === 'none' || input.disabled) if(getComputedStyle(input, null).display === 'none' || input.disabled)
...@@ -1606,11 +1641,14 @@ function validationForms(forms) ...@@ -1606,11 +1641,14 @@ function validationForms(forms)
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"]');
if(fieldsDates.length)
{
fieldsDates.forEach(function(input) fieldsDates.forEach(function(input)
{ {
if(input.value.trim() !== '') if(input.value.trim() !== '')
...@@ -1618,14 +1656,22 @@ function validationForms(forms) ...@@ -1618,14 +1656,22 @@ function validationForms(forms)
if(!checkFieldDate(input)) valid = false; if(!checkFieldDate(input)) valid = false;
} }
}); });
}
// Если были ошибки, не отправляем форму // Если были ошибки, не отправляем форму
if(valid) if(valid)
{
if(form.id === 'form-registration')
{
console.log(true);
registrationForm(form);
}
else
{ {
sendForm(form); 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', () =>
......
src/mailing.html
View file @ 8f3e870d
...@@ -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">
......
src/my-orders.html
View file @ 8f3e870d
...@@ -551,6 +551,16 @@ ...@@ -551,6 +551,16 @@
</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>
...@@ -596,6 +606,16 @@ ...@@ -596,6 +606,16 @@
</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>
...@@ -641,6 +661,16 @@ ...@@ -641,6 +661,16 @@
</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>
......
src/password-recovery-employer.html
View file @ 8f3e870d
...@@ -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">
......
src/password-recovery.html
View file @ 8f3e870d
...@@ -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">
......
src/post-vacancy-step1.html
View file @ 8f3e870d
...@@ -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>
......
src/profile-editing-employer.html
View file @ 8f3e870d
...@@ -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>
......
src/profile-editing.html
View file @ 8f3e870d
...@@ -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>
......
src/profile-employee.html
View file @ 8f3e870d
...@@ -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>
......
src/profile-employer.html
View file @ 8f3e870d
...@@ -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>
......
src/profile.html
View file @ 8f3e870d
...@@ -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>
......
src/registration-employer.html
View file @ 8f3e870d
...@@ -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
src/registration.html
View file @ 8f3e870d
...@@ -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
src/response-resume.html
View file @ 8f3e870d
...@@ -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="Отправить">
......
src/response-vacancy-employer1.html
View file @ 8f3e870d
...@@ -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="Отправить">
......
src/response-vacancy-employer2.html
View file @ 8f3e870d
...@@ -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="Отправить">
......
src/scss/_media.scss
View file @ 8f3e870d
...@@ -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)
{ {
......
src/scss/style.scss
View file @ 8f3e870d
...@@ -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%;
...@@ -5079,6 +5114,10 @@ input[type="submit"] ...@@ -5079,6 +5114,10 @@ input[type="submit"]
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;
......
src/tariffs.html
View file @ 8f3e870d
...@@ -297,9 +297,9 @@ ...@@ -297,9 +297,9 @@
</div> </div>
<div class="tabs-content block-mt-blue"> <div class="tabs-content block-mt-blue">
<div class="tabs-content-block tabs-content-block_active" data-tab="tab-job-posting"> <div class="tabs-content-block tabs-content-block_active" data-tab="tab-job-posting">
<div class="row row-tariffs"> <div class="row row-tariffs block-mb-purple">
<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>
...@@ -336,7 +336,7 @@ ...@@ -336,7 +336,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>
...@@ -373,7 +373,7 @@ ...@@ -373,7 +373,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>
...@@ -410,7 +410,7 @@ ...@@ -410,7 +410,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>
...@@ -447,7 +447,7 @@ ...@@ -447,7 +447,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>
...@@ -490,9 +490,9 @@ ...@@ -490,9 +490,9 @@
В отличие от услуг сервиса и поддержки, имеющих разовый, эпизодический, случайный характер и ограниченных началом и концом, на аутсорсинг передаются обычно функции по профессиональной поддержке бесперебойной работоспособности отдельных систем и инфраструктуры на основе длительного контракта (не менее 1 года). Наличие бизнес-процесса является отличительной чертой аутсорсинга от различных других форм оказания услуг и абонентского обслуживания.</p> В отличие от услуг сервиса и поддержки, имеющих разовый, эпизодический, случайный характер и ограниченных началом и концом, на аутсорсинг передаются обычно функции по профессиональной поддержке бесперебойной работоспособности отдельных систем и инфраструктуры на основе длительного контракта (не менее 1 года). Наличие бизнес-процесса является отличительной чертой аутсорсинга от различных других форм оказания услуг и абонентского обслуживания.</p>
</div> </div>
<div class="tabs-content-block" data-tab="tab-base-resume"> <div class="tabs-content-block" data-tab="tab-base-resume">
<div class="row row-tariffs"> <div class="row row-tariffs block-mb-purple">
<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>
...@@ -517,7 +517,7 @@ ...@@ -517,7 +517,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>
...@@ -542,7 +542,7 @@ ...@@ -542,7 +542,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>
...@@ -567,7 +567,7 @@ ...@@ -567,7 +567,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>
...@@ -592,7 +592,7 @@ ...@@ -592,7 +592,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>
...@@ -623,8 +623,8 @@ ...@@ -623,8 +623,8 @@
В отличие от услуг сервиса и поддержки, имеющих разовый, эпизодический, случайный характер и ограниченных началом и концом, на аутсорсинг передаются обычно функции по профессиональной поддержке бесперебойной работоспособности отдельных систем и инфраструктуры на основе длительного контракта (не менее 1 года). Наличие бизнес-процесса является отличительной чертой аутсорсинга от различных других форм оказания услуг и абонентского обслуживания.</p> В отличие от услуг сервиса и поддержки, имеющих разовый, эпизодический, случайный характер и ограниченных началом и концом, на аутсорсинг передаются обычно функции по профессиональной поддержке бесперебойной работоспособности отдельных систем и инфраструктуры на основе длительного контракта (не менее 1 года). Наличие бизнес-процесса является отличительной чертой аутсорсинга от различных других форм оказания услуг и абонентского обслуживания.</p>
</div> </div>
<div class="tabs-content-block" data-tab="tab-commercial"> <div class="tabs-content-block" data-tab="tab-commercial">
<div class="posting-pictures"> <div class="posting-pictures block-mb-purple">
<div class="posting-pictures-block block-mb-green"> <div class="posting-pictures-block block-mb-green block-pb-green">
<div class="row"> <div class="row">
<div class="col-6"> <div class="col-6">
<div class="posting-pictures-block__image"> <div class="posting-pictures-block__image">
...@@ -668,7 +668,7 @@ ...@@ -668,7 +668,7 @@
</div> </div>
</div> </div>
</div> </div>
<div class="posting-pictures-block block-mb-green"> <div class="posting-pictures-block block-mb-green block-pb-green">
<div class="row"> <div class="row">
<div class="col-6"> <div class="col-6">
<div class="posting-pictures-block__image"> <div class="posting-pictures-block__image">
...@@ -712,7 +712,7 @@ ...@@ -712,7 +712,7 @@
</div> </div>
</div> </div>
</div> </div>
<div class="posting-pictures-block block-mb-green"> <div class="posting-pictures-block block-mb-green block-pb-green">
<div class="row"> <div class="row">
<div class="col-6"> <div class="col-6">
<div class="posting-pictures-block__image"> <div class="posting-pictures-block__image">
...@@ -756,7 +756,7 @@ ...@@ -756,7 +756,7 @@
</div> </div>
</div> </div>
</div> </div>
<div class="posting-pictures-block block-mb-green"> <div class="posting-pictures-block block-mb-green block-pb-green">
<div class="row"> <div class="row">
<div class="col-6"> <div class="col-6">
<div class="posting-pictures-block__image"> <div class="posting-pictures-block__image">
...@@ -806,9 +806,9 @@ ...@@ -806,9 +806,9 @@
Первое, о чем вы должны спросить себя, на кого ориентирована ваша медийная компания? Например, если вы предлагаете продукт красоты, то вы вряд ли хотите потратить свой рекламный бюджет размещая баннеры на блогах автомобилистов. Потратьте некоторое время, чтобы составить профиль вашего идеального покупателя (классический приме маркетинга), и постарайтесь понять какие типы сайтов посещает ваш идеальный покупатель. Отличной идеей будет размещение баннеров на блогах и сайтах занимающих подобную вашему бизнесу нишу, и обязательно изучите все рекламные возможности, которые они могут предложить. Значит, если вы рекламируете новый продукт индустрии красоты, то вы должны планировать размещение рекламных баннеров на блогах, форумах и других сайтах в мире моды и красоты. Начните с составления списка этих сайтов.</p> Первое, о чем вы должны спросить себя, на кого ориентирована ваша медийная компания? Например, если вы предлагаете продукт красоты, то вы вряд ли хотите потратить свой рекламный бюджет размещая баннеры на блогах автомобилистов. Потратьте некоторое время, чтобы составить профиль вашего идеального покупателя (классический приме маркетинга), и постарайтесь понять какие типы сайтов посещает ваш идеальный покупатель. Отличной идеей будет размещение баннеров на блогах и сайтах занимающих подобную вашему бизнесу нишу, и обязательно изучите все рекламные возможности, которые они могут предложить. Значит, если вы рекламируете новый продукт индустрии красоты, то вы должны планировать размещение рекламных баннеров на блогах, форумах и других сайтах в мире моды и красоты. Начните с составления списка этих сайтов.</p>
</div> </div>
<div class="tabs-content-block" data-tab="tab-top-companies"> <div class="tabs-content-block" data-tab="tab-top-companies">
<div class="row row-tariffs"> <div class="row row-tariffs block-mb-purple">
<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>
...@@ -833,7 +833,7 @@ ...@@ -833,7 +833,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>
...@@ -858,7 +858,7 @@ ...@@ -858,7 +858,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>
...@@ -883,7 +883,7 @@ ...@@ -883,7 +883,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>
...@@ -908,7 +908,7 @@ ...@@ -908,7 +908,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>
...@@ -935,9 +935,9 @@ ...@@ -935,9 +935,9 @@
</div> </div>
</div> </div>
<div class="tabs-content-block" data-tab="tab-top-vacancies"> <div class="tabs-content-block" data-tab="tab-top-vacancies">
<div class="row row-tariffs"> <div class="row row-tariffs block-mb-purple">
<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>
...@@ -962,7 +962,7 @@ ...@@ -962,7 +962,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>
...@@ -987,7 +987,7 @@ ...@@ -987,7 +987,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>
...@@ -1146,7 +1146,7 @@ ...@@ -1146,7 +1146,7 @@
</div> </div>
<div class="block-mb-yellow"> <div class="block-mb-yellow">
<label for="phone-person">Телефон <span>*</span></label> <label for="phone-person">Телефон <span>*</span></label>
<input type="text" name="phone-person" id="phone-person" pattern="^((8|\+7)[\- ]?)?(\(?\d{3}\)?[\- ]?)?[\d\- ]{7,10}$" placeholder="+7" data-required="true"> <input type="text" name="phone-person" id="phone-person" 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-person">E-mail</label> <label for="email-person">E-mail</label>
......
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