+
+ ${device.online ? "На связи" : "Не на связи"}
+
+
${escapeHtml(displayName)}
- ${device.active_alerts ? `${device.active_alerts}` : ""}
+ ${escapeHtml(device.openwrt_version || device.id)}
-
${device.online ? "online" : "offline"} - ${escapeHtml(device.openwrt_version || "unknown")}
-
${escapeHtml([device.group || "", ...(device.tags || [])].filter(Boolean).join(" / ") || device.id)}
+
+ ${escapeHtml(deviceModel(device))}
+ ${escapeHtml([device.group || "", ...(device.tags || [])].filter(Boolean).join(" / ") || "Без группы")}
+
+
${escapeHtml(wan.label)}
+
${clients.total}
+
+ ${device.active_alerts ? `${device.active_alerts} активн.` : "Нет"}
+
+
${escapeHtml(formatDate(device.last_seen_at))}
+
›
`;
item.addEventListener("click", () => selectDevice(device.id));
els.deviceList.appendChild(item);
@@ -325,13 +373,13 @@ function renderDevices() {
function renderDeviceDetail(device) {
if (!device) {
- els.emptyState.classList.remove("is-hidden");
+ els.fleetView.classList.remove("is-hidden");
els.deviceView.classList.add("is-hidden");
- els.pageTitle.textContent = "Devices";
+ els.pageTitle.textContent = "Объекты";
return;
}
- els.emptyState.classList.add("is-hidden");
+ els.fleetView.classList.add("is-hidden");
els.deviceView.classList.remove("is-hidden");
const displayName = deviceDisplayName(device);
els.pageTitle.textContent = displayName;
@@ -509,18 +557,18 @@ function renderAlerts(alerts) {
}
async function loadDevices() {
- setStatus("Loading devices");
+ setStatus("Обновление");
const data = await api("/api/devices");
state.devices = data.devices || [];
- if (!state.selectedDeviceId && state.devices.length > 0) {
- state.selectedDeviceId = state.devices[0].id;
+ if (state.selectedDeviceId && !currentDevice()) {
+ state.selectedDeviceId = null;
}
renderDevices();
renderDeviceDetail(currentDevice());
if (state.selectedDeviceId) {
await Promise.all([loadCommands(), loadAudit(), loadMetricsHistory(), loadAlerts(), loadRemoteSessions()]);
}
- setStatus("Ready");
+ setStatus(`Обновлено ${new Date().toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" })}`);
}
async function selectDevice(id) {
@@ -530,6 +578,13 @@ async function selectDevice(id) {
await Promise.all([loadCommands(), loadAudit(), loadMetricsHistory(), loadAlerts(), loadRemoteSessions()]);
}
+function showFleet() {
+ state.selectedDeviceId = null;
+ state.selectedCommand = null;
+ renderDevices();
+ renderDeviceDetail(null);
+}
+
async function loadCommands() {
if (!state.selectedDeviceId) return;
const data = await api(`/api/devices/${encodeURIComponent(state.selectedDeviceId)}/commands?limit=50`);
@@ -987,6 +1042,7 @@ els.loginForm.addEventListener("submit", (event) => {
els.logoutBtn.addEventListener("click", () => logout().catch((error) => setStatus(error.message)));
els.refreshBtn.addEventListener("click", () => loadDevices().catch((error) => setStatus(error.message)));
+els.backToFleetBtn.addEventListener("click", showFleet);
els.reloadCommandsBtn.addEventListener("click", () => loadCommands().catch((error) => setStatus(error.message)));
els.reloadAuditBtn.addEventListener("click", () => loadAudit().catch((error) => setStatus(error.message)));
els.reloadAlertsBtn.addEventListener("click", () => loadAlerts().catch((error) => setStatus(error.message)));
diff --git a/web/index.html b/web/index.html
index a7bd645..cc78bd9 100644
--- a/web/index.html
+++ b/web/index.html
@@ -35,37 +35,38 @@
R
OpenWrt RMM
-
API: checking
+
Проверка сервера