Прокрутите вниз — загрузятся уведомления за ${escapeHtml(formatDayLabel(prevDate))}
`;
return;
}
el.hidden = true;
el.innerHTML = "";
}
function renderHubCards() {
if (!hubEl) return;
hubEl.innerHTML =
'
' +
'" +
'" +
'
";
hubEl.querySelectorAll("[data-action]").forEach((btn) => {
btn.addEventListener("click", () => {
const action = btn.getAttribute("data-action");
if (action === "hub-open-notifications") openNotifications();
if (action === "hub-open-daily-plan") openDailyPlan();
if (action === "hub-open-multiserver") openMultiserver();
});
});
}
function applyModalLayout(view) {
if (!modalEl) return;
const dialog = modalEl.querySelector(".modal-dialog");
const body = modalEl.querySelector(".zt-k-hub-modal__body");
modalEl.classList.remove("zt-k-hub--plan", "zt-k-hub--notify");
body?.classList.remove("zt-k-hub-modal__body--plan");
dialog?.classList.remove("modal-dialog--shell-plan", "modal-dialog--shell-notify");
if (view === "daily-plan") {
modalEl.classList.add("zt-k-hub--plan");
body?.classList.add("zt-k-hub-modal__body--plan");
dialog?.classList.add("modal-dialog--shell-plan");
} else if (view === "notifications") {
modalEl.classList.add("zt-k-hub--notify");
dialog?.classList.add("modal-dialog--shell-notify");
}
}
function updateHeader(view) {
currentView = view;
applyModalLayout(view);
if (!titleEl || !backBtn || !readAllBtn) return;
if (normsBtn) normsBtn.hidden = view !== "daily-plan";
if (view === "hub") {
titleEl.textContent = "Комптон - хаб";
backBtn.hidden = true;
readAllBtn.hidden = true;
} else if (view === "notifications") {
titleEl.textContent = "Уведомления";
backBtn.hidden = false;
readAllBtn.hidden = false;
} else if (view === "daily-plan") {
titleEl.textContent = "План на день";
backBtn.hidden = false;
readAllBtn.hidden = true;
} else if (view === "multiserver") {
titleEl.textContent = "Мультисервер";
backBtn.hidden = false;
readAllBtn.hidden = true;
}
}
function dismissPlanOverlays() {
modalEl?.querySelectorAll(".zt-k-hub-plan-overlay").forEach((el) => el.remove());
}
function destroyDailyPlanPanel() {
dismissPlanOverlays();
global.closeDailyPlanComponentNormsModal?.();
dailyPlanPanel?.destroy?.();
dailyPlanPanel = null;
global.WespDailyPlanPanel?._setActivePanel?.(null);
}
function wireModalLifecycle() {
ensureModal();
if (modalEl.dataset.kHubLifecycleWired === "1") return;
modalEl.dataset.kHubLifecycleWired = "1";
modalEl.addEventListener("hide.bs.modal", dismissPlanOverlays);
modalEl.addEventListener("hidden.bs.modal", destroyDailyPlanPanel);
}
function showHub() {
ensureModal();
updateHeader("hub");
hubEl.hidden = false;
modalEl.querySelector("[data-k-notify-panel]").hidden = true;
planMountEl.hidden = true;
if (multiserverMountEl) multiserverMountEl.hidden = true;
destroyDailyPlanPanel();
listEl.hidden = false;
detailEl.hidden = true;
}
function setBadge(unreadCount) {
ensureFab();
if (!badgeEl) return;
const count = Number(unreadCount) || 0;
if (count <= 0) {
badgeEl.hidden = true;
badgeEl.textContent = "";
fabEl.classList.remove("has-unread");
return;
}
badgeEl.hidden = false;
badgeEl.textContent = count > 9 ? "9+" : String(count);
fabEl.classList.add("has-unread");
}
async function refreshBadge() {
try {
const resp = await fetch("/api/notifications?summary=1");
if (!resp.ok) return;
const data = await resp.json();
setBadge(data.unreadCount);
} catch {
/* ignore */
}
}
function mergeItems(existing, incoming) {
const map = new Map(existing.map((x) => [x.id, x]));
incoming.forEach((item) => map.set(item.id, item));
return Array.from(map.values());
}
function matchesCategoryFilter(item) {
if (!categoryFilter || categoryFilter === "all") return true;
return inferCategory(item) === categoryFilter;
}
function filterVisibleItems(items) {
let list = items.filter(matchesCategoryFilter);
if (unreadOnly) list = list.filter((x) => !x.read);
return list;
}
async function fetchDay(date) {
const resp = await fetch(buildListUrl(date));
if (!resp.ok) throw new Error("Не удалось загрузить уведомления");
return resp.json();
}
async function loadInitialNotifications() {
let date = null;
let found = [];
for (let step = 0; step < 31; step += 1) {
const data = await fetchDay(date);
setBadge(data.unreadCount);
if (data.items?.length) {
found = mergeItems(found, data.items);
prevDate = data.hasMore ? data.prevDate : null;
return found;
}
if (!data.hasMore || !data.prevDate) {
prevDate = null;
return found;
}
date = data.prevDate;
}
prevDate = null;
return found;
}
async function reloadNotifications() {
listLoading = true;
itemsCache = [];
prevDate = null;
detailEl.hidden = true;
listEl.hidden = false;
listEl.innerHTML =
'
' +
'
Загрузка…
';
renderLoadMoreState();
try {
itemsCache = await loadInitialNotifications();
renderList();
} catch {
itemsCache = [];
prevDate = null;
renderList();
} finally {
listLoading = false;
renderLoadMoreState();
}
}
async function loadMoreNotifications() {
if (!prevDate || loadingMore || listLoading) return;
loadingMore = true;
renderLoadMoreState();
const loadDate = prevDate;
try {
const data = await fetchDay(loadDate);
itemsCache = mergeItems(itemsCache, data.items || []);
prevDate = data.hasMore ? data.prevDate : null;
setBadge(data.unreadCount);
renderList();
} catch {
/* keep current list */
} finally {
loadingMore = false;
renderLoadMoreState();
}
}
function wireListClicks() {
listEl.querySelectorAll("[data-notify-id]").forEach((btn) => {
btn.addEventListener("click", () => {
const id = btn.getAttribute("data-notify-id");
if (id) showDetail(id);
});
});
}
function renderList() {
ensureModal();
wireNotifyToolbar();
syncToolbarUi();
detailEl.hidden = true;
listEl.hidden = false;
const sorted = sortItems(filterVisibleItems(itemsCache));
if (!sorted.length) {
const hint =
unreadOnly || categoryFilter !== "all"
? prevDate
? "За сегодня ничего нет — прокрутите вниз для более ранних"
: "Нет уведомлений по выбранному фильтру"
: "Нет уведомлений";
listEl.innerHTML =
`
${escapeHtml(hint)}
`;
renderLoadMoreState();
return;
}
let html = "";
let lastGroup = null;
sorted.forEach((item) => {
const group = dayKeyFromItem(item);
if (group !== lastGroup) {
html += `