Skip to content

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

Edits is done, make statistics

parent b3358a4f
Hide whitespace changes
Inline Side-by-side
Showing with 1750 additions and 323 deletions
package-lock.json
View file @ f32b1e63
......@@ -2143,6 +2143,32 @@
"integrity": "sha512-mT8iDcrh03qDGRRmoA2hmBJnxpllMR+0/0qlzjqZES6NdiWDcZkCNAk4rPFZ9Q85r27unkiNNg8ZOiwZXBHwcA==",
"dev": true
},
"chart.js": {
"version": "2.9.3",
"resolved": "https://registry.npmjs.org/chart.js/-/chart.js-2.9.3.tgz",
"integrity": "sha512-+2jlOobSk52c1VU6fzkh3UwqHMdSlgH1xFv9FKMqHiNCpXsGPQa/+81AFa+i3jZ253Mq9aAycPwDjnn1XbRNNw==",
"requires": {
"chartjs-color": "^2.1.0",
"moment": "^2.10.2"
}
},
"chartjs-color": {
"version": "2.4.1",
"resolved": "https://registry.npmjs.org/chartjs-color/-/chartjs-color-2.4.1.tgz",
"integrity": "sha512-haqOg1+Yebys/Ts/9bLo/BqUcONQOdr/hoEr2LLTRl6C5LXctUdHxsCYfvQVg5JIxITrfCNUDr4ntqmQk9+/0w==",
"requires": {
"chartjs-color-string": "^0.6.0",
"color-convert": "^1.9.3"
}
},
"chartjs-color-string": {
"version": "0.6.0",
"resolved": "https://registry.npmjs.org/chartjs-color-string/-/chartjs-color-string-0.6.0.tgz",
"integrity": "sha512-TIB5OKn1hPJvO7JcteW4WY/63v6KwEdt6udfnDE9iCAZgy+V4SrbSxoIbTw/xkUIapjEI4ExGtD0+6D3KyFd7A==",
"requires": {
"color-name": "^1.0.0"
}
},
"check-types": {
"version": "8.0.3",
"resolved": "https://registry.npmjs.org/check-types/-/check-types-8.0.3.tgz",
......@@ -6561,6 +6587,11 @@
"minimist": "^1.2.5"
}
},
"moment": {
"version": "2.27.0",
"resolved": "https://registry.npmjs.org/moment/-/moment-2.27.0.tgz",
"integrity": "sha512-al0MUK7cpIcglMv3YF13qSgdAIqxHTO7brRtaz3DlSULbqfazqkc5kEjNrLDOM7fsjshoFIihnU8snrP7zUvhQ=="
},
"move-concurrently": {
"version": "1.0.1",
"resolved": "https://registry.npmjs.org/move-concurrently/-/move-concurrently-1.0.1.tgz",
......
package.json
View file @ f32b1e63
......@@ -41,6 +41,7 @@
"dependencies": {
"@babel/polyfill": "^7.8.3",
"bootstrap": "^4.4.1",
"chart.js": "^2.9.3",
"choices.js": "^9.0.1",
"fetch-polyfill": "^0.8.2",
"gsap": "^3.1.1",
......
src/current-article-employer.html
View file @ f32b1e63
......@@ -287,7 +287,7 @@
<p class="article-detail__preview">Вступление статьи. Текст, который показывается в превью на главной и раздаточной страницах. Как правило, один абзац текста, который подробно раскрывает проблему, поставленную автором, и обозначает ее важность для читателя. Если заголовок привлекает внимание читателя, то вступление должно побудить прочитать статью до конца.</p>
</div>
<p>Аутсо́рсинг (от анг. outsourcing: (outer-source-using) использование внешнего источника/ресурса) — передача организацией на основании договора определённых бизнес-процессов или производственных функций на обслуживание другой компании, специализирующейся в соответствующей области. В отличие от услуг сервиса и поддержки, имеющих разовый, эпизодический, случайный характер и ограниченных началом и концом, на аутсорсинг передаются обычно функции по профессиональной поддержке бесперебойной работоспособности отдельных систем и инфраструктуры на основе длительного контракта (не менее 1 года). Наличие бизнес-процесса является отличительной чертой аутсорсинга от различных других форм оказания услуг и абонентского обслуживания.</p>
<div class="wrapper-transition-arrow block-mt-green">
<div class="wrapper-transition-arrow block-mt-purple">
<a href="#" class="transition-button transition-button__back" id="prev-article">
<img class="img-svg" src="./img/arrow_back.svg" alt="">
Предыдущая статья
......
src/current-article.html
View file @ f32b1e63
......@@ -277,7 +277,7 @@
<p class="article-detail__preview">Вступление статьи. Текст, который показывается в превью на главной и раздаточной страницах. Как правило, один абзац текста, который подробно раскрывает проблему, поставленную автором, и обозначает ее важность для читателя. Если заголовок привлекает внимание читателя, то вступление должно побудить прочитать статью до конца.</p>
</div>
<p>Аутсо́рсинг (от анг. outsourcing: (outer-source-using) использование внешнего источника/ресурса) — передача организацией на основании договора определённых бизнес-процессов или производственных функций на обслуживание другой компании, специализирующейся в соответствующей области. В отличие от услуг сервиса и поддержки, имеющих разовый, эпизодический, случайный характер и ограниченных началом и концом, на аутсорсинг передаются обычно функции по профессиональной поддержке бесперебойной работоспособности отдельных систем и инфраструктуры на основе длительного контракта (не менее 1 года). Наличие бизнес-процесса является отличительной чертой аутсорсинга от различных других форм оказания услуг и абонентского обслуживания.</p>
<div class="wrapper-transition-arrow block-mt-green">
<div class="wrapper-transition-arrow block-mt-purple">
<a href="#" class="transition-button transition-button__back" id="prev-article">
<img class="img-svg" src="./img/arrow_back.svg" alt="">
Предыдущая статья
......
src/current-company.html
View file @ f32b1e63
......@@ -388,137 +388,139 @@
</div>
<div class="vacancies-company block-mt-purple block-mb-purple">
<h2>Вакансии компании</h2>
<div class="row">
<div class="col-3">
<div class="card popular">
<div class="card__desc">
<p class="card__name">Помощник мастера</p>
<p class="card__company">ОКБМ им. Африкантова</p>
<p class="card__salary">30 000 руб/мес</p>
<p class="card__city">Нижний Новгород</p>
<p class="card__parameters">Полный день, Гибкий график, Смена, Удалённая...</p>
<p class="card__date">12.12.2019 г.</p>
</div>
<div class="card__buttons">
<a href="#" class="card__toggle">
<img class="img-svg" src="./img/icon_add_vacancy.svg" alt="">
</a>
<a href="#" class="button-text card__respond">
<img class="img-svg" src="./img/icon_mail.svg" alt="">
Откликнуться
</a>
<div class="block-mt-green">
<div class="row row-card">
<div class="col-3">
<div class="card popular">
<div class="card__desc">
<p class="card__name">Помощник мастера</p>
<p class="card__company">ОКБМ им. Африкантова</p>
<p class="card__salary">30 000 руб/мес</p>
<p class="card__city">Нижний Новгород</p>
<p class="card__parameters">Полный день, Гибкий график, Смена, Удалённая...</p>
<p class="card__date">12.12.2019 г.</p>
</div>
<div class="card__buttons">
<a href="#" class="card__toggle">
<img class="img-svg" src="./img/icon_add_vacancy.svg" alt="">
</a>
<a href="#" class="button-text card__respond">
<img class="img-svg" src="./img/icon_mail.svg" alt="">
Откликнуться
</a>
</div>
<div class="label-top" style="background-image: url(./img/icon_label_top.svg);"></div>
</div>
<div class="label-top" style="background-image: url(./img/icon_label_top.svg);"></div>
</div>
</div>
<div class="col-3">
<div class="card">
<div class="card__desc">
<p class="card__name">Помощник мастера</p>
<p class="card__company">ОКБМ им. Африкантова</p>
<p class="card__salary">30 000 руб/мес</p>
<p class="card__city">Нижний Новгород</p>
<p class="card__parameters">Полный день, Гибкий график, Смена, Удалённая...</p>
<p class="card__date">12.12.2019 г.</p>
</div>
<div class="card__buttons">
<a href="#" class="card__toggle">
<img class="img-svg" src="./img/icon_add_vacancy.svg" alt="">
</a>
<a href="#" class="button-text card__respond">
<img class="img-svg" src="./img/icon_mail.svg" alt="">
Откликнуться
</a>
<div class="col-3">
<div class="card">
<div class="card__desc">
<p class="card__name">Помощник мастера</p>
<p class="card__company">ОКБМ им. Африкантова</p>
<p class="card__salary">30 000 руб/мес</p>
<p class="card__city">Нижний Новгород</p>
<p class="card__parameters">Полный день, Гибкий график, Смена, Удалённая...</p>
<p class="card__date">12.12.2019 г.</p>
</div>
<div class="card__buttons">
<a href="#" class="card__toggle">
<img class="img-svg" src="./img/icon_add_vacancy.svg" alt="">
</a>
<a href="#" class="button-text card__respond">
<img class="img-svg" src="./img/icon_mail.svg" alt="">
Откликнуться
</a>
</div>
<div class="label-top" style="background-image: url(./img/icon_label_top.svg);"></div>
</div>
<div class="label-top" style="background-image: url(./img/icon_label_top.svg);"></div>
</div>
</div>
<div class="col-3">
<div class="card">
<div class="card__desc">
<p class="card__name">Помощник мастера</p>
<p class="card__company">ОКБМ им. Африкантова</p>
<p class="card__salary">30 000 руб/мес</p>
<p class="card__city">Нижний Новгород</p>
<p class="card__parameters">Полный день, Гибкий график, Смена, Удалённая...</p>
<p class="card__date">12.12.2019 г.</p>
</div>
<div class="card__buttons">
<a href="#" class="card__toggle">
<img class="img-svg" src="./img/icon_add_vacancy.svg" alt="">
</a>
<a href="#" class="button-text card__respond">
<img class="img-svg" src="./img/icon_mail.svg" alt="">
Откликнуться
</a>
<div class="col-3">
<div class="card">
<div class="card__desc">
<p class="card__name">Помощник мастера</p>
<p class="card__company">ОКБМ им. Африкантова</p>
<p class="card__salary">30 000 руб/мес</p>
<p class="card__city">Нижний Новгород</p>
<p class="card__parameters">Полный день, Гибкий график, Смена, Удалённая...</p>
<p class="card__date">12.12.2019 г.</p>
</div>
<div class="card__buttons">
<a href="#" class="card__toggle">
<img class="img-svg" src="./img/icon_add_vacancy.svg" alt="">
</a>
<a href="#" class="button-text card__respond">
<img class="img-svg" src="./img/icon_mail.svg" alt="">
Откликнуться
</a>
</div>
<div class="label-top" style="background-image: url(./img/icon_label_top.svg);"></div>
</div>
<div class="label-top" style="background-image: url(./img/icon_label_top.svg);"></div>
</div>
</div>
<div class="col-3">
<div class="card">
<div class="card__desc">
<p class="card__name">Помощник мастера</p>
<p class="card__company">ОКБМ им. Африкантова</p>
<p class="card__salary">30 000 руб/мес</p>
<p class="card__city">Нижний Новгород</p>
<p class="card__parameters">Полный день, Гибкий график, Смена, Удалённая...</p>
<p class="card__date">12.12.2019 г.</p>
</div>
<div class="card__buttons">
<a href="#" class="card__toggle">
<img class="img-svg" src="./img/icon_add_vacancy.svg" alt="">
</a>
<a href="#" class="button-text card__respond">
<img class="img-svg" src="./img/icon_mail.svg" alt="">
Откликнуться
</a>
<div class="col-3">
<div class="card">
<div class="card__desc">
<p class="card__name">Помощник мастера</p>
<p class="card__company">ОКБМ им. Африкантова</p>
<p class="card__salary">30 000 руб/мес</p>
<p class="card__city">Нижний Новгород</p>
<p class="card__parameters">Полный день, Гибкий график, Смена, Удалённая...</p>
<p class="card__date">12.12.2019 г.</p>
</div>
<div class="card__buttons">
<a href="#" class="card__toggle">
<img class="img-svg" src="./img/icon_add_vacancy.svg" alt="">
</a>
<a href="#" class="button-text card__respond">
<img class="img-svg" src="./img/icon_mail.svg" alt="">
Откликнуться
</a>
</div>
<div class="label-top" style="background-image: url(./img/icon_label_top.svg);"></div>
</div>
<div class="label-top" style="background-image: url(./img/icon_label_top.svg);"></div>
</div>
</div>
<div class="col-3">
<div class="card">
<div class="card__desc">
<p class="card__name">Помощник мастера</p>
<p class="card__company">ОКБМ им. Африкантова</p>
<p class="card__salary">30 000 руб/мес</p>
<p class="card__city">Нижний Новгород</p>
<p class="card__parameters">Полный день, Гибкий график, Смена, Удалённая...</p>
<p class="card__date">12.12.2019 г.</p>
</div>
<div class="card__buttons">
<a href="#" class="card__toggle">
<img class="img-svg" src="./img/icon_add_vacancy.svg" alt="">
</a>
<a href="#" class="button-text card__respond">
<img class="img-svg" src="./img/icon_mail.svg" alt="">
Откликнуться
</a>
<div class="col-3">
<div class="card">
<div class="card__desc">
<p class="card__name">Помощник мастера</p>
<p class="card__company">ОКБМ им. Африкантова</p>
<p class="card__salary">30 000 руб/мес</p>
<p class="card__city">Нижний Новгород</p>
<p class="card__parameters">Полный день, Гибкий график, Смена, Удалённая...</p>
<p class="card__date">12.12.2019 г.</p>
</div>
<div class="card__buttons">
<a href="#" class="card__toggle">
<img class="img-svg" src="./img/icon_add_vacancy.svg" alt="">
</a>
<a href="#" class="button-text card__respond">
<img class="img-svg" src="./img/icon_mail.svg" alt="">
Откликнуться
</a>
</div>
<div class="label-top" style="background-image: url(./img/icon_label_top.svg);"></div>
</div>
<div class="label-top" style="background-image: url(./img/icon_label_top.svg);"></div>
</div>
</div>
<div class="col-3">
<div class="card">
<div class="card__desc">
<p class="card__name">Помощник мастера</p>
<p class="card__company">ОКБМ им. Африкантова</p>
<p class="card__salary">30 000 руб/мес</p>
<p class="card__city">Нижний Новгород</p>
<p class="card__parameters">Полный день, Гибкий график, Смена, Удалённая...</p>
<p class="card__date">12.12.2019 г.</p>
</div>
<div class="card__buttons">
<a href="#" class="card__toggle">
<img class="img-svg" src="./img/icon_add_vacancy.svg" alt="">
</a>
<a href="#" class="button-text card__respond">
<img class="img-svg" src="./img/icon_mail.svg" alt="">
Откликнуться
</a>
<div class="col-3">
<div class="card">
<div class="card__desc">
<p class="card__name">Помощник мастера</p>
<p class="card__company">ОКБМ им. Африкантова</p>
<p class="card__salary">30 000 руб/мес</p>
<p class="card__city">Нижний Новгород</p>
<p class="card__parameters">Полный день, Гибкий график, Смена, Удалённая...</p>
<p class="card__date">12.12.2019 г.</p>
</div>
<div class="card__buttons">
<a href="#" class="card__toggle">
<img class="img-svg" src="./img/icon_add_vacancy.svg" alt="">
</a>
<a href="#" class="button-text card__respond">
<img class="img-svg" src="./img/icon_mail.svg" alt="">
Откликнуться
</a>
</div>
<div class="label-top" style="background-image: url(./img/icon_label_top.svg);"></div>
</div>
<div class="label-top" style="background-image: url(./img/icon_label_top.svg);"></div>
</div>
</div>
</div>
......
src/faq-employer.html
View file @ f32b1e63
......@@ -346,6 +346,7 @@
<label for="message-ask">Сообщение <span>*</span></label>
<textarea name="message-ask" id="message-ask" data-required="true"></textarea>
</div>
<p class="block-mb-green" style="font-size: 14px;">Нажимая кнопку «Зарегистрироваться», Вы даёте своё согласие на обработку персональных данных</p>
<input type="submit" class="main-button" name="send-question" value="Отправить">
</form>
</div>
......
src/faq.html
View file @ f32b1e63
......@@ -336,6 +336,7 @@
<label for="message-ask">Сообщение <span>*</span></label>
<textarea name="message-ask" id="message-ask" data-required="true"></textarea>
</div>
<p class="block-mb-green" style="font-size: 14px;">Нажимая кнопку «Зарегистрироваться», Вы даёте своё согласие на обработку персональных данных</p>
<input type="submit" class="main-button" name="send-question" value="Отправить">
</form>
</div>
......
src/invoice-payment.html
View file @ f32b1e63
......@@ -328,7 +328,8 @@
<img class="img-svg" src="./img/icon_burger.svg" alt="">
</button>
<h3>Исполнитель:</h3>
<div class="invoice-payment block-mt-blue">
<div class="block-mt-blue"></div>
<div class="invoice-payment">
<div class="invoice-payment-block">
<div class="row">
<div class="col-4">
......
src/js/main.js
View file @ f32b1e63
......@@ -5,6 +5,7 @@ import Choices from '../../node_modules/choices.js/src/scripts/choices';
import 'owl.carousel';
import datepicker from 'js-datepicker';
import noUiSlider from "nouislider";
import Chart from 'chart.js';
(function()
{
......@@ -912,6 +913,11 @@ document.addEventListener('DOMContentLoaded', () => {
objectManager.add(objectManagerData);
map.setBounds(map.geoObjects.getBounds());
if(objectManagerData["features"].length === 1)
{
map.setZoom(17);
}
objectManager.objects.events.add('click', function (e) {
var objectId = e.get('objectId');
......@@ -953,7 +959,7 @@ document.addEventListener('DOMContentLoaded', () => {
let map = new ymaps.Map('current-company-map', {
center: [55.751574, 37.573856],
zoom: 12,
zoom: 0,
controls: []
})
......@@ -1015,6 +1021,11 @@ document.addEventListener('DOMContentLoaded', () => {
objectManager.add(objectManagerData);
map.setBounds(map.geoObjects.getBounds());
if(objectManagerData["features"].length === 1)
{
map.setZoom(17);
}
objectManager.objects.events.add('click', function (e) {
var objectId = e.get('objectId');
......@@ -1401,42 +1412,13 @@ let modalAppBanner = document.querySelector('#modal-app-banner');
function checkFormPostPicture(button)
{
let currentForm = button.parentElement;
// let valid = true;
const fieldRadio = currentForm.querySelector('input[type="radio"]:checked');
// const fieldsRadio = currentForm.querySelectorAll('input[type="radio"]');
// if(!fieldRadio)
// {
// fieldsRadio.forEach((input) => input.classList.add('check-error'));
// valid = false;
// }
// if(valid)
// {
// fieldsRadio.forEach((input) => input.classList.remove('check-error'));
let bannerInfo = document.querySelector('.banner-info');
let sizesBanner = currentForm.elements[0].value;
let countDays = fieldRadio.value;
// let allRadio = Array.from(currentForm.querySelectorAll('input[type="radio"]'));
// allRadio.forEach(elem =>
// {
// if(elem.checked)
// {
// countDays = elem.value;
// }
// });
bannerInfo.innerHTML = `Баннер ${sizesBanner} сроком на ${countDays}`;
return true;
// }
// else
// {
// return false;
// }
let bannerInfo = document.querySelector('.banner-info');
let sizesBanner = currentForm.elements[0].value;
let countDays = fieldRadio.value;
bannerInfo.innerHTML = `Баннер ${sizesBanner} сроком на ${countDays}`;
return true;
}
const animationModalForm = fn =>
......@@ -1707,19 +1689,46 @@ function sendForm(form)
successSending.classList.add('successful-sending_active');
shadow.appendChild(successSending);
arrayFields.forEach(field =>
{
field.addEventListener('click', (e) =>
{
e.preventDefault();
// arrayFields.forEach(field =>
// {
// field.addEventListener('click', (e) =>
// {
// e.preventDefault();
successSending.classList.remove('successful-sending_active');
shadow.classList.remove('wrapper-shadow_active');
document.body.classList.remove('disabled');
document.body.appendChild(successSending);
shadow.innerHTML = '';
// successSending.classList.remove('successful-sending_active');
// shadow.classList.remove('wrapper-shadow_active');
// document.body.classList.remove('disabled');
// document.body.appendChild(successSending);
// shadow.innerHTML = '';
});
// });
// });
shadow.addEventListener('click', (e) =>
{
if(e.target.classList.contains('wrapper-shadow'))
{
e.preventDefault();
successSending.classList.remove('successful-sending_active');
shadow.classList.remove('wrapper-shadow_active');
document.body.classList.remove('disabled');
document.body.appendChild(successSending);
shadow.innerHTML = '';
}
});
successSending.querySelector('.close-modal a').addEventListener('click', function(e)
{
e.preventDefault();
successSending.classList.remove('successful-sending_active');
shadow.classList.remove('wrapper-shadow_active');
document.body.classList.remove('disabled');
document.body.appendChild(successSending);
shadow.innerHTML = '';
});
}
else
......@@ -1729,19 +1738,30 @@ function sendForm(form)
shadow.classList.add('wrapper-shadow_active');
successSending.classList.add('successful-sending_active');
arrayFields.forEach(field =>
shadow.addEventListener('click', (e) =>
{
field.addEventListener('click', (e) =>
{
e.preventDefault();
successSending.classList.remove('successful-sending_active');
shadow.classList.remove('wrapper-shadow_active');
document.body.classList.remove('disabled');
document.body.appendChild(successSending);
shadow.innerHTML = '';
});
if(e.target.classList.contains('wrapper-shadow'))
{
e.preventDefault();
successSending.classList.remove('successful-sending_active');
shadow.classList.remove('wrapper-shadow_active');
document.body.classList.remove('disabled');
document.body.appendChild(successSending);
shadow.innerHTML = '';
}
});
successSending.querySelector('.close-modal a').addEventListener('click', function(e)
{
e.preventDefault();
successSending.classList.remove('successful-sending_active');
shadow.classList.remove('wrapper-shadow_active');
document.body.classList.remove('disabled');
document.body.appendChild(successSending);
shadow.innerHTML = '';
});
}
......@@ -1840,6 +1860,147 @@ wrapTable(invoicePayment);
wrapTable(rates);
wrapTable(employees);
// Обертка для графиков
let schedules = document.querySelectorAll('[data-schedule="true"]');
function wrapSchedule(schedules)
{
if(schedules.length)
{
schedules.forEach(function(schedule)
{
schedule.insertAdjacentHTML('beforebegin', '<div class="wrapper-schedule"></div>');
let wrapperSchedule = schedule.previousElementSibling;
wrapperSchedule.appendChild(schedule);
});
}
}
wrapSchedule(schedules);
// Сортировка таблиц
let sortingRef = document.querySelectorAll('.sorting-ref');
if(sortingRef.length)
{
sortingRef.forEach(ref =>
{
ref.addEventListener('click', (e) =>
{
e.preventDefault();
ref.classList.toggle('sorting-ref_sort');
if(ref.classList.contains('sorting-ref_sort'))
{
let refParent = ref.parentElement;
if(refParent.classList.contains('table-header-row-block'))
{
let table = ref.parentElement.parentElement.parentElement.parentElement;
let rows = table.querySelectorAll('.table-content-row-block.table-date-column p');
let arrayDates = [];
if(rows.length)
{
rows.forEach(row => {
let dateStr = row.innerHTML;
let date = new Date(dateStr.split('.').reverse().join('-')).getTime();
arrayDates.push(date);
});
}
arrayDates.sort();
rows.forEach((row) => {
arrayDates.forEach((dateSort, index) => {
let dateStr = row.innerHTML;
let date = new Date(dateStr.split('.').reverse().join('-')).getTime();
if(date === dateSort)
{
row.parentElement.parentElement.style.order = index;
}
});
});
}
else if(refParent.classList.contains('response-header-row-block'))
{
let table = ref.parentElement.parentElement.parentElement.parentElement.parentElement;
let mainRows = table.querySelectorAll('.response-content-row');
let arrayDates = [];
if(mainRows.length)
{
mainRows.forEach(row =>
{
arrayDates = [];
let rowsDate = row.querySelectorAll('.response-date-column p');
if(rowsDate.length)
{
rowsDate.forEach(rowDate => {
let dateStr = rowDate.innerHTML;
let date = new Date(dateStr.split('.').reverse().join('-')).getTime();
arrayDates.push(date);
});
arrayDates.sort();
rowsDate.forEach(async rowDate =>
{
arrayDates.forEach((dateSort, index) =>
{
let dateStr = rowDate.innerHTML;
let date = new Date(dateStr.split('.').reverse().join('-')).getTime();
if(date === dateSort)
{
rowDate.parentElement.parentElement.parentElement.style.order = index;
}
});
});
}
});
}
}
}
else
{
let refParent = ref.parentElement;
if(refParent.classList.contains('table-header-row-block'))
{
let table = ref.parentElement.parentElement.parentElement.parentElement;
let rows = table.querySelectorAll('.table-content-row-block.table-date-column p');
rows.forEach(row => {
row.parentElement.parentElement.style.order = '0';
});
}
else if(refParent.classList.contains('response-header-row-block'))
{
let table = ref.parentElement.parentElement.parentElement.parentElement.parentElement;
let mainRows = table.querySelectorAll('.response-content-row-right-wrapper');
mainRows.forEach(row => {
row.style.order = '0';
});
}
}
});
});
}
// Адаптив для формы быстрого поиска
if(window.matchMedia('(max-width: 650px)').matches)
......@@ -2163,6 +2324,121 @@ if(modalFind && findRef.length)
});
}
// Графики со статистикой
document.addEventListener('DOMContentLoaded', () =>
{
let scheduleViews = document.querySelector('#schedule-views');
let scheduleResponse = document.querySelector('#schedule-response');
if(scheduleViews)
{
let ctx = scheduleViews.getContext('2d');
let myChart = new Chart(ctx, {
type: 'line',
data:
{
labels: ['15', '16', '17', '18', '19', '20', '21', '22', '23', '24', '25', '26', '27', '28', '29', '30', '1', '2', '3', '4',
'5', '6', '7', '8', '9', '10', '11', '12', '13', '14'],
datasets: [{
borderCapStyle: 'square',
tension: 0,
radius: 0,
// label: false,
data: [1, 0, 2, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
backgroundColor: '#f7f6fb',
borderWidth: 3,
borderColor: '#92c83e',
}]
},
options: {
responsive: false,
scales: {
yAxes: [{
ticks: {
suggestedMin: 0,
suggestedMax: 2,
stepSize: 2
}
}],
scaleLabel: {
display: false
},
// xAxes: [{
// ticks: {
// suggestedMin: 0,
// suggestedMax: 100
// }
// }]
},
// scale: {
// gridLines: {
// // drawOnChartArea: false
// // display: false
// }
// },
tooltips: {
enabled: false
}
}
});
}
if(scheduleResponse)
{
let ctx = scheduleResponse.getContext('2d');
let myChart = new Chart(ctx, {
type: 'line',
data:
{
labels: ['15', '16', '17', '18', '19', '20', '21', '22', '23', '24', '25', '26', '27', '28', '29', '30', '1', '2', '3', '4',
'5', '6', '7', '8', '9', '10', '11', '12', '13', '14'],
datasets: [{
borderCapStyle: 'square',
tension: 0,
radius: 0,
// label: false,
data: [1, 0, 2, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
backgroundColor: '#f7f6fb',
borderWidth: 3,
borderColor: '#92c83e',
}]
},
options: {
responsive: false,
scales: {
yAxes: [{
ticks: {
suggestedMin: 0,
suggestedMax: 2,
stepSize: 2
}
}],
scaleLabel: {
display: false
},
// xAxes: [{
// ticks: {
// suggestedMin: 0,
// suggestedMax: 100
// }
// }]
},
// scale: {
// gridLines: {
// // drawOnChartArea: false
// // display: false
// }
// },
tooltips: {
enabled: false
}
}
});
}
});
......
src/main.html
View file @ f32b1e63
......@@ -464,6 +464,9 @@
<li>
<a href="profile-employee.html">Профиль - Сотрудник</a>
</li>
<!-- <li>
<a href="statistics-employer.html">Статистика</a>
</li> -->
</ul>
</div>
</div>
......
src/my-resumes.html
View file @ f32b1e63
......@@ -330,7 +330,9 @@
</div>
<div class="table-header-row-block table-date-column">
<p>Истекает</p>
<img src="./img/icon_arrow_up.svg" alt="">
<a href="#" class="sorting-ref">
<img src="./img/icon_arrow_up.svg" alt="">
</a>
</div>
</div>
</div>
......@@ -513,7 +515,9 @@
</div>
<div class="table-header-row-block table-date-column">
<p>Истекло</p>
<img src="./img/icon_arrow_up.svg" alt="">
<a href="#" class="sorting-ref">
<img src="./img/icon_arrow_up.svg" alt="">
</a>
</div>
<div class="table-header-row-block table-remove-column">
<P>Удалить</P>
......@@ -532,7 +536,7 @@
<p>Редактировать</p>
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_close.svg" alt="">
<img class="img-svg" src="./img/icon_publish.svg" alt="">
<p>Опубликовать повторно</p>
</a>
</div>
......@@ -563,7 +567,7 @@
<p>Редактировать</p>
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_close.svg" alt="">
<img class="img-svg" src="./img/icon_publish.svg" alt="">
<p>Опубликовать повторно</p>
</a>
</div>
......@@ -594,7 +598,7 @@
<p>Редактировать</p>
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_close.svg" alt="">
<img class="img-svg" src="./img/icon_publish.svg" alt="">
<p>Опубликовать повторно</p>
</a>
</div>
......
src/my-vacancies.html
View file @ f32b1e63
......@@ -406,7 +406,9 @@
</div>
<div class="table-header-row-block table-date-column">
<p>Истекает</p>
<img src="./img/icon_arrow_up.svg" alt="">
<a href="#" class="sorting-ref">
<img src="./img/icon_arrow_up.svg" alt="">
</a>
</div>
</div>
</div>
......@@ -589,7 +591,9 @@
</div>
<div class="table-header-row-block table-date-column">
<p>Истекло</p>
<img src="./img/icon_arrow_up.svg" alt="">
<a href="#" class="sorting-ref">
<img src="./img/icon_arrow_up.svg" alt="">
</a>
</div>
<div class="table-header-row-block table-remove-column">
<P>Удалить</P>
......@@ -608,7 +612,7 @@
<p>Редактировать</p>
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_close.svg" alt="">
<img class="img-svg" src="./img/icon_publish.svg" alt="">
<p>Опубликовать повторно</p>
</a>
</div>
......@@ -639,7 +643,7 @@
<p>Редактировать</p>
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_close.svg" alt="">
<img class="img-svg" src="./img/icon_publish.svg" alt="">
<p>Опубликовать повторно</p>
</a>
</div>
......@@ -670,7 +674,7 @@
<p>Редактировать</p>
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_close.svg" alt="">
<img class="img-svg" src="./img/icon_publish.svg" alt="">
<p>Опубликовать повторно</p>
</a>
</div>
......
src/post-resume-step2.html
View file @ f32b1e63
......@@ -356,7 +356,7 @@
<div class="block-mt-orange">
<div class="block-radio">
<label for="no-exp">
<input type="radio" id="no-exp" name="work-experience" hidden>
<input type="radio" id="no-exp" name="work-experience" hidden checked>
<div class="radio"></div>
<p>Без опыта</p>
</label>
......
src/profile-editing-employer.html
View file @ f32b1e63
......@@ -359,7 +359,7 @@
<div class="block-mb-yellow">
<div class="row">
<div class="col-4">
<p>Тип работодателя <span>*</span>:</p>
<p class="block-mb-orange" style="font-size: 15px;">Тип работодателя <span>*</span>:</p>
</div>
<div class="col-8">
<div class="row">
......@@ -406,7 +406,7 @@
</div>
<div class="block-mb-yellow">
<label for="website-address">Адрес сайта <span>*</span></label>
<input type="text" name="website-address" id="website-address" placeholder="АДРЕС САЙТА" value="">
<input type="text" name="website-address" id="website-address" data-required="true" pattern="^((https?|ftp)\:\/\/)?([a-z0-9]{1})((\.[a-z0-9-])|([a-z0-9-]))*\.([a-z]{2,6})(\/?)$" placeholder="АДРЕС САЙТА" value="">
</div>
<div class="block-mb-green">
<label for="desc-company">Описание компании</label>
......
src/profile-employee.html
View file @ f32b1e63
......@@ -12,21 +12,17 @@
<div class="container">
<div class="row justify-content-between align-items-center">
<div class="col-auto header-top-left">
<div href="#" class="choice-lang prompt">
<div class="choice-lang prompt">
RU
<img class="img-svg" src="./img/arrow_down.svg" alt="">
<div class="prompt__block">
<a href="#">EN</a>
</div>
</div>
<div href="#" class="choice-city prompt">
<a href="#" class="choice-city">
Нижний Новгород
<img class="img-svg" src="./img/arrow_down.svg" alt="">
<div class="prompt__block">
<a href="#">Казань</a>
<a href="#">Москва</a>
</div>
</div>
</a>
</div>
<div class="col-auto header-top-middle">
<a href="#" class="choice-mode">Ищу работу</a>
......@@ -92,7 +88,7 @@
<p>Быстрый поиск узкоквалифицированной работы</p>
</div>
<div class="col header-bottom-right">
<a href="#" class="button-text">
<a href="#" class="button-text find-ref">
<img class="img-svg" src="./img/icon_search.svg" alt="">
<p>Найти<br> работника</p>
</a>
......@@ -145,7 +141,7 @@
<a href="#" class="button-text feedback" data-count="+16">
<img class="img-svg" src="./img/icon_feedback_scroll.svg" alt="">
</a>
<a href="#" class="button-text">
<a href="#" class="button-text find-ref">
<img class="img-svg" src="./img/icon_search_scroll.svg" alt="">
</a>
<a href="#" class="button-text">
......@@ -174,7 +170,7 @@
<div class="container">
<div class="row justify-content-between align-items-center">
<div class="col-auto header-scroll-mobile-left">
<a href="#" class="button-text">
<a href="#" class="button-text find-ref">
<img class="img-svg" src="./img/icon_search_scroll.svg" alt="">
</a>
<a href="#" class="button-text">
......@@ -345,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="ИП Чапаев" 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" 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> -->
......@@ -363,12 +359,12 @@
<div class="block-mb-yellow">
<div class="row">
<div class="col-4">
<p>Тип работодателя <span>*</span>:</p>
<p class="block-mb-orange" style="font-size: 15px;">Тип работодателя <span>*</span>:</p>
</div>
<div class="col-8">
<div class="row">
<div class="col-12">
<div class="block-radio">
<div class="block-mb-orange block-radio">
<label for="direct-employer">
<input type="radio" id="direct-employer" name="type-employer" hidden="" checked disabled>
<div class="radio"></div>
......@@ -398,19 +394,19 @@
</div>
<div class="block-mb-yellow">
<label for="contact-person">Контактное лицо <span>*</span></label>
<input type="text" placeholder="ОТЧЕСТВО" name="contact-person" id="contact-person" 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" disabled>
<input type="text" name="phone" id="phone" placeholder="+7" pattern="^((8|\+7)[\- ]?)?(\(?\d{3}\)?[\- ]?)?[\d\- ]{7,10}$" data-required="true" value="+79876543210" disabled>
</div>
<div class="block-mb-yellow">
<label for="email">E-mail <span>*</span></label>
<input type="text" name="email" id="email" placeholder="E-MAIL" value="ivanov_i@gmail.ru" disabled>
<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" value="ivanov_i@gmail.ru" disabled>
</div>
<div class="block-mb-yellow">
<label for="website-address">Адрес сайта <span>*</span></label>
<input type="text" name="website-address" id="website-address" placeholder="АДРЕС САЙТА" value="" disabled>
<input type="text" name="website-address" id="website-address" data-required="true" pattern="^((https?|ftp)\:\/\/)?([a-z0-9]{1})((\.[a-z0-9-])|([a-z0-9-]))*\.([a-z]{2,6})(\/?)$" placeholder="АДРЕС САЙТА" value="" disabled>
</div>
<div class="block-mb-green">
<label for="desc-company">Описание компании</label>
......@@ -582,6 +578,237 @@
</div>
</div>
</div>
<div class="modal-form" id="detailed-search">
<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-orange">
<form action="" name="form-detailed-search" id="form-detailed-search">
<input type="text" name="position" placeholder="ДОЛЖНОСТЬ">
<input type="text" name="city" placeholder="ГОРОД">
<div class="block-mt-green">
<input type="submit" class="main-button" name="submit-detailed-search" value="Найти">
</div>
</form>
</div>
</div>
<div class="modal-search-city">
<div class="container">
<div class="close-modal">
<a href="#">
Закрыть
<img class="img-svg" src="./img/icon_close_modal.svg" alt="">
</a>
</div>
<div class="block-mt-yellow">
<div class="city-search">
<form action="" name="city-search" id="city-search" data-ajax-search="true">
<input type="text" name="city" placeholder="ПОИСК ПО ГОРОДАМ">
<input type="submit" class="main-button" name="submit-city-search" value="Найти">
</form>
</div>
</div>
<div class="block-mt-green">
<div class="spell-city-search">
<form action="" data-ajax-search="true">
<input type="text" name="letter" value="а" hidden>
<input type="submit" name="submit-letter-search" value="А">
</form>
<form action="" data-ajax-search="true">
<input type="text" name="letter" value="б" hidden>
<input type="submit" name="submit-letter-search" value="Б">
</form>
<form action="" data-ajax-search="true">
<input type="text" name="letter" value="в" hidden>
<input type="submit" name="submit-letter-search" value="В">
</form>
<form action="" data-ajax-search="true">
<input type="text" name="letter" value="г" hidden>
<input type="submit" name="submit-letter-search" value="Г">
</form>
<form action="" data-ajax-search="true">
<input type="text" name="letter" value="д" hidden>
<input type="submit" name="submit-letter-search" value="Д">
</form>
<form action="" data-ajax-search="true">
<input type="text" name="letter" value="е" hidden>
<input type="submit" name="submit-letter-search" value="Е">
</form>
<form action="" data-ajax-search="true">
<input type="text" name="letter" value="ё" hidden>
<input type="submit" name="submit-letter-search" value="Ё">
</form>
<form action="" data-ajax-search="true">
<input type="text" name="letter" value="ж" hidden>
<input type="submit" name="submit-letter-search" value="Ж">
</form>
<form action="" data-ajax-search="true">
<input type="text" name="letter" value="з" hidden>
<input type="submit" name="submit-letter-search" value="З">
</form>
<form action="" class="chosen-city" data-ajax-search="true">
<input type="text" name="letter" value="и" hidden>
<input type="submit" name="submit-letter-search" value="И">
</form>
<form action="" data-ajax-search="true">
<input type="text" name="letter" value="к" hidden>
<input type="submit" name="submit-letter-search" value="К">
</form>
<form action="" data-ajax-search="true">
<input type="text" name="letter" value="л" hidden>
<input type="submit" name="submit-letter-search" value="Л">
</form>
<form action="" data-ajax-search="true">
<input type="text" name="letter" value="м" hidden>
<input type="submit" name="submit-letter-search" value="М">
</form>
<form action="" data-ajax-search="true">
<input type="text" name="letter" value="н" hidden>
<input type="submit" name="submit-letter-search" value="Н">
</form>
<form action="" data-ajax-search="true">
<input type="text" name="letter" value="о" hidden>
<input type="submit" name="submit-letter-search" value="О">
</form>
<form action="" data-ajax-search="true">
<input type="text" name="letter" value="п" hidden>
<input type="submit" name="submit-letter-search" value="П">
</form>
<form action="" data-ajax-search="true">
<input type="text" name="letter" value="р" hidden>
<input type="submit" name="submit-letter-search" value="Р">
</form>
<form action="" data-ajax-search="true">
<input type="text" name="letter" value="с" hidden>
<input type="submit" name="submit-letter-search" value="С">
</form>
<form action="" data-ajax-search="true">
<input type="text" name="letter" value="т" hidden>
<input type="submit" name="submit-letter-search" value="Т">
</form>
<form action="" data-ajax-search="true">
<input type="text" name="letter" value="у" hidden>
<input type="submit" name="submit-letter-search" value="У">
</form>
<form action="" data-ajax-search="true">
<input type="text" name="letter" value="ф" hidden>
<input type="submit" name="submit-letter-search" value="Ф">
</form>
<form action="" data-ajax-search="true">
<input type="text" name="letter" value="х" hidden>
<input type="submit" name="submit-letter-search" value="Х">
</form>
<form action="" data-ajax-search="true">
<input type="text" name="letter" value="ц" hidden>
<input type="submit" name="submit-letter-search" value="Ц">
</form>
<form action="" data-ajax-search="true">
<input type="text" name="letter" value="ч" hidden>
<input type="submit" name="submit-letter-search" value="Ч">
</form>
<form action="" data-ajax-search="true">
<input type="text" name="letter" value="ш" hidden>
<input type="submit" name="submit-letter-search" value="Ш">
</form>
<form action="" data-ajax-search="true">
<input type="text" name="letter" value="щ" hidden>
<input type="submit" name="submit-letter-search" value="Щ">
</form>
<form action="" data-ajax-search="true">
<input type="text" name="letter" value="э" hidden>
<input type="submit" name="submit-letter-search" value="Э">
</form>
<form action="" data-ajax-search="true">
<input type="text" name="letter" value="ю" hidden>
<input type="submit" name="submit-letter-search" value="Ю">
</form>
<form action="" data-ajax-search="true">
<input type="text" name="letter" value="я" hidden>
<input type="submit" name="submit-letter-search" value="Я">
</form>
</div>
</div>
<div class="block-mt-dark-blue block-mb-blue">
<div class="found-cities">
<div class="row row-cities">
<div class="col-3">
<a href="#">Ибреси</a>
<a href="#">Ивангород</a>
<a href="#">Иваново</a>
<a href="#">Ивановская</a>
<a href="#">Ивдель</a>
</div>
<div class="col-3">
<a href="#">Ибреси</a>
<a href="#">Ивангород</a>
<a href="#">Иваново</a>
<a href="#">Ивановская</a>
<a href="#">Ивдель</a>
</div>
<div class="col-3">
<a href="#">Ибреси</a>
<a href="#">Ивангород</a>
<a href="#">Иваново</a>
<a href="#">Ивановская</a>
<a href="#">Ивдель</a>
</div>
<div class="col-3">
<a href="#">Ибреси</a>
<a href="#">Ивангород</a>
<a href="#">Иваново</a>
<a href="#">Ивановская</a>
<a href="#">Ивдель</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="modal-find">
<div class="container">
<div class="close-modal">
<a href="#">
Закрыть
<img class="img-svg" src="./img/icon_close_modal.svg" alt="">
</a>
</div>
<div class="block-mt-yellow">
<div class="quick-job-search">
<div class="quick-job-search-block">
<div class="quick-job-search-block-content">
<form action="" name="quick-search-form" data-for="employer">
<input type="text" name="position" placeholder="ДОЛЖНОСТЬ">
<input type="text" name="city" placeholder="ГОРОД">
<div class="input-search-mobile">
<input type="text" name="resume" placeholder="ПОИСК ВАКАНСИИ">
<button stype="button" class="button-detailed-search">
<img src="./img/icon_option.svg" alt="">
</button>
</div>
<input type="submit" name="submit-quick-search-form" class="main-button" value="Найти">
</form>
<div class="wrapper-button-center block-mt-green">
<a href="#" class="button-text detailed-search">
<img class="img-svg" src="./img/icon_search.svg" alt="">
Расширенный поиск
</a>
</div>
<div class="hash-tags block-mt-dark-blue">
<a href="#" class="hash-tags__link"># работа рядом <span>(5)</span></a>
<a href="#" class="hash-tags__link"># работа прямо сейчас <span>(3)</span></a>
<a href="#" class="hash-tags__link"># работа завтра <span>(18)</span></a>
<a href="#" class="hash-tags__link"># работа через месяц <span>(11)</span></a>
<a href="#" class="hash-tags__link"># сезонная работа <span>(8)</span></a>
<a href="#" class="hash-tags__link"># постоянная работа <span>(8)</span></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
\ No newline at end of file
src/profile-employer.html
View file @ f32b1e63
......@@ -359,7 +359,7 @@
<div class="block-mb-yellow">
<div class="row">
<div class="col-4">
<p>Тип работодателя <span>*</span>:</p>
<p class="block-mb-orange" style="font-size: 15px;">Тип работодателя <span>*</span>:</p>
</div>
<div class="col-8">
<div class="row">
......@@ -406,7 +406,7 @@
</div>
<div class="block-mb-yellow">
<label for="website-address">Адрес сайта <span>*</span></label>
<input type="text" name="website-address" id="website-address" placeholder="АДРЕС САЙТА" value="" disabled>
<input type="text" name="website-address" id="website-address" data-required="true" pattern="^((https?|ftp)\:\/\/)?([a-z0-9]{1})((\.[a-z0-9-])|([a-z0-9-]))*\.([a-z]{2,6})(\/?)$" placeholder="АДРЕС САЙТА" value="" disabled>
</div>
<div class="block-mb-green">
<label for="desc-company">Описание компании</label>
......
src/profile-preview-employer.html
View file @ f32b1e63
......@@ -397,7 +397,8 @@
</div>
</div>
<div class="wrapper-map block-mb-green">
<iframe src="https://yandex.ru/map-widget/v1/?um=constructor%3A805e8a92d74677c7d0faadbbe38c16ccd54442663acf6a9591c2c8ce6d3b9c9e&amp;source=constructor" width="100%" height="100%" frameborder="0"></iframe>
<!-- <iframe src="https://yandex.ru/map-widget/v1/?um=constructor%3A805e8a92d74677c7d0faadbbe38c16ccd54442663acf6a9591c2c8ce6d3b9c9e&amp;source=constructor" width="100%" height="100%" frameborder="0"></iframe> -->
<div class="map-api" id="current-company-map"></div>
</div>
<div class="transfer-steps">
<a href="#" class="other-button">Вернуться к редактированию</a>
......
src/response-employer.html
View file @ f32b1e63
......@@ -401,7 +401,9 @@
</div>
<div class="response-header-row-block response-date-column">
<p>Дата отклика</p>
<img src="./img/icon_arrow_up.svg" alt="">
<a href="#" class="sorting-ref">
<img src="./img/icon_arrow_up.svg" alt="">
</a>
</div>
<div class="response-header-row-block response-communication-method">
<p>Способ связи</p>
......@@ -445,7 +447,7 @@
<a href="#">Петров Василий</a>
</div>
<div class="response-content-row-block response-date-column">
<p>30.12.2019</p>
<p>30.11.2019</p>
</div>
<div class="response-header-row-block response-communication-method">
<span>Позвоню сам</span>
......@@ -463,7 +465,7 @@
<a href="#">Екатерина Иванова</a>
</div>
<div class="response-content-row-block response-date-column">
<p>30.12.2019</p>
<p>30.10.2019</p>
</div>
<div class="response-header-row-block response-communication-method">
<a href="tel:+79876543210">+79876543210</a>
......@@ -482,7 +484,7 @@
<a href="#">Маяковский Владимир</a>
</div>
<div class="response-content-row-block response-date-column">
<p>30.12.2019</p>
<p>30.09.2019</p>
</div>
<div class="response-header-row-block response-communication-method">
<a href="tel:+79876543210">+79876543210</a>
......@@ -529,7 +531,7 @@
<a href="#">Петров Василий</a>
</div>
<div class="response-content-row-block response-date-column">
<p>30.12.2019</p>
<p>30.11.2019</p>
</div>
<div class="response-header-row-block response-communication-method">
<a href="tel:+79876543210">+79876543210</a>
......@@ -548,7 +550,7 @@
<a href="#">Петров Василий</a>
</div>
<div class="response-content-row-block response-date-column">
<p>30.12.2019</p>
<p>30.10.2019</p>
</div>
<div class="response-header-row-block response-communication-method">
<a href="tel:+79876543210">+79876543210</a>
......@@ -567,7 +569,7 @@
<a href="#">Петров Василий</a>
</div>
<div class="response-content-row-block response-date-column">
<p>30.12.2019</p>
<p>30.09.2019</p>
</div>
<div class="response-header-row-block response-communication-method">
<a href="tel:+79876543210">+79876543210</a>
......@@ -598,7 +600,9 @@
</div>
<div class="response-header-row-block response-date-column">
<p>Дата отклика</p>
<img src="./img/icon_arrow_up.svg" alt="">
<a href="#" class="sorting-ref">
<img src="./img/icon_arrow_up.svg" alt="">
</a>
</div>
<div class="response-header-row-block response-communication-method">
<p>Способ связи</p>
......@@ -634,7 +638,7 @@
<a href="#">Иванов Иван</a>
</div>
<div class="response-content-row-block response-date-column">
<p>30.12.2019</p>
<p>30.11.2019</p>
</div>
<div class="response-header-row-block response-communication-method">
<a href="tel:+79876543210">+79876543210</a>
......@@ -648,7 +652,7 @@
<a href="#">Петров Василий</a>
</div>
<div class="response-content-row-block response-date-column">
<p>30.12.2019</p>
<p>30.10.2019</p>
</div>
<div class="response-header-row-block response-communication-method">
<a href="tel:+79876543210">+79876543210</a>
......@@ -662,7 +666,7 @@
<a href="#">Екатерина Иванова</a>
</div>
<div class="response-content-row-block response-date-column">
<p>30.12.2019</p>
<p>30.09.2019</p>
</div>
<div class="response-header-row-block response-communication-method">
<a href="tel:+79876543210">+79876543210</a>
......@@ -699,7 +703,7 @@
<a href="#">Иванов Иван</a>
</div>
<div class="response-content-row-block response-date-column">
<p>30.12.2019</p>
<p>30.11.2019</p>
</div>
<div class="response-header-row-block response-communication-method">
<a href="tel:+79876543210">+79876543210</a>
......@@ -713,7 +717,7 @@
<a href="#">Екатерина Иванова</a>
</div>
<div class="response-content-row-block response-date-column">
<p>30.12.2019</p>
<p>30.10.2019</p>
</div>
<div class="response-header-row-block response-communication-method">
<a href="tel:+79876543210">+79876543210</a>
......@@ -727,7 +731,7 @@
<a href="#">Екатерина Иванова</a>
</div>
<div class="response-content-row-block response-date-column">
<p>30.12.2019</p>
<p>30.09.2019</p>
</div>
<div class="response-header-row-block response-communication-method">
<a href="tel:+79876543210">+79876543210</a>
......
src/response.html
View file @ f32b1e63
......@@ -314,7 +314,9 @@
</div>
<div class="response-header-row-block response-date-column">
<p>Дата отклика</p>
<img src="./img/icon_arrow_up.svg" alt="">
<a href="#" class="sorting-ref">
<img src="./img/icon_arrow_up.svg" alt="">
</a>
</div>
<div class="response-header-row-block response-feedback-column">
<p>Откликнуться</p>
......@@ -351,7 +353,7 @@
<a href="#">ИП Петров</a>
</div>
<div class="response-content-row-block response-date-column">
<p>30.12.2019</p>
<p>30.11.2019</p>
</div>
<div class="response-content-row-block response-feedback-column">
<a href="#" class="response-ref">
......@@ -366,7 +368,7 @@
<a href="#">АО «МК Шатура»</a>
</div>
<div class="response-content-row-block response-date-column">
<p>30.12.2019</p>
<p>30.10.2019</p>
</div>
<div class="response-content-row-block response-feedback-column">
<a href="#" class="response-ref">
......@@ -381,7 +383,7 @@
<a href="#">ИП Хачатрян</a>
</div>
<div class="response-content-row-block response-date-column">
<p>30.12.2019</p>
<p>30.09.2019</p>
</div>
<div class="response-content-row-block response-feedback-column">
<a href="#" class="response-ref">
......@@ -420,7 +422,7 @@
<a href="#">Группа компаний «Пятёрочка»</a>
</div>
<div class="response-content-row-block response-date-column">
<p>30.12.2019</p>
<p>30.11.2019</p>
</div>
<div class="response-content-row-block response-feedback-column">
<a href="#" class="response-ref">
......@@ -435,7 +437,7 @@
<a href="#">ИП Хачатрян</a>
</div>
<div class="response-content-row-block response-date-column">
<p>30.12.2019</p>
<p>30.10.2019</p>
</div>
<div class="response-content-row-block response-feedback-column">
<a href="#" class="response-ref">
......@@ -450,7 +452,7 @@
<a href="#">ИП Петров</a>
</div>
<div class="response-content-row-block response-date-column">
<p>30.12.2019</p>
<p>30.09.2019</p>
</div>
<div class="response-content-row-block response-feedback-column">
<a href="#" class="response-ref">
......
src/scss/_custom.scss
View file @ f32b1e63
......@@ -19,6 +19,6 @@ $color-hover: #92c83e;
$color-clicked: #88ab51;
$color-ref: #262262;
$color-current: #69678e;
$color-disabled: #b7b6c3;
$color-disabled: #B7B6C4;
// $color-main-button: #ffffff;
$body-bg-color: #f7f6fb;
\ No newline at end of file
src/scss/_media.scss
View file @ f32b1e63
......@@ -145,7 +145,7 @@
padding-left: 10px;
padding-right: 10px;
}
.new-vacancies-content .col-3, .new-resumes-content .col-3
.row-card .col-3
{
flex: 0 0 33%;
max-width: 33%;
......@@ -420,7 +420,7 @@
max-width: 50%;
flex: 0 0 50%;
}
.new-vacancies-content .col-3, .new-resumes-content .col-3
.row-card .col-3
{
flex: 0 0 50%;
max-width: 50%;
......@@ -485,6 +485,16 @@
flex: 0 0 50%;
max-width: 50%;
}
.transfer-steps__left
{
flex-direction: column;
align-items: flex-start;
}
.transfer-steps__left a:nth-child(2)
{
margin-left: 0;
margin-top: 15px;
}
}
@media(max-width: 700px)
{
......@@ -539,70 +549,6 @@
{
width: 100%;
}
// .resumes-header
// {
// display: none;
// }
// .resumes-content-row
// {
// display: block;
// padding-left: 16px;
// padding-right: 16px;
// }
// .resumes-content-row-block
// {
// width: 100% !important;
// display: block !important;
// text-align: right;
// margin-bottom: 20px;
// }
// .resumes-content-row-block:last-child
// {
// margin-bottom: 0;
// }
// .resumes__actions
// {
// flex-direction: column;
// align-items: flex-end;
// margin-bottom: 20px;
// }
// .resumes__actions .button-text:nth-child(2)
// {
// margin-top: 17px;
// margin-left: 0;
// }
// .resumes-content-row-block::before
// {
// content: attr(data-label);
// float: left;
// font-family: Raleway Bold;
// font-size: 14px;
// font-stretch: normal;
// font-style: normal;
// line-height: normal;
// letter-spacing: normal;
// color: $color-primary;
// margin-top: 7px;
// text-align: left;
// width: 30%;
// margin-right: 10px;
// }
// .resumes__actions .button-text p
// {
// width: 100%;
// }
// .resumes__name
// {
// margin-bottom: 17px;
// display: flex;
// justify-content: flex-end;
// align-items: center;
// text-align: right;
// }
// .resumes-content-row-block p
// {
// margin-bottom: 0;
// }
}
@media(max-width: 650px)
{
......@@ -619,6 +565,11 @@
// }
// }
// }
.row-article .col-3, .row-article .col-4, .row-card .col-3, .row-card .col-4
{
padding-left: 16px;
padding-right: 16px;
}
.block-post .row
{
margin-top: -17px;
......@@ -798,6 +749,7 @@
.wrapper-transition-arrow
{
flex-direction: column;
align-items: flex-start;
}
.transition-button:nth-child(2)
{
......@@ -1100,6 +1052,14 @@
margin-top: 22px !important;
margin-bottom: 0 !important;
}
.transfer-steps__left a:nth-child(2)
{
margin-top: 0;
}
.transfer-steps__right a
{
margin-bottom: 0 !important;
}
}
@media(max-width: 550px)
{
......
src/scss/style.scss
View file @ f32b1e63
......@@ -469,20 +469,30 @@ input[type="text"], input[type="password"]
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: #dddce8;
border: solid 2px currentColor;
color: $color-primary;
border: solid 2px #dddce8;
width: 100%;
}
input[type="text"]::placeholder, input[type="password"]::placeholder
{
// color: $color-disabled;
// color: #B7B6C4;
// color: #dddce8;
color: $color-disabled;
}
input[type="text"]:focus, input[type="text"]:focus::placeholder, input[type="password"]:focus, input[type="password"]:focus::placeholder
input[type="text"]:focus, input[type="password"]:focus
{
color: $color-ref;
// color: $color-primary;
border-color: currentColor;
}
input[type="text"]:blur, input[type="password"]:blur
{
color: $color-primary;
}
input[type="text"]:focus, input[type="password"]:focus
{
border-left: 2px solid currentColor !important;
......@@ -819,6 +829,7 @@ ul
{
width: 100%;
overflow-x: auto;
box-shadow: 0 10px 20px 0 rgba(15,20,91,.1);
}
.wrapper-table::-webkit-scrollbar
......@@ -835,7 +846,48 @@ ul
.wrapper-table::-webkit-scrollbar-corner { background-color: #b7b6c3;}
.wrapper-table::-webkit-resizer {background-color: #b7b6c3;}
// Обертка для графиков
.wrapper-schedule
{
width: 100%;
overflow-x: auto;
}
.wrapper-schedule::-webkit-scrollbar
{
width: 5px;
height: 5px;
border-radius: 3px;
background-color: #b7b6c3;
}
.wrapper-schedule::-webkit-scrollbar-track { background-color: #b7b6c3;}
.wrapper-schedule::-webkit-scrollbar-track-piece { background-color: #ffffff;}
.wrapper-schedule::-webkit-scrollbar-thumb { height: 5px; background-color: #b7b6c3; border-radius: 3px;}
.wrapper-schedule::-webkit-scrollbar-corner { background-color: #b7b6c3;}
.wrapper-schedule::-webkit-resizer {background-color: #b7b6c3;}
// Сортировка таблиц
.sorting-ref
{
display: flex;
align-items: center;
border: 0;
img
{
transition: .3s;
}
}
.sorting-ref_sort
{
img
{
transform: rotateX(180deg);
}
}
// Стили для radio
......@@ -1063,7 +1115,6 @@ textarea:disabled
color: $color-ref;
font-family: Montserrat Bold;
font-size: 14px;
font-stretch: normal;
font-style: normal;
line-height: normal;
......@@ -1076,6 +1127,7 @@ textarea:disabled
transition: .3s;
margin-right: 10px;
border: 0;
box-shadow: 0 10px 20px 0 rgba(15, 20, 91, 0.1);
}
&__block:hover
{
......@@ -1234,6 +1286,13 @@ textarea:disabled
background: transparent url(../img/arrow_right_datapicker_hover.svg);
}
// SVG
.img-svg path
{
transition: all .3s;
}
// Отключение скролла body
.disabled
......@@ -2629,6 +2688,8 @@ button
display: flex;
padding: 32px;
background-color: #fff;
box-shadow: 0 10px 20px 0 rgba(15, 20, 91, 0.1);
transition: .3s;
border-radius: 3px;
// width: 400px;
position: relative;
......@@ -2699,6 +2760,11 @@ button
}
}
.company-card:hover
{
box-shadow: 0 20px 20px 0 rgba(15, 20, 91, 0.15);
}
.top-companies
{
h1
......@@ -3093,6 +3159,7 @@ button
height: 549px;
max-height: 549px;
overflow: hidden;
transition: .3s;
&__image
{
height: 197px;
......@@ -3154,6 +3221,11 @@ button
}
}
.article-block:hover
{
box-shadow: 0 20px 20px 0 rgba(15, 20, 91, 0.15);
}
.useful-articles
{
h1
......@@ -3313,7 +3385,7 @@ button
.company-card
{
height: 300px;
box-shadow: 0 10px 20px 0 rgba(15,20,91,.1);
// box-shadow: 0 10px 20px 0 rgba(15,20,91,.1);
border-radius: 3px;
.title-rating
{
......@@ -3749,6 +3821,7 @@ label
transition: .3s;
opacity: 0;
z-index: -1;
box-shadow: 0 10px 20px 0 rgba(15, 20, 91, 0.1);
}
.block-tooltip:hover
......@@ -4554,19 +4627,19 @@ input[type="submit"]
{
h2
{
margin-bottom: 43px;
}
.row
{
margin-left: -10px;
margin-right: -10px;
.col-3
{
padding-left: 10px;
padding-right: 10px;
margin-bottom: 22px;
}
// margin-bottom: 43px;
}
// .row
// {
// margin-left: -10px;
// margin-right: -10px;
// .col-3
// {
// padding-left: 10px;
// padding-right: 10px;
// margin-bottom: 22px;
// }
// }
}
// 404-страница
......@@ -4748,6 +4821,8 @@ input[type="submit"]
}
&-content
{
display: flex;
flex-direction: column;
&-row
{
display: flex;
......@@ -4968,6 +5043,8 @@ input[type="submit"]
&-right
{
width: 78%;
display: flex;
flex-direction: column;
&-wrapper
{
padding-left: 140px;
......@@ -5146,6 +5223,7 @@ form
.button-text
{
margin-left: 12px;
margin-top: 45px;
}
}
.other-position ~ p
......@@ -6265,6 +6343,53 @@ hr
}
}
// Страница Статистика
.general-info
{
&__title
{
}
&__content
{
&__block
{
display: flex;
align-items: center;
}
}
&__views
{
display: flex;
align-items: center;
span
{
display: block;
width: 10px;
height: 10px;
background-color: $color-ref;
border-radius: 50%;
margin-right: 12px;
}
}
&__response
{
display: flex;
align-items: center;
margin-left: 30px;
span
{
display: block;
width: 10px;
height: 10px;
background-color: $color-hover;
border-radius: 50%;
margin-right: 12px;
}
}
}
// Футер
......
src/statistics-employer.html 0 → 100644
View file @ f32b1e63
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Статистика</title>
</head>
<body>
<div class="wrapper">
<header class="header">
<div class="header-top">
<div class="container">
<div class="row justify-content-between align-items-center">
<div class="col-auto header-top-left">
<div class="choice-lang prompt">
RU
<img class="img-svg" src="./img/arrow_down.svg" alt="">
<div class="prompt__block">
<a href="#">EN</a>
</div>
</div>
<a href="#" class="choice-city">
Нижний Новгород
<img class="img-svg" src="./img/arrow_down.svg" alt="">
</a>
</div>
<div class="col-auto header-top-middle">
<a href="#" class="choice-mode">Ищу работу</a>
<a href="#" class="choice-mode choice-mode_active">Ищу работника</a>
</div>
<div class="col-auto header-top-right justify-content-between">
<a href="#" class="button-text favorites">
<img class="img-svg" src="./img/icon_favorites.svg" alt="">
Избранное
</a>
<a href="#" class="button-text feedback" data-count="+16">
<img class="img-svg" src="./img/icon_feedback.svg" alt="">
Отклики
</a>
<div href="#" class="prompt help">
Помощь
<img class="img-svg" src="./img/arrow_down.svg" alt="">
<div class="prompt__block">
<a href="#">Полезные статьи</a>
<a href="#">Часто задаваемые вопросы</a>
<a href="#">Как пользоваться сервисом</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="header-top-tablet">
<div class="container">
<div class="row justify-content-between align-items-center">
<div class="col-auto header-top-tablet__left">
<a href="#" class="choice-mode">Ищу работу</a>
<a href="#" class="choice-mode choice-mode_active">Ищу работника</a>
</div>
<div class="col-auto header-top-tablet__middle">
<a href="#" class="button-text favorites">
<img class="img-svg" src="./img/icon_favorites.svg" alt="">
</a>
<a href="#" class="button-text feedback" data-count="+16">
<img class="img-svg" src="./img/icon_feedback.svg" alt="">
</a>
</div>
<div class="col-auto header-top-tablet__right">
<a href="#" class="button-help">
<img src="./img/icon_button_help.svg" alt="">
</a>
</div>
</div>
</div>
</div>
<div class="header-mode-mobile">
<a href="#" class="choice-mode">Ищу работу</a>
<a href="#" class="choice-mode choice-mode_active">Ищу работника</a>
</div>
<div class="header-bottom">
<div class="container">
<div class="row justify-content-between align-items-center">
<div class="col-auto header-bottom-left">
<a href="#">
<img src="./img/logo.svg" class="main-logo" alt="">
<img src="./img/logo_mobile.svg" class="mobile-logo" alt="">
</a>
<p>Быстрый поиск узкоквалифицированной работы</p>
</div>
<div class="col header-bottom-right">
<a href="#" class="button-text find-ref">
<img class="img-svg" src="./img/icon_search.svg" alt="">
<p>Найти<br> работника</p>
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_resume.svg" alt="">
<p>Разместить<br> вакансию</p>
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_base_success.svg" alt="">
<p>Доступ к базе</p>
</a>
<a href="#" class="button-text login hidden">
<img class="img-svg" src="./img/icon_enter.svg" alt="">
<p>Войти</p>
</a>
<div class="header-profile">
<a href="#" class="button-text profile">
<img class="img-svg" src="./img/icon_profile.svg" alt="">
<p>Иван Иванов</p>
</a>
<a href="#" class="button-text logout">
<img class="img-svg" src="./img/icon_logout.svg" alt="">
</a>
</div>
</div>
</div>
</div>
</div>
<div class="header-scroll">
<div class="container">
<div class="row justify-content-between align-items-center">
<div class="col-auto header-scroll-left">
<a href="#">
<img src="./img/logo_fixed.svg" alt="">
</a>
</div>
<div class="col-auto header-scroll-middle">
<div href="#" class="button-text choice-mode prompt">
Ищу работника
<img class="img-svg" src="./img/arrow_down_scroll.svg" alt="">
<div class="prompt__block">
<a href="#">Ищу работу</a>
</div>
</div>
</div>
<div class="col-7 header-scroll-right">
<a href="#" class="button-text favorites">
<img class="img-svg" src="./img/icon_favorites_scroll.svg" alt="">
</a>
<a href="#" class="button-text feedback" data-count="+16">
<img class="img-svg" src="./img/icon_feedback_scroll.svg" alt="">
</a>
<a href="#" class="button-text find-ref">
<img class="img-svg" src="./img/icon_search_scroll.svg" alt="">
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_resume_scroll.svg" alt="">
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_base_success_scroll.svg" alt="">
</a>
<a href="#" class="button-text login hidden">
<img class="img-svg" src="./img/icon_enter_scroll.svg" alt="">
</a>
<div class="header-profile">
<a href="#" class="button-text profile">
<img class="img-svg" src="./img/icon_profile_scroll.svg" alt="">
<p>Иван Иванов</p>
</a>
<a href="#" class="button-text logout">
<img class="img-svg" src="./img/icon_logout_scroll.svg" alt="">
</a>
</div>
</div>
</div>
</div>
</div>
<div class="header-scroll-mobile">
<div class="container">
<div class="row justify-content-between align-items-center">
<div class="col-auto header-scroll-mobile-left">
<a href="#" class="button-text find-ref">
<img class="img-svg" src="./img/icon_search_scroll.svg" alt="">
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_resume_scroll.svg" alt="">
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_base_success_scroll.svg" alt="">
</a>
</div>
<div class="col-auto header-scroll-mobile-right">
<a href="#" class="button-text login hidden">
<img class="img-svg" src="./img/icon_enter_scroll.svg" alt="">
</a>
<div class="header-profile">
<a href="#" class="button-text profile">
<img class="img-svg" src="./img/icon_profile_scroll.svg" alt="">
<p>Иван Иванов</p>
</a>
<a href="#" class="button-text logout">
<img class="img-svg" src="./img/icon_logout_scroll.svg" alt="">
</a>
</div>
</div>
</div>
</div>
</div>
</header>
<div class="menu menu-main">
<div class="menu-title">
<a href="#" class="menu__close">
<img class="img-svg" src="./img/icon_close_modal.svg" alt="">
</a>
</div>
<div class="menu-content">
<div class="menu-content-block menu-content-block__help">
<p class="menu-content-block__title">Помощь</p>
<a href="#">Полезные статьи</a>
<a href="#">Часто задаваемые вопросы</a>
<a href="#">Как пользоваться сервисом</a>
</div>
<div class="menu-content-block menu-content-block__change">
<p class="menu-content-block__title">Язык</p>
<div class="menu-content-block__points">
<p>Русский</p>
<a href="#" class="button-text change-ref" data-change="lang">
Изменить
<img class="img-svg" src="./img/arrow_change.svg" alt="">
</a>
</div>
</div>
<div class="menu-content-block menu-content-block__change">
<p class="menu-content-block__title">Город</p>
<div class="menu-content-block__points">
<p>Нижний Новгород</p>
<a href="#" class="button-text change-ref" data-change="city">
Изменить
<img class="img-svg" src="./img/arrow_change.svg" alt="">
</a>
</div>
</div>
</div>
<div class="menu menu-submenu" data-change="lang">
<div class="menu-submenu-title">
<div class="menu-submenu-title__block">
<a href="#" class="back-menu">
<img class="img-svg" src="./img/arrow_back_change.svg" alt="">
</a>
<p>Язык</p>
</div>
<a href="#" class="menu__close">
<img class="img-svg" src="./img/icon_close_modal.svg" alt="">
</a>
</div>
<div class="menu-content">
<div class="menu-content-block menu-content-block__values">
<a href="#">Русский</a>
<a href="#">Таджикский</a>
<a href="#">Узбекский</a>
</div>
</div>
</div>
<div class="menu menu-submenu" data-change="city">
<div class="menu-submenu-title">
<div class="menu-submenu-title__block">
<a href="#" class="back-menu">
<img class="img-svg" src="./img/arrow_back_change.svg" alt="">
</a>
<p>Город</p>
</div>
<a href="#" class="menu__close">
<img class="img-svg" src="./img/icon_close_modal.svg" alt="">
</a>
</div>
<div class="menu-content">
<div class="menu-content-block menu-content-block__values">
<a href="#">Нижний Новгород</a>
<a href="#">Москва</a>
<a href="#">Казань</a>
</div>
</div>
</div>
</div>
<div class="wrapper-content block-mt-dark-blue block-mb-purple">
<div class="container">
<h1>Статистика</h1>
<div class="content-page block-mt-dark-blue">
<div class="profile-container">
<div class="row profile-container-row">
<div class="col-3">
<div class="sidebar-profile">
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_profile.svg" alt="">
Профиль
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_my_resumes.svg" alt="">
Мои вакансии
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_resume.svg" alt="">
Разместить вакансию
</a>
<a href="#" class="button-text base-resume" data-count="6 дн.">
<img class="img-svg" src="./img/icon_base_success.svg" alt="">
База резюме
</a>
<a href="#" class="button-text feedback" data-count="+16">
<img class="img-svg" src="./img/icon_feedback.svg" alt="">
Отклики
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_favorites.svg" alt="">
Избранное
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_mailing.svg" alt="">
Рассылка
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_order.svg" alt="">
Мои заказы
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_watch.svg" alt="">
История заказов
</a>
<a href="#" class="button-text current-ref">
<img class="img-svg" src="./img/icon_statistics.svg" alt="">
Статистика
</a>
</div>
</div>
<div class="col-9">
<button type="button" class="other-button button-account">
<img class="img-svg" src="./img/icon_burger.svg" alt="">
</button>
<form action="" name="statistics">
<div class="container-compressed">
<label for="">Вакансия</label>
<select name="" id="">
<option value="all">Все</option>
<option value="vacancy1">Помощник мастера</option>
<option value="vacancy2">Столяр</option>
</select>
<div class="block-mt-orange">
<input type="submit" class="main-button" name="submit" value="Посмотреть">
</div>
</div>
</form>
<div class="block-mt-green">
<h3>Просмотры</h3>
<div class="block-mt-orange">
<canvas id="schedule-views" style="width: 923px; height: 200px;" data-schedule="true"></canvas>
</div>
</div>
<div class="block-mt-yellow">
<h3>Отклики</h3>
<div class="block-mt-orange">
<canvas id="schedule-response" style="width: 923px; height: 200px;" data-schedule="true"></canvas>
</div>
</div>
<div class="block-mt-blue">
<div class="container-compressed">
<div class="general-info">
<div class="block-mb-yellow general-info__title">
<div class="row">
<div class="col-4">
<h3>Тариф</h3>
</div>
<div class="col-6">
<h3>Всего</h3>
</div>
</div>
</div>
<div class="general-info__content">
<div class="row">
<div class="col-4">
<p>Базовый</p>
</div>
<div class="col-6">
<div class="general-info__content__block">
<div class="general-info__views">
<span></span>
<p>183 просмотра</p>
</div>
<div class="general-info__response">
<span></span>
<p>3 отлика</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<footer class="footer">
<div class="container">
<div class="row justify-content-between">
<div class="col-3 footer-left">
<a href="#">
<img src="./img/logo.svg" alt="">
</a>
</div>
<div class="col-9 footer-right">
<div class="row justify-content-between">
<div class="col-auto footer-pages">
<a href="#" class="footer-right__title">О сервисе</a>
<a href="#" class="footer-pages__link">Полезные статьи</a>
<a href="#" class="footer-pages__link">Часто задаваемые вопросы</a>
<a href="#" class="footer-pages__link">Как пользоваться сервисом</a>
</div>
<div class="col-auto footer-pages">
<a href="#" class="footer-right__title">Соискателям</a>
<a href="#" class="footer-pages__link">Разместить резюме</a>
<a href="#" class="footer-pages__link">Поиск работы</a>
<a href="#" class="footer-pages__link">Работа рядом</a>
</div>
<div class="col-auto footer-pages">
<a href="#" class="footer-right__title">Работодателям</a>
<a href="#" class="footer-pages__link">Разместить вакансию</a>
<a href="#" class="footer-pages__link">Доступ к базе резюме</a>
<a href="#" class="footer-pages__link">Реклама на сайте</a>
<a href="#" class="footer-pages__link">Метка TOP-компании</a>
</div>
<div class="col-auto footer-contacts">
<a href="#" class="footer-right__title">Контакты</a>
<div class="footer-contacts__block">
<div class="footer-contacts__block__image">
<img src="./img/icon_phone.svg" alt="">
</div>
<div class="footer-contacts__block__content">
<a href="tel:79876543210">+7 987 654 32 10</a>
<a href="tel:71234567890">+7 123 456 78 90</a>
</div>
</div>
<div class="footer-contacts__block">
<div class="footer-contacts__block__image">
<img src="./img/icon_mail.svg" alt="">
</div>
<div class="footer-contacts__block__content">
<a href="mailto:info@vaxta-online.ru">info@vaxta-online.ru</a>
</div>
</div>
<button type="button" class="main-button button-feedback">Обратная связь</button>
</div>
</div>
</div>
</div>
</div>
</footer>
<div class="wrapper-shadow"></div>
<div class="modal-form" id="modal-feedback">
<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">
<form action="" name="form-feedback" id="form-feedback" data-ajax="true">
<div class="block-mb-yellow">
<label for="name-feedback">Имя <span>*</span></label>
<input type="text" name="name-feedback" id="name-feedback" pattern="[^-\s0-9`~!@#№$%^&*()_=+\\|\[\]{};:',.<>\/?]+$" placeholder="ВАШЕ ИМЯ" data-required="true">
</div>
<div class="block-mb-yellow">
<label for="phone-feedback">Телефон <span>*</span></label>
<input type="text" name="phone-feedback" id="phone-feedback" pattern="^((8|\+7)[\- ]?)?(\(?\d{3}\)?[\- ]?)?[\d\- ]{7,10}$" placeholder="+7" data-required="true">
</div>
<div class="block-mb-yellow">
<label for="email-feedback">E-mail</label>
<input type="text" name="email-feedback" id="email-feedback" pattern="^([a-z0-9_-]+\.)*[a-z0-9_-]+@[a-z0-9_-]+(\.[a-z0-9_-]+)*\.[a-z]{2,6}$" placeholder="E-MAIL">
</div>
<div class="block-mb-green">
<label for="message-feedback">Сообщение <span>*</span></label>
<textarea name="message-feedback" id="message-feedback" data-required="true"></textarea>
</div>
<p class="block-mb-green" style="font-size: 14px;"><span>*</span> - поля, обязательные для заполнения</p>
<p class="block-mb-green" style="font-size: 14px;">Нажимая кнопку «Отправить», Вы даёте своё согласие на обработку персональных данных</p>
<div class="wrapper-button-center">
<input type="submit" class="main-button" id="submit-feedback" name="submit-feedback" value="Отправить">
</div>
</form>
</div>
</div>
</div>
<div class="modal-form successful-sending">
<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>
<p class="block-mt-blue">Наш менеджер свяжется с Вами в ближайшее время.</p>
</div>
</div>
<div class="modal-form modal-form__account" id="modal-account">
<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-orange">
<div class="sidebar-profile">
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_profile.svg" alt="">
Профиль
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_my_resumes.svg" alt="">
Мои вакансии
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_resume.svg" alt="">
Разместить вакансию
</a>
<a href="#" class="button-text base-resume" data-count="6 дн.">
<img class="img-svg" src="./img/icon_base_success.svg" alt="">
База резюме
</a>
<a href="#" class="button-text feedback" data-count="+16">
<img class="img-svg" src="./img/icon_feedback.svg" alt="">
Отклики
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_favorites.svg" alt="">
Избранное
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_mailing.svg" alt="">
Рассылка
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_order.svg" alt="">
Мои заказы
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_watch.svg" alt="">
История заказов
</a>
<a href="#" class="button-text current-ref">
<img class="img-svg" src="./img/icon_statistics.svg" alt="">
Статистика
</a>
</div>
</div>
</div>
<div class="modal-form" id="detailed-search">
<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-orange">
<form action="" name="form-detailed-search" id="form-detailed-search">
<input type="text" name="position" placeholder="ДОЛЖНОСТЬ">
<input type="text" name="city" placeholder="ГОРОД">
<div class="block-mt-green">
<input type="submit" class="main-button" name="submit-detailed-search" value="Найти">
</div>
</form>
</div>
</div>
<div class="modal-search-city">
<div class="container">
<div class="close-modal">
<a href="#">
Закрыть
<img class="img-svg" src="./img/icon_close_modal.svg" alt="">
</a>
</div>
<div class="block-mt-yellow">
<div class="city-search">
<form action="" name="city-search" id="city-search" data-ajax-search="true">
<input type="text" name="city" placeholder="ПОИСК ПО ГОРОДАМ">
<input type="submit" class="main-button" name="submit-city-search" value="Найти">
</form>
</div>
</div>
<div class="block-mt-green">
<div class="spell-city-search">
<form action="" data-ajax-search="true">
<input type="text" name="letter" value="а" hidden>
<input type="submit" name="submit-letter-search" value="А">
</form>
<form action="" data-ajax-search="true">
<input type="text" name="letter" value="б" hidden>
<input type="submit" name="submit-letter-search" value="Б">
</form>
<form action="" data-ajax-search="true">
<input type="text" name="letter" value="в" hidden>
<input type="submit" name="submit-letter-search" value="В">
</form>
<form action="" data-ajax-search="true">
<input type="text" name="letter" value="г" hidden>
<input type="submit" name="submit-letter-search" value="Г">
</form>
<form action="" data-ajax-search="true">
<input type="text" name="letter" value="д" hidden>
<input type="submit" name="submit-letter-search" value="Д">
</form>
<form action="" data-ajax-search="true">
<input type="text" name="letter" value="е" hidden>
<input type="submit" name="submit-letter-search" value="Е">
</form>
<form action="" data-ajax-search="true">
<input type="text" name="letter" value="ё" hidden>
<input type="submit" name="submit-letter-search" value="Ё">
</form>
<form action="" data-ajax-search="true">
<input type="text" name="letter" value="ж" hidden>
<input type="submit" name="submit-letter-search" value="Ж">
</form>
<form action="" data-ajax-search="true">
<input type="text" name="letter" value="з" hidden>
<input type="submit" name="submit-letter-search" value="З">
</form>
<form action="" class="chosen-city" data-ajax-search="true">
<input type="text" name="letter" value="и" hidden>
<input type="submit" name="submit-letter-search" value="И">
</form>
<form action="" data-ajax-search="true">
<input type="text" name="letter" value="к" hidden>
<input type="submit" name="submit-letter-search" value="К">
</form>
<form action="" data-ajax-search="true">
<input type="text" name="letter" value="л" hidden>
<input type="submit" name="submit-letter-search" value="Л">
</form>
<form action="" data-ajax-search="true">
<input type="text" name="letter" value="м" hidden>
<input type="submit" name="submit-letter-search" value="М">
</form>
<form action="" data-ajax-search="true">
<input type="text" name="letter" value="н" hidden>
<input type="submit" name="submit-letter-search" value="Н">
</form>
<form action="" data-ajax-search="true">
<input type="text" name="letter" value="о" hidden>
<input type="submit" name="submit-letter-search" value="О">
</form>
<form action="" data-ajax-search="true">
<input type="text" name="letter" value="п" hidden>
<input type="submit" name="submit-letter-search" value="П">
</form>
<form action="" data-ajax-search="true">
<input type="text" name="letter" value="р" hidden>
<input type="submit" name="submit-letter-search" value="Р">
</form>
<form action="" data-ajax-search="true">
<input type="text" name="letter" value="с" hidden>
<input type="submit" name="submit-letter-search" value="С">
</form>
<form action="" data-ajax-search="true">
<input type="text" name="letter" value="т" hidden>
<input type="submit" name="submit-letter-search" value="Т">
</form>
<form action="" data-ajax-search="true">
<input type="text" name="letter" value="у" hidden>
<input type="submit" name="submit-letter-search" value="У">
</form>
<form action="" data-ajax-search="true">
<input type="text" name="letter" value="ф" hidden>
<input type="submit" name="submit-letter-search" value="Ф">
</form>
<form action="" data-ajax-search="true">
<input type="text" name="letter" value="х" hidden>
<input type="submit" name="submit-letter-search" value="Х">
</form>
<form action="" data-ajax-search="true">
<input type="text" name="letter" value="ц" hidden>
<input type="submit" name="submit-letter-search" value="Ц">
</form>
<form action="" data-ajax-search="true">
<input type="text" name="letter" value="ч" hidden>
<input type="submit" name="submit-letter-search" value="Ч">
</form>
<form action="" data-ajax-search="true">
<input type="text" name="letter" value="ш" hidden>
<input type="submit" name="submit-letter-search" value="Ш">
</form>
<form action="" data-ajax-search="true">
<input type="text" name="letter" value="щ" hidden>
<input type="submit" name="submit-letter-search" value="Щ">
</form>
<form action="" data-ajax-search="true">
<input type="text" name="letter" value="э" hidden>
<input type="submit" name="submit-letter-search" value="Э">
</form>
<form action="" data-ajax-search="true">
<input type="text" name="letter" value="ю" hidden>
<input type="submit" name="submit-letter-search" value="Ю">
</form>
<form action="" data-ajax-search="true">
<input type="text" name="letter" value="я" hidden>
<input type="submit" name="submit-letter-search" value="Я">
</form>
</div>
</div>
<div class="block-mt-dark-blue block-mb-blue">
<div class="found-cities">
<div class="row row-cities">
<div class="col-3">
<a href="#">Ибреси</a>
<a href="#">Ивангород</a>
<a href="#">Иваново</a>
<a href="#">Ивановская</a>
<a href="#">Ивдель</a>
</div>
<div class="col-3">
<a href="#">Ибреси</a>
<a href="#">Ивангород</a>
<a href="#">Иваново</a>
<a href="#">Ивановская</a>
<a href="#">Ивдель</a>
</div>
<div class="col-3">
<a href="#">Ибреси</a>
<a href="#">Ивангород</a>
<a href="#">Иваново</a>
<a href="#">Ивановская</a>
<a href="#">Ивдель</a>
</div>
<div class="col-3">
<a href="#">Ибреси</a>
<a href="#">Ивангород</a>
<a href="#">Иваново</a>
<a href="#">Ивановская</a>
<a href="#">Ивдель</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="modal-find">
<div class="container">
<div class="close-modal">
<a href="#">
Закрыть
<img class="img-svg" src="./img/icon_close_modal.svg" alt="">
</a>
</div>
<div class="block-mt-yellow">
<div class="quick-job-search">
<div class="quick-job-search-block">
<div class="quick-job-search-block-content">
<form action="" name="quick-search-form" data-for="employer">
<input type="text" name="position" placeholder="ДОЛЖНОСТЬ">
<input type="text" name="city" placeholder="ГОРОД">
<div class="input-search-mobile">
<input type="text" name="resume" placeholder="ПОИСК ВАКАНСИИ">
<button stype="button" class="button-detailed-search">
<img src="./img/icon_option.svg" alt="">
</button>
</div>
<input type="submit" name="submit-quick-search-form" class="main-button" value="Найти">
</form>
<div class="wrapper-button-center block-mt-green">
<a href="#" class="button-text detailed-search">
<img class="img-svg" src="./img/icon_search.svg" alt="">
Расширенный поиск
</a>
</div>
<div class="hash-tags block-mt-dark-blue">
<a href="#" class="hash-tags__link"># работа рядом <span>(5)</span></a>
<a href="#" class="hash-tags__link"># работа прямо сейчас <span>(3)</span></a>
<a href="#" class="hash-tags__link"># работа завтра <span>(18)</span></a>
<a href="#" class="hash-tags__link"># работа через месяц <span>(11)</span></a>
<a href="#" class="hash-tags__link"># сезонная работа <span>(8)</span></a>
<a href="#" class="hash-tags__link"># постоянная работа <span>(8)</span></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
\ No newline at end of file
webpack.config.js
View file @ f32b1e63
......@@ -13,7 +13,7 @@ const pages = ['index', 'articles', 'faq', 'vacancies-list', 'current-article',
'resumes-list', 'resumes-map', 'current-resume-employer', 'resume-paid', 'current-vacancy-employer', 'favorites-employer', 'my-vacancies',
'response-employer', 'response-vacancy-employer1', 'response-vacancy-employer2', 'employee-invitation', 'payment-services', 'invoice-payment', 'my-orders',
'post-vacancy-step1', 'post-vacancy-step2', 'post-vacancy-step3', 'post-vacancy-step4', 'post-vacancy-step5', 'mailing', 'profile-employer', 'profile-editing-employer',
'profile-preview-employer', 'profile-employee'];
'profile-preview-employer', 'profile-employee', 'statistics-employer'];
const webpackConfig = {
context: path.resolve(__dirname, 'src'),
......
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