reanimator/chart
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(viewer): merge filter row into table header using placeholder text

Browse Source 
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Mikhail Chusavitin
2026-06-19 14:41:31 +03:00
parent 8105c7ec08
commit c94ae04fea
2 changed files with 31 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
web/static/view.js
View File

@@ -36,14 +36,8 @@ document.addEventListener("DOMContentLoaded", () => {
if (emptyNotice) emptyNotice.hidden = visibleCount > 0;
}
const filterRow = document.createElement("tr");
filterRow.className = "filter-row";
headerCells.forEach((th, colIndex) => {
const colName = th.dataset.col || "";
const filterTh = document.createElement("th");
if (th.className) filterTh.className = th.className;
const isIconCol = colName === "severity_icon" || colName === "status";
if (isIconCol) {
@@ -74,12 +68,14 @@ document.addEventListener("DOMContentLoaded", () => {
activeFilters.set(colIndex, select.value);
applyFilters();
});
filterTh.appendChild(select);
th.textContent = "";
th.appendChild(select);
}
} else if (colName) {
const input = document.createElement("input");
input.type = "text";
input.className = "col-filter col-filter-text";
input.placeholder = colName;
input.setAttribute("aria-label", "filter " + colName);
let debounceTimer;
input.addEventListener("input", () => {
@@ -89,12 +85,9 @@ document.addEventListener("DOMContentLoaded", () => {
applyFilters();
}, 300);
});
filterTh.appendChild(input);
th.textContent = "";
th.appendChild(input);
}
filterRow.appendChild(filterTh);
});
thead.appendChild(filterRow);
});
});