177 lines
6.9 KiB
HTML
177 lines
6.9 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="ru">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>VPN Parser — Панель управления</title>
|
|
<link rel="stylesheet" href="/style.css">
|
|
</head>
|
|
<body>
|
|
<div id="app">
|
|
<div id="login-screen" class="screen">
|
|
<div class="login-card">
|
|
<div class="login-header">
|
|
<div class="logo-icon">
|
|
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
|
|
<path d="M13 2L3 14h9l-1 8 10-12h-9l1-8z"/>
|
|
</svg>
|
|
</div>
|
|
<h1>VPN Parser</h1>
|
|
</div>
|
|
<form id="login-form">
|
|
<div class="field">
|
|
<label for="username">Имя пользователя</label>
|
|
<input type="text" id="username" autocomplete="username" required>
|
|
</div>
|
|
<div class="field">
|
|
<label for="password">Пароль</label>
|
|
<input type="password" id="password" autocomplete="current-password" required>
|
|
</div>
|
|
<button type="submit" class="btn btn-primary btn-full">Войти</button>
|
|
<div id="login-error" class="error-msg hidden"></div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="dashboard-screen" class="screen hidden">
|
|
<header class="topbar">
|
|
<div class="topbar-left">
|
|
<div class="logo-icon small">
|
|
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
|
|
<path d="M13 2L3 14h9l-1 8 10-12h-9l1-8z"/>
|
|
</svg>
|
|
</div>
|
|
<span class="topbar-title">VPN Parser — Панель управления</span>
|
|
</div>
|
|
<button id="logout-btn" class="btn btn-ghost">Выход</button>
|
|
</header>
|
|
|
|
<main class="dashboard">
|
|
<section class="card config-card">
|
|
<h2>Настройки</h2>
|
|
<div class="config-row">
|
|
<label for="subscription-url">Ссылка подписки</label>
|
|
<input type="text" id="subscription-url" placeholder="https://novavps.app/s/...">
|
|
<button id="save-config-btn" class="btn btn-primary">Сохранить</button>
|
|
</div>
|
|
<div id="config-msg" class="msg hidden"></div>
|
|
</section>
|
|
|
|
<section class="card actions-card">
|
|
<button id="run-btn" class="btn btn-success btn-lg">
|
|
<span class="btn-icon">
|
|
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5">
|
|
<path d="M23 4v6h-6"/>
|
|
<path d="M20.49 15a9 9 0 1 1-2.12-9.36L23 10"/>
|
|
</svg>
|
|
</span>
|
|
Обновить сейчас
|
|
</button>
|
|
|
|
<div id="run-msg" class="msg hidden"></div>
|
|
</section>
|
|
|
|
<section id="running-indicator" class="card running-card hidden">
|
|
<div class="spinner"></div>
|
|
<div class="running-text">
|
|
<span class="running-label">Выполнение</span>
|
|
<span id="current-step" class="running-step">Инициализация...</span>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="status-section">
|
|
<h2 class="section-title">Статус панелей</h2>
|
|
<div class="status-grid">
|
|
<div class="status-card" id="xray-card">
|
|
<div class="status-card-header">
|
|
<span class="panel-icon xray-icon">
|
|
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
|
|
<rect x="2" y="2" width="20" height="8" rx="2"/>
|
|
<rect x="2" y="14" width="20" height="8" rx="2"/>
|
|
<line x1="6" y1="6" x2="6" y2="6"/>
|
|
<line x1="6" y1="18" x2="6" y2="18"/>
|
|
</svg>
|
|
</span>
|
|
<h3>Xray</h3>
|
|
</div>
|
|
<div class="status-badge" id="xray-status">ожидание</div>
|
|
<div class="status-detail" id="xray-detail"></div>
|
|
<div class="status-time" id="xray-time"></div>
|
|
</div>
|
|
<div class="status-card" id="novavps-card">
|
|
<div class="status-card-header">
|
|
<span class="panel-icon novavps-icon">
|
|
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
|
|
<path d="M18 10h-1.26A8 8 0 1 0 9 20h9a5 5 0 0 0 0-10z"/>
|
|
</svg>
|
|
</span>
|
|
<h3>Novavps</h3>
|
|
</div>
|
|
<div class="status-badge" id="novavps-status">ожидание</div>
|
|
<div class="status-detail" id="novavps-detail"></div>
|
|
<div class="status-time" id="novavps-time"></div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="card data-section" id="xray-data-section">
|
|
<div class="data-section-header" onclick="toggleSection('xray-data')">
|
|
<h2>Исходящие Xray</h2>
|
|
<span class="data-count" id="xray-data-count"></span>
|
|
<span class="collapse-arrow" id="xray-data-arrow">▼</span>
|
|
</div>
|
|
<div class="data-content" id="xray-data">
|
|
<div class="table-wrapper">
|
|
<table class="data-table" id="xray-table">
|
|
<thead>
|
|
<tr>
|
|
<th>Метка</th>
|
|
<th>Протокол</th>
|
|
<th>Адрес</th>
|
|
<th>Порт</th>
|
|
<th>Задержка</th>
|
|
<th>Синхр.</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody id="xray-tbody"></tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="card data-section" id="novavps-data-section">
|
|
<div class="data-section-header" onclick="toggleSection('novavps-data')">
|
|
<h2>Подключения Novavps</h2>
|
|
<span class="data-count" id="novavps-data-count"></span>
|
|
<span class="collapse-arrow" id="novavps-data-arrow">▼</span>
|
|
</div>
|
|
<div class="data-content" id="novavps-data">
|
|
<div class="table-wrapper">
|
|
<table class="data-table" id="novavps-table">
|
|
<thead>
|
|
<tr>
|
|
<th>Имя</th>
|
|
<th>Протокол</th>
|
|
<th>Адрес</th>
|
|
<th>Порт</th>
|
|
<th>Безопасность</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody id="novavps-tbody"></tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="last-run-section">
|
|
<span class="last-run-label">Последний запуск:</span>
|
|
<span id="last-run" class="last-run-value">Никогда</span>
|
|
</section>
|
|
</main>
|
|
</div>
|
|
</div>
|
|
|
|
<script src="/app.js"></script>
|
|
</body>
|
|
</html>
|