Skip to content

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

New four pages for employers is done

parent 9dcc6c2f
Expand all Show whitespace changes
Inline Side-by-side
Showing with 3602 additions and 309 deletions
src/current-company.html
View file @ 38fa1b94
This diff is collapsed.
src/current-vacancy-employer.html 0 → 100644
View file @ 38fa1b94
This diff is collapsed.
src/current-vacancy.html
View file @ 38fa1b94
This diff is collapsed.
src/favorites-employer.html 0 → 100644
View file @ 38fa1b94
This diff is collapsed.
src/js/main.js
View file @ 38fa1b94
......@@ -1470,31 +1470,16 @@ if(buttonHelp && menuMain)
// Адаптив для таблицы Резюме и Отклики
let resumes = document.querySelectorAll('.resumes');
let tables = document.querySelectorAll('.table');
let responses = document.querySelectorAll('.response');
if(resumes.length)
if(tables.length)
{
// resumes.forEach(function(resume)
// {
// let headers = resume.querySelectorAll('.resumes-header-row-block p');
// let strBody = resume.querySelectorAll('.resumes-content-row');
// strBody.forEach(function(str)
// {
// let columns = str.querySelectorAll('.resumes-content-row-block');
// for(let i = 0; i < columns.length; i++)
// {
// columns[i].dataset.label = headers[i].innerHTML;
// }
// });
// });
resumes.forEach(function(resume)
{
resume.insertAdjacentHTML('beforebegin', '<div class="wrapper-table"></div>');
let wrapperTable = resume.previousElementSibling;
wrapperTable.appendChild(resume);
tables.forEach(function(table)
{
table.insertAdjacentHTML('beforebegin', '<div class="wrapper-table"></div>');
let wrapperTable = table.previousElementSibling;
wrapperTable.appendChild(table);
});
}
......@@ -1671,6 +1656,54 @@ if(blockRangeSliders.length)
}
// Скрипт для отображния фильтра для таблиц
let filterBlock = document.querySelectorAll('.filter-block');
if(filterBlock.length)
{
filterBlock.forEach(block => {
let ref = block.querySelector('.filter-block__ref');
ref.addEventListener('click', (e) => {
e.preventDefault();
ref.classList.toggle('filter-block__ref_active');
block.querySelector('.filter-block__content').classList.toggle('filter-block__content_active');
});
});
}
// Скрипт для выбора периода времени в фильтре
let filterBlockContent = document.querySelectorAll('.filter-block__content');
if(filterBlockContent.length)
{
filterBlockContent.forEach(block =>
{
let radioButtons = block.querySelectorAll('input[type="radio"]');
let inputDate = block.querySelectorAll('[data-picker="datepicker"]');
radioButtons.forEach((button, index) => {
button.addEventListener('change', () => {
if(index === 1 && button.checked)
{
inputDate.forEach(input => {
input.removeAttribute('disabled');
});
}
if(index === 0 && button.checked)
{
inputDate.forEach(input => {
input.setAttribute('disabled', 'disabled');
});
}
});
});
});
}
......
src/main.html
View file @ 38fa1b94
......@@ -408,6 +408,18 @@
<li>
<a href="resumes-map.html">Резюме на карте</a>
</li>
<li>
<a href="current-vacancy-employer.html">Вакансия детальная</a>
</li>
<li>
<a href="favorites-employer.html">Избранное</a>
</li>
<li>
<a href="my-vacancies.html">Мои вакансии</a>
</li>
<li>
<a href="response-employer.html">Отклики</a>
</li>
</ul>
</div>
</div>
......
src/my-resumes.html
View file @ 38fa1b94
This diff is collapsed.
src/my-vacancies.html 0 → 100644
View file @ 38fa1b94
This diff is collapsed.
src/response-employer.html 0 → 100644
View file @ 38fa1b94
This diff is collapsed.
src/resumes-list.html
View file @ 38fa1b94
......@@ -370,7 +370,7 @@
</div>
</div>
<div class="col-9">
<div class="additional-search">
<div class="additional-search block-mb-green">
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_map.svg" alt="">
Показать на карте
......
src/scss/style.scss
View file @ 38fa1b94
......@@ -3049,7 +3049,7 @@ button
.main-search
{
margin-top: 32px;
// margin-top: 32px;
.search-list-row
{
margin-left: -10px;
......@@ -3534,6 +3534,7 @@ label
margin-left: -20px;
margin-right: -20px;
flex-wrap: wrap;
margin-top: -15px;
.tabs-item
{
font-family: Raleway Bold;
......@@ -4350,12 +4351,13 @@ input[type="submit"]
// Страница Мои резюме
.resumes
.table
{
background-color: #fff;
border-top: 4px solid #dddce8;
box-shadow: 0 10px 20px 0 rgba(15, 20, 91, 0.1);
min-width: 895px;
margin-bottom: 0;
&-header
{
padding: 22px 39px 22px 27px;
......@@ -4440,7 +4442,7 @@ input[type="submit"]
}
&-actual
{
.resumes-name-column
.table-name-column
{
display: flex;
justify-content: flex-start;
......@@ -4448,17 +4450,17 @@ input[type="submit"]
width: 39%;
text-align: left;
}
.resumes-views-column
.table-views-column
{
justify-content: center;
width: 10%;
}
.resumes-feedback-column
.table-feedback-column
{
justify-content: center;
width: 10%
}
.resumes-date-column
.table-date-column
{
justify-content: center;
width: 10%
......@@ -4466,7 +4468,7 @@ input[type="submit"]
}
&-drafts
{
.resumes-name-column
.table-name-column
{
display: flex;
justify-content: flex-start;
......@@ -4474,7 +4476,7 @@ input[type="submit"]
width: 39%;
text-align: left;
}
.resumes-remove-column
.table-remove-column
{
display: flex;
justify-content: center;
......@@ -4483,7 +4485,7 @@ input[type="submit"]
}
&-archive
{
.resumes-name-column
.table-name-column
{
display: flex;
justify-content: flex-start;
......@@ -4491,34 +4493,34 @@ input[type="submit"]
width: 46%;
text-align: left;
}
.resumes-views-column
.table-views-column
{
justify-content: center;
width: 10%;
}
.resumes-feedback-column
.table-feedback-column
{
justify-content: center;
width: 7%
}
.resumes-date-column
.table-date-column
{
justify-content: center;
width: 10%
}
.resumes-remove-column
.table-remove-column
{
display: flex;
justify-content: center;
width: 7%;
}
}
.remove-resume
.remove-data
{
border: 0;
transition: .3s;
}
.remove-resume:hover
.remove-data:hover
{
.img-svg path
{
......@@ -5369,6 +5371,59 @@ input[type="submit"]
color: $color-disabled;
}
.filter-block
{
width: 400px;
&__title
{
display: flex;
align-items: center;
.filter-block__ref
{
.img-svg
{
transition: .3s;
margin-left: 10px;
transform: rotateX(180deg);
}
}
.filter-block__ref.filter-block__ref_active
{
.img-svg
{
transform: rotateX(0);
}
}
}
&__content
{
display: none;
}
&__content_active
{
display: block;
}
}
.periods
{
&__stage
{
display: flex;
align-items: center;
// justify-content: space-between;
label
{
width: 54%;
margin: 0;
}
input
{
margin-left: 10px;
}
}
}
// Футер
......
webpack.config.js
View file @ 38fa1b94
......@@ -10,7 +10,8 @@ const pages = ['index', 'articles', 'faq', 'vacancies-list', 'current-article',
'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',
'current-article-employer', 'service-rules-employer', 'access-account-employer', 'tariffs', 'password-recovery-employer', 'registration-employer',
'resumes-list', 'resumes-map', 'current-resume-employer', 'resume-paid'];
'resumes-list', 'resumes-map', 'current-resume-employer', 'resume-paid', 'current-vacancy-employer', 'favorites-employer', 'my-vacancies',
'response-employer'];
const webpackConfig = {
context: path.resolve(__dirname, 'src'),
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment