`;
};
// Собираем HTML: каждая legacy папка + её дочерние календари
const html = legacyFolders.map(renderFolder).join("");
container.innerHTML = html;
attachEventListeners();
}
/**
* Прикрепить обработчики событий
*/
function attachEventListeners() {
// Переключение видимости
container
.querySelectorAll(".calendar-visibility-toggle")
.forEach((checkbox) => {
checkbox.addEventListener("change", (e) => {
// НЕ парсим ID - он может быть строкой (legacy) или числом (новые календари)
const calendarId = e.target.dataset.calendarId;
// Конвертируем в число ТОЛЬКО если это число
const id = /^\d+$/.test(calendarId)
? parseInt(calendarId, 10)
: calendarId;
toggleCalendarVisibility(id);
});
});
// Создание календаря в папке
container.querySelectorAll(".calendar-create-child-btn").forEach((btn) => {
btn.addEventListener("click", (e) => {
const folderId = e.currentTarget.dataset.folderId;
createCalendarInFolder(folderId);
});
});
// Преобразование legacy календаря в настраиваемый
container.querySelectorAll(".calendar-convert-btn").forEach((btn) => {
btn.addEventListener("click", (e) => {
const calendarId = e.currentTarget.dataset.calendarId;
convertLegacyToCalendar(calendarId);
});
});
// Подписка (только для новых календарей с числовым ID)
container.querySelectorAll(".calendar-subscribe-btn").forEach((btn) => {
btn.addEventListener("click", (e) => {
const calendarId = parseInt(e.currentTarget.dataset.calendarId, 10);
if (!isNaN(calendarId)) {
subscribe(calendarId);
}
});
});
// Отписка (только для новых календарей с числовым ID)
container.querySelectorAll(".calendar-unsubscribe-btn").forEach((btn) => {
btn.addEventListener("click", (e) => {
const calendarId = parseInt(e.currentTarget.dataset.calendarId, 10);
if (!isNaN(calendarId)) {
unsubscribe(calendarId);
}
});
});
// Редактирование (делегируем наверх)
container.querySelectorAll(".calendar-edit-btn").forEach((btn) => {
btn.addEventListener("click", (e) => {
const calendarId = parseInt(e.currentTarget.dataset.calendarId, 10);
const calendar = calendars.find((c) => c.id === calendarId);
if (calendar) {
// Dispatch custom event для открытия модального окна
document.dispatchEvent(
new CustomEvent("calendar:edit", { detail: calendar }),
);
}
});
});
}
/**
* Обновить список календарей
*/
async function refresh() {
invalidateCalendarsCache();
invalidateCalendarEventsCache(); // Инвалидируем кеш событий после перемещения
await loadCalendars();
}
/**
* Получить ID видимых календарей
* @returns {Array