infoscreens/events/calendar.js

import dateformat from 'dateformat';
import '../elements/time';

function getEvents(number, callback) {
  const now = new Date();
  const allEvents = window.c_base_events.concat(window.c_base_regulars, window.c_base_seminars);
  const current = allEvents.filter((event) => {
    if (event.id === 45) {
      return false;
    }
    const start = new Date(event.start);
    if ((!event.data || event.allDay) && start.toDateString() !== now.toDateString()) {
      return false;
    }
    const end = new Date(event.end);
    if (start > now) {
      return false;
    }
    if (end < now) {
      return false;
    }
    return true;
  });
  const upcoming = allEvents.filter((event) => {
    if (event.id === 45) {
      return false;
    }
    const start = new Date(event.start);
    if (start > now) {
      return true;
    }
    return false;
  });

  fetch('https://launchlibrary.net/1.3/launch/next/2')
    .then(res => res.json())
    .then((res) => {
      const launches = res.launches.map((launch) => {
        const start = new Date(launch.windowstart);
        const end = new Date(launch.windowend);
        return {
          allDay: false,
          start: start.toISOString(),
          end: end.toISOString(),
          title: launch.name,
          id: launch.lsp.abbrev,
          type: 'launch',
        };
      });
      const events = current.concat(upcoming, launches);
      events.sort((a, b) => {
        if (a.start < b.start) {
          return -1;
        }
        if (a.start > b.start) {
          return 1;
        }
        return 0;
      });
      return callback(events.slice(0, number));
    })
    .catch(() => {
      const events = current.concat(upcoming);
      events.sort((a, b) => {
        if (a.start < b.start) {
          return -1;
        }
        if (a.start > b.start) {
          return 1;
        }
        return 0;
      });
      return callback(events.slice(0, number));
    });
}

let prevDate = new Date();
function renderEvent(event, container) {
  const now = new Date();
  const row = document.createElement('tr');
  const time = document.createElement('td');
  time.className = 'time';
  const destination = document.createElement('td');
  destination.className = 'destination';
  const code = document.createElement('td');
  code.className = 'code';
  const status = document.createElement('td');
  status.className = 'status';
  const startDate = new Date(event.start);
  const pad = (t) => {
    let val = `${t}`;
    if (val.length === 1) {
      val = `0${val}`;
    }
    if (val.length === 2) {
      val = `0${val}`;
    }
    return val;
  };
  const cleanTitle = (title) => {
    let cleaned = title.replace(/\sBerlin$/, '');
    cleaned = cleaned.replace(/\sUser Group/, ' UG');
    return cleaned;
  };
  const timeFormat = 'HH:MM';
  if (event.allDay) {
    time.innerHTML = '--:--';
  } else {
    time.innerHTML = dateformat(startDate, timeFormat);
  }

  if (typeof event.id === 'number') {
    code.innerHTML = `C${pad(event.id)}`;
  } else {
    code.innerHTML = event.id;
  }
  destination.innerHTML = cleanTitle(event.title);
  if (event.type === 'launch') {
    destination.classList.add('launch');
  }

  if (startDate.toDateString() !== prevDate.toDateString()) {
    status.innerHTML = dateformat(startDate, 'dd.mm.');
  }
  if (startDate.toDateString() === now.toDateString()) {
    row.classList.add('today');
    if (startDate < now) {
      status.innerHTML = 'Ongoing';
      status.classList.add('ongoing');
    } else {
      status.innerHTML = 'Today';
    }
  }

  row.appendChild(status);
  row.appendChild(time);
  row.appendChild(destination);
  row.appendChild(code);
  container.appendChild(row);
  prevDate = startDate;
}

function render() {
  const table = document.getElementById('events');
  getEvents(17, (events) => {
    while (table.firstChild) {
      table.removeChild(table.firstChild);
    }
    events.forEach(event => renderEvent(event, table));
  });
}

function onPageReady() {
  window.removeEventListener('load', onPageReady, false);
  render();
  setInterval(render, 30000);
}
window.addEventListener('load', onPageReady, false);