feat(frontend): mount static UI at /app with simple auditories/equipment browser

2025-11-10 08:40:46 +03:00
parent d686b26465
commit 779c256e7b
4 changed files with 147 additions and 1 deletions
--- a/frontend/app.js
+++ b/frontend/app.js
@@ -0,0 +1,76 @@
+const api = {
+  auds: "/auditories/",
+  oboruds: (audId) => `/oboruds/?aud_id=${encodeURIComponent(audId)}`,
+};
+
+async function fetchJSON(url) {
+  const res = await fetch(url);
+  if (!res.ok) throw new Error(`HTTP ${res.status}`);
+  return res.json();
+}
+
+function setStatus(msg, type = "info") {
+  const el = document.getElementById("status");
+  el.textContent = msg || "";
+  el.className = `status ${type}`;
+}
+
+async function loadAuditories() {
+  setStatus("Загрузка аудиторий…");
+  try {
+    const data = await fetchJSON(api.auds);
+    const select = document.getElementById("aud-select");
+    select.innerHTML = '<option value="">— выберите аудиторию —</option>';
+    data.forEach((a) => {
+      const opt = document.createElement("option");
+      opt.value = a.id;
+      opt.textContent = `${a.id} — ${a.audnazvanie}`;
+      select.appendChild(opt);
+    });
+    setStatus("");
+  } catch (e) {
+    console.error(e);
+    setStatus("Не удалось загрузить аудитории", "error");
+  }
+}
+
+function renderOboruds(items) {
+  const tbody = document.querySelector("#ob-table tbody");
+  tbody.innerHTML = "";
+  items.forEach((it) => {
+    const tr = document.createElement("tr");
+    tr.innerHTML = `
+      <td>${it.id}</td>
+      <td>${it.invNumber ?? ""}</td>
+      <td>${it.nazvanie ?? ""}</td>
+      <td>${it.raspologenie ?? ""}</td>
+      <td>${it.kolichestvo ?? ""}</td>
+      <td>${it.type?.name ?? ""}</td>
+    `;
+    tbody.appendChild(tr);
+  });
+}
+
+async function loadOborudsForSelected() {
+  const select = document.getElementById("aud-select");
+  const audId = select.value;
+  if (!audId) {
+    setStatus("Выберите аудиторию", "warn");
+    return;
+  }
+  setStatus("Загрузка оборудования…");
+  try {
+    const data = await fetchJSON(api.oboruds(audId));
+    renderOboruds(data);
+    setStatus("");
+  } catch (e) {
+    console.error(e);
+    setStatus("Не удалось загрузить оборудование", "error");
+  }
+}
+
+document.addEventListener("DOMContentLoaded", () => {
+  document.getElementById("load-btn").addEventListener("click", loadOborudsForSelected);
+  loadAuditories();
+});
+