Добавить управление рефлектором и дашборд статистики

Этот коммит содержится в:
2026-05-18 07:08:08 +09:00
родитель 2f80c4322c
Коммит 837541b022
11 изменённых файлов: 421 добавлений и 16 удалений
+29 -8
Просмотреть файл
@@ -11,8 +11,8 @@
<section class="hero compact">
<div>
<p class="eyebrow">Админка</p>
<h1>Настройка XLX без ручного редактирования конфигов</h1>
<p class="lead">Меняй имя reflector, домен, порты, модули и пути. Настройки сохраняются в БД и могут сразу применяться в `/etc/xlx/xlxd.env`.</p>
<h1>Полная настройка XLX reflector</h1>
<p class="lead">Настраивай параметры `xlxd`, управляй сервисом, редактируй blacklist, whitelist, interlink и terminal без ручного SSH-редактирования.</p>
</div>
</section>
@@ -23,16 +23,40 @@
<div class="actions">
<button class="button" id="loadSettings">Загрузить настройки</button>
<button class="button ghost" id="saveSettings">Сохранить</button>
<button class="button ghost" id="applySettings">Сохранить и применить</button>
<button class="button ghost" id="applySettings">Сохранить и применить env</button>
</div>
</section>
<section class="panel service-control">
<div class="config-editor-head">
<div>
<p class="eyebrow">Управление reflector</p>
<h2>Статус и перезапуск `xlxd`</h2>
<p class="muted-text">После изменения env или файлов XLX можно перезапустить сервис прямо отсюда.</p>
</div>
<button class="button ghost" id="loadRuntime" type="button">Обновить статус</button>
</div>
<div class="stats-grid" id="runtimeStats">
<div class="stat-card"><span>Сервис</span><strong>...</strong></div>
<div class="stat-card"><span>Enabled</span><strong>...</strong></div>
<div class="stat-card"><span>Активные</span><strong>...</strong></div>
<div class="stat-card"><span>Оплачено</span><strong>...</strong></div>
</div>
<div class="actions">
<button class="button" data-runtime-action="start" type="button">Start</button>
<button class="button ghost" data-runtime-action="restart" type="button">Restart</button>
<button class="button ghost" data-runtime-action="stop" type="button">Stop</button>
<button class="button ghost" data-runtime-action="status" type="button">Status</button>
</div>
<pre class="result" id="runtimeResult"></pre>
</section>
<section class="panel split">
<form class="form settings-form" id="settingsForm">
<label>Reflector
<input name="reflector_name" placeholder="XLX138">
</label>
<label>Домен
<label>Домен или IP
<input name="server_host" placeholder="xlx.example.com">
</label>
<label>Позывной sysop
@@ -93,10 +117,7 @@
</div>
<div class="file-tabs" id="fileTabs"></div>
<div class="file-meta" id="fileMeta">
<span>Файл не выбран</span>
</div>
<div class="file-meta" id="fileMeta"><span>Файл не выбран</span></div>
<label class="editor-label">Содержимое файла
<textarea id="fileEditor" spellcheck="false" placeholder="Загрузите файл для редактирования"></textarea>
+22 -2
Просмотреть файл
@@ -11,7 +11,7 @@
<section class="hero">
<div>
<p class="eyebrow">XLX / DMR / Pi-Star</p>
<h1>Личный доступ к DMR-серверу без ручной настройки</h1>
<h1>DMR-рефлектор с личным доступом</h1>
<p class="lead">Регистрация по позывному без дублей, оплата через YooKassa или чек перевода, автоматический DMR ID и пароль для Pi-Star.</p>
<div class="actions">
<a class="button" href="#register">Подключиться</a>
@@ -34,6 +34,26 @@
</div>
</section>
<section class="panel dashboard-panel">
<div class="config-editor-head">
<div>
<p class="eyebrow">Статистика</p>
<h2>Последние вызовы и события</h2>
<p class="muted-text">Сводка строится по локальной базе и последним строкам `/var/log/xlxd.log`.</p>
</div>
<button class="button ghost" id="refreshStats" type="button">Обновить</button>
</div>
<div class="stats-grid" id="statsGrid">
<div class="stat-card"><span>Сервис</span><strong>...</strong></div>
<div class="stat-card"><span>Активные</span><strong>...</strong></div>
<div class="stat-card"><span>Пользователи</span><strong>...</strong></div>
<div class="stat-card"><span>Ожидают оплату</span><strong>...</strong></div>
</div>
<div class="event-list" id="eventList">
<div class="event-row muted-text">Загружаем последние события...</div>
</div>
</section>
<section class="grid">
<article class="tile">
<span class="num">01</span>
@@ -56,7 +76,7 @@
<div>
<p class="eyebrow">Регистрация</p>
<h2>Создать заявку</h2>
<p>После отправки появится ссылка YooKassa и инструкция для оплаты переводом.</p>
<p class="muted-text">После отправки появится ссылка YooKassa и инструкция для оплаты переводом.</p>
</div>
<form class="form" id="registerForm">
<label>Позывной