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

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

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

Backend/admin/frontend/assets/js/components/proxy.js

@@ -0,0 +1,151 @@
+/* ============================================
+   Proxy Component
+   Управление прокси
+   ============================================ */
+
+import { api } from '../api/wails.js';
+import { isWailsAvailable } from '../utils/helpers.js';
+import { $ } from '../utils/dom.js';
+
+/**
+ * Класс для управления прокси
+ */
+export class ProxyManager {
+    constructor() {
+        this.proxiesData = [];
+        this.mockData = [
+            {
+                enable: true,
+                external_domain: 'git.example.ru',
+                local_address: '127.0.0.1',
+                local_port: '3333',
+                service_https_use: false,
+                auto_https: true,
+                status: 'active'
+            },
+            {
+                enable: true,
+                external_domain: 'api.example.com',
+                local_address: '127.0.0.1',
+                local_port: '8080',
+                service_https_use: true,
+                auto_https: false,
+                status: 'active'
+            },
+            {
+                enable: false,
+                external_domain: 'test.example.net',
+                local_address: '127.0.0.1',
+                local_port: '5000',
+                service_https_use: false,
+                auto_https: false,
+                status: 'disabled'
+            }
+        ];
+    }
+
+    /**
+     * Загрузить список прокси
+     */
+    async load() {
+        if (isWailsAvailable()) {
+            this.proxiesData = await api.getProxyList();
+        } else {
+            // Используем тестовые данные если Wails недоступен
+            this.proxiesData = this.mockData;
+        }
+        this.render();
+    }
+
+    /**
+     * Отрисовать список прокси
+     */
+    render() {
+        const tbody = $('proxyTable')?.querySelector('tbody');
+        if (!tbody) return;
+
+        tbody.innerHTML = '';
+
+        this.proxiesData.forEach((proxy, index) => {
+            const row = document.createElement('tr');
+            const statusBadge = proxy.status === 'active' ? 'badge-online' : 'badge-offline';
+            const httpsBadge = proxy.service_https_use ? 'badge-yes">HTTPS' : 'badge-no">HTTP';
+            const autoHttpsBadge = proxy.auto_https ? 'badge-yes">Да' : 'badge-no">Нет';
+            const protocol = proxy.auto_https ? 'https' : 'http';
+
+            row.innerHTML = `
+                <td><code class="clickable-link" data-url="${protocol}://${proxy.external_domain}">${proxy.external_domain} <i class="fas fa-external-link-alt"></i></code></td>
+                <td><code>${proxy.local_address}:${proxy.local_port}</code></td>
+                <td><span class="badge ${httpsBadge}</span></td>
+                <td><span class="badge ${autoHttpsBadge}</span></td>
+                <td><span class="badge ${statusBadge}">${proxy.status}</span></td>
+                <td>
+                    <button class="icon-btn" data-action="edit-vaccess" data-host="${proxy.external_domain}" data-is-proxy="true" title="vAccess"><i class="fas fa-shield-alt"></i></button>
+                    <button class="icon-btn" data-action="edit-proxy" data-index="${index}" title="Редактировать"><i class="fas fa-edit"></i></button>
+                </td>
+            `;
+
+            tbody.appendChild(row);
+        });
+
+        // Добавляем обработчики событий
+        this.attachEventListeners();
+    }
+
+    /**
+     * Добавить обработчики событий
+     */
+    attachEventListeners() {
+        // Кликабельные ссылки
+        const links = document.querySelectorAll('.clickable-link[data-url]');
+        links.forEach(link => {
+            link.addEventListener('click', () => {
+                const url = link.getAttribute('data-url');
+                this.openLink(url);
+            });
+        });
+
+        // Кнопки действий
+        const buttons = document.querySelectorAll('[data-action]');
+        buttons.forEach(btn => {
+            btn.addEventListener('click', () => {
+                const action = btn.getAttribute('data-action');
+                this.handleAction(action, btn);
+            });
+        });
+    }
+
+    /**
+     * Обработчик действий
+     */
+    handleAction(action, btn) {
+        const host = btn.getAttribute('data-host');
+        const index = parseInt(btn.getAttribute('data-index'));
+        const isProxy = btn.getAttribute('data-is-proxy') === 'true';
+
+        switch (action) {
+            case 'edit-vaccess':
+                if (window.editVAccess) {
+                    window.editVAccess(host, isProxy);
+                }
+                break;
+            case 'edit-proxy':
+                if (window.editProxy) {
+                    window.editProxy(index);
+                }
+                break;
+        }
+    }
+
+    /**
+     * Открыть ссылку
+     */
+    openLink(url) {
+        if (window.runtime?.BrowserOpenURL) {
+            window.runtime.BrowserOpenURL(url);
+        } else {
+            window.open(url, '_blank');
+        }
+    }
+}
+