@@ -96,6 +116,7 @@
items: { page: 1, pageSize: 50, total: 0, search: "" },
};
let activeTab = "isic4";
+ let pollTimer = null;
function tableHtml(columns, rows) {
if (!rows || rows.length === 0) return '
No rows found.
';
@@ -179,6 +200,52 @@
refreshTableControls();
}
+ function statusBadge(status) {
+ const s = String(status || "Pending");
+ const lower = s.toLowerCase();
+ if (lower === "completed") return `
Completed`;
+ if (lower === "started") return `
Started`;
+ if (lower === "failed") return `
Failed`;
+ return `
Pending`;
+ }
+
+ function renderRunStatus(data) {
+ document.getElementById("runProgress").style.width = `${data.progressPercent || 0}%`;
+ const state = data.isFinished
+ ? (data.failedStep ? `Failed at ${data.failedStep}` : "Completed")
+ : (data.started ? "Running..." : "Idle");
+ document.getElementById("runState").textContent = `${state} (${data.completedCount || 0}/${data.totalSteps || 6})`;
+
+ const html = (data.steps || []).map((s) => `
+
+
${s.step} ${statusBadge(s.status)}
+
Records: ${s.records_processed ?? 0}
+
Started: ${s.started_at || "-"}
+
Completed: ${s.completed_at || "-"}
+ ${s.error_message ? `
Error: ${s.error_message}
` : ""}
+
+ `).join("");
+ document.getElementById("stepGrid").innerHTML = html || '
No run status yet.
';
+ }
+
+ async function fetchRunStatus() {
+ const year = document.getElementById("year").value;
+ const month = document.getElementById("month").value;
+ try {
+ const resp = await fetch(`/ipi-demo/run-status?year=${encodeURIComponent(year)}&month=${encodeURIComponent(month)}`);
+ const data = await resp.json();
+ if (!resp.ok || !data.success) throw new Error(data.message || "Status fetch failed");
+ renderRunStatus(data);
+ if (data.isFinished && pollTimer) {
+ clearInterval(pollTimer);
+ pollTimer = null;
+ loadData();
+ }
+ } catch (err) {
+ document.getElementById("runState").textContent = err.message;
+ }
+ }
+
function getColumnsForTable(tab) {
if (tab === "monthly") {
return [
@@ -264,6 +331,30 @@
}
document.getElementById("loadBtn").addEventListener("click", loadData);
+ document.getElementById("runBtn").addEventListener("click", async () => {
+ const year = Number(document.getElementById("year").value);
+ const month = Number(document.getElementById("month").value);
+ statusEl.textContent = "Starting run...";
+ statusEl.className = "muted";
+ if (pollTimer) clearInterval(pollTimer);
+ pollTimer = setInterval(fetchRunStatus, 2500);
+ try {
+ const resp = await fetch("/ipi-demo/run-month", {
+ method: "POST",
+ headers: { "Content-Type": "application/json" },
+ body: JSON.stringify({ year, month }),
+ });
+ const data = await resp.json();
+ if (!resp.ok || !data.success) throw new Error(data.message || "Run failed");
+ statusEl.textContent = "Run completed";
+ statusEl.className = "ok";
+ await fetchRunStatus();
+ await loadData();
+ } catch (err) {
+ statusEl.textContent = err.message;
+ statusEl.className = "err";
+ }
+ });
document.querySelectorAll(".tab").forEach((btn) => {
btn.addEventListener("click", () => {
document.querySelectorAll(".tab").forEach((b) => b.classList.remove("active"));
@@ -302,6 +393,8 @@
});
loadData();
+ fetchRunStatus();
+ pollTimer = setInterval(fetchRunStatus, 2500);