Files

82 lines
3.2 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 href="/admin">Обзор</a>
<a class="active" href="/admin/clients">Пользователи</a>
<a href="/admin/nodes">Ноды</a>
<a href="/admin/profiles">Профили</a>
<a 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">Создайте VPN-клиента и назначьте инбаунды</p>
</header>
{{if .Error}}<div class="alert">{{.Error}}</div>{{end}}
<form class="form-card" method="POST" action="/admin/clients/new">
<div class="form-grid">
<label>Username *
<input name="username" required value="{{.Form.Username}}" placeholder="user1" autofocus>
</label>
<label>Email
<input name="email" type="email" value="{{.Form.Email}}" placeholder="optional@mail.com">
</label>
<label>Статус
<select name="status">
<option value="active" selected>Активен</option>
<option value="disabled">Отключён</option>
</select>
</label>
<label>Лимит трафика (GB, 0 = ∞)
<input name="traffic_limit_gb" type="number" step="0.1" min="0" value="{{.Form.TrafficLimitGB}}" placeholder="0">
</label>
<label>Истекает
<input name="expire_at" type="datetime-local" value="{{.Form.ExpireAt}}">
</label>
<label>Заметка
<input name="note" value="{{.Form.Note}}" placeholder="опционально">
</label>
</div>
<fieldset class="mode-pick">
<legend>Инбаунды</legend>
{{if .Inbounds}}
{{range .Inbounds}}
<label class="radio">
<input type="checkbox" name="inbound_ids" value="{{.ID}}">
<span><code>{{.Tag}}</code> · {{.ProtocolName}} :{{.Port}} ({{.Network}}/{{.Security}})</span>
</label>
{{end}}
{{else}}
<p class="muted">Сначала создайте профиль и добавьте inbound.</p>
{{end}}
</fieldset>
<div class="cta-row">
<button class="btn btn-primary" type="submit">Создать</button>
<a class="btn btn-ghost" href="/admin/clients">Отмена</a>
</div>
</form>
</main>
</body>
</html>