Загрузить файлы в «frontend»

frontend/workshop.js

@@ -1,4 +1,84 @@
 document.addEventListener('DOMContentLoaded', function () {
+    const translations = {
+        ru: {
+            title: "workshop",
+            made_by: "Сделал: ©️𝙎𝙃∆𝙈∆𝙉©️",
+            description: "Неофициальный сайт<br>с картами для CS:GO<br>из мастерской Steam",
+            header: "CS:GO Workshop",
+            contact: "Связаться",
+            sort_by_date: "Сортировать по дате",
+            show_products: "Показать продукты, попадающие в каждую из выбранных категорий:",
+            game_modes: "РЕЖИМ ИГРЫ",
+            game_mode_Classic: "Классический",
+            game_mode_Deathmatch: "Бой насмерть",
+            game_mode_Demolition: "Уничтожение объекта",
+            game_mode_Armsrace: "Гонка вооружений",
+            game_mode_Custom: "Пользовательский",
+            game_mode_Training: "Обучение",
+            "game_mode_Co-op Strike": "Совместный налёт",
+            game_mode_Wingman: "Напарники",
+            game_mode_Flying_Scoutsman: "Перелётные снайперы",
+            search_placeholder: "Поиск по названию",
+            from: "С",
+            to: "ПО",
+            ok: "ОК",
+            cancel: "Отмена",
+            filter_by_stars: "Фильтр по количеству звезд:"
+        },
+        en: {
+            title: "Workshop",
+            made_by: "Made by: ©️𝙎𝙃∆𝙈∆𝙉©️",
+            description: "Unofficial site<br>with CS:GO maps<br>from Steam Workshop",
+            header: "CS:GO Workshop",
+            contact: "Contact",
+            sort_by_date: "Sort by date",
+            show_products: "Show products matching all selected categories:",
+            game_modes: "GAME MODES",
+            game_mode_Classic: "Classic",
+            game_mode_Deathmatch: "Deathmatch",
+            game_mode_Demolition: "Demolition",
+            game_mode_Armsrace: "Arms Race",
+            game_mode_Custom: "Custom",
+            game_mode_Training: "Training",
+            "game_mode_Co-op Strike": "Co-op Strike",
+            game_mode_Wingman: "Wingman",
+            game_mode_Flying_Scoutsman: "Flying Scoutsman",
+            search_placeholder: "Search by title",
+            from: "From",
+            to: "To",
+            ok: "OK",
+            cancel: "Cancel",
+            filter_by_stars: "Filter by number of stars:"
+        }
+    };
+
+    const savedLang = localStorage.getItem('selectedLanguage');
+    const browserLang = (navigator.language || navigator.userLanguage).split('-')[0];
+    const defaultLang = savedLang && translations[savedLang] ? savedLang : (translations[browserLang] ? browserLang : 'ru');
+
+    function translatePage(lang) {
+        document.querySelectorAll('[data-i18n]').forEach(element => {
+            const key = element.getAttribute('data-i18n');
+            if (translations[lang][key]) {
+                element.innerHTML = translations[lang][key];
+            } else {
+                console.warn(`Translation missing for key: ${key} in language: ${lang}`);
+            }
+        });
+        document.querySelectorAll('[data-i18n-placeholder]').forEach(element => {
+            const key = element.getAttribute('data-i18n-placeholder');
+            if (translations[lang][key]) {
+                element.placeholder = translations[lang][key];
+            } else {
+                console.warn(`Placeholder translation missing for key: ${key} in language: ${lang}`);
+            }
+        });
+        document.documentElement.lang = lang;
+        localStorage.setItem('selectedLanguage', lang);
+    }
+
+    translatePage(defaultLang);
+
     const sortButton = document.querySelector('.sort-button');
     const modal = document.getElementById('sortModal');
     const closeButton = document.querySelector('.close-btn');
@@ -9,74 +89,59 @@ document.addEventListener('DOMContentLoaded', function () {
     const checkboxes = document.querySelectorAll('.game-mode-checkbox');
     const params = new URLSearchParams(window.location.search);
 
-    // Устанавливаем состояние чекбоксов при загрузке страницы
     checkboxes.forEach(checkbox => {
         checkbox.checked = params.getAll('game_modes').includes(checkbox.value);
     });
 
-    // Открыть модальное окно при нажатии на кнопку
     sortButton.addEventListener('click', function () {
         modal.style.display = 'block';
     });
 
-    // Закрыть модальное окно при нажатии на крестик
     closeButton.addEventListener('click', function () {
         modal.style.display = 'none';
     });
 
-    // Закрыть модальное окно при нажатии на кнопку "Отмена"
     cancelButton.addEventListener('click', function () {
         modal.style.display = 'none';
     });
 
-    // Применить фильтры по дате и режимам игры при нажатии на кнопку "OK"
     okButton.addEventListener('click', function () {
         const startDate = startDateInput.value;
         const endDate = endDateInput.value;
 
-        // Фильтры по датам
         if (startDate) params.set('start_date', startDate);
         else params.delete('start_date');
 
         if (endDate) params.set('end_date', endDate);
         else params.delete('end_date');
 
-        // Фильтры по режимам игры
         const selectedGameModes = Array.from(checkboxes)
             .filter(checkbox => checkbox.checked)
             .map(checkbox => checkbox.value);
 
-        // Обновляем параметры для выбранных режимов
+        params.delete('game_modes');
-        params.delete('game_modes'); // Удаляем старые значения
         selectedGameModes.forEach(mode => params.append('game_modes', mode));
 
-        params.set('page', 1); // Сбрасываем на первую страницу
+        params.set('page', 1);
-        modal.style.display = 'none'; // Закрываем модальное окно
+        modal.style.display = 'none';
-        window.location.search = params.toString(); // Перезагружаем страницу с новыми параметрами
+        window.location.search = params.toString();
     });
 
-    // Обновление параметров при изменении чекбоксов
     checkboxes.forEach(checkbox => {
         checkbox.addEventListener('change', function () {
             const selectedGameModes = Array.from(checkboxes)
                 .filter(checkbox => checkbox.checked)
                 .map(checkbox => checkbox.value);
 
-            // Обновляем параметры URL
+            params.delete('game_modes');
-            params.delete('game_modes'); // Удаляем старые значения
             selectedGameModes.forEach(mode => params.append('game_modes', mode));
 
-            params.set('page', 1); // Сбрасываем на первую страницу
+            params.set('page', 1);
-            window.location.search = params.toString(); // Перезагружаем страницу с новыми параметрами
+            window.location.search = params.toString();
         });
     });
-});
 
-
-document.addEventListener('DOMContentLoaded', function () {
     const searchInput = document.querySelector('.search-input');
-
-    // Функция для обработки поиска
     function performSearch() {
         const query = searchInput.value.toLowerCase();
         const cards = document.querySelectorAll('.card');
@@ -84,32 +149,25 @@ document.addEventListener('DOMContentLoaded', function () {
         cards.forEach(card => {
             const title = card.querySelector('.card-title').textContent.toLowerCase();
             if (title.includes(query)) {
-                card.style.display = 'block';  // Показываем карточку, если название соответствует запросу
+                card.style.display = 'block';
             } else {
-                card.style.display = 'none';  // Скрываем карточку, если название не соответствует запросу
+                card.style.display = 'none';
             }
         });
     }
 
-    // Поиск по нажатию клавиши Enter
     searchInput.addEventListener('keydown', function (event) {
         if (event.key === 'Enter') {
             performSearch();
         }
     });
 
-    // Поиск по клику на лупу (если такая кнопка добавлена)
     const searchButton = document.querySelector('.search-button');
     if (searchButton) {
         searchButton.addEventListener('click', performSearch);
     }
-});
 
-document.addEventListener('DOMContentLoaded', function () {
     const starsCheckboxes = document.querySelectorAll('input[name="stars"]');
-    const params = new URLSearchParams(window.location.search);
-
-    // Устанавливаем состояние чекбоксов при загрузке страницы
     const selectedStars = params.get('stars');
     if (selectedStars) {
         starsCheckboxes.forEach(checkbox => {
@@ -119,10 +177,8 @@ document.addEventListener('DOMContentLoaded', function () {
         });
     }
 
-    // Обновление параметров при изменении чекбоксов для звезд
     starsCheckboxes.forEach(checkbox => {
         checkbox.addEventListener('change', function () {
-            // Снимаем отметки с других чекбоксов
             starsCheckboxes.forEach(otherCheckbox => {
                 if (otherCheckbox !== checkbox) {
                     otherCheckbox.checked = false;
@@ -130,15 +186,13 @@ document.addEventListener('DOMContentLoaded', function () {
             });
 
             const selectedStar = checkbox.checked ? checkbox.value : null;
-
-            // Обновляем параметры URL
             params.delete('stars');
             if (selectedStar) {
-                params.set('stars', selectedStar); // Устанавливаем выбранную звезду
+                params.set('stars', selectedStar);
             }
 
-            params.set('page', 1); // Сбрасываем на первую страницу
+            params.set('page', 1);
-            window.location.search = params.toString(); // Перезагружаем страницу с новыми параметрами
+            window.location.search = params.toString();
         });
     });
 });