New four pages for employers is done

src/js/main.js

@@ -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

@@ -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/resumes-list.html

@@ -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

@@ -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

@@ -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'),