Page History

<style>
#unpublished-events .conf-macro.output-block[data-macro-name=confiform-cleanview] {
    padding: 0px 35px;
    display: grid;
    grid-template-columns: repeat(auto-fill, 280px);
    grid-gap: 20px;
    height: auto !important;
    justify-content: space-evenly;
}
</style>
<script>

const replaceDates = () => {
  let myEventsSection = document.getElementById("scroll-section-0");
  let upcomingEventsSection = document.getElementById("scroll-section-1");
  let pastEventsSection = document.getElementById("scroll-section-3");
  let allEventsSection = document.getElementById("all-events");

  let allSections = [
    myEventsSection, upcomingEventsSection, pastEventsSection, allEventsSection
  ];

  for (let i = 0; i < allSections.length; i++) {
    let currSection = allSections[i];
    console.log("CURR SECTION:", currSection.id.toUpperCase());
    
    let currSectionCards = Array.from(currSection.getElementsByClassName("eventcard"));

    for (let j = 0; j < currSectionCards.length; j++) {
      let card = currSectionCards[j];
      let UTCdate = card.dataset.startdate;

      if (!UTCdate) {
        break;
      }

      console.log("Start Date:", UTCdate);
      let localDateStr = new Date(UTCdate).toLocaleString('en-US');
      console.log("localDateStr:", localDateStr);
      let localDate = new Date(localDateStr);
      console.log("localDate:", localDate);
  
      formatDate2(localDate).then(datetimeStr => {
        console.log("datetimeStr:", datetimeStr);
        datetimeStr = datetimeStr.split(" on ");
        let timeStr = datetimeStr[0];
        let dateStr = datetimeStr[1];
  
        card.getElementsByClassName("formattedDatetime")[0].innerText = timeStr;
        card.getElementsByClassName("formattedDate")[0].innerText = dateStr;
      });
    };
  }
}

window.addEventListener('load', () => {
	replaceDates();
});
</script>