Загрузить файлы в «frontend»
This commit is contained in:
parent
a122ce5499
commit
30059aaa52
1 changed files with 198 additions and 144 deletions
|
|
@ -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); // Сбрасываем на первую страницу
|
||||
modal.style.display = 'none'; // Закрываем модальное окно
|
||||
window.location.search = params.toString(); // Перезагружаем страницу с новыми параметрами
|
||||
params.set('page', 1);
|
||||
modal.style.display = 'none';
|
||||
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); // Сбрасываем на первую страницу
|
||||
window.location.search = params.toString(); // Перезагружаем страницу с новыми параметрами
|
||||
params.set('page', 1);
|
||||
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); // Сбрасываем на первую страницу
|
||||
window.location.search = params.toString(); // Перезагружаем страницу с новыми параметрами
|
||||
params.set('page', 1);
|
||||
window.location.search = params.toString();
|
||||
});
|
||||
});
|
||||
});
|
||||
Loading…
Add table
Add a link
Reference in a new issue