119 lines
4.5 KiB
HTML
119 lines
4.5 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="ru">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>{{.Title}} · VPN Panel</title>
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
<link href="https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
|
|
<link rel="stylesheet" href="/static/css/app.css">
|
|
</head>
|
|
<body class="page-admin">
|
|
<aside class="sidebar">
|
|
<a class="brand" href="/admin">VPN Panel</a>
|
|
<nav>
|
|
<a class="{{if eq .Active "dashboard"}}active{{end}}" href="/admin">Обзор</a>
|
|
<a class="{{if eq .Active "clients"}}active{{end}}" href="/admin/clients">Пользователи</a>
|
|
<a class="{{if eq .Active "nodes"}}active{{end}}" href="/admin/nodes">Ноды</a>
|
|
<a class="{{if eq .Active "profiles"}}active{{end}}" href="/admin/profiles">Профили</a>
|
|
<a class="{{if eq .Active "protocols"}}active{{end}}" href="/admin/protocols">Протоколы</a>
|
|
</nav>
|
|
<div class="sidebar-foot">
|
|
<span class="user-chip">{{.UserName}}</span>
|
|
<form method="POST" action="/logout"><button type="submit" class="link-btn">Выйти</button></form>
|
|
</div>
|
|
</aside>
|
|
|
|
<main class="admin-main">
|
|
<header class="admin-header">
|
|
<h1>Обзор</h1>
|
|
<p class="muted">Панель, ноды и протоколы</p>
|
|
</header>
|
|
|
|
<section class="stats stats-5">
|
|
<div class="stat">
|
|
<span class="stat-label">Пользователи</span>
|
|
<span class="stat-value">{{.Stats.ClientsTotal}}</span>
|
|
</div>
|
|
<div class="stat">
|
|
<span class="stat-label">Активные</span>
|
|
<span class="stat-value accent">{{.Stats.ClientsActive}}</span>
|
|
</div>
|
|
<div class="stat">
|
|
<span class="stat-label">Ноды</span>
|
|
<span class="stat-value">{{.Stats.NodesTotal}}</span>
|
|
</div>
|
|
<div class="stat">
|
|
<span class="stat-label">Online</span>
|
|
<span class="stat-value accent">{{.Stats.NodesOnline}}</span>
|
|
</div>
|
|
<div class="stat">
|
|
<span class="stat-label">Профили</span>
|
|
<span class="stat-value">{{.Stats.ProfilesTotal}}</span>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="panel-section">
|
|
<div class="section-head">
|
|
<h2>Ноды</h2>
|
|
<a href="/admin/nodes" class="btn btn-ghost btn-sm">Все ноды</a>
|
|
</div>
|
|
{{if .Nodes}}
|
|
<div class="proto-grid">
|
|
{{range .Nodes}}
|
|
<article class="proto-card">
|
|
<div class="proto-top">
|
|
<h3><a href="/admin/nodes/{{.ID}}">{{.Name}}</a></h3>
|
|
<span class="badge {{statusClass (printf "%s" .Status)}}">{{.StatusLabel}}</span>
|
|
</div>
|
|
<p>{{.Host}}:{{.NodePort}}</p>
|
|
<div class="proto-meta">
|
|
<code>{{.InstallMode}}</code>
|
|
<span>{{if .AgentVersion}}v{{.AgentVersion}}{{else}}—{{end}}</span>
|
|
</div>
|
|
</article>
|
|
{{end}}
|
|
</div>
|
|
{{else}}
|
|
<p class="muted">Ноды не добавлены. <a href="/admin/nodes/new">Добавить</a></p>
|
|
{{end}}
|
|
</section>
|
|
|
|
<section class="panel-section">
|
|
<div class="section-head">
|
|
<h2>Протоколы</h2>
|
|
<a href="/admin/protocols" class="btn btn-ghost btn-sm">Управление</a>
|
|
</div>
|
|
<div class="proto-grid">
|
|
{{range .Protocols}}
|
|
<article class="proto-card {{if .Enabled}}is-on{{else}}is-off{{end}}">
|
|
<div class="proto-top">
|
|
<h3>{{.Name}}</h3>
|
|
<span class="badge {{if .Enabled}}on{{else}}off{{end}}">{{.EnabledLabel}}</span>
|
|
</div>
|
|
<p>{{.Description}}</p>
|
|
<div class="proto-meta">
|
|
<code>{{.Code}}</code>
|
|
<span>порт {{.Port}}</span>
|
|
</div>
|
|
<div class="proto-servers">
|
|
{{if .InstalledOn}}
|
|
<span class="stat-label">Серверы</span>
|
|
<div class="chip-list">
|
|
{{range .InstalledOn}}
|
|
<a class="chip {{statusClass (printf "%s" .Status)}}" href="/admin/nodes/{{.NodeID}}">{{.NodeName}}</a>
|
|
{{end}}
|
|
</div>
|
|
{{else}}
|
|
<span class="muted">Не установлен ни на одной ноде</span>
|
|
{{end}}
|
|
</div>
|
|
</article>
|
|
{{end}}
|
|
</div>
|
|
</section>
|
|
</main>
|
|
</body>
|
|
</html>
|