https://kalymnos.gr/wp-content/themes/kalymnos-v3/assets/js/events.js

1import { jsonToFormdata, fetchData, showLoading } from "./helper-modules.js";
2
3document.addEventListener("DOMContentLoaded", () => {
4  const eventsContent = document.querySelector(".events-content");
5  const prevMonth = document.getElementById("datepicker-prev");
6  const nextMonth = document.getElementById("datepicker-next");
7  const eventsMonthAndYear = document.querySelector(".events-month-year");
8
9  const generateAjaxData = (travelTo = " 0 months", limit = 4) => {
10    return {
11      action: "fetch_events",
12      nonce: events.nonce,
13      current_date: eventsMonthAndYear.dataset.date,
14      travel_to: travelTo,
15      limit: limit,
16    };
17  };
18
19  const fetchRequestedEvents = async (url, data) => {
20    showLoading(eventsContent, events.loadingImage);
21
22    const res = await fetchData(url, data);
23
24    if (!res.success) {
25      eventsContent.innerHTML = `<h3> ${events.ajaxFailed} </h3>`;
26      return;
27    }
28
29    eventsContent.innerHTML = res.events_html;
30    eventsMonthAndYear.dataset.date = res.new_date;
31    eventsMonthAndYear.innerHTML = `${res.new_month} ${res.new_year}`;
32  };
33
34  const data = window.location.pathname.includes("cw-events") ? generateAjaxData(" 0 months", -1) : generateAjaxData();
35  const formData = jsonToFormdata(data);
36  fetchRequestedEvents(events.ajaxUrl, formData);
37
38  prevMonth.addEventListener("click", (e) => {
39    const limit = prevMonth.classList.contains("from-archive") ? -1 : 4;
40    const data = generateAjaxData(" -1 months", limit);
41    const formData = jsonToFormdata(data);
42
43    fetchRequestedEvents(events.ajaxUrl, formData);
44  });
45
46  nextMonth.addEventListener("click", (e) => {
47    const limit = nextMonth.classList.contains("from-archive") ? -1 : 4;
48    const data = generateAjaxData(" +1 months", limit);
49    const formData = jsonToFormdata(data);
50
51    fetchRequestedEvents(events.ajaxUrl, formData);
52  });
53});