class PIASEventManager { constructor(settings) { const { collectionTableId, jsonData } = settings.poweb; this.tableId = `#${collectionTableId}`; this.jsonData = jsonData; this.jsonExportData = settings.poweb.all_pias.rest_export_all_pias; this.datatable = null; } upperFirst(str) { return str ? str.charAt(0).toUpperCase() + str.slice(1) : ""; } formatDateYYYYMMDD(dateString) { const dateObj = new Date(dateString); const year = dateObj.getFullYear(); const month = String(dateObj.getMonth() + 1).padStart(2, "0"); const day = String(dateObj.getDate()).padStart(2, "0"); return `${year}-${month}-${day}`; } findColumnIndex(columnName) { let index = -1; this.datatable.columns().every(function (i) { if ($(this.header()).text().toLowerCase().includes(columnName.toLowerCase())) { index = i; return false; } }); return index; } processDataForTable(data) { return data.map((event) => ({ display: this.createEventTile(event), // Hidden but available for filtering title: this.upperFirst(event.title), date: this.formatDateYYYYMMDD(event.field_date_modified), })); } createEventTile({ field_date_modified, title, view_node }) { return `

${this.formatDateYYYYMMDD(field_date_modified)}

`; } setupDataTable() { this.datatable = $(this.tableId).DataTable(); const rawData = this.jsonExportData ? JSON.parse(this.jsonExportData) : JSON.parse(this.jsonData); const processedData = this.processDataForTable(rawData); this.datatable.clear(); this.datatable.rows.add(processedData).draw(); this.setupFilters(); } setupFilters() { const minDateInput = $("#dt_mindate"); const maxDateInput = $("#dt_maxdate"); const searchInput = $('input[type="search"]'); const dateColumnIndex = this.findColumnIndex("date"); if (dateColumnIndex === -1) { console.warn("Date column not found"); } $.fn.dataTable.ext.search.push((settings, data, dataIndex) => { const minDate = minDateInput.val() ? new Date(minDateInput.val()) : null; const maxDate = maxDateInput.val() ? new Date(maxDateInput.val()) : null; const date = new Date(data[dateColumnIndex]); if (minDate && date < minDate) return false; if (maxDate && date > maxDate) return false; return true; }); $('.btn-default[type="reset"]') .off("click") .on("click", (e) => { e.preventDefault(); $(e.target).closest("form")[0].reset(); this.datatable.search("").columns().search("").draw(); }); $('.btn[type="submit"]') .off("click") .on("click", (e) => { e.preventDefault(); this.updateDateFilters(minDateInput, maxDateInput); this.datatable.draw(); }); // Add event listener for search input searchInput.on("keyup", (e) => { this.datatable.search(e.target.value).draw(); }); } updateDateFilters(minDateInput, maxDateInput) { const minDate = minDateInput.val(); const maxDate = maxDateInput.val(); if (minDate && !maxDate) { maxDateInput.val(new Date().toISOString().split("T")[0]); } if (maxDate && !minDate) { const maxDateObj = new Date(maxDate); const startDate = new Date(maxDateObj.setDate(maxDateObj.getDate() - 7)); minDateInput.val(startDate.toISOString().split("T")[0]); } } init() { $(document).on("wb-ready.wb-tables", this.tableId, () => { this.setupDataTable(); }); } } new PIASEventManager(drupalSettings).init();

Privacy Impact Assessments

List of Privacy Impact Assessments