Инициализация проекта

Стабильный рабочий проект.

Backend/admin/html/assets/js/server_status.js

@@ -0,0 +1,180 @@
+// Функция для получения HTML шаблона сервера
+var patch_json = '/json/server_status.json';
+
+function getServerTemplate(server) {
+    // Определяем класс и текст статуса
+    let statusClass, statusText;
+    switch(server.Status.toLowerCase()) {
+        case 'running':
+            statusClass = 'running';
+            statusText = 'Работает';
+            break;
+        case 'stopped':
+            statusClass = 'stopped';
+            statusText = 'Остановлен';
+            break;
+        case 'starting':
+            statusClass = 'starting';
+            statusText = 'Запускается';
+            break;
+        case 'stopping':
+            statusClass = 'stopping';
+            statusText = 'Завершается';
+            break;
+        default:
+            statusClass = 'stopped';
+            statusText = `Неизвестно (${server.Status})`;
+    }
+    
+         // Определяем иконку и состояние кнопки
+     let buttonIcon, buttonDisabled, buttonClass;
+     
+     if (statusClass === 'starting' || statusClass === 'stopping') {
+         buttonIcon = '⏳';
+         buttonDisabled = 'disabled';
+         buttonClass = 'btn-icon disabled';
+     } else if (statusClass === 'running') {
+         buttonIcon = '⏹️';
+         buttonDisabled = '';
+         buttonClass = 'btn-icon';
+     } else {
+         buttonIcon = '▶️';
+         buttonDisabled = '';
+         buttonClass = 'btn-icon';
+     }
+     
+     return `
+         <div class="server-item">
+             <div class="server-status ${statusClass}"></div>
+             <div class="server-info">
+                 <div class="server-name">${server.NameService}</div>
+                 <div class="server-details">Port ${server.Port} - ${statusText}</div>
+             </div>
+             <div class="server-actions">
+                 <button class="${buttonClass}" onclick="toggleServer('${server.NameService}')" ${buttonDisabled}>
+                     ${buttonIcon}
+                 </button>
+             </div>
+         </div>
+     `;
+}
+
+// Создаем загрузчик серверов
+const serversLoader = new JSONLoader({
+    url: patch_json,
+    container: '.servers-grid',
+    requiredFields: ['NameService', 'Port', 'Status'],
+    displayTemplate: getServerTemplate,
+    errorMessage: 'Ошибка загрузки статуса серверов'
+});
+
+// Функция для показа временного статуса
+function showTempStatus(serviceName, tempStatus) {
+    // Ищем элемент этого сервера на странице
+    const serverElements = document.querySelectorAll('.server-item');
+    serverElements.forEach(element => {
+        const nameElement = element.querySelector('.server-name');
+        if (nameElement && nameElement.textContent === serviceName) {
+            // Создаем временный объект сервера с новым статусом
+            fetch(patch_json)
+                .then(response => response.json())
+                .then(servers => {
+                    const server = servers.find(s => s.NameService === serviceName);
+                    if (server) {
+                        const tempServer = {...server, Status: tempStatus};
+                        // Заменяем только этот элемент
+                        element.outerHTML = getServerTemplate(tempServer);
+                    }
+                });
+        }
+    });
+}
+
+// Функция обновления одного сервера
+function updateSingleServer(serviceName) {
+    fetch(patch_json)
+        .then(response => response.json())
+        .then(servers => {
+            const server = servers.find(s => s.NameService === serviceName);
+            if (server) {
+                // Ищем элемент этого сервера на странице
+                const serverElements = document.querySelectorAll('.server-item');
+                serverElements.forEach(element => {
+                    const nameElement = element.querySelector('.server-name');
+                    if (nameElement && nameElement.textContent === serviceName) {
+                        // Заменяем только этот элемент
+                        element.outerHTML = getServerTemplate(server);
+                    }
+                });
+            }
+        });
+}
+
+// Универсальная функция управления сервером
+function serverAction(serviceName, startEndpoint, stopEndpoint, updateDelayMs) {
+    // Получаем текущий статус сервера из JSON
+    fetch(patch_json)
+        .then(response => response.json())
+        .then(servers => {
+            const server = servers.find(s => s.NameService === serviceName);
+            
+            // Блокируем действие если сервер в процессе изменения
+            if (server.Status === 'starting' || server.Status === 'stopping') {
+                return;
+            }
+            
+            if (server.Status === 'running') {
+                // Сервер запущен - останавливаем
+                showTempStatus(serviceName, 'stopping');
+                fetch(stopEndpoint, {
+                    method: 'POST',
+                    headers: {
+                        'Content-Type': 'application/json'
+                    }
+                }).then(() => {
+                    setTimeout(() => {
+                        updateSingleServer(serviceName); // Обновляем только этот сервер
+                    }, updateDelayMs);
+                });
+            } else {
+                // Сервер остановлен - запускаем
+                showTempStatus(serviceName, 'starting');
+                fetch(startEndpoint, {
+                    method: 'POST',
+                    headers: {
+                        'Content-Type': 'application/json'
+                    }
+                }).then(() => {
+                    setTimeout(() => {
+                        updateSingleServer(serviceName); // Обновляем только этот сервер
+                    }, updateDelayMs);
+                });
+            }
+        });
+}
+
+// Функция для переключения сервера
+function toggleServer(serviceName) {
+
+    if (serviceName === 'MySQL Server') {
+        serverAction('MySQL Server', '/service/MySql_Start', '/service/MySql_Stop', 2000);
+    }
+
+    if (serviceName === 'HTTP Server') {
+        serverAction('HTTP Server', '/service/Http_Start', '/service/Http_Stop', 2000);
+    }
+
+    if (serviceName === 'HTTPS Server') {
+        serverAction('HTTPS Server', '/service/Https_Start', '/service/Https_Stop', 2000);
+    }
+
+    if (serviceName === 'PHP Server') {
+        serverAction('PHP Server', '/service/Php_Start', '/service/Php_Stop', 2000);
+    }
+    
+}
+
+// Запуск при загрузке страницы
+document.addEventListener('DOMContentLoaded', function() {
+    serversLoader.load();
+});