Spaces:

Mycc
/

GG

Running

App Files Files Community

Mycc commited on Dec 2, 2025

Commit

bef90a9

verified ·

1 Parent(s): 78d077b

Update index.html

Browse files

Files changed (1) hide show

index.html +27 -28

index.html CHANGED Viewed

@@ -41,7 +41,7 @@
             transition: max-height 0.3s ease-out;
         }
         .settings-panel.open {
-            max-height: 1500px; /* Увеличено для вместимости всех настроек */
         }
         .roulette-item-spin {
             animation: spin-in-place 0.2s ease-in-out infinite alternate;
@@ -291,11 +291,6 @@
         .boss-toggle input {
             margin-right: 8px;
         }
-        .settings-container {
-            max-height: 300px;
-            overflow-y: auto;
-            padding-right: 8px;
-        }
     </style>
 </head>
 <body class="light">
@@ -355,10 +350,12 @@
                         Очистить выбранных персонажей
                     </button>
                 </div>
-                <h3 class="text-xl font-bold mb-4 mt-6 dark:text-white">Настройки боссов и легенд</h3>
                 <p class="text-sm text-[#6B6B6B] dark:text-[#a0aec0] mb-4">
                     Выберите, какие боссы и местные легенды должны участвовать в рандомизации
                 </p>
                 <div class="mb-4">
                     <div class="legend-settings">
                         <label for="boss-category-select">Категория:</label>
@@ -369,8 +366,9 @@
                         </select>
                     </div>
                 </div>
-                <div id="bosses-settings-container" class="settings-container max-h-80 overflow-y-auto pr-2">
-                    <!-- Настройки для боссов будут добавлены динамически -->
                 </div>
             </div>
@@ -383,7 +381,7 @@
                     <option value="local-legends">Местные легенды</option>
                 </select>
             </div>
             <!-- Секция для персонажей -->
             <section id="characters-section" class="mb-16 bg-[#EFEAE4] dark:bg-gray-700 p-6 rounded-2xl shadow-lg">
                 <h2 class="text-3xl font-bold text-center text-[#4A4A4A] dark:text-white mb-8">Сформировать отряд персонажей</h2>
@@ -403,7 +401,7 @@
                     </button>
                 </div>
             </section>
             <!-- Секция для мировых боссов -->
             <section id="world-bosses-section" class="mb-16 bg-[#EFEAE4] dark:bg-gray-700 p-6 rounded-2xl shadow-lg hidden">
                 <h2 class="text-3xl font-bold text-center text-[#4A4A4A] dark:text-white mb-8">Рандом мирового босса</h2>
@@ -422,7 +420,7 @@
                     </button>
                 </div>
             </section>
             <!-- Секция для еженедельных боссов -->
             <section id="weekly-bosses-section" class="mb-16 bg-[#EFEAE4] dark:bg-gray-700 p-6 rounded-2xl shadow-lg hidden">
                 <h2 class="text-3xl font-bold text-center text-[#4A4A4A] dark:text-white mb-8">Рандом еженедельного босса</h2>
@@ -441,7 +439,7 @@
                     </button>
                 </div>
             </section>
             <!-- Секция для местных легенд -->
             <section id="local-legends-section" class="mb-16 bg-[#EFEAE4] dark:bg-gray-700 p-6 rounded-2xl shadow-lg hidden">
                 <h2 class="text-3xl font-bold text-center text-[#4A4A4A] dark:text-white mb-8">Рандом местной легенды</h2>
@@ -460,7 +458,7 @@
                     </button>
                 </div>
             </section>
             <section id="history-section" class="bg-[#EFEAE4] dark:bg-gray-700 p-6 rounded-2xl shadow-lg">
                 <div class="flex justify-between items-center mb-8">
                     <h2 class="text-3xl font-bold text-[#4A4A4A] dark:text-white">История</h2>
@@ -683,6 +681,7 @@
             // Местные Легенды
             const LOCAL_LEGENDS = [
                 { "name": "Волшебные рыцари-близнецы", "icon": "https://wotpack.ru/wp-content/uploads/2023/08/word-image-284766-1-800x476.jpg", "guideUrl": "https://wotpack.ru/volshebnye-rycari-bliznecy-v-genshin-impact-kak-najti-i-pobedit/" },
                 { "name": "Окружной судья океана", "icon": "https://wotpack.ru/wp-content/uploads/2023/08/word-image-284964-4.jpg", "guideUrl": "https://wotpack.ru/okruzhnoj-sudja-okeana-v-genshin-impact-kak-najti-i-pobedit/" },
                 { "name": "Дева озера Вивианна", "icon": "https://wotpack.ru/wp-content/uploads/2023/08/word-image-283768-1-800x425.jpg", "guideUrl": "https://wotpack.ru/deva-ozera-vivianna-v-genshin-impact-kak-najti-i-pobedit/" },
@@ -721,7 +720,7 @@
                 { "name": "Ицзи и Тяньюнь", "icon": "https://wotpack.ru/wp-content/uploads/2024/01/20240131070630.jpg", "guideUrl": "https://wotpack.ru/vladyki-gor-chichzhan-v-genshin-impact-kak-najti-i-pobedit-iczi-i-tjanjun/" },
             ];
             // Генерация или получение UID
             function getOrCreateUID() {
                 let uid = localStorage.getItem('genshinRouletteUID');
@@ -809,6 +808,12 @@
             const bossCategorySelect = document.getElementById('boss-category-select');
             const bossesSettingsContainer = document.getElementById('bosses-settings-container');
             // Инициализация темы
             function initTheme() {
                 if (config.darkMode) {
@@ -836,11 +841,13 @@
             function changeCategory() {
                 config.category = categorySelect.value;
                 localStorage.setItem('genshinCategory', config.category);
                 // Скрываем все секции
                 charactersSection.classList.add('hidden');
                 worldBossesSection.classList.add('hidden');
                 weeklyBossesSection.classList.add('hidden');
                 localLegendsSection.classList.add('hidden');
                 // Показываем выбранную секцию
                 if (config.category === 'characters') {
                     charactersSection.classList.remove('hidden');
@@ -884,23 +891,20 @@
                 card.className = `boss-card legend-card`;
                 // Делаем карточку кликабельной только если есть ссылка на гайд
                 const isClickable = legend.guideUrl && legend.guideUrl !== "#";
-                let cursorStyle = isClickable ? 'pointer' : 'default';
-                let hoverEffect = isClickable ? 'hover:scale-105' : '';
                 card.innerHTML = `
                     <img src="${legend.icon}" alt="${legend.name}"
                          onerror="this.onerror=null;this.src='https://placehold.co/80x80/EFEAE4/4A4A4A?text=N/A'">
                     <h3 class="font-bold text-lg dark:text-white">${legend.name}</h3>
                     <p class="text-sm dark:text-gray-300">${isClickable ? 'Нажмите чтобы узнать про Легенду' : 'Нет ссылки на гайд'}</p>
                 `;
-                card.style.cursor = cursorStyle;
-                card.classList.add(hoverEffect);
                 if (isClickable) {
                     card.addEventListener('click', () => {
                         window.open(legend.guideUrl, '_blank');
                     });
                 }
                 return card;
             }
@@ -956,19 +960,14 @@
                 bossesSettingsContainer.innerHTML = '';
-                if (bosses.length === 0) {
-                    bossesSettingsContainer.innerHTML = '<p class="text-center text-gray-500 dark:text-gray-400">Нет доступных боссов для этой категории</p>';
-                    return;
-                }
                 bosses.forEach(boss => {
                     const isExcluded = config.excludedBosses[category].includes(boss.name);
                     const bossToggle = document.createElement('div');
-                    bossToggle.className = 'boss-toggle flex items-center border-b border-gray-200 dark:border-gray-700 py-2';
                     bossToggle.innerHTML = `
                         <input type="checkbox" id="boss-${category}-${boss.name.replace(/\s+/g, '-')}"
-                               ${isExcluded ? '' : 'checked'} class="boss-toggle-checkbox h-5 w-5 text-blue-600 rounded">
-                        <label for="boss-${category}-${boss.name.replace(/\s+/g, '-')}" class="ml-3 text-sm font-medium dark:text-white">${boss.name}</label>
                     `;
                     bossesSettingsContainer.appendChild(bossToggle);

             transition: max-height 0.3s ease-out;
         }
         .settings-panel.open {
+            max-height: 1000px;
         }
         .roulette-item-spin {
             animation: spin-in-place 0.2s ease-in-out infinite alternate;
         .boss-toggle input {
             margin-right: 8px;
         }
     </style>
 </head>
 <body class="light">
                         Очистить выбранных персонажей
                     </button>
                 </div>
+                <h3 class="text-xl font-bold mb-4 mt-6 dark:text-white">Настройки боссов</h3>
                 <p class="text-sm text-[#6B6B6B] dark:text-[#a0aec0] mb-4">
                     Выберите, какие боссы и местные легенды должны участвовать в рандомизации
                 </p>
                 <div class="mb-4">
                     <div class="legend-settings">
                         <label for="boss-category-select">Категория:</label>
                         </select>
                     </div>
                 </div>
+                <div id="bosses-settings-container" class="max-h-80 overflow-y-auto pr-2">
+                    <!-- Динамически генерируемые настройки для боссов -->
                 </div>
             </div>
                     <option value="local-legends">Местные легенды</option>
                 </select>
             </div>
             <!-- Секция для персонажей -->
             <section id="characters-section" class="mb-16 bg-[#EFEAE4] dark:bg-gray-700 p-6 rounded-2xl shadow-lg">
                 <h2 class="text-3xl font-bold text-center text-[#4A4A4A] dark:text-white mb-8">Сформировать отряд персонажей</h2>
                     </button>
                 </div>
             </section>
             <!-- Секция для мировых боссов -->
             <section id="world-bosses-section" class="mb-16 bg-[#EFEAE4] dark:bg-gray-700 p-6 rounded-2xl shadow-lg hidden">
                 <h2 class="text-3xl font-bold text-center text-[#4A4A4A] dark:text-white mb-8">Рандом мирового босса</h2>
                     </button>
                 </div>
             </section>
             <!-- Секция для еженедельных боссов -->
             <section id="weekly-bosses-section" class="mb-16 bg-[#EFEAE4] dark:bg-gray-700 p-6 rounded-2xl shadow-lg hidden">
                 <h2 class="text-3xl font-bold text-center text-[#4A4A4A] dark:text-white mb-8">Рандом еженедельного босса</h2>
                     </button>
                 </div>
             </section>
             <!-- Секция для местных легенд -->
             <section id="local-legends-section" class="mb-16 bg-[#EFEAE4] dark:bg-gray-700 p-6 rounded-2xl shadow-lg hidden">
                 <h2 class="text-3xl font-bold text-center text-[#4A4A4A] dark:text-white mb-8">Рандом местной легенды</h2>
                     </button>
                 </div>
             </section>
             <section id="history-section" class="bg-[#EFEAE4] dark:bg-gray-700 p-6 rounded-2xl shadow-lg">
                 <div class="flex justify-between items-center mb-8">
                     <h2 class="text-3xl font-bold text-[#4A4A4A] dark:text-white">История</h2>
             // Местные Легенды
             const LOCAL_LEGENDS = [
+                { "name": "Сигурд", "icon": "pic/LocalLegends/Sigurd.png", "guideUrl": "#" },
                 { "name": "Волшебные рыцари-близнецы", "icon": "https://wotpack.ru/wp-content/uploads/2023/08/word-image-284766-1-800x476.jpg", "guideUrl": "https://wotpack.ru/volshebnye-rycari-bliznecy-v-genshin-impact-kak-najti-i-pobedit/" },
                 { "name": "Окружной судья океана", "icon": "https://wotpack.ru/wp-content/uploads/2023/08/word-image-284964-4.jpg", "guideUrl": "https://wotpack.ru/okruzhnoj-sudja-okeana-v-genshin-impact-kak-najti-i-pobedit/" },
                 { "name": "Дева озера Вивианна", "icon": "https://wotpack.ru/wp-content/uploads/2023/08/word-image-283768-1-800x425.jpg", "guideUrl": "https://wotpack.ru/deva-ozera-vivianna-v-genshin-impact-kak-najti-i-pobedit/" },
                 { "name": "Ицзи и Тяньюнь", "icon": "https://wotpack.ru/wp-content/uploads/2024/01/20240131070630.jpg", "guideUrl": "https://wotpack.ru/vladyki-gor-chichzhan-v-genshin-impact-kak-najti-i-pobedit-iczi-i-tjanjun/" },
             ];
             // Генерация или получение UID
             function getOrCreateUID() {
                 let uid = localStorage.getItem('genshinRouletteUID');
             const bossCategorySelect = document.getElementById('boss-category-select');
             const bossesSettingsContainer = document.getElementById('bosses-settings-container');
+            // Full History Modal elements
+            const fullHistoryModal = document.getElementById('full-history-modal');
+            const fullHistoryModalContent = document.getElementById('full-history-modal-content');
+            const fullHistoryModalContentInner = document.getElementById('full-history-modal-content-inner');
+            const fullHistoryModalCloseButton = document.getElementById('full-history-modal-close');
             // Инициализация темы
             function initTheme() {
                 if (config.darkMode) {
             function changeCategory() {
                 config.category = categorySelect.value;
                 localStorage.setItem('genshinCategory', config.category);
                 // Скрываем все секции
                 charactersSection.classList.add('hidden');
                 worldBossesSection.classList.add('hidden');
                 weeklyBossesSection.classList.add('hidden');
                 localLegendsSection.classList.add('hidden');
                 // Показываем выбранную секцию
                 if (config.category === 'characters') {
                     charactersSection.classList.remove('hidden');
                 card.className = `boss-card legend-card`;
                 // Делаем карточку кликабельной только если есть ссылка на гайд
                 const isClickable = legend.guideUrl && legend.guideUrl !== "#";
                 card.innerHTML = `
                     <img src="${legend.icon}" alt="${legend.name}"
                          onerror="this.onerror=null;this.src='https://placehold.co/80x80/EFEAE4/4A4A4A?text=N/A'">
                     <h3 class="font-bold text-lg dark:text-white">${legend.name}</h3>
                     <p class="text-sm dark:text-gray-300">${isClickable ? 'Нажмите чтобы узнать про Легенду' : 'Нет ссылки на гайд'}</p>
                 `;
                 if (isClickable) {
+                    card.style.cursor = 'pointer';
                     card.addEventListener('click', () => {
                         window.open(legend.guideUrl, '_blank');
                     });
                 }
                 return card;
             }
                 bossesSettingsContainer.innerHTML = '';
                 bosses.forEach(boss => {
                     const isExcluded = config.excludedBosses[category].includes(boss.name);
                     const bossToggle = document.createElement('div');
+                    bossToggle.className = 'boss-toggle flex items-center';
                     bossToggle.innerHTML = `
                         <input type="checkbox" id="boss-${category}-${boss.name.replace(/\s+/g, '-')}"
+                               ${isExcluded ? '' : 'checked'} class="boss-toggle-checkbox">
+                        <label for="boss-${category}-${boss.name.replace(/\s+/g, '-')}" class="ml-2">${boss.name}</label>
                     `;
                     bossesSettingsContainer.appendChild(bossToggle);