Evilfox/remna
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

first commit

Browse Source
This commit is contained in:
orohi
2026-07-25 00:37:09 +03:00
commit 3ca7f9f7cc
35 changed files with 2478 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/templates/admin/dashboard.html
+150
View File
@@ -0,0 +1,150 @@
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Админка — {{ brand }}</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=Bricolage+Grotesque:opsz,wght@12..96,500..800&family=Sora:wght@400;500;600&display=swap" rel="stylesheet" />
<link rel="stylesheet" href="/static/css/style.css" />
</head>
<body class="panel-body">
<div class="panel-wrap">
<header class="panel-header">
<div>
<h1>Гостевые ссылки</h1>
<p class="muted">Продление фиксирует трафик тарифа; докупка даёт временные ГБ</p>
</div>
<div class="row-actions">
<a class="btn btn-ghost" href="/">На сайт</a>
<form method="post" action="/admin/logout">
<button class="btn btn-danger" type="submit">Выйти</button>
</form>
</div>
</header>
{% if flash == "created" %}
<div class="flash">Ссылка создана</div>
{% elif flash == "deleted" %}
<div class="flash">Ссылка удалена</div>
{% elif flash == "toggled" %}
<div class="flash">Статус ссылки обновлён</div>
{% endif %}
<h2 style="font-family:var(--font-display);font-size:1.25rem;margin:0 0 1rem;">Создать ссылку</h2>
<form class="form-grid" method="post" action="/admin/links">
<label>
Направление
<select name="link_type" required>
<option value="extend">Продление VPN (дни)</option>
<option value="traffic">Докупка трафика (ГБ)</option>
</select>
</label>
<label>
Значение
<input type="number" name="value" min="1" value="30" required />
<span class="muted" style="font-size:0.75rem;">Продление = дни · Трафик = ГБ бонуса</span>
</label>
<label>
Трафик тарифа (ГБ)
<input type="number" name="plan_traffic_gb" min="0" value="100" />
<span class="muted" style="font-size:0.75rem;">Только продление: лимит станет ровно столько (и сбросится счётчик). Пример: тариф 49₽ → 100</span>
</label>
<label>
Срок бонус-трафика (дней)
<input type="number" name="duration_days" min="0" value="7" />
<span class="muted" style="font-size:0.75rem;">Только докупка: через N дней бонус-ГБ снимутся</span>
</label>
<label>
Заголовок
<input type="text" name="title" placeholder="Напр. +50 ГБ на 7 дней" maxlength="120" />
</label>
<label>
Макс. активаций
<input type="number" name="max_uses" min="1" value="1" required />
</label>
<label>
Срок жизни ссылки (опционально)
<input type="datetime-local" name="expires_at" />
</label>
<label class="full">
Заметка
<textarea name="note" rows="2" placeholder="Для себя"></textarea>
</label>
<div class="full">
<button class="btn btn-signal" type="submit">Создать гостевую ссылку</button>
</div>
</form>
<div class="table-wrap">
<table>
<thead>
<tr>
<th>Тип</th>
<th>Заголовок</th>
<th>Значение</th>
<th>Использовано</th>
<th>Ссылка</th>
<th>Статус</th>
<th></th>
</tr>
</thead>
<tbody>
{% for link in links %}
<tr>
<td>
{% if link.link_type == "extend" %}
<span class="badge badge-extend">Продление</span>
{% else %}
<span class="badge badge-traffic">Трафик</span>
{% endif %}
</td>
<td>{{ link.title }}</td>
<td>
{% if link.link_type == "extend" %}
+{{ link.value }} дн. / {{ link.plan_traffic_gb or "?" }} ГБ
{% else %}
+{{ link.value }} ГБ / {{ link.duration_days or "?" }} дн.
{% endif %}
</td>
<td>{{ link.used_count }} / {{ link.max_uses }}</td>
<td>
<button
type="button"
class="btn btn-ghost btn-copy"
data-copy="{{ site_base }}/g/{{ link.token }}"
title="{{ site_base }}/g/{{ link.token }}"
>Копировать</button>
</td>
<td>
{% if link.is_active %}
активна
{% else %}
<span class="badge badge-off">выкл</span>
{% endif %}
</td>
<td>
<div class="row-actions">
<a class="btn btn-ghost" href="/admin/links/{{ link.id }}">История</a>
<form method="post" action="/admin/links/{{ link.id }}/toggle">
<button class="btn btn-ghost" type="submit">{% if link.is_active %}Выкл{% else %}Вкл{% endif %}</button>
</form>
<form method="post" action="/admin/links/{{ link.id }}/delete" onsubmit="return confirm('Удалить ссылку?')">
<button class="btn btn-danger" type="submit">Удалить</button>
</form>
</div>
</td>
</tr>
{% else %}
<tr>
<td colspan="7" class="muted">Пока нет ссылок — создайте первую выше.</td>
</tr>
{% endfor %}
</tbody>
</table>
</div>
</div>
<script src="/static/js/admin.js"></script>
</body>
</html>
app/templates/admin/link_detail.html
+101
View File
@@ -0,0 +1,101 @@
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>{{ link.title }} — {{ brand }}</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=Bricolage+Grotesque:opsz,wght@12..96,500..800&family=Sora:wght@400;500;600&display=swap" rel="stylesheet" />
<link rel="stylesheet" href="/static/css/style.css" />
</head>
<body class="panel-body">
<div class="panel-wrap">
<header class="panel-header">
<div>
<h1>{{ link.title }}</h1>
<div class="link-copy-row">
<button
type="button"
class="btn btn-signal btn-copy"
data-copy="{{ site_base }}/g/{{ link.token }}"
>Копировать ссылку</button>
<span class="muted mono link-preview">{{ site_base }}/g/{{ link.token }}</span>
</div>
</div>
<a class="btn btn-ghost" href="/admin">← Назад</a>
</header>
<p class="muted">
{% if link.link_type == "extend" %}
Продление: +{{ link.value }} дн. · тариф {{ link.plan_traffic_gb }} ГБ
{% else %}
Трафик: +{{ link.value }} ГБ на {{ link.duration_days }} дн. (временный)
{% endif %}
· {{ link.used_count }}/{{ link.max_uses }}
{% if link.note %} · {{ link.note }}{% endif %}
</p>
<div class="table-wrap" style="margin-top:1.5rem;">
<h2 style="font-family:var(--font-display);font-size:1.1rem;">Активации</h2>
<table>
<thead>
<tr>
<th>Когда</th>
<th>Пользователь</th>
<th>UUID</th>
<th>Детали</th>
</tr>
</thead>
<tbody>
{% for claim in claims %}
<tr>
<td>{{ claim.claimed_at }}</td>
<td>{{ claim.username }}</td>
<td class="mono">{{ claim.user_uuid or "—" }}</td>
<td>{{ claim.detail }}</td>
</tr>
{% else %}
<tr>
<td colspan="4" class="muted">Активаций ещё не было</td>
</tr>
{% endfor %}
</tbody>
</table>
</div>
{% if link.link_type == "traffic" %}
<div class="table-wrap" style="margin-top:2rem;">
<h2 style="font-family:var(--font-display);font-size:1.1rem;">Временный трафик</h2>
<table>
<thead>
<tr>
<th>Пользователь</th>
<th>ГБ</th>
<th>До</th>
<th>Статус</th>
<th>Снят</th>
</tr>
</thead>
<tbody>
{% for g in grants %}
<tr>
<td>{{ g.username }}</td>
<td>+{{ (g.bytes_added / 1073741824)|round(2) }}</td>
<td>{{ g.expires_at[:19] }}</td>
<td>{{ g.status }}{% if g.last_error %} <span class="badge badge-off">err</span>{% endif %}</td>
<td>{{ g.reverted_at[:19] if g.reverted_at else "—" }}</td>
</tr>
{% else %}
<tr>
<td colspan="5" class="muted">Выдач ещё не было</td>
</tr>
{% endfor %}
</tbody>
</table>
</div>
{% endif %}
</div>
<script src="/static/js/admin.js"></script>
</body>
</html>
app/templates/admin/login.html
+32
View File
@@ -0,0 +1,32 @@
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Вход — {{ brand }}</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=Bricolage+Grotesque:opsz,wght@12..96,500..800&family=Sora:wght@400;500;600&display=swap" rel="stylesheet" />
<link rel="stylesheet" href="/static/css/style.css" />
</head>
<body class="login-shell">
<div class="login-box">
<h1>{{ brand }} Admin</h1>
<p class="muted">Создание гостевых ссылок на продление и трафик</p>
{% if error %}
<div class="alert-error">{{ error }}</div>
{% endif %}
<form method="post" action="/admin/login">
<label>
Логин
<input type="text" name="username" required autocomplete="username" />
</label>
<label>
Пароль
<input type="password" name="password" required autocomplete="current-password" />
</label>
<button class="btn btn-signal" type="submit">Войти</button>
</form>
</div>
</body>
</html>
app/templates/guest/claim.html
+49
View File
@@ -0,0 +1,49 @@
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>{{ link.title }} — {{ brand }}</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=Bricolage+Grotesque:opsz,wght@12..96,500..800&family=Sora:wght@400;500;600&display=swap" rel="stylesheet" />
<link rel="stylesheet" href="/static/css/style.css" />
</head>
<body class="guest-shell">
<div class="guest-box">
<p class="muted" style="letter-spacing:0.08em;text-transform:uppercase;font-size:0.75rem;">{{ brand }}</p>
<h1>{{ link.title }}</h1>
<p class="guest-meta">
{% if link.link_type == "extend" %}
Направление: <strong>продление тарифа</strong><br />
Срок: <strong>+{{ link.value }} дн.</strong> ·
Трафик тарифа: <strong>{{ link.plan_traffic_gb }} ГБ</strong>
<br /><span class="muted">Лимит будет выставлен фиксированно на {{ link.plan_traffic_gb }} ГБ, использованный трафик сбросится.</span>
{% else %}
Направление: <strong>временный трафик</strong>
<strong>+{{ link.value }} ГБ</strong> на <strong>{{ link.duration_days }} дн.</strong>
<br /><span class="muted">После срока лимит автоматически уменьшится на эти ГБ.</span>
{% endif %}
</p>
{% if error %}
<div class="alert-error">{{ error }}</div>
{% endif %}
{% if success %}
<div class="alert-ok">Готово: {{ success }}</div>
{% endif %}
{% if not blocked %}
<form method="post">
<label>
Username или short UUID из Remnawave
<input type="text" name="identifier" required placeholder="например: user123" autocomplete="off" />
</label>
<button class="btn btn-signal" type="submit">
{% if link.link_type == "extend" %}Получить продление{% else %}Получить трафик{% endif %}
</button>
</form>
{% endif %}
</div>
</body>
</html>
app/templates/guest/invalid.html
+19
View File
@@ -0,0 +1,19 @@
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Ссылка недоступна — {{ brand }}</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=Bricolage+Grotesque:opsz,wght@12..96,500..800&family=Sora:wght@400;500;600&display=swap" rel="stylesheet" />
<link rel="stylesheet" href="/static/css/style.css" />
</head>
<body class="guest-shell">
<div class="guest-box">
<h1>{{ brand }}</h1>
<div class="alert-error">{{ message }}</div>
<a class="btn btn-ghost" href="/">На главную</a>
</div>
</body>
</html>
app/templates/index.html
+101
View File
@@ -0,0 +1,101 @@
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>{{ brand }} — защищённый доступ</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=Bricolage+Grotesque:opsz,wght@12..96,500..800&family=Sora:wght@400;500;600&display=swap" rel="stylesheet" />
<link rel="stylesheet" href="/static/css/style.css" />
</head>
<body>
<header class="site-nav">
<div class="nav-brand">{{ brand }}</div>
<nav class="nav-links">
<a href="#features">Возможности</a>
<a href="#how">Как начать</a>
<a class="btn btn-ghost" href="/admin">Админ</a>
</nav>
</header>
<section class="hero">
<div class="hero-bg" aria-hidden="true"></div>
<div class="hero-orb" aria-hidden="true"></div>
<div class="hero-inner">
<p class="hero-brand">{{ brand }}</p>
<h1 class="hero-title">Стабильный VPN-канал без лишнего шума</h1>
<p class="hero-lead">Продление подписки и докупка трафика по гостевой ссылке — быстро и без лишних шагов.</p>
<div class="hero-cta">
<a class="btn btn-signal" href="#how">Подключиться</a>
<a class="btn btn-ghost" href="#features">Смотреть возможности</a>
</div>
</div>
</section>
<section class="section" id="features">
<div class="section-inner">
<h2>Сигнал чистый. Маршрут ваш.</h2>
<p class="lead">Один сервис для подключения, продления и докупки трафика — без кассы в каждом чате.</p>
<div class="features">
<article class="feature">
<h3>Скорость без просадок</h3>
<p>Современные протоколы и маршрутизация через Remnawave — меньше обрывов, больше стабильности.</p>
</article>
<article class="feature">
<h3>Продление по ссылке</h3>
<p>Гостевая ссылка на продление: клиент вводит username и сразу получает дополнительные дни.</p>
</article>
<article class="feature">
<h3>Докупка трафика</h3>
<p>Отдельное направление для ГБ: лимит растёт мгновенно через панель, без ручных правок.</p>
</article>
</div>
</div>
</section>
<section class="section how" id="how">
<div class="section-inner">
<h2>Три шага до доступа</h2>
<p class="lead">Короткий путь от заявки до рабочего ключа.</p>
<div class="steps">
<div class="step">
<div class="step-num">01</div>
<div>
<h3>Получите конфиг</h3>
<p>После оплаты вы получаете конфиг подписки — импортируете в клиент за минуту.</p>
</div>
</div>
<div class="step">
<div class="step-num">02</div>
<div>
<h3>Подключитесь</h3>
<p>Включаете профиль и работаете: сайты, стримы, сервисы — через защищённый туннель.</p>
</div>
</div>
<div class="step">
<div class="step-num">03</div>
<div>
<h3>Продлите или докупите</h3>
<p>По гостевой ссылке продлеваете срок или добавляете трафик — это разные направления, без путаницы.</p>
</div>
</div>
</div>
</div>
</section>
<section class="section cta-band">
<div class="section-inner">
<h2>Готовы к чистому каналу?</h2>
<a class="btn btn-signal" href="/admin">Открыть панель управления</a>
</div>
</section>
<footer class="site-footer">
<span>{{ brand }}</span>
<span>Гостевые ссылки · продление и трафик</span>
</footer>
<script src="/static/js/main.js"></script>
</body>
</html>