first commit
This commit is contained in:
@@ -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>
|
||||
@@ -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>
|
||||
@@ -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>
|
||||
Reference in New Issue
Block a user