end all

source/index.html

@@ -1166,12 +1166,12 @@ <h2 class="form__title section-title section-title--light">
               <div class="form__inputs">
                 <div class="form__input">
                   <label class="visually-hidden" for="name">Имя</label>
-                  <input type="text" id="name" name="name" placeholder="Имя" required>
+                  <input type="text" id="name" name="name" placeholder="Имя" autocomplete="on" required>
                   <span class="form__error-text">Проверьте корректность заполнения поля</span>
                 </div>
                 <div class="form__input">
                   <label class="visually-hidden" for="phone">Телефон</label>
-                  <input type="tel" id="phone" name="phone" placeholder="Телефон" required>
+                  <input type="tel" id="phone" name="phone" placeholder="Телефон" autocomplete="on" required>
                   <span class="form__error-text">Проверьте корректность заполнения поля</span>
                 </div>
               </div>

source/js/modules/accordions/faq-accordion.js

@@ -1,19 +1,20 @@
 export const initFaqAccordions = () => {
-  const buttons = document.querySelectorAll('[data-faq="accordion-button"]');
+  if (document.querySelectorAll('[data-faq="accordion-button"]')) {
+    const buttons = document.querySelectorAll('[data-faq="accordion-button"]');
+    buttons.forEach((button) => {
+      button.addEventListener('click', () => {
+        const content = button.nextElementSibling;
+        const isActive = button.classList.contains('is-active');
 
-  buttons.forEach((button) => {
-    button.addEventListener('click', () => {
-      const content = button.nextElementSibling;
-      const isActive = button.classList.contains('is-active');
+        if (isActive) {
+          content.style.maxHeight = 0;
+        } else {
+          content.style.maxHeight = `${content.scrollHeight}px`;
+        }
 
-      if (isActive) {
-        content.style.maxHeight = 0;
-      } else {
-        content.style.maxHeight = `${content.scrollHeight}px`;
-      }
-
-      button.classList.toggle('is-active');
-      content.classList.toggle('is-active');
+        button.classList.toggle('is-active');
+        content.classList.toggle('is-active');
+      });
     });
-  });
+  }
 };

source/js/modules/tabs/init-faq-tabs.js

@@ -5,23 +5,20 @@ const initFaqTabs = () => {
   ) {
     const tabsControls = document.querySelectorAll('[data-faq="tabs-control"]');
     const tabsElements = document.querySelectorAll('[data-faq="tabs-content"]');
-    // Обработчик события клика для вкладок
+
     tabsControls.forEach((tabsControl) => {
       tabsControl.addEventListener('click', (e) => {
         e.preventDefault();
         const activeTabId = e.target.getAttribute('data-tab');
 
-        // Убираем активный класс у всех вкладок, кроме текущей
         tabsControls.forEach((otherTabControl) => {
           if (otherTabControl !== tabsControl) {
             otherTabControl.classList.remove('is-active');
           }
         });
 
-        // Добавляем активный класс текущей вкладке
         tabsControl.classList.add('is-active');
 
-        // Показываем соответствующее содержимое вкладки
         tabsElements.forEach((tabsElement) => {
           const contentId = tabsElement.getAttribute('data-tab-content');
           if (contentId === activeTabId) {

source/js/modules/tabs/init-price-tabs.js

@@ -9,23 +9,20 @@ const initPriceTabs = () => {
     const tabsElements = document.querySelectorAll(
       '[data-price="tabs-content"]',
     );
-    // Обработчик события клика для вкладок
+
     tabsControls.forEach((tabsControl) => {
       tabsControl.addEventListener('click', (e) => {
         e.preventDefault();
         const activeTabId = e.target.getAttribute('data-tab');
 
-        // Убираем активный класс у всех вкладок, кроме текущей
         tabsControls.forEach((otherTabControl) => {
           if (otherTabControl !== tabsControl) {
             otherTabControl.classList.remove('is-active');
           }
         });
 
-        // Добавляем активный класс текущей вкладке
         tabsControl.classList.add('is-active');
 
-        // Показываем соответствующее содержимое вкладки
         tabsElements.forEach((tabsElement) => {
           const contentId = tabsElement.getAttribute('data-tab-content');
           if (contentId === activeTabId) {
@@ -44,41 +41,35 @@ const setActivePriceCard = () => {
     document.querySelector('[data-price="card"]') &&
     document.querySelector('[data-price="card-btn"]')
   ) {
-    // Получаем все элементы с классом .price-card
     const tabs = document.querySelectorAll('[data-price="card"]');
 
-    // Добавляем обработчик события для каждого элемента
     tabs.forEach((tab) => {
-      // Добавляем обработчик события focus для кнопки .price-card__btn
       const btn = tab.querySelector('[data-price="card-btn"]');
       btn.addEventListener('focus', () => {
         tab.classList.add('active');
       });
 
-      // Добавляем обработчик события blur для кнопки .price-card__btn
       btn.addEventListener('blur', () => {
         tab.classList.remove('active');
       });
 
       tab.addEventListener('mouseenter', () => {
-        // Проверяем наличием класса .active у элемента и .active у кнопки
         if (
           !tab.classList.contains('active') &&
           !btn.classList.contains('active')
         ) {
-          tab.classList.add('active'); // Добавляем класс .active при наведении
-          btn.classList.add('active'); // Добавляем класс .active при наведении
+          tab.classList.add('active');
+          btn.classList.add('active');
         }
       });
 
       tab.addEventListener('mouseleave', () => {
-        // Проверяем наличием класса .active у элемента и .active у кнопки
         if (
           tab.classList.contains('active') &&
           btn.classList.contains('active')
         ) {
-          tab.classList.remove('active'); // Удаляем класс .active при уходе курсора
-          btn.classList.remove('active'); // Удаляем класс .active при уходе курсора
+          tab.classList.remove('active');
+          btn.classList.remove('active');
         }
       });
     });

source/js/modules/utils/utils.js

@@ -3,20 +3,16 @@ const setActiveJuriSlideInfo = () => {
     document.querySelector('.juri__inner') &&
     document.querySelector('.juri-slide')
   ) {
-    // Получаем все элементы с классом .juri-slide
     const slides = document.querySelectorAll('.juri-slide');
 
-    // Добавляем обработчик события для каждого элемента
     slides.forEach((slide) => {
-      // Добавляем обработчик события focus для элемента
       slide.addEventListener('focus', () => {
         slides.forEach((slideItem) => {
           slideItem.classList.remove('is-active');
         });
         slide.classList.add('is-active');
       });
 
-      // Добавляем обработчик события blur для элемента
       slide.addEventListener('blur', () => {
         slide.classList.remove('is-active');
       });
@@ -25,38 +21,38 @@ const setActiveJuriSlideInfo = () => {
         slides.forEach((slideItem) => {
           slideItem.classList.remove('is-active');
         });
-        // Проверяем наличием класса .is-active у элемента
         if (!slide.classList.contains('is-active')) {
-          slide.classList.add('is-active'); // Добавляем класс .is-active при наведении
+          slide.classList.add('is-active');
         }
       });
 
       slide.addEventListener('mouseleave', () => {
-        // Проверяем наличием класса .is-active у элемента
         if (slide.classList.contains('is-active')) {
-          slide.classList.remove('is-active'); // Удаляем класс .is-active при уходе курсора
+          slide.classList.remove('is-active');
         }
       });
     });
   }
 };
 
 const lazyLoadImages = () => {
-  const images = document.querySelectorAll('img');
-  const screenWidth = window.innerWidth;
+  if (document.querySelectorAll('img')) {
+    const images = document.querySelectorAll('img');
+    const screenWidth = window.innerWidth;
 
-  if (screenWidth < 768) {
-    images.forEach((img, index) => {
-      if (index !== 0 && index !== 2) {
-        img.setAttribute('loading', 'lazy');
-      }
-    });
-  } else {
-    images.forEach((img, index) => {
-      if (index !== 0 && index !== 1) {
-        img.setAttribute('loading', 'lazy');
-      }
-    });
+    if (screenWidth < 768) {
+      images.forEach((img, index) => {
+        if (index !== 0 && index !== 2) {
+          img.setAttribute('loading', 'lazy');
+        }
+      });
+    } else {
+      images.forEach((img, index) => {
+        if (index !== 0 && index !== 1) {
+          img.setAttribute('loading', 'lazy');
+        }
+      });
+    }
   }
 };
 

source/js/modules/validate-form.js

@@ -1,126 +1,85 @@
-// formValidation.js
-
-// Функция для валидации формы
 const validateForm = () => {
   if (document.querySelector('form') && document.querySelector('input[type="text"]') && document.querySelector('input[type="tel"]')) {
-    // Находим форму на странице
     const form = document.querySelector('form');
-    // Находим все инпуты внутри формы
     const inputs = form.querySelectorAll('input');
+    const lettersOnlyRegex = /^[a-zA-Zа-яА-ЯёЁ\s]+$/;
+    const digitsOnlyRegex = /^\d+$/;
 
-    // Регулярные выражения для валидации
-    const lettersOnlyRegex = /^[a-zA-Zа-яА-ЯёЁ\s]+$/; // Допускает только буквы и пробелы (кириллица и латиница)
-    const digitsOnlyRegex = /^\d+$/; // Допускает только цифры
-
-    // Функция для отображения ошибок
     const showError = (input, errorMessage) => {
-      // Получаем родительский элемент инпута
       const parent = input.parentElement;
-      // Находим элемент для отображения сообщения об ошибке
       const errorText = parent.querySelector('.form__error-text');
 
-      // Добавляем классы ошибки родительскому элементу и инпуту
       parent.classList.add('error');
       input.classList.add('error');
-      // Устанавливаем текст ошибки и отображаем его
+
       errorText.textContent = errorMessage;
       errorText.style.display = 'block';
     };
 
-    // Функция для скрытия ошибок
     const hideError = (input) => {
-      // Получаем родительский элемент инпута
       const parent = input.parentElement;
-      // Находим элемент для отображения сообщения об ошибке
       const errorText = parent.querySelector('.form__error-text');
 
-      // Удаляем классы ошибки у родительского элемента и инпута
       parent.classList.remove('error');
       input.classList.remove('error');
-      // Очищаем текст ошибки и скрываем его
+
       errorText.textContent = '';
       errorText.style.display = 'none';
     };
 
-    // Функция для проверки валидности поля Имя
     const validateName = (input) => {
-      // Получаем значение инпута и убираем лишние пробелы
       const value = input.value.trim();
 
-      // Проверяем, если значение пустое
       if (value === '') {
-        // Показываем сообщение об ошибке, если поле пустое
         showError(input, 'Поле Имя обязательно для заполнения');
       } else if (!lettersOnlyRegex.test(value)) {
-        // Показываем сообщение об ошибке, если в поле есть недопустимые символы
         showError(input, 'Поле Имя может содержать только буквы и пробелы');
       } else {
-        // Скрываем сообщение об ошибке, если всё в порядке
         hideError(input);
       }
     };
 
-    // Функция для проверки валидности поля Телефон
     const validatePhone = (input) => {
-      // Получаем значение инпута и убираем лишние пробелы
       const value = input.value.trim();
 
-      // Проверяем, если значение пустое
       if (value === '') {
-        // Показываем сообщение об ошибке, если поле пустое
         showError(input, 'Поле Телефон обязательно для заполнения');
       } else if (!digitsOnlyRegex.test(value)) {
-        // Показываем сообщение об ошибке, если в поле есть недопустимые символы
         showError(input, 'Поле Телефон должно содержать только цифры');
       } else {
-        // Скрываем сообщение об ошибке, если всё в порядке
         hideError(input);
       }
     };
 
-    // Обработчик события отправки формы
     form.addEventListener('submit', (event) => {
-      // Предотвращаем отправку формы по умолчанию
       event.preventDefault();
 
-      // Проверяем каждое поле при отправке формы
       inputs.forEach((input) => {
-        // Проверяем поле Имя
         if (input.name === 'name') {
           validateName(input);
-          // Проверяем поле Телефон
         } else if (input.name === 'phone') {
           validatePhone(input);
         }
       });
 
-      // Проверяем, если все поля валидны (не содержат классы ошибки)
       const isValid = Array.from(inputs).every(
         (input) => !input.classList.contains('error'),
       );
       if (isValid) {
-        // Если все поля валидны, отправляем форму
         form.submit();
       }
     });
 
-    // Обработчики событий для удаления класса error при потере фокуса и пустом значении
     inputs.forEach((input) => {
-      // Обработчик события потери фокуса
       input.addEventListener('blur', () => {
-        // Если значение инпута пустое
         if (input.value.trim() === '') {
-          // Удаляем класс ошибки у родительского элемента и инпута
           input.parentElement.classList.remove('error');
           input.classList.remove('error');
         }
       });
 
-      // Обработчик события ввода
       input.addEventListener('input', () => {
-        // Если значение инпута пустое
         if (input.value.trim() === '') {
-          // Удаляем класс ошибки у родительского элемента и инпута
           input.parentElement.classList.remove('error');
           input.classList.remove('error');
         }
@@ -129,5 +88,4 @@ const validateForm = () => {
   }
 };
 
-// Экспорт функции валидации формы, чтобы её можно было использовать в других модулях
 export { validateForm };

source/sass/global/mixins.scss

@@ -1,5 +1,4 @@
 /* stylelint-disable */
-// Desktop first
 
 @mixin vp-1366 {
   @media (min-width: ($vp-1366)) {

source/sass/global/reboot.scss

@@ -43,26 +43,3 @@ picture {
   font-size: 0;
   line-height: 0;
 }
-
-input {
-  border-radius: 0;
-
-  &::placeholder {
-    opacity: 1;
-  }
-
-  &:invalid {
-    box-shadow: none;
-  }
-}
-
-input:matches([type="tel"],
-  [type="text"]) {
-  appearance: none;
-}
-
-button,
-[type="button"],
-[type="submit"] {
-  appearance: none;
-}