Laddar...
`;
+
+ try {
+ const activeStaff = await fetchActiveStaff();
+
+ if (activeStaff.length === 0) {
+ listElement.innerHTML = `Ingen är online just nu.
`;
+ return;
+ }
+
+ listElement.innerHTML = activeStaff.map(person => {
+ const fullName =
+ person.fullName ||
+ `${person.firstName || ""} ${person.lastName || ""}`.trim() ||
+ "Användare";
+
+ return `
+
+
${escapeHtml(fullName)}
+
+ ${escapeHtml(getStatusLabel(person.status))}
+
+
Något gick fel.
`;
+ }
+}
+
+async function toggleOnlineStaffList() {
+ const listElement = document.getElementById("onlineStaffList");
+ const arrowElement = document.getElementById("onlineStaffArrow");
+ const toggleButton = document.getElementById("onlineStaffToggle");
+
+ if (!listElement) return;
+
+ const isOpen = listElement.classList.contains("show");
+
+ if (isOpen) {
+ listElement.classList.remove("show");
+ if (toggleButton) {
+ toggleButton.setAttribute("aria-expanded", "false");
+ }
+ if (arrowElement) {
+ arrowElement.textContent = "▾";
+ }
+ return;
+ }
+
+ listElement.classList.add("show");
+ if (toggleButton) {
+ toggleButton.setAttribute("aria-expanded", "true");
+ }
+ if (arrowElement) {
+ arrowElement.textContent = "▴";
+ }
+
+ await renderOnlineStaffList();
+}
+
+async function refreshOnlineStaffWidget() {
+ await loadOnlineStaffCount();
+
+ const listElement = document.getElementById("onlineStaffList");
+ if (listElement && listElement.classList.contains("show")) {
+ await renderOnlineStaffList();
+ }
+}
+let onlineStaffRefreshTimer = null;
+function initOnlineStaffWidget() {
+ const toggleButton = document.getElementById("onlineStaffToggle");
+ if (!toggleButton) return;
+
+ toggleButton.addEventListener("click", toggleOnlineStaffList);
+ refreshOnlineStaffWidget();
+
+ if (!onlineStaffRefreshTimer) {
+ onlineStaffRefreshTimer = window.setInterval(refreshOnlineStaffWidget, 30000);
+ }
+
+ document.addEventListener("visibilitychange", () => {
+ if (!document.hidden) {
+ refreshOnlineStaffWidget();
+ }
+ });
+}
\ No newline at end of file
diff --git a/src/main/resources/static/pages/create-ticket.html b/src/main/resources/static/pages/create-ticket.html
index a253521..bd434ac 100644
--- a/src/main/resources/static/pages/create-ticket.html
+++ b/src/main/resources/static/pages/create-ticket.html
@@ -73,6 +73,7 @@