Files
panel-vpn/web/templates/node_new.html
T

86 lines
4.0 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">Авторежим: укажите SSH — мастер поставит Docker и агент. Ручной: получите docker-compose как в Remnawave.</p>
</header>
{{if .Error}}<div class="alert">{{.Error}}</div>{{end}}
<form class="form-card" method="POST" action="/admin/nodes/new" autocomplete="off">
<div class="form-grid">
<label>Имя
<input name="name" required value="{{.Form.Name}}" placeholder="eu-1">
</label>
<label>Хост / IP
<input name="host" required value="{{.Form.Host}}" placeholder="203.0.113.10">
</label>
<label>SSH порт
<input name="ssh_port" type="number" value="{{.Form.SSHPort}}">
</label>
<label>SSH пользователь
<input name="ssh_user" value="{{.Form.SSHUser}}" placeholder="root">
</label>
<label>Тип SSH
<select name="ssh_auth_type">
<option value="password" {{if eq .Form.SSHAuthType "password"}}selected{{end}}>Пароль</option>
<option value="key" {{if eq .Form.SSHAuthType "key"}}selected{{end}}>Приватный ключ</option>
</select>
</label>
<label>Node API порт
<input name="node_port" type="number" value="{{.Form.NodePort}}">
</label>
</div>
<label>SSH пароль или приватный ключ
<textarea name="ssh_secret" rows="4" placeholder="пароль или содержимое id_rsa"></textarea>
</label>
<p class="hint">Хранится зашифрованным (AES-GCM от APP_SECRET). Для ручного режима можно оставить пустым.</p>
<fieldset class="mode-pick">
<legend>Режим установки</legend>
<label class="radio">
<input type="radio" name="install_mode" value="auto" {{if ne .Form.InstallMode "manual"}}checked{{end}}>
<span><strong>Авто по SSH</strong> — панель сама ставит Docker + агент</span>
</label>
<label class="radio">
<input type="radio" name="install_mode" value="manual" {{if eq .Form.InstallMode "manual"}}checked{{end}}>
<span><strong>Вручную</strong> — скопировать docker-compose (как Remnawave Node)</span>
</label>
</fieldset>
<div class="cta-row">
<button class="btn btn-primary" type="submit">Создать</button>
<a class="btn btn-ghost" href="/admin/nodes">Отмена</a>
</div>
</form>
</main>
</body>
</html>