Update index.html

index.html

@@ -498,11 +498,12 @@
         // Инициализация при загрузке страницы
         window.addEventListener('load', init)
     </script>	
-    <script>
-        // Функция для "установки" игры
-        function installGame(gameId) {
+<script>
+    // Функция для "установки" игры с улучшениями
+    function installGame(gameId) {
+        try {
             const game = games.find(g => g.id === gameId);
-            if (!game) return;
+            if (!game) throw new Error('Игра не найдена');
 
             const installButton = document.querySelector(`.install-button[data-game-id="${gameId}"]`);
             const progressBar = document.querySelector(`.install-progress[data-game-id="${gameId}"] .install-progress-bar`);
@@ -513,54 +514,50 @@
                 installButton.textContent = 'Установка...';
                 progressBar.parentElement.style.display = 'block';
                 message.style.display = 'block';
+                progressBar.style.transition = 'width 0.3s ease';
 
                 let progress = 0;
-                const interval = setInterval(() => {
-                    progress += 10;
+                function updateProgress() {
+                    progress += 5;
                     progressBar.style.width = `${progress}%`;
-
-                    if (progress >= 100) {
-                        clearInterval(interval);
-                        installButton.textContent = 'Установлено';
+                    if (progress < 100) {
+                        requestAnimationFrame(updateProgress);
+                    } else {
+                        installButton.textContent = 'Играть';
                         message.textContent = 'Игра успешно установлена!';
-
-                        // Шутка после установки
-                        setTimeout(() => {
-                            window.location.href = 'https://www.youtube.com/watch?v=dQw4w9WgXcQ';
-                            // Здесь можно добавить ссылку или что-то ещё
-                        }, 1000);
+                        installButton.disabled = false;
                     }
-                }, 300);
+                }
+                requestAnimationFrame(updateProgress);
             }
-        }
-
-        // Отрисовка библиотеки с кнопкой установки
-        function renderLibrary() {
-            const library = document.getElementById('userGames');
-            if (library) {
-                library.innerHTML = account.library.length ?
-                    account.library.map(game => `
-                        <div class="game-card">
-                            <img src="${game.image}" class="game-image">
-                            <div style="padding: 15px">
-                                <h3>${game.title}</h3>
-                                <button class="steam-button install-button" data-game-id="${game.id}" onclick="installGame(${game.id})">
-                                    Установить
-                                </button>
-                                <div class="install-progress" data-game-id="${game.id}">
-                                    <div class="install-progress-bar"></div>
-                                </div>
-                                <div class="install-message" data-game-id="${game.id}">
-                                    Установка...
-                                </div>
+        } catch (error) {
+            console.error('Ошибка установки:', error.message);
+        }
+    }
+
+    // Отрисовка библиотеки с кнопкой установки или игры
+    function renderLibrary() {
+        const library = document.getElementById('userGames');
+        if (library) {
+            library.innerHTML = account.library.length ?
+                account.library.map(game => `
+                    <div class="game-card">
+                        <img src="${game.image}" class="game-image">
+                        <div style="padding: 15px">
+                            <h3>${game.title}</h3>
+                            <button class="steam-button install-button" data-game-id="${game.id}" onclick="installGame(${game.id})">
+                                ${game.installed ? 'Играть' : 'Установить'}
+                            </button>
+                            <div class="install-progress" data-game-id="${game.id}">
+                                <div class="install-progress-bar"></div>
                             </div>
+                            <div class="install-message" data-game-id="${game.id}"></div>
                         </div>
-                    `).join('') :
-                    '<p>Ваша библиотека пуста. Купите игры в магазине!</p>';
-            }
+                    </div>
+                `).join('') :
+                '<p>Ваша библиотека пуста. Купите игры в магазине!</p>';
         }
-
-        // Остальной код остаётся без изменений
-    </script>
+    }
+</script>
 </body>
 </html>