Add data quality bulk categorisation page

1 files changed, 31 insertions, 0 deletions

diff --git a/web/frontend/data-quality.ts b/web/frontend/data-quality.ts
new file mode 100644
index 0000000..32c3563
--- /dev/null
+++ b/web/frontend/data-quality.ts
@@ -0,0 +1,31 @@
+function initDataQuality(): void {
+  const form = document.getElementById("data-quality-form") as HTMLFormElement | null;
+  const selectAll = document.getElementById("data-quality-select-all") as HTMLInputElement | null;
+  const counter = document.getElementById("data-quality-selected");
+  if (!form || !selectAll) return;
+  const checkboxes = Array.from(form.querySelectorAll<HTMLInputElement>("input.data-quality-checkbox"));
+
+  function updateCount(): void {
+    const selected = checkboxes.filter((c) => c.checked).length;
+    if (counter) counter.textContent = `${selected} selected`;
+    const allChecked = selected === checkboxes.length && checkboxes.length > 0;
+    const noneChecked = selected === 0;
+    selectAll!.checked = allChecked;
+    selectAll!.indeterminate = !allChecked && !noneChecked;
+  }
+
+  selectAll!.addEventListener("change", () => {
+    for (const cb of checkboxes) cb.checked = selectAll!.checked;
+    updateCount();
+  });
+
+  for (const cb of checkboxes) cb.addEventListener("change", updateCount);
+
+  updateCount();
+}
+
+if (document.readyState === "loading") {
+  document.addEventListener("DOMContentLoaded", initDataQuality);
+} else {
+  initDataQuality();
+}