mrleo1nidandClaude Opus 5
d0ff64c272
Менеджер запускает сервер PZ как дочерний процесс и держит его stdin/stdout: отсюда живая консоль без RCON, стриминг логов через SSE и корректная остановка по цепочке quit -> SIGTERM -> SIGKILL для всей группы процессов. Сам менеджер работает под systemd. Что входит: - управление жизненным циклом сервера, автозапуск и автоподъём после падения; - метрики процесса из /proc и состояние хоста, список игроков онлайн; - редакторы servertest.ini и SandboxVars.lua, сохраняющие исходное форматирование файлов; - моды: списки Workshop ID и Mod ID с порядком загрузки, названия из Steam; - бэкапы мира по расписанию и вручную, с ротацией и восстановлением; - установка и обновление сервера через SteamCMD; - вход по логину и паролю, первичная настройка по одноразовому коду. Веб-интерфейс без сборщика, вшит в бинарник через embed. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
238 lines
10 KiB
HTML
238 lines
10 KiB
HTML
<!doctype html>
|
|
<html lang="ru">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>PZ Manager</title>
|
|
<link rel="stylesheet" href="/style.css">
|
|
<link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><text y='26' font-size='26'>🧟</text></svg>">
|
|
</head>
|
|
<body>
|
|
|
|
<!-- Экран входа: он же первичная настройка, когда учёток ещё нет. -->
|
|
<div id="auth-screen" class="auth-screen hidden">
|
|
<form id="auth-form" class="auth-card">
|
|
<h1 class="auth-title">🧟 PZ Manager</h1>
|
|
<p id="auth-subtitle" class="auth-subtitle">Управление сервером Project Zomboid</p>
|
|
|
|
<label class="field" id="token-field" hidden>
|
|
<span>Код первичной настройки</span>
|
|
<input type="text" name="token" autocomplete="off" spellcheck="false">
|
|
<small>Код напечатан в журнале менеджера при запуске: <code>journalctl -u pzmanager</code></small>
|
|
</label>
|
|
|
|
<label class="field">
|
|
<span>Логин</span>
|
|
<input type="text" name="login" autocomplete="username" required>
|
|
</label>
|
|
|
|
<label class="field">
|
|
<span>Пароль</span>
|
|
<input type="password" name="password" autocomplete="current-password" required>
|
|
</label>
|
|
|
|
<p id="auth-error" class="error" hidden></p>
|
|
<button type="submit" class="btn btn-primary btn-block" id="auth-submit">Войти</button>
|
|
</form>
|
|
</div>
|
|
|
|
<!-- Основное приложение -->
|
|
<div id="app" class="app hidden">
|
|
<header class="topbar">
|
|
<div class="brand">🧟 <span>PZ Manager</span></div>
|
|
|
|
<div class="status-pill" id="status-pill">
|
|
<span class="dot" id="status-dot"></span>
|
|
<span id="status-text">—</span>
|
|
</div>
|
|
|
|
<div class="controls">
|
|
<button class="btn btn-start" id="btn-start">Запустить</button>
|
|
<button class="btn btn-stop" id="btn-stop">Остановить</button>
|
|
<button class="btn" id="btn-restart">Перезапустить</button>
|
|
</div>
|
|
|
|
<div class="spacer"></div>
|
|
<span class="user" id="current-user"></span>
|
|
<button class="btn btn-ghost" id="btn-logout">Выйти</button>
|
|
</header>
|
|
|
|
<div id="task-banner" class="task-banner" hidden>
|
|
<span class="spinner"></span>
|
|
<span id="task-name"></span>
|
|
<button class="btn btn-ghost btn-sm" id="btn-task-cancel">Отменить</button>
|
|
</div>
|
|
|
|
<nav class="tabs" id="tabs">
|
|
<button class="tab active" data-tab="overview">Обзор</button>
|
|
<button class="tab" data-tab="console">Консоль</button>
|
|
<button class="tab" data-tab="config">Конфиг сервера</button>
|
|
<button class="tab" data-tab="sandbox">Песочница</button>
|
|
<button class="tab" data-tab="mods">Моды</button>
|
|
<button class="tab" data-tab="backups">Бэкапы</button>
|
|
<button class="tab" data-tab="settings">Настройки</button>
|
|
</nav>
|
|
|
|
<main class="content">
|
|
|
|
<!-- Обзор -->
|
|
<section class="panel active" data-panel="overview">
|
|
<div class="cards">
|
|
<div class="card">
|
|
<h3>Состояние</h3>
|
|
<div class="stat" id="ov-state">—</div>
|
|
<div class="muted" id="ov-uptime"></div>
|
|
<div class="muted" id="ov-pid"></div>
|
|
<div class="muted error" id="ov-lastexit"></div>
|
|
</div>
|
|
<div class="card">
|
|
<h3>Игроки онлайн</h3>
|
|
<div class="stat" id="ov-players-count">0</div>
|
|
<ul class="player-list" id="ov-players"></ul>
|
|
</div>
|
|
<div class="card">
|
|
<h3>Процесс сервера</h3>
|
|
<div class="metric"><span>CPU</span><b id="ov-cpu">—</b></div>
|
|
<div class="metric"><span>Память</span><b id="ov-rss">—</b></div>
|
|
<div class="metric"><span>Потоки</span><b id="ov-threads">—</b></div>
|
|
</div>
|
|
<div class="card">
|
|
<h3>Хост</h3>
|
|
<div class="metric"><span>ОЗУ свободно</span><b id="ov-mem">—</b></div>
|
|
<div class="metric"><span>Load average</span><b id="ov-load">—</b></div>
|
|
<div class="metric"><span>Диск свободно</span><b id="ov-disk">—</b></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="card" id="install-card">
|
|
<h3>Серверные файлы</h3>
|
|
<p id="install-state" class="muted"></p>
|
|
<button class="btn btn-primary" id="btn-install">Установить / обновить через SteamCMD</button>
|
|
<p class="muted small">Сервер должен быть остановлен. Обновление занимает несколько минут — прогресс виден во вкладке «Консоль».</p>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Консоль -->
|
|
<section class="panel" data-panel="console">
|
|
<div class="console-toolbar">
|
|
<label class="checkbox"><input type="checkbox" id="console-autoscroll" checked> Прокручивать за выводом</label>
|
|
<input type="search" id="console-filter" placeholder="Фильтр по строке…" class="input-sm">
|
|
<button class="btn btn-ghost btn-sm" id="btn-console-clear">Очистить экран</button>
|
|
</div>
|
|
<pre id="console-output" class="console"></pre>
|
|
<form class="console-input" id="console-form">
|
|
<input type="text" id="console-command" placeholder="Команда сервера, например: players, save, quit"
|
|
autocomplete="off" spellcheck="false">
|
|
<button class="btn btn-primary" type="submit">Отправить</button>
|
|
</form>
|
|
<p class="muted small">Полезные команды: <code>players</code>, <code>save</code>, <code>servermsg "текст"</code>,
|
|
<code>kickuser "ник"</code>, <code>banuser "ник"</code>, <code>checkModsNeedUpdate</code>.</p>
|
|
</section>
|
|
|
|
<!-- Конфиг сервера -->
|
|
<section class="panel" data-panel="config">
|
|
<div class="panel-head">
|
|
<div>
|
|
<h2>Конфигурация сервера</h2>
|
|
<p class="muted small" id="config-path"></p>
|
|
</div>
|
|
<div>
|
|
<input type="search" id="config-filter" placeholder="Поиск параметра…" class="input-sm">
|
|
<button class="btn btn-primary" id="btn-config-save">Сохранить</button>
|
|
</div>
|
|
</div>
|
|
<p class="muted" id="config-empty" hidden></p>
|
|
<div id="config-fields" class="fields"></div>
|
|
</section>
|
|
|
|
<!-- Песочница -->
|
|
<section class="panel" data-panel="sandbox">
|
|
<div class="panel-head">
|
|
<div>
|
|
<h2>Настройки песочницы</h2>
|
|
<p class="muted small" id="sandbox-path"></p>
|
|
</div>
|
|
<div>
|
|
<input type="search" id="sandbox-filter" placeholder="Поиск параметра…" class="input-sm">
|
|
<button class="btn btn-primary" id="btn-sandbox-save">Сохранить</button>
|
|
</div>
|
|
</div>
|
|
<p class="muted" id="sandbox-empty" hidden></p>
|
|
<div id="sandbox-fields" class="fields"></div>
|
|
</section>
|
|
|
|
<!-- Моды -->
|
|
<section class="panel" data-panel="mods">
|
|
<div class="panel-head">
|
|
<div>
|
|
<h2>Моды</h2>
|
|
<p class="muted small">Сервер сам скачивает моды из мастерской при запуске.</p>
|
|
</div>
|
|
<button class="btn btn-primary" id="btn-mods-save">Сохранить</button>
|
|
</div>
|
|
|
|
<p class="muted" id="mods-empty" hidden></p>
|
|
|
|
<div id="mods-body">
|
|
<form class="mod-add" id="mod-add-form">
|
|
<input type="text" id="mod-workshop-id" placeholder="Workshop ID, например 2392709985" inputmode="numeric">
|
|
<input type="text" id="mod-mod-id" placeholder="Mod ID (из описания мода)">
|
|
<button class="btn" type="submit">Добавить</button>
|
|
</form>
|
|
<p class="muted small">Workshop ID — число из ссылки на мод. Mod ID автор указывает в описании; у одного мода
|
|
мастерской их может быть несколько.</p>
|
|
|
|
<h3>Моды из мастерской</h3>
|
|
<ul class="mod-list" id="workshop-list"></ul>
|
|
|
|
<h3>Порядок загрузки (Mods)</h3>
|
|
<ul class="mod-list" id="modid-list"></ul>
|
|
|
|
<h3>Карты (Map)</h3>
|
|
<textarea id="map-list" rows="3" spellcheck="false"
|
|
placeholder="Например: Muldraugh, KY"></textarea>
|
|
<p class="muted small">Каждая карта с новой строки. Первой должна идти карта мода, последней — базовая.</p>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Бэкапы -->
|
|
<section class="panel" data-panel="backups">
|
|
<div class="panel-head">
|
|
<div>
|
|
<h2>Резервные копии</h2>
|
|
<p class="muted small" id="backup-dir"></p>
|
|
</div>
|
|
<form id="backup-form">
|
|
<input type="text" id="backup-note" placeholder="Пометка (необязательно)" class="input-sm">
|
|
<button class="btn btn-primary" type="submit">Создать бэкап</button>
|
|
</form>
|
|
</div>
|
|
<table class="table">
|
|
<thead><tr><th>Архив</th><th>Размер</th><th>Создан</th><th></th></tr></thead>
|
|
<tbody id="backup-rows"></tbody>
|
|
</table>
|
|
</section>
|
|
|
|
<!-- Настройки -->
|
|
<section class="panel" data-panel="settings">
|
|
<h2>Настройки менеджера</h2>
|
|
<form id="settings-form" class="fields"></form>
|
|
<button class="btn btn-primary" id="btn-settings-save">Сохранить настройки</button>
|
|
|
|
<h2>Пользователи панели</h2>
|
|
<ul class="user-list" id="user-list"></ul>
|
|
<form id="user-add-form" class="mod-add">
|
|
<input type="text" id="new-user-login" placeholder="Логин" autocomplete="off">
|
|
<input type="password" id="new-user-password" placeholder="Пароль (минимум 8 символов)" autocomplete="new-password">
|
|
<button class="btn" type="submit">Добавить пользователя</button>
|
|
</form>
|
|
</section>
|
|
|
|
</main>
|
|
</div>
|
|
|
|
<div id="toasts" class="toasts"></div>
|
|
<script src="/app.js"></script>
|
|
</body>
|
|
</html>
|