Skip to content

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

Pages subscription, response-vacancy is done

parent a26c4ea9
Expand all Show whitespace changes
Inline Side-by-side
Showing with 1154 additions and 22 deletions
src/access-account.html
View file @ d75400fa
......@@ -125,7 +125,7 @@
<div class="container">
<h1>Вход в личный кабинет</h1>
<div class="content-page block-mt-dark-blue">
<div class="container-compressed">
<div class="container-compressed container-compressed_center">
<form action="" name="form-enter-account" id="form-enter-account">
<div class="block-mb-orange">
<label for="phone">Телефон</label>
......
src/img/icon_plus.svg 0 → 100644
View file @ d75400fa
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M10 0C4.5 0 0 4.5 0 10C0 15.5 4.5 20 10 20C15.5 20 20 15.5 20 10C20 4.5 15.5 0 10 0ZM10 18C5.6 18 2 14.4 2 10C2 5.6 5.6 2 10 2C14.4 2 18 5.6 18 10C18 14.4 14.4 18 10 18ZM11 9H14V11H11V14H9V11H6V9H9V6H11V9Z" fill="#262262"/>
</svg>
src/js/main.js
View file @ d75400fa
......@@ -172,7 +172,7 @@ if(elemsSelect.length > 0)
{
new Choices(elem, {
choices: [],
placeholder: false,
placeholder: true,
searchEnabled: false,
itemSelectText: ''
});
......@@ -678,6 +678,70 @@ if(resumesFeedback.length > 0)
}
// Блок Перезвонить мне
let callMe = document.querySelector('#call-me');
let callMyself = document.querySelector('#call-myself');
let timeCall = document.querySelector('.block-radio .choices');
if(callMe && callMyself)
{
timeCall.classList.add('disabled');
[callMe, callMyself].forEach(elem => {
elem.addEventListener('change', () => {
if(elem.checked)
{
timeCall.classList.toggle('disabled');
}
});
});
}
// Добавление другой должности
let addOtherPosition = document.querySelector('.add-other-position');
let otherPositionBlock = document.querySelector('.other-position__block');
let indexPosition = 1;
if(addOtherPosition)
{
addOtherPosition.addEventListener('click', (e) => {
e.preventDefault();
let newPosition = document.createElement('input');
indexPosition++;
newPosition.type = "text";
newPosition.id = 'other-position' + indexPosition;
newPosition.name = 'other-position' + indexPosition;
newPosition.placeholder = 'ДРУГАЯ ДОЛЖНОСТЬ';
newPosition.style.marginTop = '7px';
otherPositionBlock.appendChild(newPosition);
});
}
// Выбор способа рассылки
let mailingMethodOption = document.querySelector('.mailing-method-option');
let buttonMailingPhone = document.querySelector('#mailing-phone');
let buttonMailingEmail = document.querySelector('#mailing-email');
if(buttonMailingPhone && buttonMailingEmail)
{
[buttonMailingEmail, buttonMailingPhone].forEach(button => {
button.addEventListener('change', () => {
let option = button.id;
if(mailingMethodOption.querySelector('.mailing-method-option_selected').dataset.option !== option)
{
mailingMethodOption.querySelector('.mailing-method-option_selected').classList.remove('mailing-method-option_selected');
mailingMethodOption.querySelector('div[data-option="' + option + '"]').classList.add('mailing-method-option_selected');
}
});
});
}
src/main.html
View file @ d75400fa
......@@ -192,7 +192,16 @@
<a href="response.html">Отклики</a>
</li>
<li>
<a href="current-response.html">Отклик детальная</a>
<a href="response-resume.html">Отклик на резюме</a>
</li>
<li>
<a href="response-vacancy.html">Отклик на вакансию</a>
</li>
<li>
<a href="response-vacancy-not-reg.html">Отклик на вакансию без регистрации</a>
</li>
<li>
<a href="subscription.html">Подписка</a>
</li>
</ul>
</div>
......
src/password-recovery.html
View file @ d75400fa
......@@ -125,7 +125,7 @@
<div class="container">
<h1>Восстановление пароля</h1>
<div class="content-page block-mt-dark-blue">
<div class="container-compressed">
<div class="container-compressed container-compressed_center">
<form action="" name="form-password-recovery" id="form-password-recovery" enctype="multipart/form-data">
<div class="block-mb-green">
<label for="phone">Телефон</label>
......
src/registration.html
View file @ d75400fa
......@@ -169,7 +169,7 @@
</div>
</div>
</div>
<div class="container-compressed">
<div class="container-compressed container-compressed_center">
<div class="block-mt-blue">
<div class="tabs">
<div class="tabs-items">
......
src/current-response.html → src/response-resume.html
View file @ d75400fa
......@@ -158,7 +158,7 @@
</div>
<div class="col-9">
<div class="brief-information block-mb-green">
<div class="brief-information-block" style="align-items: center;">
<div class="brief-information-block">
<div class="brief-information-block__image">
<img src="./img/logo_employer.svg" alt="">
</div>
......@@ -177,10 +177,11 @@
</p>
</div>
<div class="block-mt-blue">
<div class="container-compressed">
<h2>Хотите что-нибудь написать?</h2>
<div class="block-mt-green">
<form action="" name="answer-employer" id="answer-employer">
<label for="">Сообщение</label>
<form action="" name="form-answer-employer" id="form-answer-employer">
<label for="message">Сообщение</label>
<textarea name="message" id="message"></textarea>
<div class="block-mt-green">
<input type="submit" class="main-button" name="submit-answer" value="Отправить">
......@@ -194,6 +195,7 @@
</div>
</div>
</div>
</div>
<footer class="footer">
<div class="container">
<div class="row justify-content-between">
......
src/response-vacancy-not-reg.html 0 → 100644
View file @ d75400fa
This diff is collapsed.
src/response-vacancy.html 0 → 100644
View file @ d75400fa
This diff is collapsed.
src/scss/style.scss
View file @ d75400fa
......@@ -372,6 +372,7 @@ input[type="text"], input[type="password"]
letter-spacing: normal;
color: $color-disabled;
border: solid 2px currentColor;
width: 100%;
}
input[type="text"]::placeholder, input[type="password"]::placeholder
......@@ -430,6 +431,7 @@ select
padding-left: 20px;
}
.choices__inner
{
border: solid 2px #dddce8 !important;
......@@ -459,7 +461,7 @@ select
background-color: #ffffff;
top: 101%;
box-shadow: 0 10px 20px 0 rgba(15, 20, 91, 0.1);
height: 108px;
max-height: 108px;
overflow: auto;
}
.choices__list--dropdown::-webkit-scrollbar
......@@ -519,6 +521,28 @@ select
right: 20px;
}
.choices.disabled
{
pointer-events: none;
}
.choices.disabled .choices__inner
{
border: solid 2px #dddce8 !important;
border-color: #dddce8 !important;
background: transparent;
}
.choices.disabled .choices__list--single .choices__item
{
color: #b7b6c3 !important;
}
.choices.disabled[data-type*=select-one]:after
{
border-top-color: #dddce8;
}
// Стили для блока с файлом
.block-file
......@@ -2483,7 +2507,6 @@ button
.container-compressed
{
width: 610px;
margin: 0 auto;
form
{
input[type="text"], input[type="submit"], input[type="password"]
......@@ -2512,6 +2535,11 @@ button
}
}
.container-compressed_center
{
margin: 0 auto;
}
// Страница Регистрация
......@@ -3098,6 +3126,29 @@ ymaps[class$='pie-chart-content']
color: $color-primary;
margin-bottom: 32px;
}
&__vacancy
{
font-family: Montserrat Bold;
font-size: 16px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: $color-primary;
a
{
font-family: Montserrat Bold;
font-size: 16px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
margin-left: 17px;
padding-bottom: 7px;
}
}
&__rating
{
display: flex;
......@@ -3743,19 +3794,105 @@ input[type="submit"]
}
}
// Отклик детальная
// Отклик на резюме и на вакансию
#answer-employer
// #form-answer-employer, #form-message-employer
.container-compressed
{
label
{
display: block;
// display: block;
margin-bottom: 10px;
}
textarea
{
width: 610px;
height: 198px;
width: 100%;
}
}
// Отклик на вакансию без регистрации
.block-callback
{
display: flex;
align-items: center;
.block-radio
{
display: flex;
align-items: center;
margin-top: 0;
label
{
display: flex;
margin-bottom: 0;
}
}
.block-radio:nth-child(2)
{
margin-left: 65px;
}
.choices
{
margin-left: 23px;
width: 233px;
}
}
// Страница Подписка
.subscription
{
form
{
.block-checkbox
{
margin-top: 0;
margin-bottom: 22px;
}
.other-position
{
display: flex;
.button-text
{
margin-left: 12px;
}
}
.other-position ~ p
{
margin-top: 22px;
font-family: Montserrat Regular;
font-size: 14px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.57;
letter-spacing: normal;
color: $color-primary;
}
.mailing-method
{
&-block
{
display: flex;
.block-radio:nth-child(2)
{
margin-left: 40px;
}
}
&-option
{
.container-compressed
{
display: none;
}
.container-compressed.mailing-method-option_selected
{
display: block;
}
}
}
}
}
......
src/subscription.html 0 → 100644
View file @ d75400fa
This diff is collapsed.
webpack.config.js
View file @ d75400fa
......@@ -7,7 +7,7 @@ const webpack = require('webpack');
const isDev = process.env.NODE_ENV = 'development';
const pages = ['index', 'articles', 'faq', 'vacancies-list', 'current-article', 'main', 'service-rules', 'access-account', 'password-recovery', 'registration', 'companies-list',
'vacancies-map', 'companies-map', 'current-vacancy', 'current-company', '404', 'profile', 'profile-editing', 'my-resumes', 'favorites-vacancies-list',
'favorites-vacancies-map', 'response', 'current-response'];
'favorites-vacancies-map', 'response', 'response-resume', 'response-vacancy', 'response-vacancy-not-reg', 'subscription'];
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