(function () {
let latestSections = {};
let latestContextActions = { global: [], context: [] };
let activeKey = 'timer';
let overviewFilter = null;
let ws = null;
let pollTimer = null;
let wsReconnectTimer = null;
let latestNotificationCount = 0;
let latestNotifications = [];
let switchCaseModalInstance = null;
let quickNoteDraft = '';
let quickNoteHintState = {
message: 'Tip: gemmer som kommentar på aktiv/åben sag.',
level: 'muted'
};
let switchCaseState = {
activeTimer: null,
decision: 'unchanged',
timers: { active: [], paused: [] },
recentCases: [],
unassignedCases: []
};
let noteEditorState = {
editingId: 0,
title: '',
content: ''
};
let noteTargetModalInstance = null;
let noteTargetState = {
target: 'case',
noteId: 0
};
const LOCAL_NOTES_KEY = 'bmc_bottom_bar_notes_v1';
let notesApiUnavailable = false;
function byId(id) {
return document.getElementById(id);
}
function escapeHtml(value) {
return String(value)
.replace(/&/g, '&')
.replace(//g, '>')
.replace(/"/g, '"')
.replace(/'/g, ''');
}
function loadLocalNotes() {
try {
const raw = window.localStorage.getItem(LOCAL_NOTES_KEY);
const parsed = raw ? JSON.parse(raw) : [];
return Array.isArray(parsed) ? parsed : [];
} catch (e) {
return [];
}
}
function saveLocalNotes(notes) {
try {
window.localStorage.setItem(LOCAL_NOTES_KEY, JSON.stringify(Array.isArray(notes) ? notes : []));
} catch (e) {
// Ignore storage failures (private mode/quota)
}
}
function hydrateNotesFromLocalIfNeeded(sections) {
const target = sections || {};
const notes = target.notes || { list: [], count: 0 };
const localNotes = loadLocalNotes();
const remoteList = Array.isArray(notes.list) ? notes.list : [];
if (!notesApiUnavailable && remoteList.length > 0) {
return target;
}
target.notes = {
count: localNotes.length,
list: localNotes
.slice()
.sort(function (a, b) {
return Number(b.is_pinned || 0) - Number(a.is_pinned || 0)
|| String(b.updated_at || '').localeCompare(String(a.updated_at || ''));
})
};
return target;
}
async function fetchBottomBarState() {
const contextPath = encodeURIComponent(window.location.pathname || '/');
const response = await fetch('/api/v1/bottom-bar/state?context=' + contextPath, {
credentials: 'same-origin',
headers: {
'Accept': 'application/json'
}
});
if (!response.ok) {
throw new Error('Could not load bottom bar state');
}
return response.json();
}
function applyState(data) {
if (data && data.enabled) {
latestSections = data.sections || {};
latestSections = hydrateNotesFromLocalIfNeeded(latestSections);
latestContextActions = (latestSections.context_actions || { global: [], context: [] });
latestNotificationCount = Number((((data || {}).notifications || {}).count) || 0);
latestNotifications = (((data || {}).notifications || {}).items || []);
syncBossTabVisibility();
updateBar(latestSections);
updateActivityZone();
const focusedId = document.activeElement && document.activeElement.id;
const keepCurrentRender = activeKey === 'notes' && (focusedId === 'bbNoteTitleInput' || focusedId === 'bbNoteContentInput');
if (!keepCurrentRender) {
renderTabPanel();
}
setVisibility(true);
return;
}
setVisibility(false);
}
function setVisibility(enabled) {
const shell = byId('globalBottomBar');
if (!shell) {
return;
}
if (enabled) {
shell.hidden = false;
window.requestAnimationFrame(function () {
shell.classList.add('is-visible');
});
} else {
shell.classList.remove('is-visible');
window.setTimeout(function () {
if (!shell.classList.contains('is-visible')) {
shell.hidden = true;
}
}, 320);
}
document.body.classList.toggle('bottom-bar-visible', !!enabled);
if (!enabled) {
document.body.classList.remove('bottom-bar-expanded');
}
}
function setExpanded(expanded) {
const shell = byId('globalBottomBar');
const toggle = byId('bbSheetToggle');
const panel = byId('bbSheetPanel');
if (!shell || !toggle || !panel) {
return;
}
shell.classList.toggle('is-expanded', !!expanded);
document.body.classList.toggle('bottom-bar-expanded', !!expanded);
toggle.setAttribute('aria-expanded', expanded ? 'true' : 'false');
panel.setAttribute('aria-hidden', expanded ? 'false' : 'true');
}
function syncBossTabVisibility() {
const bossBtn = document.querySelector('.bb-tab-btn[data-bb-tab="boss"]');
if (!bossBtn) {
return;
}
bossBtn.classList.remove('d-none');
}
function getCounts(sections) {
const mail = sections.mail || {};
const cases = sections.cases || {};
const urgent = sections.urgent || {};
const timer = sections.timer || {};
const kuma = sections.kuma || {};
const eset = sections.eset || {};
const unassigned = sections.unassigned || {};
return {
mail: Number(mail.unread || 0),
cases: Number(cases.open || 0),
urgent: Number(urgent.count || 0),
unassigned: Number(unassigned.count || 0),
timer: Number(timer.active_count || 0),
kuma: Number(kuma.down || 0),
eset: Number(eset.incidents || 0)
};
}
function detailTextFor(key, sections) {
const counts = getCounts(sections);
const nameMap = {
mail: 'Ubesvarede mails',
cases: 'Åbne sager',
urgent: 'Hastesager',
unassigned: 'Sager uden ansvarlig',
timer: 'Aktive timere',
kuma: 'Kuma alerts',
eset: 'ESET incidents'
};
const val = counts[key] || 0;
return nameMap[key] + ': ' + val;
}
function severityClassFor(key, value) {
const val = Number(value || 0);
if (key === 'urgent') {
return val > 0 ? 'sev-critical' : 'sev-ok';
}
if (key === 'unassigned') {
if (val >= 3) return 'sev-critical';
if (val > 0) return 'sev-warn';
return 'sev-ok';
}
if (key === 'mail') {
if (val >= 10) return 'sev-critical';
if (val > 0) return 'sev-warn';
return 'sev-ok';
}
return val > 0 ? 'sev-warn' : 'sev-ok';
}
function listFor(key, sections) {
const mail = sections.mail || {};
const cases = sections.cases || {};
const urgent = sections.urgent || {};
const unassigned = sections.unassigned || {};
const timer = sections.timer || {};
const kuma = sections.kuma || {};
const eset = sections.eset || {};
const messages = sections.messages || {};
const tasks = sections.tasks || {};
const notes = sections.notes || {};
const boss = sections.boss || {};
function esc(str) {
return String(str).replace(/&/g, '&').replace(//g, '>');
}
const quickNoteValue = esc(quickNoteDraft || '');
if (key === 'overview') {
if (overviewFilter === 'urgent') return urgent.list ? urgent.list.map(u => ' Hastesag: ' + esc(u.title) + '
') : ['Ingen hastesager.'];
if (overviewFilter === 'kuma') return kuma.list ? kuma.list.map(k => '📉 ' + esc(k) + '
') : ['Alle systemer oppe.'];
if (overviewFilter === 'eset') return eset.list ? eset.list.map(e => '🔐 ' + esc(e) + '
') : ['Ingen ESET incidents.'];
if (overviewFilter === 'cases') return cases.list ? cases.list.map(c => ' ' + esc(c.title) + '
') : ['Ingen åbne sager.'];
if (overviewFilter === 'mail') return ['📧 ' + mail.unread + ' ulæste mails.
💬 ' + mail.customer_reply_needed + ' kræver kundesvar.
'];
if (overviewFilter === 'unassigned') return unassigned.list ? unassigned.list.map(u => ' ' + esc(u.title || ('Sag #' + (u.id || ''))) + '
') : ['Ingen åbne sager uden ansvarlig.'];
let out = [];
if (urgent.count > 0) out.push(' Hastesager: ' + urgent.count + ' aktive
');
if (mail.unread > 0) out.push(' Ubesvarede mails: ' + mail.unread + '
');
if (cases.open > 0) out.push(' Åbne sager i alt: ' + cases.open + '
');
if (kuma.down > 0) out.push(' Uptime Kuma nedetid: ' + kuma.down + ' enheder
');
if (eset.incidents > 0) out.push(' ESET incidents: ' + eset.incidents + '
');
if (out.length === 0) {
out.push('🎉 Alt ser grønt ud! Intet kritisk lige nu.
');
}
// Add quick note button on overview
out.push('');
return out;
}
if (key === 'timer') {
if (timer.active_count > 0) {
return (timer.list || []).map(t => {
const elapsedText = t.elapsed_hhmmss || (String(t.elapsed || 0) + 's');
return ' ' + esc(t.desc) + ' (' + esc(elapsedText) + ')
';
});
}
return ['Ingen aktive timere lige nu.'];
}
if (key === 'messages') {
if (messages.count > 0) {
return (messages.list || []).map(m => '' + esc(m.from) + ': ' + esc(m.text) + '
');
}
return ['Ingen nye beskeder.'];
}
if (key === 'tasks') {
if (tasks.count > 0) {
return (tasks.list || []).map(t => ' ' + esc(t.title) + ' ' + esc(t.deadline) + '
');
}
return ['Ingen aktuelle opgaver.'];
}
if (key === 'notes') {
const noteItems = Array.isArray(notes.list) ? notes.list : [];
const editorTitle = esc(noteEditorState.title || '');
const editorContent = esc(noteEditorState.content || '');
const editingId = Number(noteEditorState.editingId || 0);
const out = [
'' +
'
Egne noter (vises i bundbar)
' +
'
' +
'
' +
'
' +
'' +
'' +
'
' +
'
Ingen noter endnu.
');
return out;
}
noteItems.forEach(function (note) {
const noteId = Number(note.id || 0);
const noteTitle = esc((note.title || '').trim() || ('Note #' + noteId));
const content = String(note.content || '');
const preview = esc(content.length > 220 ? (content.slice(0, 220) + '...') : content);
const pinned = !!note.is_pinned;
out.push(
'' +
'
' +
'
' + noteTitle + '' + (pinned ? ' Pinned' : '') + '
' +
'
' +
'' +
'' +
'' +
'
' +
'
' +
'
' + preview + '
' +
'
' +
'' +
'' +
'' +
'
' +
'
' +
'
Åbne sager
' + Number(stats.open_cases || 0) + '
' +
'
Hastesager
' + Number(stats.urgent_cases || 0) + '
' +
'
Uden ansvarlig
' + Number(stats.unassigned || 0) + '
' +
'
Stale >24t
' + Number(stats.stale_urgent_cases || 0) + '
' +
'
' +
'' +
'' +
'' +
'' +
'
'
];
if (workload.length > 0) {
out.push('Team-belastning
');
workload.slice(0, 5).forEach(function (w) {
out.push(
'' +
'
' + esc(w.owner_name || 'Ukendt') + 'Åbne: ' + Number(w.open_cases || 0) + ' • Haste: ' + Number(w.urgent_cases || 0) + '
' +
'
' +
'
Teknikernes opgaver i dag
');
techniciansToday.slice(0, 6).forEach(function (tech) {
const todayTasks = Array.isArray(tech.today_tasks) ? tech.today_tasks : [];
let tasksHtml = 'Ingen opgaver i dag.
';
if (todayTasks.length > 0) {
tasksHtml = '' + todayTasks.slice(0, 3).map(function (task) {
return '
' + esc(task.title || ('Sag #' + task.id)) + '
';
}).join('') + '
' +
'
' +
'
' + esc(tech.owner_name || 'Tekniker') + 'I dag: ' + Number(tech.due_today_cases || 0) + ' • Åbne: ' + Number(tech.open_cases || 0) + '
' +
'
' +
'' +
'' +
'
' +
'
' +
tasksHtml +
'
Eskaleringer
');
escalations.slice(0, 4).forEach(function (c) {
const ageHours = Math.floor(Number(c.age_seconds || 0) / 3600);
out.push(
'' +
'
' + esc(c.title || 'Sag') + '' + esc(c.owner_name || 'Ikke tildelt') + ' • ' + ageHours + 't siden opdatering
' +
'
' +
'
Ufordelte sager
');
unassigned.slice(0, 4).forEach(function (c) {
out.push(
'' +
'
' + esc(c.title || 'Sag') + 'Prioritet: ' + esc(c.priority || 'normal') + '
' +
'
' +
'
`;
chatContainer.appendChild(ul);
chatContainer.appendChild(replyBox);
innerContent.appendChild(chatContainer);
// Fetch users dynamically
fetch('/api/v1/users?is_active=true', { credentials: 'include' })
.then(r => r.json())
.then(payload => {
const users = Array.isArray(payload) ? payload : ((payload && payload.data && Array.isArray(payload.data)) ? payload.data : []);
const sel = document.getElementById('chatRecipient');
if (sel) {
sel.innerHTML = '';
users.forEach(u => {
sel.innerHTML += ``;
});
}
})
.catch(e => console.error("Error fetching users for chat:", e));
} else {
innerContent.appendChild(ul);
}
}
function bindSideTabs() {
const buttons = document.querySelectorAll('.bb-tab-btn');
for (let i = 0; i < buttons.length; i++) {
buttons[i].addEventListener('click', function (e) {
// Clear filter on direct human click of the button, unless we programmatically called click()
if (e.isTrusted) overviewFilter = null;
for (let j = 0; j < buttons.length; j++) {
buttons[j].classList.remove('is-active');
buttons[j].setAttribute('aria-selected', 'false');
}
this.classList.add('is-active');
this.setAttribute('aria-selected', 'true');
activeKey = this.getAttribute('data-bb-tab');
renderTabPanel();
const detail = byId('bbCountDetail');
if (detail) {
detail.innerHTML = ' Viser: ' + (activeKey.charAt(0).toUpperCase() + activeKey.slice(1));
}
});
}
}
function bindChipClicks() {
const chips = document.querySelectorAll('.bb-chip');
for (let i = 0; i < chips.length; i++) {
chips[i].addEventListener('click', function () {
const key = this.getAttribute('data-bb-key');
if (!key) return;
const detail = byId('bbCountDetail');
if (detail) {
detail.innerHTML = ' ' + detailTextFor(key, latestSections);
}
const routes = {
mail: '/emails',
urgent: '/sag?priority=urgent',
timer: '/timetracking',
cases: '/sag'
};
if (key === 'unassigned') {
openUnassignedCasesPanel();
return;
}
const route = routes[key] || '/dashboard';
window.location.href = route;
});
}
}
function bindSheetToggle() {
const toggle = byId('bbSheetToggle');
if (!toggle) return;
toggle.addEventListener('click', function () {
const shell = byId('globalBottomBar');
if (!shell) return;
const isExp = shell.classList.contains('is-expanded');
setExpanded(!isExp);
});
}
function stopPolling() {
if (pollTimer) {
window.clearTimeout(pollTimer);
pollTimer = null;
}
}
function pollOnce() {
fetchBottomBarState().then(function (data) {
applyState(data);
}).catch(function (err) {
console.warn('Bottom bar poll failed', err);
}).finally(function () {
pollTimer = window.setTimeout(pollOnce, 15000);
});
}
function startPollingFallback() {
stopPolling();
pollOnce();
}
function updateFromRealtimeEvent(payload) {
if (!payload || !payload.event) {
return;
}
if (payload.event === 'timer_tick') {
const timer = payload.data || {};
latestSections.timer = latestSections.timer || {};
latestSections.timer.active = timer;
latestSections.timer.active_count = timer.active ? 1 : 0;
latestSections.timer.list = timer.active ? [{
id: timer.time_entry_id,
sag_id: timer.sag_id,
desc: timer.sag_navn || ('Sag #' + (timer.sag_id || '')),
elapsed: timer.elapsed,
elapsed_hhmmss: timer.elapsed_hhmmss
}] : [];
}
if (payload.event === 'status_delta') {
const status = payload.data || {};
latestSections.mail = latestSections.mail || {};
latestSections.cases = latestSections.cases || {};
latestSections.urgent = latestSections.urgent || {};
latestSections.unassigned = latestSections.unassigned || {};
latestSections.boss = latestSections.boss || { stats: {} };
latestSections.mail.unread = Number(status.mails_unread || 0);
latestSections.mail.customer_reply_needed = Number(status.mails_unread || 0);
latestSections.cases.open = Number(status.sager_open || 0);
latestSections.urgent.count = Number(status.sager_urgent || 0);
latestSections.unassigned.count = Number(status.sager_unassigned || 0);
latestSections.boss.stats = latestSections.boss.stats || {};
latestSections.boss.stats.unassigned = Number(status.sager_unassigned || 0);
}
if (payload.event === 'notification_delta') {
const notifications = payload.data || {};
const items = Array.isArray(notifications.items) ? notifications.items : [];
latestSections.messages = latestSections.messages || {};
latestSections.tasks = latestSections.tasks || {};
latestSections.messages.count = items.length;
latestSections.messages.list = items.slice(0, 5).map(function (item) {
return {
from: (item.type || 'System').toString(),
text: (item.title || item.message || 'Notifikation').toString()
};
});
latestSections.tasks.count = items.length;
latestSections.tasks.list = items.slice(0, 5).map(function (item) {
return {
title: item.title || 'Notifikation',
deadline: item.severity || 'info'
};
});
latestNotificationCount = Number(notifications.count || items.length || 0);
latestNotifications = items;
}
syncBossTabVisibility();
updateBar(latestSections);
updateActivityZone();
const focusedId = document.activeElement && document.activeElement.id;
const quickNoteFocused = activeKey === 'overview' && focusedId === 'bbQuickNoteInput';
const noteEditorFocused = activeKey === 'notes' && (focusedId === 'bbNoteTitleInput' || focusedId === 'bbNoteContentInput');
if (!quickNoteFocused && !noteEditorFocused) {
renderTabPanel();
}
}
function scheduleWsReconnect() {
if (wsReconnectTimer) {
window.clearTimeout(wsReconnectTimer);
}
wsReconnectTimer = window.setTimeout(connectRealtime, 3000);
}
function connectRealtime() {
if (ws && (ws.readyState === WebSocket.OPEN || ws.readyState === WebSocket.CONNECTING)) {
return;
}
const protocol = window.location.protocol === 'https:' ? 'wss:' : 'ws:';
const wsUrl = protocol + '//' + window.location.host + '/api/v1/bottom-bar/ws';
try {
ws = new WebSocket(wsUrl);
} catch (err) {
console.warn('Bottom bar websocket init failed', err);
startPollingFallback();
scheduleWsReconnect();
return;
}
ws.addEventListener('open', function () {
stopPolling();
});
ws.addEventListener('message', function (event) {
try {
const payload = JSON.parse(event.data || '{}');
updateFromRealtimeEvent(payload);
} catch (err) {
console.warn('Bottom bar websocket parse error', err);
}
});
ws.addEventListener('close', function () {
startPollingFallback();
scheduleWsReconnect();
});
ws.addEventListener('error', function (err) {
console.warn('Bottom bar websocket error', err);
startPollingFallback();
});
}
function stopActiveTimer() {
const active = ((latestSections || {}).timer || {}).active || {};
if (!active.time_entry_id) {
return Promise.resolve();
}
return fetch('/api/v1/timetracking/time/stop', {
method: 'POST',
credentials: 'include',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({ time_id: active.time_entry_id })
}).catch(function (err) {
console.warn('Failed stopping active timer', err);
});
}
function pauseActiveTimer() {
return fetch('/api/v1/timetracking/time/pause', {
method: 'POST',
credentials: 'include',
headers: { 'Content-Type': 'application/json' },
body: '{}'
}).then(function (res) {
if (!res.ok) {
throw new Error('Kunne ikke pause timer');
}
return res.json().catch(function () { return {}; });
});
}
function resumeTimer(timeId) {
const payload = {};
if (Number(timeId || 0) > 0) {
payload.time_id = Number(timeId);
}
return fetch('/api/v1/timetracking/time/resume', {
method: 'POST',
credentials: 'include',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify(payload)
}).then(function (res) {
if (!res.ok) {
throw new Error('Kunne ikke genoptage timer');
}
return res.json().catch(function () { return {}; });
});
}
function normalizeSwitchableTimerPayload(payload) {
const out = { active: [], paused: [] };
if (!payload || typeof payload !== 'object') {
return out;
}
if (Array.isArray(payload.active) || Array.isArray(payload.paused)) {
out.active = Array.isArray(payload.active) ? payload.active : [];
out.paused = Array.isArray(payload.paused) ? payload.paused : [];
return out;
}
const active = payload.active || {};
const paused = Array.isArray(payload.paused) ? payload.paused : [];
out.active = active && active.active ? [active] : [];
out.paused = paused;
return out;
}
async function fetchSwitchableTimers() {
const primary = await fetch('/api/v1/timetracking/time/my-switchable', {
credentials: 'include',
headers: { 'Accept': 'application/json' }
});
if (primary.ok) {
const payload = await primary.json();
return normalizeSwitchableTimerPayload(payload);
}
const fallback = await fetch('/api/v1/bottom-bar/timers/own?paused_limit=10', {
credentials: 'include',
headers: { 'Accept': 'application/json' }
});
if (!fallback.ok) {
throw new Error('Kunne ikke hente timeroversigt');
}
const payload = await fallback.json();
return normalizeSwitchableTimerPayload(payload);
}
async function fetchRecentCases() {
const response = await fetch('/api/v1/sag/recent?limit=10', {
credentials: 'include',
headers: { 'Accept': 'application/json' }
});
if (!response.ok) {
throw new Error('Kunne ikke hente seneste sager');
}
const payload = await response.json();
return Array.isArray(payload) ? payload : [];
}
function getSwitchCaseModal() {
const modalEl = byId('bbSwitchCaseModal');
if (!modalEl || !window.bootstrap || !window.bootstrap.Modal) {
return null;
}
if (!switchCaseModalInstance) {
switchCaseModalInstance = window.bootstrap.Modal.getOrCreateInstance(modalEl);
}
return switchCaseModalInstance;
}
function switchCaseStatusMessage(html) {
const statusEl = byId('bbSwitchCaseStatus');
if (statusEl) {
statusEl.innerHTML = html;
}
}
function timerDisplayName(timer) {
const sagId = Number((timer && timer.sag_id) || 0);
const title = (timer && (timer.sag_navn || timer.title || timer.beskrivelse || timer.desc)) || '';
if (title) {
return escapeHtml(title);
}
return sagId > 0 ? ('Sag #' + sagId) : 'Ukendt sag';
}
function renderSwitchCaseLists() {
const timersEl = byId('bbSwitchTimersList');
const recentEl = byId('bbSwitchRecentCasesList');
const actionsEl = byId('bbSwitchTimerActions');
if (!timersEl || !recentEl) {
return;
}
const active = Array.isArray(switchCaseState.timers.active) ? switchCaseState.timers.active : [];
const paused = Array.isArray(switchCaseState.timers.paused) ? switchCaseState.timers.paused : [];
const recentCases = Array.isArray(switchCaseState.recentCases) ? switchCaseState.recentCases : [];
const unassignedCases = Array.isArray(switchCaseState.unassignedCases) ? switchCaseState.unassignedCases : [];
const showUnassigned = unassignedCases.length > 0;
if (actionsEl) {
actionsEl.classList.toggle('d-none', !switchCaseState.activeTimer);
}
if (!active.length && !paused.length) {
timersEl.innerHTML = 'Ingen aktive eller pausede timere.
';
} else {
let timerItems = '';
active.forEach(function (t) {
const timeId = Number((t && (t.id || t.time_entry_id)) || 0);
timerItems +=
'' +
'
Aktiv' + timerDisplayName(t) + '
' +
'
' +
'
Timer ID: ' + timeId + '
';
}
});
paused.forEach(function (t) {
timerItems +=
'' +
'
Pauset' + timerDisplayName(t) + '
' +
'
' +
'
Ingen sager at vise.
';
return;
}
recentEl.innerHTML = sourceCases.map(function (row) {
const caseId = Number((row && (row.sag_id || row.id)) || 0);
const title = escapeHtml((row && (row.titel || row.title)) || (caseId > 0 ? ('Sag #' + caseId) : 'Ukendt sag'));
const prefix = showUnassigned ? 'Uden ansvarlig' : 'Senest';
return (
'' +
'
' + prefix + title + '
' +
'
' +
'' +
'' +
'
' +
'
Til: ' + escapeHtml(recipient) + '
Mig: ' + escapeHtml(msgVal) + '
';
const chatContainer = document.querySelector('#bbTabInnerContent .d-flex.flex-column.h-100');
if (!chatContainer) {
return;
}
const listUl = chatContainer.querySelector('ul.bb-tab-list');
if (!listUl) {
return;
}
listUl.appendChild(msgContainer);
// Simple hacky scroll down
const tabInner = document.getElementById('bbTabInnerContent');
if(tabInner) {
tabInner.scrollTop = tabInner.scrollHeight + 500;
}
}
}
});
document.addEventListener('keydown', function (e) {
if (e.key !== 'Enter') {
return;
}
const input = byId('bbQuickNoteInput');
if (!input || document.activeElement !== input) {
return;
}
e.preventDefault();
const saveBtn = byId('bbQuickNoteSaveBtn');
if (saveBtn) {
saveBtn.click();
}
});
document.addEventListener('input', function (e) {
const target = e.target;
if (!target || target.id !== 'bbQuickNoteInput') {
if (target && target.id === 'bbNoteTitleInput') {
noteEditorState.title = String(target.value || '');
}
if (target && target.id === 'bbNoteContentInput') {
noteEditorState.content = String(target.value || '');
}
return;
}
quickNoteDraft = String(target.value || '');
if (quickNoteHintState.level !== 'muted') {
quickNoteHintState = {
message: 'Tip: gemmer som kommentar på aktiv/åben sag.',
level: 'muted'
};
const hint = byId('bbQuickNoteHint');
if (hint) {
hint.textContent = quickNoteHintState.message;
hint.classList.remove('text-danger', 'text-success');
hint.classList.add('text-muted');
}
}
});
}
document.addEventListener('DOMContentLoaded', function () {
activeKey = 'overview'; // Default overview state
bindChipClicks();
bindChipHoverPreview();
bindSheetToggle();
bindHeaderActions();
bindDynamicActions();
bindSideTabs();
startPollingFallback();
connectRealtime();
});
})();