From 08f40977f9109c60d6e9fa2f7d7d939ddbb29c29 Mon Sep 17 00:00:00 2001
From: Christian <christian@blaahund.dk>
Date: Sun, 17 May 2026 09:44:28 +0200
Subject: [PATCH] fix(telefoni): keep SSR call rows when initial API refresh is
 empty

---
 app/modules/telefoni/templates/log.html | 41 ++++++++++++++++++++++---
 1 file changed, 36 insertions(+), 5 deletions(-)

diff --git a/app/modules/telefoni/templates/log.html b/app/modules/telefoni/templates/log.html
index 2782c5f..24edc0b 100644
--- a/app/modules/telefoni/templates/log.html
+++ b/app/modules/telefoni/templates/log.html
@@ -61,7 +61,7 @@
                     <tbody id="telefoniRows">
                         {% if initial_calls and initial_calls|length > 0 %}
                             {% for call in initial_calls %}
-                            <tr>
+                            <tr data-call-id="{{ call.id }}">
                                 <td>{{ call.started_at or '-' }}</td>
                                 <td>{{ call.full_name or call.username or '-' }}</td>
                                 <td>{% if call.direction == 'outbound' %}Udgående{% else %}Indgående{% endif %}</td>
@@ -846,9 +846,28 @@ async function loadUsers() {
     }
 }
 
-async function loadCalls() {
+function hasExistingCallRows(tbody) {
+    return Boolean(tbody && tbody.querySelector('tr[data-call-id]'));
+}
+
+function hasActiveCallFilters() {
+    const userId = document.getElementById('filterUser')?.value;
+    const from = document.getElementById('filterFrom')?.value;
+    const to = document.getElementById('filterTo')?.value;
+    const withoutCase = document.getElementById('filterWithoutCase')?.checked;
+    return Boolean(userId || from || to || withoutCase);
+}
+
+async function loadCalls(options = {}) {
+    const preserveOnEmpty = Boolean(options.preserveOnEmpty);
+    const skipLoadingState = Boolean(options.skipLoadingState);
     const tbody = document.getElementById('telefoniRows');
-    tbody.innerHTML = '<tr><td colspan="7" class="text-muted small"><span class="spinner-border spinner-border-sm me-2"></span>Indlæser...</td></tr>';
+    const hadRowsBeforeLoad = hasExistingCallRows(tbody);
+    const noActiveFilters = !hasActiveCallFilters();
+
+    if (!skipLoadingState) {
+        tbody.innerHTML = '<tr><td colspan="7" class="text-muted small"><span class="spinner-border spinner-border-sm me-2"></span>Indlæser...</td></tr>';
+    }
 
     const userId = document.getElementById('filterUser').value;
     const from = document.getElementById('filterFrom').value;
@@ -865,6 +884,10 @@ async function loadCalls() {
         const res = await fetch('/api/v1/telefoni/calls?' + qs.toString(), { credentials: 'include' });
         if (!res.ok) {
             const t = await res.text();
+            if (preserveOnEmpty && hadRowsBeforeLoad && noActiveFilters) {
+                console.warn('Telefoni: bevarer SSR-rækker efter tom/fejlende auto-refresh');
+                return;
+            }
             tbody.innerHTML = `<tr><td colspan="7" class="text-danger small">Fejl: ${escapeHtml(t)}</td></tr>`;
             return;
         }
@@ -872,6 +895,10 @@ async function loadCalls() {
         telefoniCallMap.clear();
         (rows || []).forEach(r => telefoniCallMap.set(Number(r.id), r));
         if (!rows || rows.length === 0) {
+            if (preserveOnEmpty && hadRowsBeforeLoad && noActiveFilters) {
+                console.warn('Telefoni: API returnerede 0 rækker, bevarer eksisterende SSR-visning');
+                return;
+            }
             tbody.innerHTML = '<tr><td colspan="7" class="text-muted small">Ingen opkald fundet</td></tr>';
             return;
         }
@@ -928,7 +955,7 @@ async function loadCalls() {
                     : '<span class="text-muted small">Ingen sag</span>');
 
             return `
-                <tr>
+                <tr data-call-id="${callId}">
                     <td>${escapeHtml(dateTxt)}</td>
                     <td>${userTxt}</td>
                     <td>${escapeHtml(dirTxt)}</td>
@@ -941,6 +968,10 @@ async function loadCalls() {
         }).join('');
     } catch (e) {
         console.error('Failed loading calls', e);
+        if (preserveOnEmpty && hadRowsBeforeLoad && noActiveFilters) {
+            console.warn('Telefoni: bevarer SSR-rækker efter exception i auto-refresh');
+            return;
+        }
         tbody.innerHTML = '<tr><td colspan="7" class="text-danger small">Kunne ikke hente opkald</td></tr>';
     }
 }
@@ -1017,7 +1048,7 @@ document.addEventListener('DOMContentLoaded', async () => {
     document.getElementById('filterFrom').addEventListener('change', loadCalls);
     document.getElementById('filterTo').addEventListener('change', loadCalls);
     document.getElementById('filterWithoutCase').addEventListener('change', loadCalls);
-    await loadCalls();
+    await loadCalls({ preserveOnEmpty: true, skipLoadingState: true });
 });
 </script>
 {% endblock %}