70 lines
2.6 KiB
HTML
70 lines
2.6 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 "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">
|
|
<div class="stat">
|
|
<span class="stat-label">Протоколов</span>
|
|
<span class="stat-value">{{.Stats.ProtocolsTotal}}</span>
|
|
</div>
|
|
<div class="stat">
|
|
<span class="stat-label">Включено</span>
|
|
<span class="stat-value accent">{{.Stats.ProtocolsEnabled}}</span>
|
|
</div>
|
|
<div class="stat">
|
|
<span class="stat-label">Админов</span>
|
|
<span class="stat-value">{{.Stats.AdminsTotal}}</span>
|
|
</div>
|
|
</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}}">{{if .Enabled}}ON{{else}}OFF{{end}}</span>
|
|
</div>
|
|
<p>{{.Description}}</p>
|
|
<div class="proto-meta">
|
|
<code>{{.Code}}</code>
|
|
<span>порт {{.Port}}</span>
|
|
</div>
|
|
</article>
|
|
{{end}}
|
|
</div>
|
|
</section>
|
|
</main>
|
|
</body>
|
|
</html>
|