Skip to content

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

Edits is almost done

parent e6175cca
Expand all Hide 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 @@
<form action="" name="form-enter-account" id="form-enter-account">
<div class="block-mb-orange">
<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 class="block-mb-orange">
<label for="password">Пароль</label>
......
src/faq-employer.html
View file @ 8f3e870d
......@@ -336,7 +336,7 @@
</div>
<div class="block-mb-orange">
<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 class="block-mb-orange">
<label for="email-ask">E-mail</label>
......
src/faq.html
View file @ 8f3e870d
......@@ -326,7 +326,7 @@
</div>
<div class="block-mb-orange">
<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 class="block-mb-orange">
<label for="email-ask">E-mail</label>
......
src/favorites-employer.html
View file @ 8f3e870d
This diff is collapsed.
src/index-employer.html
View file @ 8f3e870d
......@@ -517,7 +517,7 @@
<div class="job-posting-rates-content block-mt-blue">
<div class="row row-tariffs">
<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">
<p>Старт</p>
</div>
......@@ -554,7 +554,7 @@
</div>
</div>
<div class="col-4">
<div class="block-mb-green tariff-block">
<div class="block-mt-green tariff-block">
<div class="tariff-block__title">
<p>Стандарт</p>
</div>
......@@ -591,7 +591,7 @@
</div>
</div>
<div class="col-4">
<div class="block-mb-green tariff-block">
<div class="block-mt-green tariff-block">
<div class="tariff-block__title">
<p>Бизнес</p>
</div>
......@@ -684,7 +684,7 @@
<div class="top-company-label-content block-mt-blue">
<div class="row row-tariffs">
<div class="col-4">
<div class="block-mb-green tariff-block">
<div class="block-mt-green tariff-block">
<div class="tariff-block__title">
<p>Старт</p>
</div>
......@@ -709,7 +709,7 @@
</div>
</div>
<div class="col-4">
<div class="block-mb-green tariff-block">
<div class="block-mt-green tariff-block">
<div class="tariff-block__title">
<p>Стандарт</p>
</div>
......@@ -734,7 +734,7 @@
</div>
</div>
<div class="col-4">
<div class="block-mb-green tariff-block">
<div class="block-mt-green tariff-block">
<div class="tariff-block__title">
<p>Бизнес</p>
</div>
......@@ -775,7 +775,7 @@
<div class="tariffs-base-resumes-content block-mt-blue">
<div class="row row-tariffs">
<div class="col-4">
<div class="block-mb-green tariff-block">
<div class="block-mt-green tariff-block">
<div class="tariff-block__title">
<p>Старт</p>
</div>
......@@ -800,7 +800,7 @@
</div>
</div>
<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">
<p>Стандарт</p>
</div>
......@@ -825,7 +825,7 @@
</div>
</div>
<div class="col-4">
<div class="block-mb-green tariff-block">
<div class="block-mt-green tariff-block">
<div class="tariff-block__title">
<p>Бизнес</p>
</div>
......@@ -866,7 +866,7 @@
<div class="tariffs-base-resumes-content block-mt-blue">
<div class="row row-tariffs">
<div class="col-4">
<div class="block-mb-green tariff-block">
<div class="block-mt-green tariff-block">
<div class="tariff-block__title">
<p>Старт</p>
</div>
......@@ -891,7 +891,7 @@
</div>
</div>
<div class="col-4">
<div class="block-mb-green tariff-block">
<div class="block-mt-green tariff-block">
<div class="tariff-block__title">
<p>Стандарт</p>
</div>
......@@ -916,7 +916,7 @@
</div>
</div>
<div class="col-4">
<div class="block-mb-green tariff-block">
<div class="block-mt-green tariff-block">
<div class="tariff-block__title">
<p>Бизнес</p>
</div>
......
src/js/main.js
View file @ 8f3e870d
......@@ -345,18 +345,25 @@ let inputFile = document.querySelectorAll('input[type="file"]');
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;
console.log(input.files);
let value = input.value;
// console.log(value);
value = value.replace( 'C:\\fakepath\\', '');
input.parentElement.querySelector('.file-value').innerHTML = value;
});
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)
let option = button.id;
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('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)
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"]');
fieldsText.forEach(function(input)
if(fieldsText.length)
{
// if(input.style.display === 'none') console.log('yes');
if(getComputedStyle(input, null).display === 'none' || input.disabled)
fieldsText.forEach(function(input)
{
input.classList.remove('field-error');
return;
}
// if(input.style.display === 'none') console.log('yes');
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
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');
return;
}
if(!checkFieldTextarea(textarea)) valid = false;
});
if(getComputedStyle(textarea, null).display === 'none' || textarea.disabled)
{
textarea.classList.remove('field-error');
return;
}
if(!checkFieldTextarea(textarea)) valid = false;
});
}
// Проверим все чекбоксы
......@@ -1596,35 +1629,48 @@ function validationForms(forms)
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');
return;
}
if(!checkFieldPassword(input)) valid = false;
});
if(getComputedStyle(input, null).display === 'none' || input.disabled)
{
input.classList.remove('field-error');
return;
}
if(!checkFieldPassword(input)) valid = false;
});
}
// Проверка даты
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)
{
sendForm(form);
if(form.id === 'form-registration')
{
console.log(true);
registrationForm(form);
}
else
{
sendForm(form);
}
}
});
......@@ -1718,7 +1764,7 @@ function sendForm(form)
document.querySelector('.modal-form_active').classList.remove('modal-form_active');
document.body.appendChild(shadow.querySelector('.modal-form'));
shadow.innerHTML = '';
var successSending = document.querySelector('.successful-sending');
let successSending = document.querySelector('.successful-sending');
successSending.classList.add('successful-sending_active');
shadow.appendChild(successSending);
......@@ -1750,7 +1796,7 @@ function sendForm(form)
}
else
{
var successSending = document.querySelector('.successful-sending');
let successSending = document.querySelector('.successful-sending');
shadow.appendChild(successSending);
shadow.classList.add('wrapper-shadow_active');
successSending.classList.add('successful-sending_active');
......@@ -1786,6 +1832,46 @@ function sendForm(form)
.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)
});
}
// Проверка значений в 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', () =>
......
src/mailing.html
View file @ 8f3e870d
......@@ -569,11 +569,11 @@
<div class="block-mb-blue mailing-method-option">
<div class="container-compressed mailing-method-option_selected" data-option="mailing-phone">
<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 class="container-compressed" data-option="mailing-email">
<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 class="block-mb-blue">
......
src/my-orders.html
View file @ 8f3e870d
......@@ -550,7 +550,17 @@
</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 class="order-block block-mb-green">
<h2>Заказ № 0028 от 30.01.2019</h2>
......@@ -595,7 +605,17 @@
</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 class="order-block block-mb-green">
<h2>Заказ № 0028 от 30.01.2019</h2>
......@@ -640,7 +660,17 @@
</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 class="wrapper-button-center block-mt-green">
<button type="button" class="other-button">Показать ещё</button>
......
src/password-recovery-employer.html
View file @ 8f3e870d
......@@ -282,7 +282,7 @@
<form action="" name="form-password-recovery" id="form-password-recovery" enctype="multipart/form-data" data-ajax="true">
<div class="block-mb-green">
<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 class="block-mb-green">
<div class="little-title">
......
src/password-recovery.html
View file @ 8f3e870d
......@@ -272,7 +272,7 @@
<form action="" name="form-password-recovery" id="form-password-recovery" enctype="multipart/form-data" data-ajax="true">
<div class="block-mb-green">
<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 class="block-mb-green">
<div class="little-title">
......
src/post-vacancy-step1.html
View file @ 8f3e870d
......@@ -355,7 +355,7 @@
<div class="container-compressed">
<div class="block-mb-yellow">
<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 class="block-mb-yellow">
<label for="desired-salary">Предполагаемый доход, руб <span>*</span></label>
......@@ -387,7 +387,7 @@
</div>
<div class="block-mt-yellow">
<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 class="block-mt-yellow">
<label for="email-contact-person">E-mail</label>
......
src/profile-editing-employer.html
View file @ 8f3e870d
......@@ -341,12 +341,12 @@
<div class="container-compressed">
<div class="block-mb-yellow">
<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 class="block-mb-yellow">
<label for="inn">ИНН <span>*</span></label>
<!-- <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="Всплывающий тултип с кратким пояснительным текстом, появляющийся при наведении курсора на иконку">
<img src="./img/icon_info.svg" alt="">
</span> -->
......@@ -394,11 +394,11 @@
</div>
<div class="block-mb-yellow">
<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 class="block-mb-yellow">
<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 class="block-mb-yellow">
<label for="email">E-mail <span>*</span></label>
......
src/profile-editing.html
View file @ 8f3e870d
......@@ -325,14 +325,14 @@
<p>Пол:</p>
<div class="block-radio">
<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>
Мужской
</label>
</div>
<div class="block-radio">
<label for="female">
<input type="radio" id="female" name="gender" hidden="" required>
<input type="radio" id="female" name="gender" hidden="">
<div class="radio"></div>
Женский
</label>
......
src/profile-employee.html
View file @ 8f3e870d
......@@ -341,12 +341,12 @@
<div class="container-compressed">
<div class="block-mb-yellow">
<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 class="block-mb-yellow">
<label for="inn">ИНН <span>*</span></label>
<!-- <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="Всплывающий тултип с кратким пояснительным текстом, появляющийся при наведении курсора на иконку">
<img src="./img/icon_info.svg" alt="">
</span> -->
......@@ -394,11 +394,11 @@
</div>
<div class="block-mb-yellow">
<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 class="block-mb-yellow">
<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 class="block-mb-yellow">
<label for="email">E-mail <span>*</span></label>
......
src/profile-employer.html
View file @ 8f3e870d
......@@ -341,12 +341,12 @@
<div class="container-compressed">
<div class="block-mb-yellow">
<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 class="block-mb-yellow">
<label for="inn">ИНН <span>*</span></label>
<!-- <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="Всплывающий тултип с кратким пояснительным текстом, появляющийся при наведении курсора на иконку">
<img src="./img/icon_info.svg" alt="">
</span> -->
......@@ -394,11 +394,11 @@
</div>
<div class="block-mb-yellow">
<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 class="block-mb-yellow">
<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 class="block-mb-yellow">
<label for="email">E-mail <span>*</span></label>
......
src/profile.html
View file @ 8f3e870d
......@@ -325,14 +325,14 @@
<p>Пол:</p>
<div class="block-radio">
<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>
Мужской
</label>
</div>
<div class="block-radio">
<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>
Женский
</label>
......
src/registration-employer.html
View file @ 8f3e870d
......@@ -334,7 +334,7 @@
</div>
<div class="block-mb-yellow">
<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 class="block-mb-yellow">
<label for="email">E-mail <span>*</span></label>
......@@ -720,6 +720,26 @@
</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>
</body>
</html>
\ No newline at end of file
src/registration.html
View file @ 8f3e870d
......@@ -730,6 +730,26 @@
</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>
</body>
</html>
\ No newline at end of file
src/response-resume.html
View file @ 8f3e870d
......@@ -326,7 +326,7 @@
<h2>Хотите что-нибудь написать?</h2>
<div class="block-mt-green">
<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>
<div class="block-mt-green">
<input type="submit" class="main-button" name="submit-answer" value="Отправить">
......
src/response-vacancy-employer1.html
View file @ 8f3e870d
......@@ -352,7 +352,7 @@
<h2>Хотите что-нибудь написать?</h2>
<div class="block-mt-green">
<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>
<div class="block-mt-green">
<input type="submit" class="main-button" name="submit-answer" value="Отправить">
......
src/response-vacancy-employer2.html
View file @ 8f3e870d
......@@ -352,7 +352,7 @@
<h2>Хотите что-нибудь написать?</h2>
<div class="block-mt-green">
<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>
<div class="block-mt-green">
<input type="submit" class="main-button" name="submit-answer" value="Отправить">
......
src/scss/_media.scss
View file @ 8f3e870d
......@@ -1073,6 +1073,10 @@
{
margin-bottom: 0 !important;
}
.row-tariffs
{
margin-top: -32px;
}
}
@media(max-width: 550px)
{
......
src/scss/style.scss
View file @ 8f3e870d
......@@ -915,7 +915,6 @@ ul
// margin-top: 22px;
label
{
cursor: pointer;
display: flex;
align-items: center;
font-family: Montserrat Regular;
......@@ -970,11 +969,6 @@ ul
border-color:#dddce8;
background: transparent;
}
input[type="radio"]:disabled
{
cursor: none !important;
pointer-events: none;
}
input[type="radio"]:disabled ~ p
{
color: #b7b6c3;
......@@ -983,6 +977,11 @@ ul
{
background-color: #b7b6c3;
}
input[type="radio"]:disabled ~ .radio
{
cursor: default;
pointer-events: none;
}
p
{
font-family: Montserrat Regular;
......@@ -1012,7 +1011,6 @@ ul
// margin-top: 22px;
label
{
cursor: pointer;
display: flex;
align-items: center;
font-family: Montserrat Regular;
......@@ -1056,9 +1054,9 @@ ul
{
opacity: 1;
}
input[type="checkbox"]:disabled
input[type="checkbox"]:disabled ~ .check
{
cursor: none !important;
cursor: default;
pointer-events: none;
}
input[type="checkbox"].check-error ~ .check
......@@ -1437,6 +1435,33 @@ textarea:disabled
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
{
padding-left: 20px;
......@@ -4883,6 +4908,13 @@ input[type="submit"]
font-family: Montserrat Semibold;
}
}
.table-feedback-column
{
p
{
border-bottom: 1px dotted currentColor;
}
}
}
}
&__name
......@@ -4892,6 +4924,7 @@ input[type="submit"]
{
display: inline-block;
margin-bottom: 7px;
font-family: Montserrat Medium;
}
}
&__actions
......@@ -4907,6 +4940,7 @@ input[type="submit"]
font-size: 12px;
width: 85%;
margin: 0;
color: $color-ref;
}
}
.button-text:nth-child(2)
......@@ -5071,6 +5105,7 @@ input[type="submit"]
{
display: flex;
justify-content: space-between;
align-items: flex-start;
&-left
{
width: 22%;
......@@ -5078,7 +5113,11 @@ input[type="submit"]
padding-top: 20px;
padding-bottom: 20px;
border-top: 1px solid #dddce8;
padding-right: 20px;
padding-right: 20px;
a
{
font-family: Montserrat Medium;
}
}
&-right
{
......@@ -5106,6 +5145,22 @@ input[type="submit"]
{
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
......@@ -5178,9 +5233,8 @@ input[type="submit"]
{
content: attr(data-label);
position: absolute;
font-family: Montserrat Bold;
font-family: Montserrat Semibold;
font-size: 14px;
font-stretch: normal;
font-style: normal;
line-height: normal;
......@@ -5739,6 +5793,7 @@ form
{
margin-left: -10px;
margin-right: -10px;
margin-top: -43px;
.col-4
{
padding-left: 10px;
......@@ -5824,7 +5879,7 @@ form
&-block
{
border-bottom: 2px solid #DDDCE8;
padding-bottom: 43px;
// padding-bottom: 43px;
&__image
{
img
......@@ -5885,6 +5940,7 @@ form
{
border: 0;
margin-bottom: 0;
padding-bottom: 0;
}
.banner-info
......@@ -6282,6 +6338,20 @@ hr
line-height: normal;
}
}
.employees-name-column, .employees-status-column
{
p
{
font-family: Montserrat Medium;
}
}
.employees-email-column
{
p
{
font-family: Montserrat Semibold;
}
}
}
&-row_new
{
......@@ -6312,7 +6382,7 @@ hr
{
opacity: 0;
pointer-events: none;
font-family: Montserrat Bold;
font-family: Montserrat Semibold;
font-size: 14px;
font-stretch: normal;
font-style: normal;
......
src/tariffs.html
View file @ 8f3e870d
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