maxim/go-service
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

рабочая версия

Browse Source
This commit is contained in:
Tot Maxim
2026-05-07 21:30:48 +03:00
parent 649bb01645
commit 9c28b9501d
2 changed files with 189 additions and 113 deletions
Download Patch File Download Diff File Expand all files Collapse all files

141
cmd/server/web/js/app.js
View File

@@ -1,113 +1,148 @@
// ===== SMOOTH STATE =====
let lastValue = 0;
// ===== ACCORDION =====
const historyHeader = document.getElementById("history-header");
const historyBody = document.getElementById("history-body");
let accordionOpen = false;
historyBody.classList.add("collapsed"); // изначально свёрнут
historyHeader.addEventListener("click", () => {
accordionOpen = !accordionOpen;
historyHeader.textContent = (accordionOpen ? "▼" : "▶") + " ПРИНЯТЫЕ ДАННЫЕ";
historyBody.classList.toggle("collapsed", !accordionOpen);
});
if (historyBody && historyHeader) {
historyBody.classList.add("collapsed");
// ===== PROGRESS BAR =====
function setBar(id, value) {
value = Math.max(0, Math.min(100, value));
document.getElementById(id).style.width = value + "%";
historyHeader.addEventListener("click", () => {
accordionOpen = !accordionOpen;
historyHeader.textContent =
(accordionOpen ? "▼" : "▶") + " ПРИНЯТЫЕ ДАННЫЕ";
historyBody.classList.toggle("collapsed", !accordionOpen);
});
}
// ===== SIGNAL ICON (0-3 уровня) =====
// ===== PROGRESS =====
function setBar(id, value) {
const el = document.getElementById(id);
if (!el) return;
value = Math.max(0, Math.min(100, value));
el.style.width = value + "%";
}
// ===== SIGNAL =====
function setSignal(level) {
const bars = document.querySelectorAll(".sig-bar");
bars.forEach(b => {
b.classList.remove("active-1", "active-2", "active-3", "active-4");
b.classList.add("dim");
});
if (!bars.length) return;
bars.forEach(b => b.classList.remove("active-1", "active-2", "active-3", "dim"));
bars.forEach(b => b.classList.add("dim"));
if (level >= 1) {
bars[0].classList.add("active-1");
bars[0].classList.remove("dim");
}
if (level >= 2) {
bars[1].classList.add("active-2");
bars[1].classList.remove("dim");
}
if (level >= 3) {
bars[0].classList.add("active-1"); bars[0].classList.remove("dim");
bars[1].classList.add("active-2"); bars[1].classList.remove("dim");
bars[2].classList.add("active-3"); bars[2].classList.remove("dim");
} else if (level >= 2) {
bars[0].classList.add("active-1"); bars[0].classList.remove("dim");
bars[1].classList.add("active-2"); bars[1].classList.remove("dim");
} else if (level >= 1) {
bars[0].classList.add("active-1"); bars[0].classList.remove("dim");
bars[2].classList.add("active-3");
bars[2].classList.remove("dim");
}
}
// ===== SMOOTHING =====
let lastValue = 0;
// ===== SMOOTH =====
function smoothBar(target) {
const alpha = 0.2;
lastValue = lastValue + alpha * (target - lastValue);
return lastValue;
}
// ===== MEDIAN FILTER =====
// ===== MEDIAN =====
function median(values) {
if (values.length === 0) return 0;
if (!values || values.length === 0) return 0;
const sorted = [...values].sort((a, b) => a - b);
const mid = Math.floor(sorted.length / 2);
return sorted.length % 2 !== 0
return sorted.length % 2
? sorted[mid]
: (sorted[mid - 1] + sorted[mid]) / 2;
}
// ===== MAIN LOOP =====
// ===== UPDATE LOOP =====
async function update() {
try {
const r1 = await fetch("/api/health");
const r2 = await fetch("/api/history");
const [r1, r2] = await Promise.all([
fetch("/api/health"),
fetch("/api/history")
]);
const h = await r1.json();
const hist = await r2.json();
// ===== STATUS =====
document.getElementById("status").textContent = h.status || "неизвестно";
const statusEl = document.getElementById("status");
if (statusEl) statusEl.textContent = h.status || "неизвестно";
const filled = h.stats?.filled ?? 0;
const uptime = Math.round(h.uptime_sec || 0);
document.getElementById("meta").textContent =
"работа: " + uptime + "s | буфер: " + filled;
const bps = Math.round(h.stats?.bits_per_sec ?? 0);
const Bps = Math.round(h.stats?.bytes_per_sec ?? 0);
const meta = document.getElementById("meta");
if (meta) {
meta.textContent =
`работа: ${uptime}s | буфер: ${filled} | ${bps} bit/s (${Bps} B/s)`;
}
// ===== LATEST =====
const latest = Number(h.latest || 0);
const latestEl = document.getElementById("latest");
if (latestEl) latestEl.textContent = latest;
// optional bits view
if (typeof renderBits === "function") {
renderBits(latest);
}
// ===== HISTORY =====
const arr = Array.isArray(hist.bytes) ? hist.bytes : [];
document.getElementById("history").innerHTML =
arr.map((b, i) =>
"[" + i + "] " +
(Number(b) & 0xFF).toString(2).padStart(8, "0") +
" = значение: " + (Number(b) & 0xFF)
).join("<br>");
const historyEl = document.getElementById("history");
if (historyEl) {
historyEl.innerHTML = arr
.map((b, i) =>
`[${i}] ${(Number(b) & 0xFF).toString(2).padStart(8, "0")} = ${Number(b) & 0xFF}`
)
.join("<br>");
}
// ===== ПОСЛЕДНЕЕ ЗНАЧЕНИЕ (без фильтра) =====
const raw = arr.length > 0 ? (arr[arr.length - 1] & 0xFF) : 0;
// ===== SIGNAL PARSING =====
const raw = arr.length ? (arr[arr.length - 1] & 0xFF) : 0;
// ===== ПАРСИНГ БИТ =====
const barValue = raw & 0x3F; // биты 0-5 (0-63)
const signalLevel = (raw >> 6) & 0x3; // биты 6-7 (0-3)
const barValue = raw & 0x3F; // 0–63
const signalLevel = (raw >> 6) & 0x3; // 0–3
// ===== PROGRESS BAR (0-63 -> 0-100%) =====
const percent = (barValue / 63) * 100;
const smooth = smoothBar(percent);
setBar("bar1", smooth);
setSignal(signalLevel);
// ===== SIGNAL ICON =====
setSignal(signalLevel, raw);
// ===== LAST BYTE =====
document.getElementById("last-byte").textContent = barValue;
const lastByte = document.getElementById("last-byte");
if (lastByte) lastByte.textContent = barValue;
} catch (e) {
console.error("UPDATE ERROR:", e);
document.getElementById("status").textContent = "СЕРВЕР НЕДОСТУПЕН";
const status = document.getElementById("status");
if (status) status.textContent = "СЕРВЕР НЕДОСТУПЕН";
}
}
// ===== START =====
setInterval(update, 500);
update();