From a049cef651cd70c3b92ff8ffb8449396017f92fd Mon Sep 17 00:00:00 2001
From: Eli Ribble <eli@gleipnir.technology>
Date: Wed, 11 Mar 2026 23:20:38 +0000
Subject: [PATCH] Remap to noun-adjective on report-table/table-report

---
 html/static/js/{report-table.js => table-report.js} | 6 ++----
 html/template/rmo/status.html                       | 8 ++++----
 2 files changed, 6 insertions(+), 8 deletions(-)
 rename html/static/js/{report-table.js => table-report.js} (97%)

diff --git a/html/static/js/report-table.js b/html/static/js/table-report.js
similarity index 97%
rename from html/static/js/report-table.js
rename to html/static/js/table-report.js
index 3ba46e30..317f8455 100644
--- a/html/static/js/report-table.js
+++ b/html/static/js/table-report.js
@@ -1,6 +1,4 @@
-// report-table.js
-
-class ReportTable extends HTMLElement {
+class TableReport extends HTMLElement {
 	constructor() {
 		super();
 		this.attachShadow({ mode: "open" });
@@ -206,4 +204,4 @@ class ReportTable extends HTMLElement {
 }
 
 // Register the custom element
-customElements.define("report-table", ReportTable);
+customElements.define("table-report", TableReport);
diff --git a/html/template/rmo/status.html b/html/template/rmo/status.html
index 14821a0f..dec1bfa3 100644
--- a/html/template/rmo/status.html
+++ b/html/template/rmo/status.html
@@ -12,7 +12,7 @@
 	<script src="/static/js/map-multipoint.js"></script>
 	<!-- ordering matters since report table depends on time-relative -->
 	<script src="/static/js/time-relative.js"></script>
-	<script src="/static/js/report-table.js"></script>
+	<script src="/static/js/table-report.js"></script>
 <script>
 var markers = [];
 // Because features come from tiled vector data, feature geometries may be split
@@ -140,7 +140,7 @@ function onLoad() {
 			console.log("location error", error);
 		})
 	});
-	const report_table = document.querySelector('report-table');
+	const report_table = document.querySelector('table-report');
 	report_table.addEventListener("row-clicked", (e) => {
 		window.location = "/status/" + e.detail.reportId;
 	})
@@ -162,7 +162,7 @@ function onLoad() {
 function renderReports(features) {
 	//console.log("render reports", features);
 
-	const report_table = document.querySelector('report-table');
+	const report_table = document.querySelector('table-report');
 	let reports = [];
 	for (const feature of features) {
 		reports.push({
@@ -279,7 +279,7 @@ document.addEventListener('DOMContentLoaded', onLoad);
 			</div>
 			<div class="card-body p-0">
 				<div class="table-responsive">
-					<report-table />
+					<table-report />
 				</div>
 			</div>
 			<!--