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

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

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

Backend/admin/frontend/assets/js/utils/dom.js

@@ -0,0 +1,83 @@
+/* ============================================
+   DOM Utilities
+   Утилиты для работы с DOM
+   ============================================ */
+
+/**
+ * Получить элемент по ID
+ * @param {string} id - ID элемента
+ * @returns {HTMLElement|null}
+ */
+export function $(id) {
+    return document.getElementById(id);
+}
+
+/**
+ * Получить все элементы по селектору
+ * @param {string} selector - CSS селектор
+ * @param {HTMLElement} parent - Родительский элемент
+ * @returns {NodeList}
+ */
+export function $$(selector, parent = document) {
+    return parent.querySelectorAll(selector);
+}
+
+/**
+ * Показать элемент
+ * @param {HTMLElement|string} element - Элемент или ID
+ */
+export function show(element) {
+    const el = typeof element === 'string' ? $(element) : element;
+    if (el) el.style.display = 'block';
+}
+
+/**
+ * Скрыть элемент
+ * @param {HTMLElement|string} element - Элемент или ID
+ */
+export function hide(element) {
+    const el = typeof element === 'string' ? $(element) : element;
+    if (el) el.style.display = 'none';
+}
+
+/**
+ * Переключить видимость элемента
+ * @param {HTMLElement|string} element - Элемент или ID
+ */
+export function toggle(element) {
+    const el = typeof element === 'string' ? $(element) : element;
+    if (el) {
+        el.style.display = el.style.display === 'none' ? 'block' : 'none';
+    }
+}
+
+/**
+ * Добавить класс
+ * @param {HTMLElement|string} element - Элемент или ID
+ * @param {string} className - Имя класса
+ */
+export function addClass(element, className) {
+    const el = typeof element === 'string' ? $(element) : element;
+    if (el) el.classList.add(className);
+}
+
+/**
+ * Удалить класс
+ * @param {HTMLElement|string} element - Элемент или ID
+ * @param {string} className - Имя класса
+ */
+export function removeClass(element, className) {
+    const el = typeof element === 'string' ? $(element) : element;
+    if (el) el.classList.remove(className);
+}
+
+/**
+ * Переключить класс
+ * @param {HTMLElement|string} element - Элемент или ID
+ * @param {string} className - Имя класса
+ */
+export function toggleClass(element, className) {
+    const el = typeof element === 'string' ? $(element) : element;
+    if (el) el.classList.toggle(className);
+}
+

Backend/admin/frontend/assets/js/utils/helpers.js

@@ -0,0 +1,57 @@
+/* ============================================
+   Helper Utilities
+   Вспомогательные функции
+   ============================================ */
+
+/**
+ * Ждёт указанное время
+ * @param {number} ms - Миллисекунды
+ * @returns {Promise}
+ */
+export function sleep(ms) {
+    return new Promise(resolve => setTimeout(resolve, ms));
+}
+
+/**
+ * Debounce функция
+ * @param {Function} func - Функция для debounce
+ * @param {number} wait - Время задержки
+ * @returns {Function}
+ */
+export function debounce(func, wait) {
+    let timeout;
+    return function executedFunction(...args) {
+        const later = () => {
+            clearTimeout(timeout);
+            func(...args);
+        };
+        clearTimeout(timeout);
+        timeout = setTimeout(later, wait);
+    };
+}
+
+/**
+ * Проверяет доступность Wails API
+ * @returns {boolean}
+ */
+export function isWailsAvailable() {
+    return typeof window.go !== 'undefined' && 
+           window.go?.admin?.App !== undefined;
+}
+
+/**
+ * Логирование с префиксом
+ * @param {string} message - Сообщение
+ * @param {string} type - Тип (log, error, warn, info)
+ */
+export function log(message, type = 'log') {
+    const prefix = '🚀 vServer:';
+    const styles = {
+        log: '✅',
+        error: '❌',
+        warn: '⚠️',
+        info: 'ℹ️'
+    };
+    console[type](`${prefix} ${styles[type]} ${message}`);
+}
+