Skip to content

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

Registration and current-resume-employer is done

parent 7bc45a59
Show whitespace changes
Inline Side-by-side
Showing with 1353 additions and 63 deletions
src/current-resume-employer.html 0 → 100644
View file @ c26c3d30
<!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 href="#" 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">
Нижний Новгород
<img class="img-svg" src="./img/arrow_down.svg" alt="">
<div class="prompt__block">
<a href="#">Казань</a>
<a href="#">Москва</a>
</div>
</div>
</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">
<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">
<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">
<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">
<button type="button" class="other-button button-account">
<img class="img-svg" src="./img/icon_burger.svg" alt="">
</button>
<div class="post-resume">
<!-- <h2>Разнорабочий</h2> -->
<div class="brief-information block-mt-green">
<div class="brief-information-block">
<div class="brief-information-block__image">
<img src="./img/img_photo.png" alt="">
</div>
<div class="brief-information-block__info">
<p class="brief-information-block__title">Иванов Иван Иванович</p>
<div class="brief-information-block__contacts">
<!-- <p class="brief-information-block__name">
<img src="./img/icon_profile.svg" alt="">
Петров Василий Иванович
</p> -->
<a href="mailto:i_ivanov@mail.ru" class="brief-information-block__email">
<img src="./img/icon_mail.svg" alt="">
i_ivanov@mail.ru
</a>
<a href="tel:79876543210" class="brief-information-block__phone">
<img src="./img/icon_phone.svg" alt="">
+79876543210
<p>Мой номер</p>
</a>
<a href="tel:71234567890" class="brief-information-block__phone">
<img src="./img/icon_phone.svg" alt="">
+71234567890
<p>Номер близкого знакомого</p>
</a>
</div>
</div>
</div>
<div class="block-to-edit">
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_edit.svg" alt="">
Редактировать
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_publish.svg" alt="">
Опубликовать
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_garbage.svg" alt="">
Удалить
</a>
</div>
</div>
<div class="detailed-description block-mt-blue">
<h2>Личные данные</h2>
<div class="detailed-description-block">
<div class="row">
<div class="col-3">
<div class="detailed-description-block__name">
<p>Город проживания:</p>
</div>
</div>
<div class="col-9">
<div class="detailed-description-block__text">
<p>Нижний Новгород</p>
</div>
</div>
</div>
</div>
<div class="detailed-description-block">
<div class="row">
<div class="col-3">
<div class="detailed-description-block__name">
<p>Место жительства:</p>
</div>
</div>
<div class="col-9">
<div class="detailed-description-block__text">
<p>ул. Ивана Романова, д. 2</p>
</div>
</div>
</div>
</div>
<div class="detailed-description-block">
<div class="row">
<div class="col-3">
<div class="detailed-description-block__name">
<p>Пол:</p>
</div>
</div>
<div class="col-9">
<div class="detailed-description-block__text">
<p>Мужской</p>
</div>
</div>
</div>
</div>
<div class="detailed-description-block">
<div class="row">
<div class="col-3">
<div class="detailed-description-block__name">
<p>Возраст:</p>
</div>
</div>
<div class="col-9">
<div class="detailed-description-block__text">
<p>37</p>
</div>
</div>
</div>
</div>
</div>
<div class="detailed-description block-mt-blue">
<h2>Сведения о работе</h2>
<div class="detailed-description-block">
<div class="row">
<div class="col-3">
<div class="detailed-description-block__name">
<p>Желаемая должность:</p>
</div>
</div>
<div class="col-9">
<div class="detailed-description-block__text">
<p>Грузчик</p>
</div>
</div>
</div>
</div>
<div class="detailed-description-block">
<div class="row">
<div class="col-3">
<div class="detailed-description-block__name">
<p>Желаемая зарплата:</p>
</div>
</div>
<div class="col-9">
<div class="detailed-description-block__text">
<p>30 000 руб. / мес.</p>
</div>
</div>
</div>
</div>
<div class="detailed-description-block">
<div class="row">
<div class="col-3">
<div class="detailed-description-block__name">
<p>Стаж работы:</p>
</div>
</div>
<div class="col-9">
<div class="detailed-description-block__text">
<p>Более 5 лет</p>
</div>
</div>
</div>
</div>
<div class="detailed-description-block">
<div class="row">
<div class="col-3">
<div class="detailed-description-block__name">
<p>Город:</p>
</div>
</div>
<div class="col-9">
<div class="detailed-description-block__text">
<p>Нижний Новгород, Кстово, Дзержинск</p>
</div>
</div>
</div>
</div>
<div class="detailed-description-block">
<div class="row">
<div class="col-3">
<div class="detailed-description-block__name">
<p>Тип занятости:</p>
</div>
</div>
<div class="col-9">
<div class="detailed-description-block__text">
<p>Полная занятость, Временная работа, Частичная занятость</p>
</div>
</div>
</div>
</div>
<div class="detailed-description-block">
<div class="row">
<div class="col-3">
<div class="detailed-description-block__name">
<p>График работы:</p>
</div>
</div>
<div class="col-9">
<div class="detailed-description-block__text">
<p>Полный день, Гибкий график</p>
</div>
</div>
</div>
</div>
<div class="detailed-description-block">
<div class="row">
<div class="col-3">
<div class="detailed-description-block__name">
<p>Командировки:</p>
</div>
</div>
<div class="col-9">
<div class="detailed-description-block__text">
<p>Не готов к командировкам, Готов к переезду</p>
</div>
</div>
</div>
</div>
</div>
<div class="work-experience block-mt-blue">
<h2>Опыт работы</h2>
<div class="work-experience-block block-mt-green">
<p class="work-experience-block__time">Май 2015 — по настоящее время</p>
<p>ООО «Трезвые грузчики»</p>
<p>Грузчик</p>
<p>Москва</p>
<p>Выгружал крупную и мелкую бытовую технику из автомобилей клиентов вручную</p>
</div>
<div class="work-experience-block block-mt-green">
<p class="work-experience-block__time">Май 2015 — по настоящее время</p>
<p>ООО «Трезвые грузчики»</p>
<p>Грузчик</p>
<p>Москва</p>
<p>Выгружал крупную и мелкую бытовую технику из автомобилей клиентов вручную</p>
</div>
</div>
<div class="detailed-description block-mt-blue">
<h2>Дополнительная информация</h2>
<div class="detailed-description-block">
<div class="row">
<div class="col-3">
<div class="detailed-description-block__name">
<p>Наличие судимости:</p>
</div>
</div>
<div class="col-9">
<div class="detailed-description-block__text">
<p>Нет</p>
</div>
</div>
</div>
</div>
<div class="detailed-description-block">
<div class="row">
<div class="col-3">
<div class="detailed-description-block__name">
<p>Наличие хронических заболеваний:</p>
</div>
</div>
<div class="col-9">
<div class="detailed-description-block__text">
<p>Да, ангина</p>
</div>
</div>
</div>
</div>
<div class="detailed-description-block">
<div class="row">
<div class="col-3">
<div class="detailed-description-block__name">
<p>Наличие медицинской книжки:</p>
</div>
</div>
<div class="col-9">
<div class="detailed-description-block__text">
<p>Да, требует продления</p>
</div>
</div>
</div>
</div>
<div class="detailed-description-block">
<div class="row">
<div class="col-3">
<div class="detailed-description-block__name">
<p>Способ связи:</p>
</div>
</div>
<div class="col-9">
<div class="detailed-description-block__text">
<p>Позвоните мне, после обеда</p>
</div>
</div>
</div>
</div>
</div>
<div class="information-yourself block-mt-blue">
<h2>Сведения о себе</h2>
<p class="block-mt-green">Ищу постоянную работу и подработку на субботу или воскресенье. Не против обучения. Размещается мини-резюме обычно в газетах или на соответствующих сайтах по трудоустройству. Для соискателей размещение краткого резюме, как правило, бесплатное.</p>
</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 current-ref">
<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 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_subscribe.svg" alt="">
Подписка
</a>
</div>
</div>
</div>
</div>
</body>
</html>
\ No newline at end of file
src/js/main.js
View file @ c26c3d30
...@@ -995,6 +995,47 @@ let buttonAppBanner = document.querySelectorAll('.button-app-banner'); ...@@ -995,6 +995,47 @@ let buttonAppBanner = document.querySelectorAll('.button-app-banner');
let modalAppBanner = document.querySelector('#modal-app-banner'); 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;
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;
}
}
const animationModalForm = fn => const animationModalForm = fn =>
{ {
window.requestAnimationFrame(function() window.requestAnimationFrame(function()
...@@ -1014,6 +1055,11 @@ function viewForm(buttons, form) ...@@ -1014,6 +1055,11 @@ function viewForm(buttons, form)
{ {
e.preventDefault(); e.preventDefault();
if(button.classList.contains('button-app-banner'))
{
if(!checkFormPostPicture(button)) return;
}
let closeModal = form.querySelector('.close-modal a'); let closeModal = form.querySelector('.close-modal a');
shadow.appendChild(form); shadow.appendChild(form);
...@@ -1084,49 +1130,10 @@ if(buttonDetailedSearch.length) ...@@ -1084,49 +1130,10 @@ if(buttonDetailedSearch.length)
} }
if(buttonAppBanner.length) if(buttonAppBanner.length)
{ {
// Обработка форм с опциями о размещении баннера
const bannerForms = document.querySelectorAll('form[data-picture="true"]');
if(bannerForms.length)
{
bannerForms.forEach(form =>
{
form.addEventListener('submit', (e) =>
{
e.preventDefault();
let bannerInfo = document.querySelector('.banner-info');
let inputBannerSizes = document.querySelector('input[name="banner-sizes"]');
let inputCountDays = document.querySelector('input[name="banner-count-days"]');
let sizesBanner = form.elements[0].value;
let countDays;
let allRadio = Array.from(form.querySelectorAll('input[type="radio"]'));
allRadio.forEach(elem => {
if(elem.checked)
{
countDays = elem.value;
}
});
console.log(sizesBanner);
console.log(countDays);
inputBannerSizes.value = sizesBanner;
inputCountDays.value = countDays;
bannerInfo.innerHTML = `Баннер ${sizesBanner} сроком на ${countDays}`;
viewForm(buttonAppBanner, modalAppBanner); viewForm(buttonAppBanner, modalAppBanner);
});
});
}
} }
// Валидация формы и отправка данных // Валидация формы и отправка данных
const forms = document.querySelectorAll('form[data-ajax="true"]'); const forms = document.querySelectorAll('form[data-ajax="true"]');
...@@ -1170,6 +1177,26 @@ forms.forEach(function(form) ...@@ -1170,6 +1177,26 @@ forms.forEach(function(form)
if(!checkFieldCheckbox(input)) valid = false; if(!checkFieldCheckbox(input)) valid = false;
}); });
// Проверим все радиокнопки
const fieldsRadio = form.querySelectorAll('input[type="radio"]');
fieldsRadio.forEach(function(input)
{
if(input.style.display === 'none') return;
if(!checkFieldCheckbox(input)) valid = false;
});
// Проверка пароля
const fieldsPassword = form.querySelectorAll('input[type="password"]');
fieldsPassword.forEach(function(input)
{
if(input.style.display === 'none') return;
if(!checkFieldPassword(input)) valid = false;
});
// Если были ошибки, не отправляем форму // Если были ошибки, не отправляем форму
...@@ -1220,6 +1247,25 @@ function checkFieldTextarea(textarea) ...@@ -1220,6 +1247,25 @@ function checkFieldTextarea(textarea)
return result; return result;
} }
function checkFieldPassword(password)
{
var errorClass = 'field-error';
var value = password.value;
var result;
if(value.trim() === '')
{
result = false;
}
else
{
result = true;
}
result ? password.classList.remove(errorClass) : password.classList.add(errorClass);
return result;
}
function sendForm(form) function sendForm(form)
{ {
fetch(form.action, { method: 'POST', body: new FormData(form)}) fetch(form.action, { method: 'POST', body: new FormData(form)})
...@@ -1483,6 +1529,10 @@ if(tabs.length) ...@@ -1483,6 +1529,10 @@ if(tabs.length)
......
src/main.html
View file @ c26c3d30
...@@ -393,6 +393,12 @@ ...@@ -393,6 +393,12 @@
<li> <li>
<a href="password-recovery-employer.html">Восстановление пароля</a> <a href="password-recovery-employer.html">Восстановление пароля</a>
</li> </li>
<li>
<a href="registration-employer.html">Регистрация</a>
</li>
<li>
<a href="current-resume-employer.html">Резюме детальная</a>
</li>
</ul> </ul>
</div> </div>
</div> </div>
......
src/registration-employer.html 0 → 100644
View file @ c26c3d30
<!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 href="#" 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">
Нижний Новгород
<img class="img-svg" src="./img/arrow_down.svg" alt="">
<div class="prompt__block">
<a href="#">Казань</a>
<a href="#">Москва</a>
</div>
</div>
</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">
<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">
<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">
<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="advantages-registration">
<h2>Преимущества регистрации в личном кабинете</h2>
<p>Регистрация в интернет-магазине отличается от регистрации, скажем, в почтовом сервисе. Вы запрашиваете намного больше информации. Если в большинстве случаев для регистрации на сайте посетителю достаточно ввести адрес электронной почты и подтвердить свои намерения, кликнув по ссылке в письме, то при регистрации в интернет-магазине запрашивается гораздо больше данных. Причем большая часть этих данных рассматривается покупателем как информация личного характера. А терпением подавляющая масса интернет-пользователей не отличается — факт общеизвестен. Так что если преимущества регистрации не очевидны еще до ее начала, весь процесс вызовет раздражение закономерные вопросы со стороны покупателя. Будет ли указанный ящик завален спамом? Стоит ли регистрация денег?</p>
<div class="block-mt-blue">
<div class="row advantages-registration-row">
<div class="col-3">
<div class="block-advantages-registration">
<div class="block-advantages-registration__image">
<img src="./img/img_adv1.png" alt="">
</div>
<p class="block-advantages-registration__name">Заголовок преимущества</p>
<p class="block-advantages-registration__desc">Регистрация в интернет-магазине отличается от регистрации, скажем, в почтовом сервисе.</p>
</div>
</div>
<div class="col-3">
<div class="block-advantages-registration">
<div class="block-advantages-registration__image">
<img src="./img/img_adv2.png" alt="">
</div>
<p class="block-advantages-registration__name">Заголовок преимущества</p>
<p class="block-advantages-registration__desc">Вы запрашиваете намного больше информации.</p>
</div>
</div>
<div class="col-3">
<div class="block-advantages-registration">
<div class="block-advantages-registration__image">
<img src="./img/img_adv3.png" alt="">
</div>
<p class="block-advantages-registration__name">Заголовок преимущества</p>
<p class="block-advantages-registration__desc">Если в большинстве случаев для регистрации на сайте посетителю достаточно ввести адрес электронной почты.</p>
</div>
</div>
<div class="col-3">
<div class="block-advantages-registration">
<div class="block-advantages-registration__image">
<img src="./img/img_adv4.png" alt="">
</div>
<p class="block-advantages-registration__name">Заголовок преимущества</p>
<p class="block-advantages-registration__desc">Причем большая часть этих данных рассматривается покупателем как информация личного характера.</p>
</div>
</div>
</div>
</div>
</div>
<div class="container-compressed container-compressed_center">
<div class="block-mt-blue">
<form action="" name="form-registration" id="form-registration" enctype="multipart/form-data" data-ajax="true">
<div class="block-mb-yellow">
<label for="tax-number">ИНН <span>*</span></label>
<input type="text" placeholder="ИНН" name="tax-number" id="tax-number" pattern="[0-9]{10,12}" data-required="true">
</div>
<div class="block-mb-yellow">
<label for="name-company">Название организации <span>*</span></label>
<input type="text" placeholder="Название организации" name="name-company" id="name-company" pattern="[^-\s`~!@#№$%^&*()_=+\\|\[\]{};:',<>\/?]+$" data-required="true">
</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">
</div>
<div class="block-mb-yellow">
<label for="email">E-mail <span>*</span></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}$" data-required="true">
</div>
<div class="block-mb-orange">
<label for="address">Адрес <span>*</span></label>
<input type="text" name="address" id="address" placeholder="РЕГИОН / РАЙОН, ГОРОД / Н.П., УЛИЦА" pattern="[^-\s`~!@#№$%^&*()_=+\\|\[\]{};:'<>\/?]+$" data-required="true">
</div>
<p class="block-mb-yellow" style="font-size: 14px;">Начните вводить адрес и выберите подходящий из появившегося списка</p>
<div class="type-employer block-mb-yellow">
<div class="row">
<div class="col-4">
<p style="font-size: 15px;">Тип работодателя <span>*</span>:</p>
</div>
<div class="col-8">
<div class="block-radio">
<label for="direct-employer">
<input type="radio" id="direct-employer" name="type-employer" hidden="">
<div class="radio"></div>
<p>Прямой работодатель</p>
</label>
</div>
<div class="block-radio">
<label for="recruitment-agency">
<input type="radio" id="recruitment-agency" name="type-employer" hidden="">
<div class="radio"></div>
<p>Кадровое агенство</p>
</label>
</div>
</div>
</div>
</div>
<div class="block-mb-yellow">
<label for="login">Логин <span>*</span></label>
<input type="text" placeholder="Логин" name="login" id="login" pattern="[^-\s`~!@#№$%^&*()_=+\\|\[\]{};:',.<>\/?]+$" data-required="true">
</div>
<div class="block-mb-green">
<label for="password">Пароль <span>*</span></label>
<input type="password" name="password" id="password" placeholder="ПАРОЛЬ">
</div>
<p class="block-mb-green" style="font-size: 14px;"><span>*</span> - поля, обязательные для заполнения</p>
<p class="block-mb-green" style="font-size: 14px;">Нажимая кнопку «Зарегистрироваться», Вы даёте своё согласие на обработку персональных данных</p>
<input type="submit" name="submit-registration" class="main-button" id="submit-registration" value="Зарегистрироваться">
</form>
</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>
</body>
</html>
\ No newline at end of file
src/scss/_media.scss
View file @ c26c3d30
...@@ -958,6 +958,11 @@ ...@@ -958,6 +958,11 @@
{ {
width: 100%; width: 100%;
} }
.type-employer .block-radio
{
margin-top: 22px !important;
margin-bottom: 0 !important;
}
} }
@media(max-width: 550px) @media(max-width: 550px)
{ {
......
src/scss/style.scss
View file @ c26c3d30
...@@ -413,7 +413,6 @@ input[type="text"], input[type="password"] ...@@ -413,7 +413,6 @@ input[type="text"], input[type="password"]
padding-left: 20px; padding-left: 20px;
font-family: Montserrat Bold; font-family: Montserrat Bold;
font-size: 13px; font-size: 13px;
font-stretch: normal; font-stretch: normal;
font-style: normal; font-style: normal;
line-height: normal; line-height: normal;
...@@ -5265,6 +5264,15 @@ input[type="submit"] ...@@ -5265,6 +5264,15 @@ input[type="submit"]
text-align: center; text-align: center;
} }
.type-employer .block-radio
{
margin-bottom: 22px;
}
.type-employer .block-radio:last-child
{
margin: 0;
}
// Футер // Футер
......
src/tariffs.html
View file @ c26c3d30
...@@ -646,27 +646,28 @@ ...@@ -646,27 +646,28 @@
<input type="text" name="size-banner" value="295 x 184" hidden> <input type="text" name="size-banner" value="295 x 184" hidden>
<div class="block-radio block-mt-orange"> <div class="block-radio block-mt-orange">
<label for="banner1-days14"> <label for="banner1-days14">
<input type="radio" id="banner1-days14" name="count-days" hidden="" value="14 дней" required> <input type="radio" id="banner1-days14" name="count-days" hidden="" value="14 дней">
<div class="radio"></div> <div class="radio"></div>
<p>14 дней <span>1 000 руб.</span></p> <p>14 дней <span>1 000 руб.</span></p>
</label> </label>
</div> </div>
<div class="block-radio block-mt-orange"> <div class="block-radio block-mt-orange">
<label for="banner1-month"> <label for="banner1-month">
<input type="radio" id="banner1-month" name="count-days" hidden="" value="1 месяц" required> <input type="radio" id="banner1-month" name="count-days" hidden="" value="1 месяц">
<div class="radio"></div> <div class="radio"></div>
<p>1 месяц <span>2 000 руб.</span></p> <p>1 месяц <span>2 000 руб.</span></p>
</label> </label>
</div> </div>
<div class="block-radio block-mt-orange"> <div class="block-radio block-mt-orange">
<label for="banner1-month3"> <label for="banner1-month3">
<input type="radio" id="banner1-month3" name="count-days" hidden="" value="3 месяца" required> <input type="radio" id="banner1-month3" name="count-days" hidden="" value="3 месяца">
<div class="radio"></div> <div class="radio"></div>
<p>3 месяца <span>5 900 руб.</span></p> <p>3 месяца <span>5 900 руб.</span></p>
</label> </label>
</div> </div>
<p class="block-mt-green block-mb-yellow">Описание баннера: где размещается, частота показа, требования к баннеру, рекомендации или любая другая информация.</p> <p class="block-mt-green block-mb-yellow">Описание баннера: где размещается, частота показа, требования к баннеру, рекомендации или любая другая информация.</p>
<input type="submit" class="main-button button-app-banner" name="submit-post-picture" value="Оставить заявку"> <button type="button" class="main-button button-app-banner">Оставить заявку</button>
<!-- <input type="submit" class="main-button button-app-banner" name="submit-post-picture" value="Оставить заявку"> -->
</form> </form>
</div> </div>
</div> </div>
...@@ -689,27 +690,28 @@ ...@@ -689,27 +690,28 @@
<input type="text" name="size-banner" value="453 x 316" hidden> <input type="text" name="size-banner" value="453 x 316" hidden>
<div class="block-radio block-mt-orange"> <div class="block-radio block-mt-orange">
<label for="banner2-days14"> <label for="banner2-days14">
<input type="radio" id="banner2-days14" name="count-days" hidden="" value="14 дней" required> <input type="radio" id="banner2-days14" name="count-days" hidden="" value="14 дней">
<div class="radio"></div> <div class="radio"></div>
<p>14 дней <span>1 000 руб.</span></p> <p>14 дней <span>1 000 руб.</span></p>
</label> </label>
</div> </div>
<div class="block-radio block-mt-orange"> <div class="block-radio block-mt-orange">
<label for="banner2-month"> <label for="banner2-month">
<input type="radio" id="banner2-month" name="count-days" hidden="" value="1 месяц" required> <input type="radio" id="banner2-month" name="count-days" hidden="" value="1 месяц">
<div class="radio"></div> <div class="radio"></div>
<p>1 месяц <span>2 000 руб.</span></p> <p>1 месяц <span>2 000 руб.</span></p>
</label> </label>
</div> </div>
<div class="block-radio block-mt-orange"> <div class="block-radio block-mt-orange">
<label for="banner2-month3"> <label for="banner2-month3">
<input type="radio" id="banner2-month3" name="count-days" hidden="" value="3 месяца" required> <input type="radio" id="banner2-month3" name="count-days" hidden="" value="3 месяца">
<div class="radio"></div> <div class="radio"></div>
<p>3 месяца <span>5 900 руб.</span></p> <p>3 месяца <span>5 900 руб.</span></p>
</label> </label>
</div> </div>
<p class="block-mt-green block-mb-yellow">Описание баннера: где размещается, частота показа, требования к баннеру, рекомендации или любая другая информация.</p> <p class="block-mt-green block-mb-yellow">Описание баннера: где размещается, частота показа, требования к баннеру, рекомендации или любая другая информация.</p>
<input type="submit" class="main-button button-app-banner" name="submit-post-picture" value="Оставить заявку"> <button type="button" class="main-button button-app-banner">Оставить заявку</button>
<!-- <input type="submit" class="main-button button-app-banner" name="submit-post-picture" value="Оставить заявку"> -->
</form> </form>
</div> </div>
</div> </div>
...@@ -732,27 +734,28 @@ ...@@ -732,27 +734,28 @@
<input type="text" name="size-banner" value="295 x 503" hidden> <input type="text" name="size-banner" value="295 x 503" hidden>
<div class="block-radio block-mt-orange"> <div class="block-radio block-mt-orange">
<label for="banner3-days14"> <label for="banner3-days14">
<input type="radio" id="banner3-days14" name="count-days" hidden="" value="14 дней" required> <input type="radio" id="banner3-days14" name="count-days" hidden="" value="14 дней">
<div class="radio"></div> <div class="radio"></div>
<p>14 дней <span>1 000 руб.</span></p> <p>14 дней <span>1 000 руб.</span></p>
</label> </label>
</div> </div>
<div class="block-radio block-mt-orange"> <div class="block-radio block-mt-orange">
<label for="banner3-month"> <label for="banner3-month">
<input type="radio" id="banner3-month" name="count-days" hidden="" value="1 месяц" required> <input type="radio" id="banner3-month" name="count-days" hidden="" value="1 месяц">
<div class="radio"></div> <div class="radio"></div>
<p>1 месяц <span>2 000 руб.</span></p> <p>1 месяц <span>2 000 руб.</span></p>
</label> </label>
</div> </div>
<div class="block-radio block-mt-orange"> <div class="block-radio block-mt-orange">
<label for="banner3-month3"> <label for="banner3-month3">
<input type="radio" id="banner3-month3" name="count-days" hidden="" value="3 месяца" required> <input type="radio" id="banner3-month3" name="count-days" hidden="" value="3 месяца">
<div class="radio"></div> <div class="radio"></div>
<p>3 месяца <span>5 900 руб.</span></p> <p>3 месяца <span>5 900 руб.</span></p>
</label> </label>
</div> </div>
<p class="block-mt-green block-mb-yellow">Описание баннера: где размещается, частота показа, требования к баннеру, рекомендации или любая другая информация.</p> <p class="block-mt-green block-mb-yellow">Описание баннера: где размещается, частота показа, требования к баннеру, рекомендации или любая другая информация.</p>
<input type="submit" class="main-button button-app-banner" name="submit-post-picture" value="Оставить заявку"> <button type="button" class="main-button button-app-banner">Оставить заявку</button>
<!-- <input type="submit" class="main-button button-app-banner" name="submit-post-picture" value="Оставить заявку"> -->
</form> </form>
</div> </div>
</div> </div>
...@@ -775,27 +778,28 @@ ...@@ -775,27 +778,28 @@
<input type="text" name="size-banner" value="265 x 452" hidden> <input type="text" name="size-banner" value="265 x 452" hidden>
<div class="block-radio block-mt-orange"> <div class="block-radio block-mt-orange">
<label for="banner4-days14"> <label for="banner4-days14">
<input type="radio" id="banner4-days14" name="count-days" hidden="" value="14 дней" required> <input type="radio" id="banner4-days14" name="count-days" hidden="" value="14 дней">
<div class="radio"></div> <div class="radio"></div>
<p>14 дней <span>1 000 руб.</span></p> <p>14 дней <span>1 000 руб.</span></p>
</label> </label>
</div> </div>
<div class="block-radio block-mt-orange"> <div class="block-radio block-mt-orange">
<label for="banner4-month"> <label for="banner4-month">
<input type="radio" id="banner4-month" name="count-days" hidden="" value="1 месяц" required> <input type="radio" id="banner4-month" name="count-days" hidden="" value="1 месяц">
<div class="radio"></div> <div class="radio"></div>
<p>1 месяц <span>2 000 руб.</span></p> <p>1 месяц <span>2 000 руб.</span></p>
</label> </label>
</div> </div>
<div class="block-radio block-mt-orange"> <div class="block-radio block-mt-orange">
<label for="banner4-month3"> <label for="banner4-month3">
<input type="radio" id="banner4-month3" name="count-days" hidden="" value="3 месяца" required> <input type="radio" id="banner4-month3" name="count-days" hidden="" value="3 месяца">
<div class="radio"></div> <div class="radio"></div>
<p>3 месяца <span>5 900 руб.</span></p> <p>3 месяца <span>5 900 руб.</span></p>
</label> </label>
</div> </div>
<p class="block-mt-green block-mb-yellow">Описание баннера: где размещается, частота показа, требования к баннеру, рекомендации или любая другая информация.</p> <p class="block-mt-green block-mb-yellow">Описание баннера: где размещается, частота показа, требования к баннеру, рекомендации или любая другая информация.</p>
<input type="submit" class="main-button button-app-banner" name="submit-post-picture" value="Оставить заявку"> <button type="button" class="main-button button-app-banner">Оставить заявку</button>
<!-- <input type="submit" class="main-button button-app-banner" name="submit-post-picture" value="Оставить заявку"> -->
</form> </form>
</div> </div>
</div> </div>
...@@ -1133,9 +1137,9 @@ ...@@ -1133,9 +1137,9 @@
<h2>Заявка на размещение рекламного баннера</h2> <h2>Заявка на размещение рекламного баннера</h2>
<p class="block-mt-blue banner-info"></p> <p class="block-mt-blue banner-info"></p>
<div class="block-mt-blue"> <div class="block-mt-blue">
<form action="" name="form-banner-application" id="form-banner-application" data-ajax="true"> <form action="" name="form-app-banner" id="form-app-banner" data-ajax="true">
<input type="text" name="banner-sizes" value="" hidden> <!-- <input type="text" name="bannerAppSizes" id="bannerAppSizes">
<input type="text" name="banner-count-days" value="" hidden> <input type="text" name="bannerAppCountDays" id="bannerAppCountDays"> -->
<div class="block-mb-yellow"> <div class="block-mb-yellow">
<label for="name-company">Название компании <span>*</span></label> <label for="name-company">Название компании <span>*</span></label>
<input type="text" name="name-company" id="name-company" pattern="[^-\s`~!@#№$%^&*()_=+\\|\[\]{};:',<>\/?]+$" placeholder="Название компании" data-required="true"> <input type="text" name="name-company" id="name-company" pattern="[^-\s`~!@#№$%^&*()_=+\\|\[\]{};:',<>\/?]+$" placeholder="Название компании" data-required="true">
...@@ -1159,7 +1163,7 @@ ...@@ -1159,7 +1163,7 @@
<p class="block-mb-green" style="font-size: 14px;"><span>*</span> - поля, обязательные для заполнения</p> <p class="block-mb-green" style="font-size: 14px;"><span>*</span> - поля, обязательные для заполнения</p>
<p class="block-mb-green" style="font-size: 14px;">Нажимая кнопку «Отправить», Вы даёте своё согласие на обработку персональных данных</p> <p class="block-mb-green" style="font-size: 14px;">Нажимая кнопку «Отправить», Вы даёте своё согласие на обработку персональных данных</p>
<div class="wrapper-button-center"> <div class="wrapper-button-center">
<input type="submit" class="main-button" id="submit-feedback" name="submit-feedback" value="Отправить"> <input type="submit" class="main-button" id="submit-app-banner" name="submit-app-banner" value="Отправить">
</div> </div>
</form> </form>
</div> </div>
......
webpack.config.js
View file @ c26c3d30
...@@ -9,7 +9,8 @@ const pages = ['index', 'articles', 'faq', 'vacancies-list', 'current-article', ...@@ -9,7 +9,8 @@ const pages = ['index', 'articles', 'faq', 'vacancies-list', 'current-article',
'vacancies-map', 'companies-map', 'current-vacancy', 'current-company', '404', 'profile', 'profile-editing', 'my-resumes', 'favorites-vacancies-list', 'vacancies-map', 'companies-map', 'current-vacancy', 'current-company', '404', 'profile', 'profile-editing', 'my-resumes', 'favorites-vacancies-list',
'favorites-vacancies-map', 'response', 'response-resume', 'response-vacancy', 'response-vacancy-not-reg', 'subscription', 'favorites-vacancies-map', 'response', 'response-resume', 'response-vacancy', 'response-vacancy-not-reg', 'subscription',
'post-resume-step1', 'post-resume-step2', 'post-resume-step3', 'post-resume-step4', 'current-resume', 'index-employer', 'articles-employer', 'faq-employer', 'post-resume-step1', 'post-resume-step2', 'post-resume-step3', 'post-resume-step4', 'current-resume', 'index-employer', 'articles-employer', 'faq-employer',
'current-article-employer', 'service-rules-employer', 'access-account-employer', 'tariffs', 'password-recovery-employer']; 'current-article-employer', 'service-rules-employer', 'access-account-employer', 'tariffs', 'password-recovery-employer', 'registration-employer',
'resumes-list', 'resumes-map', 'current-resume-employer'];
const webpackConfig = { const webpackConfig = {
context: path.resolve(__dirname, 'src'), 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