${items.map((item) => {
const caseId = Number(item.id);
const label = formatCaseLabel(item);
const meta = [item.status, item.created_at ? new Date(item.created_at).toLocaleDateString('da-DK') : '']
.filter(Boolean).join(' · ');
return `
`;
}).join('')}
${escapeHtml(number)}
${escapeHtml(title)}
${company ? `
${escapeHtml(company)}
` : ''}
${lastCallHtml}
${casesHtml}
${quickCreateHtml}
${openContactBtn}
`;
}
renderToastBody();
container.appendChild(toastEl);
const toast = new bootstrap.Toast(toastEl, { autohide: false });
toast.show();
toastEl.addEventListener('hidden.bs.toast', () => toastEl.remove());
async function patchCallCase(caseId) {
const parsedCaseId = Number(caseId);
if (!Number.isInteger(parsedCaseId) || parsedCaseId <= 0) {
throw new Error('Ugyldigt sag-ID');
}
if (!Number.isInteger(Number(callId)) || Number(callId) <= 0) {
throw new Error('Mangler call_id');
}
const res = await fetch(`/api/v1/telefoni/calls/${Number(callId)}`, {
method: 'PATCH',
headers: { 'Content-Type': 'application/json' },
credentials: 'include',
body: JSON.stringify({ sag_id: parsedCaseId })
});
if (!res.ok) {
const t = await res.text();
throw new Error(t || `HTTP ${res.status}`);
}
return parsedCaseId;
}
async function patchCallContact(contactId) {
if (!Number.isInteger(Number(callId)) || Number(callId) <= 0) {
throw new Error('Mangler call_id');
}
const res = await fetch(`/api/v1/telefoni/calls/${Number(callId)}`, {
method: 'PATCH',
headers: { 'Content-Type': 'application/json' },
credentials: 'include',
body: JSON.stringify({ kontakt_id: Number(contactId) })
});
if (!res.ok) {
const text = await res.text();
throw new Error(text || `HTTP ${res.status}`);
}
return res.json();
}
async function createOrUpdateContactFromToast() {
const firstNameInput = toastEl.querySelector('[data-role="quick-first-name"]');
const lastNameInput = toastEl.querySelector('[data-role="quick-last-name"]');
const emailInput = toastEl.querySelector('[data-role="quick-email"]');
const firstName = String(firstNameInput?.value || '').trim();
const lastName = String(lastNameInput?.value || '').trim();
const email = String(emailInput?.value || '').trim();
if (!firstName) {
window.alert('Fornavn er påkrævet');
firstNameInput?.focus();
return;
}
const actionBtn = toastEl.querySelector('[data-action="quick-create-contact"]');
if (!actionBtn) return;
actionBtn.disabled = true;
const originalText = actionBtn.textContent;
actionBtn.textContent = 'Gemmer...';
try {
const phoneValue = String(number || '').trim() || null;
const existing = await fetchContactByName(firstName, lastName, phoneValue || '');
let savedContactId = null;
if (existing?.id) {
const existingHasPhone = String(existing.phone || existing.mobile || '').trim();
const shouldUpdatePhone = !existingHasPhone && phoneValue;
const shouldUpdateEmail = !String(existing.email || '').trim() && email;
if (shouldUpdatePhone || shouldUpdateEmail) {
const updatePayload = {};
if (shouldUpdatePhone) updatePayload.phone = phoneValue;
if (shouldUpdateEmail) updatePayload.email = email;
const updateRes = await fetch(`/api/v1/contacts/${Number(existing.id)}`, {
method: 'PUT',
headers: { 'Content-Type': 'application/json' },
credentials: 'include',
body: JSON.stringify(updatePayload)
});
if (!updateRes.ok) {
const text = await updateRes.text();
throw new Error(text || `HTTP ${updateRes.status}`);
}
}
savedContactId = Number(existing.id);
} else {
const createRes = await fetch('/api/v1/contacts', {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
credentials: 'include',
body: JSON.stringify({
first_name: firstName,
last_name: lastName,
email: email || null,
phone: phoneValue,
title: null,
})
});
if (!createRes.ok) {
const text = await createRes.text();
throw new Error(text || `HTTP ${createRes.status}`);
}
const created = await createRes.json();
savedContactId = Number(created?.id || 0);
}
if (!Number.isInteger(savedContactId) || savedContactId <= 0) {
throw new Error('Kontakt-ID mangler');
}
await patchCallContact(savedContactId);
const [fullContact, caseContext] = await Promise.all([
fetchFullContact(savedContactId),
fetchContactCases(savedContactId),
]);
currentData = {
...currentData,
contact: buildToastContact(fullContact),
contact_cases: caseContext?.contact_cases || currentData.contact_cases || [],
company_cases: caseContext?.company_cases || currentData.company_cases || [],
related_contacts: caseContext?.related_contacts || currentData.related_contacts || [],
};
renderToastBody();
} catch (err) {
window.alert(`Kunne ikke oprette kontakt: ${err?.message || 'ukendt fejl'}`);
} finally {
const refreshedActionBtn = toastEl.querySelector('[data-action="quick-create-contact"]');
if (refreshedActionBtn) {
refreshedActionBtn.disabled = false;
refreshedActionBtn.textContent = originalText;
}
}
}
toastEl.addEventListener('click', async (e) => {
const btn = e.target.closest('button[data-action]');
if (!btn) return;
const action = btn.getAttribute('data-action');
if (action === 'open-contact' && contact?.id) {
window.location.href = `/contacts/${contact.id}`;
}
if (action === 'create-case') {
const qs = new URLSearchParams();
if (contact?.id) qs.set('contact_id', String(contact.id));
if (contact?.company_id) qs.set('customer_id', String(contact.company_id));
qs.set('title', `Telefonsamtale – ${number}`);
qs.set('telefoni_opkald_id', String(callId));
window.location.href = `/sag/new?${qs.toString()}`;
}
if (action === 'link-case') {
openCaseSmartModal();
}
if (action === 'quick-create-contact') {
await createOrUpdateContactFromToast();
}
});
}
function scheduleReconnect() {
if (reconnectTimer || reconnectDisabledForAuth) return;
reconnectTimer = setTimeout(async () => {
reconnectTimer = null;
const sessionOk = await hasActiveSession();
if (!sessionOk) {
reconnectDisabledForAuth = true;
console.info('📞 Telefoni WS reconnect paused (unauthorized session)');
return;
}
connect();
}, 5000);
}
function connect() {
if (reconnectDisabledForAuth) {
return;
}
if (ws && (ws.readyState === WebSocket.OPEN || ws.readyState === WebSocket.CONNECTING)) {
return;
}
const token = getToken();
const proto = window.location.protocol === 'https:' ? 'wss' : 'ws';
// Fallback to cookie-auth websocket when token is HttpOnly and cannot be read by JS.
const url = token
? `${proto}://${window.location.host}/api/v1/telefoni/ws?token=${encodeURIComponent(token)}`
: `${proto}://${window.location.host}/api/v1/telefoni/ws`;
ws = new WebSocket(url);
ws.onopen = () => {
reconnectDisabledForAuth = false;
console.log('📞 Telefoni WS connected');
};
ws.onclose = (evt) => {
console.log('📞 Telefoni WS disconnected', evt.code, evt.reason || '');
if (evt && evt.code === 1008) {
reconnectDisabledForAuth = true;
console.info('📞 Telefoni WS reconnect paused (auth rejected by server)');
return;
}
scheduleReconnect();
};
ws.onerror = () => {
// onclose handles reconnect
};
ws.onmessage = (evt) => {
try {
const msg = JSON.parse(evt.data);
if (msg?.event === 'incoming_call') {
showIncomingCallToast(msg.data || {});
}
} catch (e) {
console.warn('Telefoni WS message parse failed', e);
}
};
}
document.addEventListener('DOMContentLoaded', connect);
window.addEventListener('focus', async () => {
if (reconnectDisabledForAuth) {
const sessionOk = await hasActiveSession();
if (sessionOk) {
reconnectDisabledForAuth = false;
} else {
return;
}
}
connect();
});
window.addEventListener('storage', (evt) => {
if (evt.key === 'access_token') {
reconnectDisabledForAuth = false;
connect();
}
});
})();