102 lines
No EOL
5 KiB
HTML
102 lines
No EOL
5 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="ru">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Личный кабинет — SpectralVPN</title>
|
|
<link rel="stylesheet" href="Styles/control-panel.css">
|
|
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
|
|
</head>
|
|
<body>
|
|
<div class="container">
|
|
<header>
|
|
<h2><b>Spectral</b>VPN</h2>
|
|
<div class="user-info" id="userInfo" style="display: none;">
|
|
<span id="userEmail"></span>
|
|
<button id="logoutBtn">Выйти</button>
|
|
</div>
|
|
</header>
|
|
|
|
<!-- Главный контент (скрыт, пока не авторизован) -->
|
|
<main id="mainContent" class="hidden">
|
|
<!-- Как подключиться -->
|
|
<div class="how-to-connect">
|
|
<h1>Как подключиться</h1>
|
|
<div class="platform-tabs">
|
|
<button class="tab-btn active" data-platform="android">Android</button>
|
|
<button class="tab-btn" data-platform="windows">Windows</button>
|
|
<button class="tab-btn" data-platform="ios">iOS</button>
|
|
</div>
|
|
|
|
<div class="instructions" id="android-instructions">
|
|
<ol>
|
|
<li>Создайте конфигурацию ниже и скопируйте ссылку.</li>
|
|
<li>Установите <a href="https://github.com/2dust/v2rayNG/releases" target="_blank">v2rayNG</a>.</li>
|
|
<li>Нажмите + → Импорт из буфера обмена.</li>
|
|
<li>Включайте соединение большой кнопкой.</li>
|
|
</ol>
|
|
</div>
|
|
|
|
<div class="instructions hidden" id="windows-instructions">
|
|
<ol>
|
|
<li>Создайте конфигурацию и скопируйте ссылку.</li>
|
|
<li>Установите <a href="https://github.com/qr243vbi/nekobox/releases" target="_blank">NekoBox</a>.</li>
|
|
<li>Ctrl + V — конфиг добавится автоматически.</li>
|
|
<li>Включите Системный прокси и/или TUN.</li>
|
|
</ol>
|
|
</div>
|
|
|
|
<div class="instructions hidden" id="ios-instructions">
|
|
<ol>
|
|
<li>Создайте конфигурацию.</li>
|
|
<li>Установите <a href="https://apps.apple.com/ru/app/v2raytun/id6476628951" target="_blank">V2RayTun</a>.</li>
|
|
<li>+ → Импорт из буфера обмена.</li>
|
|
</ol>
|
|
</div>
|
|
</div>
|
|
|
|
<h1>Ваши конфигурации</h1>
|
|
<div class="urls-list" id="urlsList"></div>
|
|
<button class="add-btn" id="addConfigBtn">+ Добавить конфигурацию</button>
|
|
|
|
<div class="danger-zone">
|
|
<button id="deleteAccountBtn" class="delete-account-btn">Удалить аккаунт навсегда</button>
|
|
</div>
|
|
</main>
|
|
|
|
<!-- Модальное окно ЛОГИНА (показывается при отсутствии токена) -->
|
|
<div class="modal active" id="loginModal">
|
|
<div class="modal-content">
|
|
<h2>Вход в аккаунт</h2>
|
|
<input type="email" id="loginEmail" placeholder="Email" autocomplete="email">
|
|
<input type="password" id="loginPassword" placeholder="Пароль" autocomplete="current-password">
|
|
<div class="error" id="loginError"></div>
|
|
|
|
<div class="buttons">
|
|
<button id="loginSubmit">Войти</button>
|
|
</div>
|
|
|
|
<p style="text-align: center; margin-top: 20px; color: #888; font-size: 14px;">
|
|
Нет аккаунта?
|
|
<a href="register.html" style="color: #00ffff; text-decoration: none;">Зарегистрироваться</a>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Модальное окно создания конфига -->
|
|
<div class="modal" id="addModal">
|
|
<div class="modal-content">
|
|
<h2>Новая конфигурация</h2>
|
|
<input type="text" id="configName" placeholder="Название (Телефон, Ноутбук...)" maxlength="64">
|
|
<div class="error" id="addError"></div>
|
|
<div class="buttons">
|
|
<button id="addSubmit">Создать</button>
|
|
<button id="addCancel">Отмена</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script src="JS/control-panel.js"></script>
|
|
</body>
|
|
</html> |