var ewww_webp_supported,swis_lazy_css_images;void 0===ewww_webp_supported&&(ewww_webp_supported=!1),void 0===swis_lazy_css_images&&(swis_lazy_css_images={}),window.lazySizesConfig=window.lazySizesConfig||{},window.lazySizesConfig.expand=500{e.classList.contains("lazyload")||(e.classList.add("lazyload"),e.dataset.swisLazyId=a,5a.offsetWidth&&1a&&(a=e.w,i=e.h),a=n.clientWidth&&1.25*n.clientWidth*t=n&&(F=d.top)<=B&&(D=d.right)>=n*c&&(J=d.left)<=q&&($||D||J||F)&&(g.loadHidden||ne(u[t]))&&(j&&ie<3&&!s&&(O<3||re<4)||function(e,t){var a,i=e,r=ne(e);for(F-=t,$+=t,J-=t,D+=t;r&&(i=i.offsetParent)&&i!=f.body&&i!=p;)(r=0<(M(i,"opacity")||1))&&"visible"!=M(i,"overflow")&&(a=i.getBoundingClientRect(),r=D>a.left&&Ja.top-1&&F { const script=document.createElement("script"); script.src=CRDataURL; script.async=true; script.onload=()=> { if(window.cr_archive){ resolve(window.cr_archive); }else{ reject(new Error("cr_archive was not found after loading mailings.js")); }}; script.onerror=()=> { reject(new Error("Failed to load the mailings.js script")); }; document.head.appendChild(script); }); } function splitNewsletterTitle(fullTitle){ const colonIndex=fullTitle.indexOf(":"); if(colonIndex===-1){ return { category: "", title: fullTitle };} const categoryPart=fullTitle.substring(0, colonIndex).trim(); const remainingPart=fullTitle.substring(colonIndex + 1).trim(); if(!categoryPart||!remainingPart){ return { category: "", title: fullTitle };} return { category: categoryPart, title: remainingPart };} document.addEventListener("DOMContentLoaded", ()=> { const archive=document.getElementById("archive-form"); if(!archive) return; const archiveDataElement=document.getElementById("archive-data"); if(!archiveDataElement){ console.error("Archive data element not found."); return; } let full_archive_data; try { full_archive_data=JSON.parse(archiveDataElement.textContent); } catch (e){ console.error("Failed to parse archive data JSON:", e); return; } const contentFilter=new ContentFilter({ root: archive, data: full_archive_data, templates: { newsposts: document.getElementById("template-newsposts").innerHTML, newsletter_post: document.getElementById("template-newsletter_post").innerHTML, event: document.getElementById("template-event").innerHTML, project: document.getElementById("template-project").innerHTML }}); const CRDataURL="https://s3-eu-west-1.amazonaws.com/files.crsend.com/156000/156911/rss/mailings.js"; loadNewsletterData(CRDataURL) .then((crArchive)=> { const newsletterPosts=crArchive.map((item)=> { const { category, title }=splitNewsletterTitle(item.title); const pubDate=new Date(item.pubDate).getTime() / 1000; return { post_type: "newsletter_post", post_title: title, post_filtering_date: pubDate, post_link: item.link, post_id: Date.now() + Math.random(), badges: { badges: { sdg: [], others: [ { type: "newsletter_category", value: category||"RNE Aktuell" } ] }, max_shown_sdgs: 2, badge_class: "badge badge--white", icon_name: "" }, post_label: "Newsletter" };}); contentFilter.data.push(...newsletterPosts); contentFilter.buildIndices(); contentFilter.filterAndUpdateUI(); }) .catch((err)=> { console.error("Failed to load or process newsletter data:", err); }); }); (function (){ document.addEventListener("DOMContentLoaded", ()=> { const postOverview=document.getElementById("post-overview-form"); if(!postOverview) return; const dataScriptEl=document.getElementById("post-overview-data"); let fullPostsData=[]; if(dataScriptEl){ try { fullPostsData=JSON.parse(dataScriptEl.textContent||"[]"); } catch (err){ console.error("Error parsing post-overview-data JSON", err); }} new ContentFilter({ root: postOverview, data: fullPostsData, itemsPerPage: 12, templates: { postOverview: document.getElementById("template-post-overview").innerHTML }}); }); })(); document.addEventListener("DOMContentLoaded", function (){ handleNewsHeightResize(); }); function handleNewsHeightResize(){ if(window.innerWidth < 768){ return; } const bigNewsItems=document.querySelectorAll(".big-news"); if(!bigNewsItems.length){ return; } bigNewsItems.forEach(function (item){ const excerpt=item.querySelector(".news-excerpt"); if(excerpt){ const fullHeight=excerpt.scrollHeight; excerpt.style.maxHeight="0"; excerpt.style.transition="max-height 0.6s ease, opacity 0.3s ease"; excerpt.style.opacity="0"; item.addEventListener("mouseenter", function (){ excerpt.style.maxHeight=fullHeight + "px"; excerpt.style.opacity="1"; excerpt.closest(".news-content").style.marginTop="-" + fullHeight + "px"; }); item.addEventListener("mouseleave", function (){ excerpt.style.maxHeight="0"; excerpt.style.opacity="0"; excerpt.closest(".news-content").style.marginTop="0"; }); }}); }; jQuery(document).ready(function ($){ const $eventCalendar=$('[data-module="event-calendar"]'); const datePickerInstances=[]; const monthNames=window.rne_translations.datepicker.months; if($eventCalendar.length===0) return; const allEvents=JSON.parse($eventCalendar.attr("data-events")); const earliestEventTimestamp=$eventCalendar.attr("data-earliest-event"); const latestEventTimestamp=$eventCalendar.attr("data-latest-event"); const earliestEventDate=earliestEventTimestamp ? new Date(parseInt(earliestEventTimestamp, 10) * 1000):null; const latestEventDate=latestEventTimestamp ? new Date(parseInt(latestEventTimestamp, 10) * 1000):null; let currentMonth=parseInt($eventCalendar.attr("data-initial-month"), 10); let currentYear=parseInt($eventCalendar.attr("data-initial-year"), 10); let specificDateSelected=false; let isFilteringInProgress=false; const $currentMonthDisplay=$(".current-month"); const $prevMonthButton=$(".prev-month"); const $nextMonthButton=$(".next-month"); const $eventList=$(".event-list"); const formatDate=(timestamp)=> new Date(timestamp * 1000).toLocaleDateString(window.rne_translations.common.lang==="de" ? "de-De":"en-EN", { day: "2-digit", month: "2-digit", year: "numeric" }); const filterEventsByMonth=(events, month, year)=> events.filter((event)=> { const eventDate=new Date(event.event_start_date * 1000); return eventDate.getMonth() + 1===month&&eventDate.getFullYear()===year; }); function isMonthBefore(month1, year1, month2, year2){ if(year1 < year2) return true; if(year1 > year2) return false; return month1 < month2; } function isMonthAfter(month1, year1, month2, year2){ if(year1 > year2) return true; if(year1 < year2) return false; return month1 > month2; } function updateMonthDisplay(month, year){ $currentMonthDisplay.text(`${monthNames[month - 1]} ${year}`); const prevMonthDate=new Date(year, month - 2, 1); const nextMonthDate=new Date(year, month, 1); const prevMonth=prevMonthDate.getMonth() + 1; const prevYear=prevMonthDate.getFullYear(); const nextMonth=nextMonthDate.getMonth() + 1; const nextYear=nextMonthDate.getFullYear(); $prevMonthButton.toggleClass("disabled", specificDateSelected).attr("disabled", specificDateSelected ? "disabled":null); $nextMonthButton.toggleClass("disabled", specificDateSelected).attr("disabled", specificDateSelected ? "disabled":null); if(!specificDateSelected){ const today=new Date(); const currentMonthToday=today.getMonth() + 1; const currentYearToday=today.getFullYear(); let shouldDisablePrev=false; if(earliestEventDate){ const earliestMonth=earliestEventDate.getMonth() + 1; const earliestYear=earliestEventDate.getFullYear(); if(isMonthBefore(prevMonth, prevYear, earliestMonth, earliestYear)&&isMonthBefore(prevMonth, prevYear, currentMonthToday, currentYearToday)){ shouldDisablePrev=true; }}else{ if(isMonthBefore(prevMonth, prevYear, currentMonthToday, currentYearToday)){ shouldDisablePrev=true; }} $prevMonthButton.toggleClass("disabled", shouldDisablePrev).attr("disabled", shouldDisablePrev ? "disabled":null); let shouldDisableNext=false; if(latestEventDate){ const latestMonth=latestEventDate.getMonth() + 1; const latestYear=latestEventDate.getFullYear(); if(isMonthAfter(nextMonth, nextYear, latestMonth, latestYear)){ shouldDisableNext=true; }} $nextMonthButton.toggleClass("disabled", shouldDisableNext).attr("disabled", shouldDisableNext ? "disabled":null); }} function renderEvents(events){ $eventList.empty(); if(events.length===0){ $eventList.append("

" + window.rne_translations.events.noEventsFound + "

"); $eventList.addClass("no-events-found"); return; } $eventList.removeClass("no-events-found"); const generateEventBadges=(event)=> { let badgeHtml='

${isInternal}
${eventLocationOutput}

"; return badgeHtml; }; const generateSDGBadges=(event)=> { if(!event.event_topic||event.event_topic.length===0) return ""; const MAX_SHOWN_SDGS=2; const sdgsToShow=event.event_topic.slice(0, MAX_SHOWN_SDGS); let badgeHtml='

${sdg}

"; return badgeHtml; }; events.forEach((event)=> { let dateHtml=""; if(event.event_start_date){ dateHtml=`

${formatDate(event.event_start_date)}`; if(event.event_end_date){ dateHtml +=` - ${formatDate(event.event_end_date)}`; } dateHtml +="

"; } const eventHtml=`

${dateHtml} ${generateEventBadges(event)}

${generateSDGBadges(event)}

${event.title}

${ event.thumbnail ? `

${event.thumbnail}

` : "" } `; $eventList.append(eventHtml); }); } function navigateToMonth(month, year){ currentMonth=month; currentYear=year; updateMonthDisplay(month, year); $(".event-datepicker").val(""); applyFilters(); } function applyFilters(selectedDate=undefined){ if(isFilteringInProgress) return; isFilteringInProgress=true; const filters={ name: $('#event-filter-form input[name="event_name"]').val().toLowerCase(), place: $('#event-filter-form input[name="event_place"]').val(), topic: $('#event-filter-form input[name="event_topic"]').val(), internal: $("#internal_events").is(":checked") }; let filteredEvents=allEvents; if(selectedDate&&selectedDate instanceof Date){ currentMonth=selectedDate.getMonth() + 1; currentYear=selectedDate.getFullYear(); updateMonthDisplay(currentMonth, currentYear); filteredEvents=filteredEvents.filter((event)=> { const eventDate=new Date(event.event_start_date * 1000); return eventDate.getFullYear()===currentYear&&eventDate.getMonth()===selectedDate.getMonth()&&eventDate.getDate()===selectedDate.getDate(); }); specificDateSelected=true; }else{ filteredEvents=filterEventsByMonth(filteredEvents, currentMonth, currentYear); specificDateSelected=false; } filteredEvents=filteredEvents.filter((event)=> event.title.toLowerCase().includes(filters.name)&&(!filters.place||event.event_city===filters.place)&&(!filters.topic||event.event_topic_id.some((id)=> parseInt(id, 10)===parseInt(filters.topic, 10)))&&(!filters.internal||event.is_internal)); renderEvents(filteredEvents); updateMonthDisplay(currentMonth, currentYear); isFilteringInProgress=false; } function resetForm(){ $("#event-filter-form")[0].reset(); datePickerInstances.forEach((dpInstance)=> { dpInstance.instance.clear(); }); const today=new Date(); currentMonth=today.getMonth() + 1; currentYear=today.getFullYear(); specificDateSelected=false; updateMonthDisplay(currentMonth, currentYear); applyFilters(); } const eventsByDate=allEvents.reduce((acc, event)=> { const eventDate=new Date(parseInt(event.event_start_date, 10) * 1000); acc[eventDate.toISOString().split("T")[0]]=event; return acc; }, {}); const NAV_SVG=` `; const isMobile=document.body.classList.contains("touch-device"); const datePickerElements=document.querySelectorAll(".event-datepicker"); datePickerElements.forEach((element)=> { const instance=window.initializeLocalizedDatepicker(element, { isMobile: isMobile, minDate: earliestEventDate, maxDate: latestEventDate, autoClose: true, ...(isMobile ? {} : { position({ $datepicker, $target, $pointer }){ const wrapper=$target.closest(".datepicker-wrapper"); if(!wrapper) return; const button=wrapper.querySelector(".calendar-icon-button"); if(!button) return; const rect=button.getBoundingClientRect(); const top=rect.bottom + window.scrollY; const left=rect.left + window.scrollX; $datepicker.style.top=`${top}px`; $datepicker.style.left=`${left}px`; $pointer.style.display="none"; }}), onSelect: function ({ date, datepicker }){ if(date){ applyFilters(date); datePickerInstances.forEach((dpInstance)=> { dpInstance.instance.$el.classList.add("has-value"); const wrapper=dpInstance.instance.$el.closest(".datepicker-wrapper"); const button=wrapper.querySelector(".calendar-icon-button"); if(button){ button.classList.add("has-value"); } if(dpInstance.instance!==datepicker){ dpInstance.instance.selectDate(date, { silent: true }); }}); }else{ datePickerInstances.forEach((dpInstance)=> { dpInstance.instance.$el.classList.remove("has-value"); const wrapper=dpInstance.instance.$el.closest(".datepicker-wrapper"); const button=wrapper.querySelector(".calendar-icon-button"); if(button){ button.classList.remove("has-value"); } if(dpInstance.instance!==datepicker){ dpInstance.instance.clear({ silent: true }); }}); applyFilters(null); }}, onRenderCell: ({ date, cellType })=> { if(cellType!=="day") return {}; const utcDate=new Date(Date.UTC(date.getFullYear(), date.getMonth(), date.getDate())); const formattedDate=utcDate.toISOString().split("T")[0]; const event=eventsByDate[formattedDate]; if(!event) return {}; const internalEventIcon=event.is_internal ? ` ` : ""; return { html: internalEventIcon + utcDate.getUTCDate(), classes: `has-event day-cell${event.is_internal ? " rne-event":""}`, attrs: { title: `Event: ${event.title}` }};}, prevHtml: NAV_SVG, nextHtml: NAV_SVG }); datePickerInstances.push({ element, instance }); }); updateMonthDisplay(currentMonth, currentYear); applyFilters(); $prevMonthButton.on("click", function (e){ e.preventDefault(); if($(this).hasClass("disabled")) return; let newMonth=currentMonth - 1; let newYear=currentYear; if(newMonth < 1){ newMonth=12; newYear -=1; } navigateToMonth(newMonth, newYear); }); $nextMonthButton.on("click", function (e){ e.preventDefault(); if($(this).hasClass("disabled")) return; let newMonth=currentMonth + 1; let newYear=currentYear; if(newMonth > 12){ newMonth=1; newYear +=1; } navigateToMonth(newMonth, newYear); }); $("#event-filter-form").on("submit", (e)=> e.preventDefault()); $("#event-filter-form input").on("input", function (){ applyFilters(); }); $("#event-filter-form").on("rne-select-change", 'input[name="event_place"], input[name="event_topic"]', function (){ applyFilters(); }); $(".event-date-reset").on("click", function (e){ e.preventDefault(); resetForm(); }); $(".calendar-icon-button").on("click", function (){ const wrapper=$(this).closest(".datepicker-wrapper"); if(!wrapper.length) return; const $input=wrapper.find(".event-datepicker"); if(!$input.length) return; const dpInstance=datePickerInstances.find((dp)=> dp.element===$input[0]); if(dpInstance){ dpInstance.instance.show(); }}); }); (function (){ document.addEventListener("DOMContentLoaded", ()=> { const mediaForm=document.getElementById("media-form"); if(!mediaForm){ return; } const documentsDataElement=document.getElementById("documents-data"); if(!documentsDataElement){ console.error("Documents data element not found."); return; } let full_documents_data; try { full_documents_data=JSON.parse(documentsDataElement.textContent); } catch (e){ console.error("Failed to parse documents data JSON:", e); return; } new ContentFilter({ root: mediaForm, data: full_documents_data, hasMediaPlayers: true, templates: { pdf: document.getElementById("template-pdf").innerHTML, audio: document.getElementById("template-audio").innerHTML, video: document.getElementById("template-video").innerHTML }}); }); })();