306 lines
9.0 KiB
JavaScript
306 lines
9.0 KiB
JavaScript
const $ = (sel) => document.querySelector(sel);
|
||
|
||
const loginScreen = $("#login-screen");
|
||
const dashboardScreen = $("#dashboard-screen");
|
||
const loginForm = $("#login-form");
|
||
const loginError = $("#login-error");
|
||
const logoutBtn = $("#logout-btn");
|
||
const novavpsUrlInput = $("#novavps-url");
|
||
const saveConfigBtn = $("#save-config-btn");
|
||
const configMsg = $("#config-msg");
|
||
const runBtn = $("#run-btn");
|
||
const runMsg = $("#run-msg");
|
||
const runningIndicator = $("#running-indicator");
|
||
const currentStep = $("#current-step");
|
||
const lastRunEl = $("#last-run");
|
||
const xray2Section = $("#xray2-data-section");
|
||
|
||
const POLL_INTERVAL = 10000;
|
||
|
||
let pollTimer = null;
|
||
let xray2Visible = false;
|
||
|
||
function showScreen(screen) {
|
||
loginScreen.classList.add("hidden");
|
||
dashboardScreen.classList.add("hidden");
|
||
screen.classList.remove("hidden");
|
||
}
|
||
|
||
function formatTime(iso) {
|
||
if (!iso) return "";
|
||
const d = new Date(iso);
|
||
return d.toLocaleString("ru-RU", {
|
||
day: "2-digit",
|
||
month: "2-digit",
|
||
year: "numeric",
|
||
hour: "2-digit",
|
||
minute: "2-digit",
|
||
second: "2-digit",
|
||
});
|
||
}
|
||
|
||
const stepLabels = {
|
||
initializing: "Иніціализація...",
|
||
novavps_fetching: "Полученіе данныхъ NOVAVPS...",
|
||
xray1_parsing: "Чтеніе панели Xray 1...",
|
||
xray1_syncing: "Синхронизація Xray 1...",
|
||
xray2_parsing: "Чтеніе панели Xray 2...",
|
||
xray2_syncing: "Синхронизація Xray 2...",
|
||
done: "Завершено",
|
||
novavps_url_missing: "Ошибка: ссылка NOVAVPS не задана",
|
||
no_xray_panels: "Ошибка: нѣтъ настроенныхъ панелей Xray",
|
||
fatal: "Критическая ошибка",
|
||
};
|
||
|
||
function updatePanelStatus(prefix, data) {
|
||
const badge = $(`#${prefix}-status`);
|
||
const detail = $(`#${prefix}-detail`);
|
||
const time = $(`#${prefix}-time`);
|
||
|
||
const statusMap = { idle: "ожиданіе", success: "успѣшно", error: "ошибка" };
|
||
badge.textContent = statusMap[data.status] || data.status;
|
||
badge.className = "status-badge " + data.status;
|
||
|
||
let detailText = "";
|
||
if (prefix === "novavps" && data.count != null) {
|
||
detailText = `${data.count} подключеній`;
|
||
} else if (data.outboundsCount != null) {
|
||
detailText = `${data.outboundsCount} исходящихъ`;
|
||
if (data.synced) detailText += " · синхр.";
|
||
}
|
||
if (data.error) detailText += (detailText ? " · " : "") + data.error;
|
||
detail.textContent = detailText;
|
||
time.textContent = formatTime(data.timestamp);
|
||
}
|
||
|
||
async function fetchStatus() {
|
||
try {
|
||
const res = await fetch("/api/status");
|
||
if (res.status === 401) {
|
||
showScreen(loginScreen);
|
||
stopPolling();
|
||
return;
|
||
}
|
||
const data = await res.json();
|
||
|
||
const isRunning = data.status === "running";
|
||
runBtn.disabled = isRunning;
|
||
runningIndicator.classList.toggle("hidden", !isRunning);
|
||
currentStep.textContent = stepLabels[data.currentStep] || data.currentStep;
|
||
|
||
updatePanelStatus("novavps", data.novavps);
|
||
updatePanelStatus("xray1", data.xray1);
|
||
updatePanelStatus("xray2", data.xray2);
|
||
|
||
lastRunEl.textContent = data.lastRun ? formatTime(data.lastRun) : "Никогда";
|
||
|
||
if (data.xray2.status !== "idle" || data.xray2.outboundsCount > 0) {
|
||
xray2Section.classList.remove("hidden");
|
||
}
|
||
} catch (err) {
|
||
console.error("Status fetch error:", err);
|
||
}
|
||
}
|
||
|
||
async function fetchConfig() {
|
||
try {
|
||
const res = await fetch("/api/config");
|
||
if (res.status === 401) {
|
||
showScreen(loginScreen);
|
||
stopPolling();
|
||
return;
|
||
}
|
||
const data = await res.json();
|
||
novavpsUrlInput.value = data.novavpsUrl || "";
|
||
} catch (err) {
|
||
console.error("Config fetch error:", err);
|
||
}
|
||
}
|
||
|
||
async function fetchNovavpsData() {
|
||
try {
|
||
const res = await fetch("/api/data/novavps");
|
||
if (res.status === 401) return;
|
||
const data = await res.json();
|
||
renderNovavpsTable(data);
|
||
$("#novavps-data-count").textContent = data.length;
|
||
} catch {}
|
||
}
|
||
|
||
async function fetchXrayData(panel, syncedTags) {
|
||
try {
|
||
const res = await fetch("/api/data/xray");
|
||
if (res.status === 401) return;
|
||
const data = await res.json();
|
||
|
||
if (panel === "xray1") {
|
||
renderXrayTable("xray1", data, syncedTags || []);
|
||
$("#xray1-data-count").textContent = data.length;
|
||
} else if (panel === "xray2") {
|
||
renderXrayTable("xray2", data, syncedTags || []);
|
||
$("#xray2-data-count").textContent = data.length;
|
||
}
|
||
} catch {}
|
||
}
|
||
|
||
function renderNovavpsTable(connections) {
|
||
const tbody = $("#novavps-tbody");
|
||
if (!connections.length) {
|
||
tbody.innerHTML = '<tr><td colspan="5" style="color:var(--text-muted);text-align:center;padding:2rem;">Нѣтъ данныхъ</td></tr>';
|
||
return;
|
||
}
|
||
tbody.innerHTML = connections
|
||
.map((c) => {
|
||
const name = escapeHtml(c.name || "—");
|
||
const proto = escapeHtml(c.protocol || "—");
|
||
const addr = escapeHtml(c.address || "—");
|
||
const port = escapeHtml(c.port || "—");
|
||
const sec = escapeHtml(c.security || "—");
|
||
return `<tr><td>${name}</td><td>${proto}</td><td>${addr}</td><td>${port}</td><td>${sec}</td></tr>`;
|
||
})
|
||
.join("");
|
||
}
|
||
|
||
function renderXrayTable(prefix, outbounds, syncedTags) {
|
||
const tbody = $(`#${prefix}-tbody`);
|
||
if (!outbounds.length) {
|
||
tbody.innerHTML = '<tr><td colspan="5" style="color:var(--text-muted);text-align:center;padding:2rem;">Нѣтъ данныхъ</td></tr>';
|
||
return;
|
||
}
|
||
tbody.innerHTML = outbounds
|
||
.map((o) => {
|
||
const tag = escapeHtml(o.remark || o.tag || "—");
|
||
const proto = escapeHtml(o.protocol || "—");
|
||
const addr = escapeHtml(o.address || "—");
|
||
const port = escapeHtml(o.port || "—");
|
||
const isSynced = syncedTags.includes(tag);
|
||
const syncBadge = isSynced
|
||
? '<span class="synced-badge yes">да</span>'
|
||
: '<span class="synced-badge no">—</span>';
|
||
return `<tr><td>${tag}</td><td>${proto}</td><td>${addr}</td><td>${port}</td><td>${syncBadge}</td></tr>`;
|
||
})
|
||
.join("");
|
||
}
|
||
|
||
function escapeHtml(str) {
|
||
const div = document.createElement("div");
|
||
div.textContent = str;
|
||
return div.innerHTML;
|
||
}
|
||
|
||
function startPolling() {
|
||
fetchStatus();
|
||
fetchConfig();
|
||
fetchNovavpsData();
|
||
fetchXrayData("xray1", []);
|
||
fetchXrayData("xray2", []);
|
||
if (pollTimer) clearInterval(pollTimer);
|
||
pollTimer = setInterval(() => {
|
||
fetchStatus();
|
||
fetchNovavpsData();
|
||
fetchXrayData("xray1", []);
|
||
fetchXrayData("xray2", []);
|
||
}, POLL_INTERVAL);
|
||
}
|
||
|
||
function stopPolling() {
|
||
if (pollTimer) {
|
||
clearInterval(pollTimer);
|
||
pollTimer = null;
|
||
}
|
||
}
|
||
|
||
function showMsg(el, text, type) {
|
||
el.textContent = text;
|
||
el.className = "msg " + type;
|
||
el.classList.remove("hidden");
|
||
setTimeout(() => el.classList.add("hidden"), 5000);
|
||
}
|
||
|
||
window.toggleSection = function(id) {
|
||
const content = $(`#${id}`);
|
||
const arrow = $(`#${id}-arrow`);
|
||
content.classList.toggle("collapsed");
|
||
arrow.classList.toggle("collapsed");
|
||
};
|
||
|
||
loginForm.addEventListener("submit", async (e) => {
|
||
e.preventDefault();
|
||
loginError.classList.add("hidden");
|
||
|
||
const username = $("#username").value;
|
||
const password = $("#password").value;
|
||
|
||
try {
|
||
const res = await fetch("/api/login", {
|
||
method: "POST",
|
||
headers: { "Content-Type": "application/json" },
|
||
body: JSON.stringify({ username, password }),
|
||
});
|
||
const data = await res.json();
|
||
if (!res.ok) {
|
||
loginError.textContent = data.error || "Входъ невозможенъ";
|
||
loginError.classList.remove("hidden");
|
||
return;
|
||
}
|
||
showScreen(dashboardScreen);
|
||
startPolling();
|
||
} catch (err) {
|
||
loginError.textContent = "Ошибка сѣти";
|
||
loginError.classList.remove("hidden");
|
||
}
|
||
});
|
||
|
||
logoutBtn.addEventListener("click", async () => {
|
||
try {
|
||
await fetch("/api/logout", { method: "POST" });
|
||
} catch {}
|
||
stopPolling();
|
||
showScreen(loginScreen);
|
||
});
|
||
|
||
saveConfigBtn.addEventListener("click", async () => {
|
||
try {
|
||
const res = await fetch("/api/config", {
|
||
method: "PUT",
|
||
headers: { "Content-Type": "application/json" },
|
||
body: JSON.stringify({ novavpsUrl: novavpsUrlInput.value }),
|
||
});
|
||
const data = await res.json();
|
||
if (!res.ok) {
|
||
showMsg(configMsg, data.error || "Ошибка сохраненія", "error");
|
||
return;
|
||
}
|
||
showMsg(configMsg, "Сохранено", "success");
|
||
} catch (err) {
|
||
showMsg(configMsg, "Ошибка сѣти", "error");
|
||
}
|
||
});
|
||
|
||
runBtn.addEventListener("click", async () => {
|
||
runMsg.classList.add("hidden");
|
||
try {
|
||
const res = await fetch("/api/run", { method: "POST" });
|
||
const data = await res.json();
|
||
if (!res.ok) {
|
||
showMsg(runMsg, data.error || "Не удалось запустить", "error");
|
||
return;
|
||
}
|
||
showMsg(runMsg, "Парсеръ запущенъ", "success");
|
||
fetchStatus();
|
||
} catch (err) {
|
||
showMsg(runMsg, "Ошибка сѣти", "error");
|
||
}
|
||
});
|
||
|
||
fetch("/api/status")
|
||
.then((res) => {
|
||
if (res.ok) {
|
||
showScreen(dashboardScreen);
|
||
startPolling();
|
||
} else {
|
||
showScreen(loginScreen);
|
||
}
|
||
})
|
||
.catch(() => showScreen(loginScreen));
|