From ecc16a198d97ff78a95046e331d8028ae5bc872d Mon Sep 17 00:00:00 2001
From: Lev <levpalcik@gmail.com>
Date: Mon, 20 Apr 2026 16:31:12 +0300
Subject: [PATCH] Release

---
 Frontend/Web/JS/control-panel.js | 12 ++----------
 Frontend/Web/control-panel.html  |  4 ----
 README.md                        | 15 +++++++++++++++
 3 files changed, 17 insertions(+), 14 deletions(-)
 create mode 100644 README.md

diff --git a/Frontend/Web/JS/control-panel.js b/Frontend/Web/JS/control-panel.js
index e4776c2..a8da9d5 100644
--- a/Frontend/Web/JS/control-panel.js
+++ b/Frontend/Web/JS/control-panel.js
@@ -41,14 +41,12 @@ async function apiRequest(endpoint, options = {}) {
     return res;
 }
 
-// Показать окно логина
 function showLoginModal() {
     document.getElementById("loginModal").classList.add("active");
     document.getElementById("mainContent").classList.add("hidden");
     document.getElementById("userInfo").style.display = "none";
 }
 
-// Скрыть окно логина и показать кабинет
 function hideLoginModal() {
     document.getElementById("loginModal").classList.remove("active");
     document.getElementById("mainContent").classList.remove("hidden");
@@ -73,7 +71,7 @@ async function loadPanel() {
     const data = await res.json();
     
     document.getElementById("userEmail").textContent = data.email || "Аккаунт активен";
-    hideLoginModal();           // ← Важно!
+    hideLoginModal();
     renderConfigs(data.configs || []);
 }
 
@@ -133,7 +131,6 @@ function renderConfigs(configs) {
     });
 }
 
-// ==================== ЛОГИН ====================
 document.getElementById("loginSubmit").addEventListener("click", async () => {
     const email = document.getElementById("loginEmail").value.trim();
     const password = document.getElementById("loginPassword").value;
@@ -160,7 +157,7 @@ document.getElementById("loginSubmit").addEventListener("click", async () => {
             showNotification("Вход выполнен успешно!");
             document.getElementById("loginEmail").value = "";
             document.getElementById("loginPassword").value = "";
-            loadPanel();                    // ← Главное исправление
+            loadPanel();
         } else {
             errorEl.textContent = data.detail || "Неверный email или пароль";
         }
@@ -170,7 +167,6 @@ document.getElementById("loginSubmit").addEventListener("click", async () => {
     }
 });
 
-// ==================== Создание конфига ====================
 document.getElementById("addConfigBtn").addEventListener("click", () => {
     document.getElementById("addModal").classList.add("active");
     document.getElementById("configName").focus();
@@ -206,7 +202,6 @@ document.getElementById("addSubmit").addEventListener("click", async () => {
     }
 });
 
-// ==================== Выход ====================
 document.getElementById("logoutBtn").addEventListener("click", async () => {
     if (!confirm("Выйти из аккаунта?")) return;
 
@@ -223,7 +218,6 @@ document.getElementById("logoutBtn").addEventListener("click", async () => {
     showLoginModal();
 });
 
-// ==================== Удаление аккаунта ====================
 document.getElementById("deleteAccountBtn").addEventListener("click", async () => {
     if (!confirm("Вы уверены? Это действие необратимо!")) return;
 
@@ -238,7 +232,6 @@ document.getElementById("deleteAccountBtn").addEventListener("click", async () =
     }
 });
 
-// Табы "Как подключиться"
 document.querySelectorAll(".tab-btn").forEach(btn => {
     btn.addEventListener("click", () => {
         document.querySelectorAll(".tab-btn").forEach(b => b.classList.remove("active"));
@@ -249,7 +242,6 @@ document.querySelectorAll(".tab-btn").forEach(btn => {
     });
 });
 
-// Закрытие модалки создания конфига кликом вне
 document.getElementById("addModal").addEventListener("click", (e) => {
     if (e.target === document.getElementById("addModal")) {
         document.getElementById("addModal").classList.remove("active");
diff --git a/Frontend/Web/control-panel.html b/Frontend/Web/control-panel.html
index 7a97c19..4df7588 100644
--- a/Frontend/Web/control-panel.html
+++ b/Frontend/Web/control-panel.html
@@ -17,9 +17,7 @@
             </div>
         </header>
 
-        <!-- Главный контент (скрыт, пока не авторизован) -->
         <main id="mainContent" class="hidden">
-            <!-- Как подключиться -->
             <div class="how-to-connect">
                 <h1>Как подключиться</h1>
                 <div class="platform-tabs">
@@ -64,7 +62,6 @@
             </div>
         </main>
 
-        <!-- Модальное окно ЛОГИНА (показывается при отсутствии токена) -->
         <div class="modal active" id="loginModal">
             <div class="modal-content">
                 <h2>Вход в аккаунт</h2>
@@ -83,7 +80,6 @@
             </div>
         </div>
 
-        <!-- Модальное окно создания конфига -->
         <div class="modal" id="addModal">
             <div class="modal-content">
                 <h2>Новая конфигурация</h2>
diff --git a/README.md b/README.md
new file mode 100644
index 0000000..6ee2700
--- /dev/null
+++ b/README.md
@@ -0,0 +1,15 @@
+# SpectralVPN
+
+> Быстрый, лёгкий и современный VPN-сервер с удобным веб-интерфейсом
+
+![Python](https://img.shields.io/badge/Python-3776AB?logo=python&logoColor=white) ![JavaScript](https://img.shields.io/badge/JavaScript-F7DF1E?logo=javascript&logoColor=black) ![Docker](https://img.shields.io/badge/Docker-2496ED?logo=docker&logoColor=white) ![License](https://img.shields.io/github/license/lev4ikysss/SpectralVPN)
+
+SpectralVPN — это открытый VPN-решение, состоящее из бэкенда (API) и современного фронтенда. Проект предназначен для быстрого развёртывания собственного VPN-сервера с удобным управлением через веб-панель.
+
+## ✨ Возможности
+
+- Современный REST API на Python - Красивый и responsive веб-интерфейс (Frontend) - Поддержка Docker и docker-compose (быстрое развёртывание) - Управление пользователями, конфигурациями и сессиями - Лёгкая расширяемость
+
+## 🛠 Технологический стек
+
+- \*\*Backend\*\*: Python + FastAPI (предположительно) - \*\*Frontend\*\*: HTML, CSS, JavaScript (возможно React/Vue или vanilla с современным дизайном) - \*\*Контейнеризация\*\*: Docker + docker-compose - \*\*База данных\*\*: (укажи, если используешь SQLite/PostgreSQL/Redis)