Большое обновление GUI интерфейс

Большое обновление GUI интерфейс

- Добавлен фраемворr Walles
- Удалена консольная версия
- Проработан интерфейс и дизайн
- Добавлено кеширование для быстрой реакции.
- Сделан .ps1 сборщик для удобной сборки проекта.
- Обновлён Readme

Backend/admin/frontend/assets/js/ui/navigation.js

@@ -0,0 +1,67 @@
+/* ============================================
+   Navigation
+   Управление навигацией
+   ============================================ */
+
+import { $, $$, hide, show, removeClass, addClass } from '../utils/dom.js';
+
+/**
+ * Класс для управления навигацией
+ */
+export class Navigation {
+    constructor() {
+        this.navItems = $$('.nav-item');
+        this.sections = {
+            services: $('sectionServices'),
+            sites: $('sectionSites'),
+            proxy: $('sectionProxy'),
+            settings: $('sectionSettings'),
+            vaccess: $('sectionVAccessEditor')
+        };
+        this.init();
+    }
+
+    init() {
+        this.navItems.forEach((item, index) => {
+            item.addEventListener('click', () => this.navigate(index));
+        });
+    }
+
+    navigate(index) {
+        // Убираем active со всех навигационных элементов
+        this.navItems.forEach(nav => removeClass(nav, 'active'));
+        addClass(this.navItems[index], 'active');
+
+        // Скрываем все секции
+        this.hideAllSections();
+
+        // Показываем нужные секции
+        if (index === 0) {
+            // Главная - всё кроме настроек
+            show(this.sections.services);
+            show(this.sections.sites);
+            show(this.sections.proxy);
+        } else if (index === 3) {
+            // Настройки
+            show(this.sections.settings);
+            // Загружаем конфигурацию при открытии
+            if (window.loadConfig) {
+                window.loadConfig();
+            }
+        }
+    }
+
+    hideAllSections() {
+        Object.values(this.sections).forEach(section => {
+            if (section) hide(section);
+        });
+    }
+
+    showDashboard() {
+        this.hideAllSections();
+        show(this.sections.services);
+        show(this.sections.sites);
+        show(this.sections.proxy);
+    }
+}
+