Skip to content

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

Edits all pages is done

parent ae70c80a
Hide whitespace changes
Inline Side-by-side
Showing with 280 additions and 225 deletions
src/current-resume.html
View file @ c5f8ed9f
......@@ -137,7 +137,7 @@
<img class="img-svg" src="./img/icon_my_resumes.svg" alt="">
Мои резюме
</a>
<a href="#" class="button-text release-resume current-ref">
<a href="#" class="button-text current-ref">
<img class="img-svg" src="./img/icon_resume.svg" alt="">
Разместить резюме
</a>
......@@ -145,7 +145,7 @@
<img class="img-svg" src="./img/icon_feedback.svg" alt="">
Отклики
</a>
<a href="#" class="button-text favorites">
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_favorites.svg" alt="">
Избранное
</a>
......
src/favorites-vacancies-list.html
View file @ c5f8ed9f
......@@ -137,7 +137,7 @@
<img class="img-svg" src="./img/icon_my_resumes.svg" alt="">
Мои резюме
</a>
<a href="#" class="button-text release-resume">
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_resume.svg" alt="">
Разместить резюме
</a>
......@@ -145,11 +145,11 @@
<img class="img-svg" src="./img/icon_feedback.svg" alt="">
Отклики
</a>
<a href="#" class="button-text favorites current-ref">
<a href="#" class="button-text current-ref">
<img class="img-svg" src="./img/icon_favorites.svg" alt="">
Избранное
</a>
<a href="#" class="button-text favorites">
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_subscribe.svg" alt="">
Подписка
</a>
......
src/favorites-vacancies-map.html
View file @ c5f8ed9f
......@@ -137,7 +137,7 @@
<img class="img-svg" src="./img/icon_my_resumes.svg" alt="">
Мои резюме
</a>
<a href="#" class="button-text release-resume">
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_resume.svg" alt="">
Разместить резюме
</a>
......@@ -145,11 +145,11 @@
<img class="img-svg" src="./img/icon_feedback.svg" alt="">
Отклики
</a>
<a href="#" class="button-text favorites current-ref">
<a href="#" class="button-text current-ref">
<img class="img-svg" src="./img/icon_favorites.svg" alt="">
Избранное
</a>
<a href="#" class="button-text favorites">
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_subscribe.svg" alt="">
Подписка
</a>
......
src/index.html
View file @ c5f8ed9f
......@@ -37,6 +37,11 @@
<a href="#" class="help">
Помощь
<img class="img-svg" src="./img/arrow_down.svg" alt="">
<div class="prompt">
<a href="#">Полезные статьи</a>
<a href="#">Часто задаваемые вопросы</a>
<a href="#">Как пользоваться сервисом</a>
</div>
</a>
</div>
</div>
......
src/js/main.js
View file @ c5f8ed9f
......@@ -9,43 +9,47 @@ import datepicker from 'js-datepicker';
var imgSvg = document.querySelectorAll('.img-svg');
for(var i = 0; i < imgSvg.length; i++)
if(imgSvg.length)
{
var img = imgSvg[i];
var imgClass = img.getAttribute('class');
var imgUrl = img.getAttribute('src');
var request = new XMLHttpRequest();
request.open('GET', imgUrl, false);
request.onload = function() {
if (this.status >= 200 && this.status < 400) {
// Success!
var data = this.response;
var parser = new DOMParser();
var htmlSvg = parser.parseFromString(data, 'text/html');
var svg = htmlSvg.querySelector('svg');
svg.setAttribute('class', 'img-svg');
console.log(svg);
// img.replaceWith(svg);
img.parentElement.insertBefore(svg, img);
img.parentElement.removeChild(img);
}
else
{
console.log('error!');
}
};
request.onerror = function(e) {
console.log(e);
// There was a connection error of some sort
};
request.send();
for(var i = 0; i < imgSvg.length; i++)
{
var img = imgSvg[i];
var imgClass = img.getAttribute('class');
var imgUrl = img.getAttribute('src');
var request = new XMLHttpRequest();
request.open('GET', imgUrl, false);
request.onload = function() {
if (this.status >= 200 && this.status < 400) {
// Success!
var data = this.response;
var parser = new DOMParser();
var htmlSvg = parser.parseFromString(data, 'text/html');
var svg = htmlSvg.querySelector('svg');
svg.setAttribute('class', 'img-svg');
console.log(svg);
// img.replaceWith(svg);
img.parentElement.insertBefore(svg, img);
img.parentElement.removeChild(img);
}
else
{
console.log('error!');
}
};
request.onerror = function(e) {
console.log(e);
// There was a connection error of some sort
};
request.send();
}
}
// Слайдеры на главной
......@@ -134,51 +138,58 @@ $('.similar-vacancies-slider-wrapper').owlCarousel({
// Аккордеон
try
let accordionContentBlock = document.querySelectorAll('.accordion-content-block');
if(accordionContentBlock.length)
{
let accordionContentBlock = document.querySelectorAll('.accordion-content-block');
accordionContentBlock.forEach((elem) =>
accordionContentBlock.forEach((elem) =>
{
elem.addEventListener('click', function(e)
{
elem.addEventListener('click', function(e)
{
e.preventDefault();
elem.classList.toggle('accordion-content-block_hide');
})
});
}
catch (e) {
console.log(e);
e.preventDefault();
elem.classList.toggle('accordion-content-block_hide');
})
});
}
// Проверка изображения в карточке статьи
let articleBlocks = document.querySelectorAll('.article-block');
articleBlocks.forEach(article => {
if(!article.querySelector('.article-block__image'))
{
article.querySelector('.article-block__content').style.height = '100%';
}
});
if(articleBlocks.length)
{
articleBlocks.forEach(article => {
if(!article.querySelector('.article-block__image'))
{
article.querySelector('.article-block__content').style.height = '100%';
}
});
}
// Кастомизированный селект
var elemsSelect = document.querySelectorAll('select');
if(elemsSelect.length > 0)
function initChoices(data)
{
elemsSelect.forEach(function(elem)
if(data.length)
{
new Choices(elem, {
choices: [],
placeholder: true,
searchEnabled: false,
itemSelectText: ''
data.forEach(function(elem)
{
new Choices(elem, {
choices: [],
placeholder: true,
searchEnabled: false,
itemSelectText: ''
});
});
});
}
}
initChoices(elemsSelect);
// Определение прокрутки шапки и задание фиксированной шапки
let headerHeight = document.querySelector('.header').clientHeight;
......@@ -214,7 +225,7 @@ fixedAdaptiveHeader(headerScroll, headerHeight);
var inputFile = document.querySelectorAll('input[type="file"]');
if(inputFile.length > 0)
if(inputFile.length)
{
inputFile.forEach(function(input)
{
......@@ -234,7 +245,7 @@ if(inputFile.length > 0)
var tabs = document.querySelectorAll('.tabs');
if(tabs.length > 0)
if(tabs.length)
{
tabs.forEach(function(elem, index)
{
......@@ -276,29 +287,37 @@ if(tabs.length > 0)
}
// Datapicker
// Datapicker
let inputBirthday = document.querySelector('input[data-picker="datepicker"]');
let datepickerElems = document.querySelectorAll('input[data-picker="datepicker"]');
if(inputBirthday)
function initDatepicker(data)
{
datepicker(inputBirthday, {
formatter: (input, date, instance) =>
if(data.length)
{
data.forEach(elem =>
{
const value = date.toLocaleDateString();
input.value = value; // => '1/1/2099'
},
startDay: 0,
customDays: ['ПН', 'ВТ', 'СР', 'ЧТ', 'ПТ', 'СБ', 'ВС'],
customMonths: ['Январь', 'Февраль', 'Март', 'Апрель', 'Май', 'Июнь', 'Июль', 'Август', 'Сентябрь', 'Октябрь', 'Ноябрь', 'Декабрь'],
showAllDates: true,
overlayButton: 'Выбрать',
overlayPlaceholder: 'Укажите год'
});
datepicker(elem, {
formatter: (input, date, instance) =>
{
const value = date.toLocaleDateString();
input.value = value; // => '1/1/2099'
},
startDay: 0,
customDays: ['ПН', 'ВТ', 'СР', 'ЧТ', 'ПТ', 'СБ', 'ВС'],
customMonths: ['Январь', 'Февраль', 'Март', 'Апрель', 'Май', 'Июнь', 'Июль', 'Август', 'Сентябрь', 'Октябрь', 'Ноябрь', 'Декабрь'],
showAllDates: true,
overlayButton: 'Выбрать',
overlayPlaceholder: 'Укажите год'
});
});
}
}
initDatepicker(datepickerElems);
// Карта
......@@ -655,7 +674,7 @@ if(radioShareVk && radioShareEmail)
let togglePassword = document.querySelectorAll('.toggle-password');
if(togglePassword.length > 0)
if(togglePassword.length)
{
togglePassword.forEach(elem =>
{
......@@ -672,7 +691,7 @@ if(togglePassword.length > 0)
let resumesFeedback = document.querySelectorAll('.resumes-content-row-block.resumes-feedback-column p');
if(resumesFeedback.length > 0)
if(resumesFeedback.length)
{
resumesFeedback.forEach(elem => {
elem.innerHTML === '0' ? elem.style.color = '#b7b6c3' : elem.style.borderBottom = '1px dashed currentColor';
......@@ -788,28 +807,32 @@ if(canvasAvatar)
// Выбор должности
let position = document.querySelectorAll('select[data-position="choice-position"]');
console.log(position);
let blockChoicePosition = document.querySelectorAll('.block-choice-position');
if(position.length)
function choicePosition(data)
{
position.forEach(elem => {
elem.addEventListener('change', () => {
if(elem.value === 'other')
{
console.log(1);
// elem.parentElement.parentElement.querySelectorAll('[data-position="other-position"]')[1].removeAttribute('disabled');
}
else
{
console.log(2);
// elem.parentElement.parentElement.querySelectorAll].setAttribute('disabled', 'disabled');
}
});
});
if(data.length)
{
data.forEach(elem => {
let select = elem.querySelector('select');
let input = elem.querySelector('input');
select.addEventListener('change', () => {
if(select.value === 'other')
{
input.removeAttribute('disabled');
}
else
{
input.setAttribute('disabled', 'disabled');
}
});
});
}
}
choicePosition(blockChoicePosition);
// Добавить другой город
......@@ -833,32 +856,6 @@ if(addOtherCity.length)
});
}
// Начало и конец работы
let inputWork = document.querySelectorAll('.work-period__block input');
if(inputWork.length)
{
inputWork.forEach(elem =>
{
datepicker(elem, {
formatter: (input, date, instance) =>
{
const value = date.toLocaleDateString();
input.value = value; // => '1/1/2099'
},
startDay: 0,
customDays: ['ПН', 'ВТ', 'СР', 'ЧТ', 'ПТ', 'СБ', 'ВС'],
customMonths: ['Январь', 'Февраль', 'Март', 'Апрель', 'Май', 'Июнь', 'Июль', 'Август', 'Сентябрь', 'Октябрь', 'Ноябрь', 'Декабрь'],
showAllDates: true,
overlayButton: 'Выбрать',
overlayPlaceholder: 'Укажите год'
});
});
}
// Добавление места работы
let addPlaceWork = document.querySelectorAll('.add-place-work');
......@@ -867,7 +864,8 @@ if(addPlaceWork.length)
{
let indexPlacework = 0;
addPlaceWork.forEach(elem => {
addPlaceWork.forEach(elem =>
{
elem.addEventListener('click', (e) =>
{
e.preventDefault();
......@@ -877,31 +875,31 @@ if(addPlaceWork.length)
let tempateForm = `
<div class="data-form-experience">
<div class="block-mb-yellow">
<label for="company">Компания</label>
<label for="company${indexPlacework}">Компания</label>
<input type="text" name="company${indexPlacework}" id="company${indexPlacework}" placeholder="КОМПАНИЯ">
</div>
<div class="block-mb-orange">
<div class="block-mb-orange block-choice-position">
<label for="position${indexPlacework}">Желаемая должность</label>
<select name="position${indexPlacework}" id="position${indexPlacework}" data-position="choice-position">
<select name="position${indexPlacework}" id="position${indexPlacework}">
<option value="1">Должность 1</option>
<option value="2">Должность 2</option>
<option value="3">Должность 3</option>
<option value="other">Другая</option>
</select>
</div>
<div class="block-mb-yellow">
<input type="text" name="other-position${indexPlacework}" id="other-position${indexPlacework}" data-position="other-position" placeholder="ЖЕЛАЕМАЯ ДОЛЖНОСТЬ">
<div class="block-mb-yellow">
<input type="text" name="other-position${indexPlacework}" id="other-position${indexPlacework}" placeholder="ЖЕЛАЕМАЯ ДОЛЖНОСТЬ">
</div>
</div>
<div class="block-mb-yellow">
<div class="work-period">
<p>Период работы</p>
<div class="work-period__block">
<p>с</p>
<input type="text" name="start-work${indexPlacework}" id="start-work${indexPlacework}">
<input type="text" name="start-work${indexPlacework}" data-picker="datepicker" id="start-work${indexPlacework}">
</div>
<div class="work-period__block">
<p>по</p>
<input type="text" name="end-work${indexPlacework}" id="end-work${indexPlacework}">
<input type="text" name="end-work${indexPlacework}" data-picker="datepicker" id="end-work${indexPlacework}">
</div>
</div>
</div>
......@@ -930,7 +928,15 @@ if(addPlaceWork.length)
elem.parentElement.insertAdjacentHTML('beforebegin', tempateForm);
let dataFormNew = document.querySelectorAll('.data-form-experience')[indexPlacework];
let datepickerElemsNew = dataFormNew.querySelectorAll('input[data-picker="datepicker"]');
let selectsNew = dataFormNew.querySelectorAll('select');
let blockChoicePositionNew = dataFormNew.querySelectorAll('.block-choice-position');
initDatepicker(datepickerElemsNew);
initChoices(selectsNew);
choicePosition(blockChoicePositionNew);
});
});
}
......
src/my-resumes.html
View file @ c5f8ed9f
......@@ -137,7 +137,7 @@
<img class="img-svg" src="./img/icon_my_resumes.svg" alt="">
Мои резюме
</a>
<a href="#" class="button-text release-resume">
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_resume.svg" alt="">
Разместить резюме
</a>
......@@ -145,11 +145,11 @@
<img class="img-svg" src="./img/icon_feedback.svg" alt="">
Отклики
</a>
<a href="#" class="button-text favorites">
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_favorites.svg" alt="">
Избранное
</a>
<a href="#" class="button-text favorites">
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_subscribe.svg" alt="">
Подписка
</a>
......
src/post-resume-step1.html
View file @ c5f8ed9f
......@@ -137,7 +137,7 @@
<img class="img-svg" src="./img/icon_my_resumes.svg" alt="">
Мои резюме
</a>
<a href="#" class="button-text release-resume current-ref">
<a href="#" class="button-text current-ref">
<img class="img-svg" src="./img/icon_resume.svg" alt="">
Разместить резюме
</a>
......@@ -145,7 +145,7 @@
<img class="img-svg" src="./img/icon_feedback.svg" alt="">
Отклики
</a>
<a href="#" class="button-text favorites">
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_favorites.svg" alt="">
Избранное
</a>
......@@ -163,11 +163,11 @@
<div class="steps-post-resume">
<a href="#" class="steps-post-resume__step steps-post-resume__step_current">Шаг 1. Личные данные</a>
<div class="steps-post-resume__arrow">
<img src="./img/arrow_step.svg" alt="">
<img class="img-svg" src="./img/arrow_step.svg" alt="">
</div>
<a href="#" class="steps-post-resume__step">Шаг 2. Пожелания к работе</a>
<a href="#" class="steps-post-resume__step steps-post-resume__step_disabled">Шаг 2. Пожелания к работе</a>
<div class="steps-post-resume__arrow">
<img src="./img/arrow_step.svg" alt="">
<img class="img-svg" src="./img/arrow_step.svg" alt="">
</div>
<a href="#" class="steps-post-resume__step steps-post-resume__step_disabled">Шаг 3. Опыт работы</a>
</div>
......@@ -175,20 +175,20 @@
<form action="" name="post-resume-step1" id="post-resume-step1">
<div class="container-compressed">
<div class="block-mb-yellow">
<label for="name">Имя</label>
<label for="name">Имя <span>*</span></label>
<input type="text" placeholder="ИМЯ" name="name" id="name">
</div>
<div class="block-mb-yellow">
<label for="sername">Фамилия</label>
<label for="sername">Фамилия <span>*</span></label>
<input type="text" placeholder="ФАМИЛИЯ" name="sername" id="sername">
</div>
<div class="block-mb-yellow">
<label for="patronymic">Отчество</label>
<label for="patronymic">Отчество <span>*</span></label>
<input type="text" placeholder="ОТЧЕСТВО" name="patronymic" id="patronymic">
</div>
<div class="block-mb-yellow">
<label for="birthday">Дата рождения</label>
<input type="text" name="birthday" id="birthday" placeholder="ВЫБЕРИТЕ ДАТУ">
<input type="text" name="birthday" id="birthday" data-picker="datepicker" placeholder="ВЫБЕРИТЕ ДАТУ">
</div>
<div class="block-gender block-mb-green">
<p>Пол:</p>
......@@ -208,11 +208,15 @@
</div>
</div>
<div class="block-mb-yellow">
<label for="phone">Телефон</label>
<label for="phone">Телефон <span>*</span></label>
<input type="text" name="phone" id="phone" placeholder="+7">
</div>
<div class="block-mb-yellow">
<label for="email">E-mail</label>
<label for="phone-friend">Телефон близкого знакомого</label>
<input type="text" name="phone-friend" id="phone-friend" placeholder="+7">
</div>
<div class="block-mb-yellow">
<label for="email">E-mail <span>*</span></label>
<input type="text" name="email" id="email" placeholder="E-MAIL">
</div>
<div class="block-mb-orange">
......@@ -220,7 +224,7 @@
<input type="text" name="address" id="address" placeholder="РЕГИОН / РАЙОН, ГОРОД / Н.П., УЛИЦА">
</div>
<p class="block-mb-green" style="font-size: 14px;">Начните вводить адрес и выберите подходящий из появившегося списка</p>
<p class="block-mb-green" style="font-size: 14px;">* - поля, обязательные для заполнения</p>
<p class="block-mb-green" style="font-size: 14px;"><span>*</span> - поля, обязательные для заполнения</p>
<p class="block-mb-blue" style="font-size: 14px;">Нажимая кнопку «Далее», Вы даёте своё согласие на обработку персональных данных</p>
<div class="transfer-steps">
<button type="button" class="other-button disabled" id="prev-step-resume">Назад</button>
......
src/post-resume-step2.html
View file @ c5f8ed9f
......@@ -137,7 +137,7 @@
<img class="img-svg" src="./img/icon_my_resumes.svg" alt="">
Мои резюме
</a>
<a href="#" class="button-text release-resume current-ref">
<a href="#" class="button-text current-ref">
<img class="img-svg" src="./img/icon_resume.svg" alt="">
Разместить резюме
</a>
......@@ -145,7 +145,7 @@
<img class="img-svg" src="./img/icon_feedback.svg" alt="">
Отклики
</a>
<a href="#" class="button-text favorites">
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_favorites.svg" alt="">
Избранное
</a>
......@@ -162,29 +162,29 @@
<div class="block-mt-blue">
<div class="steps-post-resume">
<a href="#" class="steps-post-resume__step">Шаг 1. Личные данные</a>
<div class="steps-post-resume__arrow">
<img src="./img/arrow_step.svg" alt="">
<div class="steps-post-resume__arrow steps-post-resume__arrow_passed">
<img class="img-svg" src="./img/arrow_step.svg" alt="">
</div>
<a href="#" class="steps-post-resume__step steps-post-resume__step_current">Шаг 2. Пожелания к работе</a>
<div class="steps-post-resume__arrow">
<img src="./img/arrow_step.svg" alt="">
<img class="img-svg" src="./img/arrow_step.svg" alt="">
</div>
<a href="#" class="steps-post-resume__step">Шаг 3. Опыт работы</a>
<a href="#" class="steps-post-resume__step steps-post-resume__step_disabled">Шаг 3. Опыт работы</a>
</div>
<div class="block-mt-blue">
<div class="container-compressed">
<form action="" name="post-resume-step2" id="post-resume-step2">
<div class="block-mb-orange">
<label for="position">Желаемая должность</label>
<select name="position" id="position" data-position="choice-position">
<div class="block-mb-orange block-choice-position">
<label for="position">Желаемая должность <span>*</span></label>
<select name="position" id="position">
<option value="1">Должность 1</option>
<option value="2">Должность 2</option>
<option value="3">Должность 3</option>
<option value="other">Другая</option>
</select>
</div>
<div class="block-mb-yellow">
<input type="text" name="other-position" id="other-position" data-position="other-position" placeholder="ЖЕЛАЕМАЯ ДОЛЖНОСТЬ" disabled>
<div class="block-mb-yellow">
<input type="text" name="other-position" id="other-position" placeholder="ЖЕЛАЕМАЯ ДОЛЖНОСТЬ" disabled>
</div>
</div>
<div class="block-mb-green">
<label for="desired-salary">Желаемая зарплата, руб</label>
......@@ -443,7 +443,7 @@
<div class="row">
<div class="col-4">
<div class="block-post-resume__name">
<p>Способ связи:</p>
<p>Способ связи <span>*</span>:</p>
</div>
</div>
<div class="col-8">
......
src/post-resume-step3.html
View file @ c5f8ed9f
......@@ -137,7 +137,7 @@
<img class="img-svg" src="./img/icon_my_resumes.svg" alt="">
Мои резюме
</a>
<a href="#" class="button-text release-resume current-ref">
<a href="#" class="button-text current-ref">
<img class="img-svg" src="./img/icon_resume.svg" alt="">
Разместить резюме
</a>
......@@ -145,7 +145,7 @@
<img class="img-svg" src="./img/icon_feedback.svg" alt="">
Отклики
</a>
<a href="#" class="button-text favorites">
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_favorites.svg" alt="">
Избранное
</a>
......@@ -162,14 +162,14 @@
<div class="block-mt-blue">
<div class="steps-post-resume">
<a href="#" class="steps-post-resume__step">Шаг 2. Пожелания к работе</a>
<div class="steps-post-resume__arrow">
<img src="./img/arrow_step.svg" alt="">
<div class="steps-post-resume__arrow steps-post-resume__arrow_passed">
<img class="img-svg" src="./img/arrow_step.svg" alt="">
</div>
<a href="#" class="steps-post-resume__step steps-post-resume__step_current">Шаг 3. Опыт работы</a>
<div class="steps-post-resume__arrow">
<img src="./img/arrow_step.svg" alt="">
<img class="img-svg" src="./img/arrow_step.svg" alt="">
</div>
<a href="#" class="steps-post-resume__step">Шаг 4. Моё резюме</a>
<a href="#" class="steps-post-resume__step steps-post-resume__step_disabled">Шаг 4. Моё резюме</a>
</div>
<div class="block-mt-blue">
<div class="container-compressed">
......@@ -187,28 +187,28 @@
<label for="company">Компания</label>
<input type="text" name="company" id="company" placeholder="КОМПАНИЯ">
</div>
<div class="block-mb-orange">
<div class="block-mb-orange block-choice-position">
<label for="position">Желаемая должность</label>
<select name="position" id="position" data-position="choice-position">
<select name="position" id="position">
<option value="1">Должность 1</option>
<option value="2">Должность 2</option>
<option value="3">Должность 3</option>
<option value="other">Другая</option>
</select>
</div>
<div class="block-mb-yellow">
<input type="text" name="other-position" id="other-position" data-position="other-position" placeholder="ЖЕЛАЕМАЯ ДОЛЖНОСТЬ" disabled>
<div class="block-mb-yellow">
<input type="text" name="other-position" id="other-position" placeholder="ЖЕЛАЕМАЯ ДОЛЖНОСТЬ" disabled>
</div>
</div>
<div class="block-mb-yellow">
<div class="work-period">
<p>Период работы</p>
<div class="work-period__block">
<p>с</p>
<input type="text" name="start-work" id="start-work">
<input type="text" name="start-work" data-picker="datepicker" id="start-work">
</div>
<div class="work-period__block">
<p>по</p>
<input type="text" name="end-work" id="end-work">
<input type="text" name="end-work" data-picker="datepicker" id="end-work">
</div>
</div>
</div>
......
src/post-resume-step4.html
View file @ c5f8ed9f
......@@ -137,7 +137,7 @@
<img class="img-svg" src="./img/icon_my_resumes.svg" alt="">
Мои резюме
</a>
<a href="#" class="button-text release-resume current-ref">
<a href="#" class="button-text current-ref">
<img class="img-svg" src="./img/icon_resume.svg" alt="">
Разместить резюме
</a>
......@@ -145,7 +145,7 @@
<img class="img-svg" src="./img/icon_feedback.svg" alt="">
Отклики
</a>
<a href="#" class="button-text favorites">
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_favorites.svg" alt="">
Избранное
</a>
......@@ -160,12 +160,12 @@
<div class="post-resume">
<div class="steps-post-resume">
<a href="#" class="steps-post-resume__step">Шаг 2. Пожелания к работе</a>
<div class="steps-post-resume__arrow">
<img src="./img/arrow_step.svg" alt="">
<div class="steps-post-resume__arrow steps-post-resume__arrow_passed">
<img class="img-svg" src="./img/arrow_step.svg" alt="">
</div>
<a href="#" class="steps-post-resume__step">Шаг 3. Опыт работы</a>
<div class="steps-post-resume__arrow">
<img src="./img/arrow_step.svg" alt="">
<div class="steps-post-resume__arrow steps-post-resume__arrow_passed">
<img class="img-svg" src="./img/arrow_step.svg" alt="">
</div>
<a href="#" class="steps-post-resume__step steps-post-resume__step_current">Шаг 4. Моё резюме</a>
</div>
......
src/profile-editing.html
View file @ c5f8ed9f
......@@ -137,7 +137,7 @@
<img class="img-svg" src="./img/icon_my_resumes.svg" alt="">
Мои резюме
</a>
<a href="#" class="button-text release-resume">
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_resume.svg" alt="">
Разместить резюме
</a>
......@@ -145,11 +145,11 @@
<img class="img-svg" src="./img/icon_feedback.svg" alt="">
Отклики
</a>
<a href="#" class="button-text favorites">
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_favorites.svg" alt="">
Избранное
</a>
<a href="#" class="button-text favorites">
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_subscribe.svg" alt="">
Подписка
</a>
......
src/profile.html
View file @ c5f8ed9f
......@@ -137,7 +137,7 @@
<img class="img-svg" src="./img/icon_my_resumes.svg" alt="">
Мои резюме
</a>
<a href="#" class="button-text release-resume">
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_resume.svg" alt="">
Разместить резюме
</a>
......@@ -145,11 +145,11 @@
<img class="img-svg" src="./img/icon_feedback.svg" alt="">
Отклики
</a>
<a href="#" class="button-text favorites">
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_favorites.svg" alt="">
Избранное
</a>
<a href="#" class="button-text favorites">
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_subscribe.svg" alt="">
Подписка
</a>
......
src/response-resume.html
View file @ c5f8ed9f
......@@ -137,7 +137,7 @@
<img class="img-svg" src="./img/icon_my_resumes.svg" alt="">
Мои резюме
</a>
<a href="#" class="button-text release-resume">
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_resume.svg" alt="">
Разместить резюме
</a>
......@@ -145,11 +145,11 @@
<img class="img-svg" src="./img/icon_feedback.svg" alt="">
Отклики
</a>
<a href="#" class="button-text favorites">
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_favorites.svg" alt="">
Избранное
</a>
<a href="#" class="button-text favorites">
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_subscribe.svg" alt="">
Подписка
</a>
......
src/response-vacancy.html
View file @ c5f8ed9f
......@@ -137,7 +137,7 @@
<img class="img-svg" src="./img/icon_my_resumes.svg" alt="">
Мои резюме
</a>
<a href="#" class="button-text release-resume">
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_resume.svg" alt="">
Разместить резюме
</a>
......@@ -145,11 +145,11 @@
<img class="img-svg" src="./img/icon_feedback.svg" alt="">
Отклики
</a>
<a href="#" class="button-text favorites">
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_favorites.svg" alt="">
Избранное
</a>
<a href="#" class="button-text favorites">
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_subscribe.svg" alt="">
Подписка
</a>
......
src/response.html
View file @ c5f8ed9f
......@@ -137,7 +137,7 @@
<img class="img-svg" src="./img/icon_my_resumes.svg" alt="">
Мои резюме
</a>
<a href="#" class="button-text release-resume">
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_resume.svg" alt="">
Разместить резюме
</a>
......@@ -145,11 +145,11 @@
<img class="img-svg" src="./img/icon_feedback.svg" alt="">
Отклики
</a>
<a href="#" class="button-text favorites">
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_favorites.svg" alt="">
Избранное
</a>
<a href="#" class="button-text favorites">
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_subscribe.svg" alt="">
Подписка
</a>
......@@ -195,7 +195,7 @@
</div>
<div class="response-content-row-block response-feedback-column">
<a href="#" class="response-ref">
<img class="img-svg" src="./img/icon_mail.svg" alt="">
<img src="./img/icon_response.svg" alt="">
</a>
</div>
</div>
......@@ -210,7 +210,7 @@
</div>
<div class="response-content-row-block response-feedback-column">
<a href="#" class="response-ref">
<img class="img-svg" src="./img/icon_mail.svg" alt="">
<img src="./img/icon_response.svg" alt="">
</a>
</div>
</div>
......@@ -225,7 +225,7 @@
</div>
<div class="response-content-row-block response-feedback-column">
<a href="#" class="response-ref">
<img class="img-svg" src="./img/icon_mail.svg" alt="">
<img src="./img/icon_response.svg" alt="">
</a>
</div>
</div>
......@@ -240,7 +240,7 @@
</div>
<div class="response-content-row-block response-feedback-column">
<a href="#" class="response-ref">
<img class="img-svg" src="./img/icon_mail.svg" alt="">
<img src="./img/icon_response.svg" alt="">
</a>
</div>
</div>
......@@ -264,7 +264,7 @@
</div>
<div class="response-content-row-block response-feedback-column">
<a href="#" class="response-ref">
<img class="img-svg" src="./img/icon_mail.svg" alt="">
<img src="./img/icon_response.svg" alt="">
</a>
</div>
</div>
......@@ -279,7 +279,7 @@
</div>
<div class="response-content-row-block response-feedback-column">
<a href="#" class="response-ref">
<img class="img-svg" src="./img/icon_mail.svg" alt="">
<img src="./img/icon_response.svg" alt="">
</a>
</div>
</div>
......@@ -294,7 +294,7 @@
</div>
<div class="response-content-row-block response-feedback-column">
<a href="#" class="response-ref">
<img class="img-svg" src="./img/icon_mail.svg" alt="">
<img src="./img/icon_response.svg" alt="">
</a>
</div>
</div>
......@@ -309,7 +309,7 @@
</div>
<div class="response-content-row-block response-feedback-column">
<a href="#" class="response-ref">
<img class="img-svg" src="./img/icon_mail.svg" alt="">
<img src="./img/icon_response.svg" alt="">
</a>
</div>
</div>
......
src/scss/style.scss
View file @ c5f8ed9f
......@@ -417,7 +417,8 @@ input[type="text"]:disabled, input[type="password"]:disabled
input[data-picker="datepicker"]
{
background-image: url(../img/icon_datepicker.svg);
background-position: 97%;
background-position: 96%;
// background-position: 174px;
background-repeat: no-repeat;
}
......@@ -1031,13 +1032,48 @@ textarea:focus
}
.prompt
{
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
padding: 20px;
background-color: #fff;
position: absolute;
bottom: 0;
left: 0;
transition: .3s;
opacity: 0;
z-index: -1;
a
{
display: block;
font-family: Montserrat Bold;
font-size: 14px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
}
}
// Шапка
.header
{
// a
// {
// position: relative;
// display: flex;
// }
// a:hover .prompt
// {
// opacity: 1;
// z-index: 3;
// }
&-top
{
padding-top: 22px;
......@@ -1309,6 +1345,7 @@ textarea:focus
}
}
.feedback:after
{
content: attr(data-count);
......@@ -3798,11 +3835,6 @@ input[type="submit"]
// Страница Избранное - Список
// .favorites-vacancies-ref
// {
// width: max-content;
// margin-bottom: 32px;
// }
.favorites-list
{
......@@ -4016,6 +4048,7 @@ input[type="submit"]
.other-position
{
display: flex;
align-items: flex-start;
.button-text
{
margin-left: 12px;
......@@ -4073,19 +4106,25 @@ input[type="submit"]
margin-left: 60px;
margin-right: 60px;
}
&__arrow_passed
{
.img-svg path
{
fill: $color-primary;
}
}
&__step
{
font-family: Montserrat Bold;
font-size: 15px;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: $color-disabled;
text-transform: uppercase;
border: 0;
transition: .3s;
color: $color-ref;
}
&__step:hover
{
......@@ -4099,6 +4138,7 @@ input[type="submit"]
&__step_disabled
{
pointer-events: none;
color: $color-disabled;
}
}
form
......
src/subscription.html
View file @ c5f8ed9f
......@@ -137,7 +137,7 @@
<img class="img-svg" src="./img/icon_my_resumes.svg" alt="">
Мои резюме
</a>
<a href="#" class="button-text release-resume">
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_resume.svg" alt="">
Разместить резюме
</a>
......@@ -145,7 +145,7 @@
<img class="img-svg" src="./img/icon_feedback.svg" alt="">
Отклики
</a>
<a href="#" class="button-text favorites">
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_favorites.svg" alt="">
Избранное
</a>
......
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