improved scoring ui + removed test data filters

website/js/pages/results.js

@@ -1,11 +1,6 @@
 import { apiGet } from '../api.js';
 import { homeNavButton, showToast } from '../app.js';
-import {
-    buildResultColumns,
-    isDevTestClientCode,
-    resultColumnCellValue,
-    testDataRowClassForClient,
-} from '../test-data.js';
+import { buildResultColumns, resultColumnCellValue } from '../test-data.js';
 
 const PAGE_SIZE = 50;
 
@@ -21,7 +16,6 @@ let filterStatus = '';
 let filterDateFrom = '';
 let filterDateTo = '';
 let filterSearch = '';
-let filterTestData = '';
 let filterQuestion = '';
 let page = 0;
 
@@ -35,7 +29,6 @@ export async function resultsPage(params) {
     filterDateFrom = '';
     filterDateTo = '';
     filterSearch = '';
-    filterTestData = '';
     filterQuestion = '';
     page = 0;
 
@@ -102,11 +95,6 @@ function renderResults() {
                     <input type="date" id="filterDateTo" value="${esc(filterDateTo)}">
                 </label>
                 <input type="search" id="filterSearch" class="filter-search" placeholder="Search client, coach, status…" value="${esc(filterSearch)}">
-                <select id="filterTestData">
-                    <option value="">All clients</option>
-                    <option value="test" ${filterTestData === 'test' ? 'selected' : ''}>Test data only</option>
-                    <option value="hide-test" ${filterTestData === 'hide-test' ? 'selected' : ''}>Hide test data</option>
-                </select>
                 <input type="search" id="filterQuestion" placeholder="Go to question key…" value="${esc(filterQuestion)}" style="min-width:160px" list="questionKeyList">
                 <datalist id="questionKeyList"></datalist>
                 <button type="button" class="btn btn-sm" id="gotoQuestionBtn">Go to column</button>
@@ -114,7 +102,7 @@ function renderResults() {
                 <span style="margin-left:auto;font-size:.85rem;color:var(--text-secondary)" id="resultCount"></span>
                 <a id="exportCsvLink" class="btn btn-sm" href="#">Export CSV</a>
             </div>
-            <p class="data-toolbar-hint" style="margin-top:8px">Each question has its own column; glass-scale symptoms are separate columns. Hover headers for context. Test rows (DEV-CL-*) are highlighted.</p>
+            <p class="data-toolbar-hint" style="margin-top:8px">Each question has its own column; glass-scale symptoms are separate columns. Hover headers for context.</p>
         </div>
         <div class="card">
             <div class="table-wrapper" id="resultsTableWrap">
@@ -162,11 +150,6 @@ function renderResults() {
         page = 0;
         renderTableRows();
     });
-    document.getElementById('filterTestData').addEventListener('change', (e) => {
-        filterTestData = e.target.value;
-        page = 0;
-        renderTableRows();
-    });
     document.getElementById('gotoQuestionBtn').addEventListener('click', () => {
         filterQuestion = document.getElementById('filterQuestion').value.trim();
         scrollToQuestionColumn(filterQuestion);
@@ -185,7 +168,6 @@ function renderResults() {
         filterDateFrom = '';
         filterDateTo = '';
         filterSearch = '';
-        filterTestData = '';
         filterQuestion = '';
         page = 0;
         renderResults();
@@ -304,11 +286,6 @@ function getFilteredClients() {
             return hay.includes(q);
         });
     }
-    if (filterTestData === 'test') {
-        clients = clients.filter(c => isDevTestClientCode(c.clientCode));
-    } else if (filterTestData === 'hide-test') {
-        clients = clients.filter(c => !isDevTestClientCode(c.clientCode));
-    }
     return clients;
 }
 
@@ -404,7 +381,7 @@ function renderTableRows() {
             return `<td>${esc(String(val))}</td>`;
         }).join('');
 
-        return `<tr class="${testDataRowClassForClient(c.clientCode).trim()}">
+        return `<tr>
             <td class="sticky-col">${esc(c.clientCode)}</td>
             <td>${esc(coachDisplayName(c))}</td>
             <td>${esc(supervisorDisplayName(c))}</td>