Function bindEvents

static/js/logs.js:235–285

()

}

function bindEvents() {
    el.refreshBtn.addEventListener("click", () => {
        loadLogs();
        loadStats();
    });
    el.clearFiltersBtn.addEventListener("click", resetFilters);
    el.cleanupBtn.addEventListener("click", cleanupLogs);
    el.clearLogsBtn?.addEventListener("click", clearAllLogs);

    el.pageSizeSelect.addEventListener("change", () => {
        logsState.pageSize = Number(el.pageSizeSelect.value || 100);
        logsState.page = 1;
        loadLogs();
    });
    el.prevPageBtn.addEventListener("click", () => {
        if (logsState.page <= 1) return;
        logsState.page -= 1;
        loadLogs();
    });
    el.nextPageBtn.addEventListener("click", () => {
        const maxPage = Math.max(1, Math.ceil(logsState.total / logsState.pageSize));
        if (logsState.page >= maxPage) return;
        logsState.page += 1;
        loadLogs();
    });

    [
        el.filterLevel,
        el.filterLogger,
        el.filterKeyword,
        el.filterSinceMinutes,
    ].forEach((node) => {
        node.addEventListener("change", () => {
            logsState.page = 1;
            loadLogs();
        });
    });
    el.filterLogger.addEventListener("input", debounce(() => {
        logsState.page = 1;
        loadLogs(true);
    }, 300));
    el.filterKeyword.addEventListener("input", debounce(() => {
        logsState.page = 1;
        loadLogs(true);
    }, 300));

    el.autoRefreshSeconds.addEventListener("change", () => {
        logsState.autoRefreshSeconds = Number(el.autoRefreshSeconds.value || 0);
        restartAutoRefresh();
    });
}

document.addEventListener("DOMContentLoaded", async () => {
    bindEvents();