v2.5.0: improve admin domain language logs

This commit is contained in:
Виталий Литвинов
2026-04-24 22:59:21 +03:00
parent 9c74a0d00f
commit 3b075a7ed7
7 changed files with 235 additions and 20 deletions

View File

@@ -109,8 +109,18 @@ const i18n = {
darkTheme: "Dark",
configMode: "Mode",
configDomain: "Domain",
configSiteStatus: "Site check",
configTemplate: "Template",
configVersion: "Version",
siteOk: "Site 200 OK",
siteHttp: "Site HTTP",
siteMissing: "Domain is not configured",
siteInvalid: "Invalid domain",
siteError: "Site check failed",
siteNotChecked: "Site check pending",
logsLines: "lines",
logsNoData: "No log lines",
languageSaved: "Language saved",
pageDashboardTitle: "Dashboard",
pageDashboardKicker: "Local Admin",
pageTrafficTitle: "Traffic",
@@ -231,8 +241,18 @@ const i18n = {
darkTheme: "Тёмная",
configMode: "Режим",
configDomain: "Домен",
configSiteStatus: "Проверка сайта",
configTemplate: "Шаблон",
configVersion: "Версия",
siteOk: "Сайт 200 OK",
siteHttp: "Сайт HTTP",
siteMissing: "Домен не настроен",
siteInvalid: "Некорректный домен",
siteError: "Проверка сайта не прошла",
siteNotChecked: "Проверка сайта ожидает",
logsLines: "строк",
logsNoData: "Строк логов нет",
languageSaved: "Язык сохранён",
pageDashboardTitle: "Обзор",
pageDashboardKicker: "Локальная админка",
pageTrafficTitle: "Трафик",
@@ -333,7 +353,7 @@ function applyI18n() {
el.placeholder = t(el.dataset.i18nPlaceholder);
});
$("#themeToggle").textContent = state.theme === "dark" ? t("themeLight") : t("themeDark");
$("#languageBadge").textContent = state.lang.toUpperCase();
$("#languageSelect").value = state.lang;
$("#settingsLanguage").textContent = state.lang === "ru" ? "Русский" : "English";
$("#settingsTheme").textContent = state.theme === "dark" ? t("darkTheme") : t("lightTheme");
updatePageTitle();
@@ -347,6 +367,26 @@ function setTheme(theme) {
if (state.overview) drawTrafficChart(state.overview.stats_history || []);
}
async function setLanguage(lang) {
const previous = state.lang;
state.lang = lang === "ru" ? "ru" : "en";
applyI18n();
try {
const data = await api("/api/settings/language", {
method: "POST",
body: JSON.stringify({ language: state.lang }),
});
state.lang = data.language === "ru" ? "ru" : "en";
applyI18n();
toast(t("languageSaved"));
await refreshAll();
} catch (err) {
state.lang = previous;
applyI18n();
toast(err.message);
}
}
function setPage(page, push = true) {
const next = $(`[data-page="${page}"]`) ? page : "dashboard";
state.page = next;
@@ -445,6 +485,31 @@ function renderRuntime() {
`).join("") : "";
}
function siteStatusText(site = {}) {
if (!site.host) return t("siteMissing");
if (site.error === "invalid_domain") return t("siteInvalid");
if (site.ok) return t("siteOk");
if (site.checked && site.http_code) return `${t("siteHttp")} ${site.http_code}`;
if (site.error) return t("siteError");
return t("siteNotChecked");
}
function siteStatusClass(site = {}) {
if (site.ok) return "ok";
if (!site.host || !site.checked) return "warn";
return "error";
}
function renderSiteStatus() {
const cfg = state.overview?.config || {};
const site = state.overview?.site_status || {};
$("#metricDomain").textContent = site.host || cfg.domain || cfg.mask_host || "--";
const statusEl = $("#siteStatus");
statusEl.textContent = siteStatusText(site);
statusEl.className = `metric-status ${siteStatusClass(site)}`;
statusEl.title = site.url || "";
}
function renderOverview() {
const data = state.overview;
if (!data) return;
@@ -455,7 +520,7 @@ function renderOverview() {
$("#sidebarBind").textContent = `${bind.host || "127.0.0.1"}:${bind.port || 1984}`;
$("#settingsBind").textContent = `${bind.host || "127.0.0.1"}:${bind.port || 1984}`;
$("#metricMode").textContent = cfg.mode || "--";
$("#metricDomain").textContent = cfg.domain || cfg.mask_host || "--";
renderSiteStatus();
$("#metricUsers").textContent = data.users_count ?? 0;
$("#metricProxyTraffic").textContent = fmtBytes(stats.proxy_bytes);
$("#metricProxyPackets").textContent = `${stats.proxy_pkts || 0} ${t("packets")}`;
@@ -593,9 +658,11 @@ function renderEvents() {
function renderConfig() {
const cfg = state.overview?.config || {};
const site = state.overview?.site_status || {};
const items = [
[t("configMode"), cfg.mode || "--"],
[t("configDomain"), cfg.domain || cfg.mask_host || "--"],
[t("configSiteStatus"), siteStatusText(site)],
[t("configTemplate"), cfg.template_id || cfg.template || "--"],
[t("configVersion"), state.overview?.version || "--"],
[t("bindAddress"), `${state.overview?.admin_bind?.host || "127.0.0.1"}:${state.overview?.admin_bind?.port || 1984}`],
@@ -660,13 +727,20 @@ async function loadLogs() {
const service = $("#logService").value;
const btn = $("#loadLogsBtn");
btn.disabled = true;
$("#logsMeta").textContent = "";
$("#logsBox").textContent = t("loading");
try {
const logs = await api(`/api/logs?service=${encodeURIComponent(service)}`);
const payload = await api(`/api/logs?service=${encodeURIComponent(service)}`);
if ($("#logService").value === service) {
$("#logsBox").textContent = logs;
const structured = payload && typeof payload === "object";
const text = typeof payload === "string" ? payload : (payload?.text || "");
const lines = structured ? (payload.line_count ?? text.split("\n").filter(Boolean).length) : text.split("\n").filter(Boolean).length;
const stateText = structured ? (payload.ok ? "OK" : `exit ${payload.exit_code ?? "?"}`) : "OK";
$("#logsMeta").textContent = `${service} · ${lines} ${t("logsLines")} · ${stateText}`;
$("#logsBox").textContent = text || t("logsNoData");
}
} catch (err) {
$("#logsMeta").textContent = "";
$("#logsBox").textContent = err.message;
} finally {
btn.disabled = false;
@@ -766,6 +840,7 @@ $("#addUserForm").addEventListener("submit", (eventObj) => {
});
$("#refreshBtn").addEventListener("click", refreshAll);
$("#languageSelect").addEventListener("change", (eventObj) => setLanguage(eventObj.target.value));
$("#createBackupBtn").addEventListener("click", createBackup);
$("#loadLogsBtn").addEventListener("click", loadLogs);
$("#repairStatsBtn").addEventListener("click", repairStats);