diff --git a/events/calendar.js b/events/calendar.js
new file mode 100644
index 0000000..e812e50
--- /dev/null
+++ b/events/calendar.js
@@ -0,0 +1,105 @@
+import dateformat from 'dateformat';
+import timeElement from '../elements/time';
+
+export default timeElement;
+
+function getEvents(number) {
+ const now = new Date();
+ const allEvents = window.c_base_events.concat(window.c_base_regulars);
+ const current = allEvents.filter((event) => {
+ const start = new Date(event.start);
+ const end = new Date(event.start);
+ if (start > now) {
+ return false;
+ }
+ if (end < now) {
+ return false;
+ }
+ return true;
+ });
+ const upcoming = allEvents.filter((event) => {
+ const start = new Date(event.start);
+ if (start > now) {
+ return true;
+ }
+ return false;
+ });
+
+ 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 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 timeFormat = 'HH:MM';
+ if (event.allDay) {
+ time.innerHTML = '--:--';
+ } else {
+ time.innerHTML = dateformat(startDate, timeFormat);
+ }
+
+ code.innerHTML = `CB${pad(event.id)}`;
+ destination.innerHTML = event.title;
+
+ if (startDate.toDateString() !== prevDate.toDateString()) {
+ if (window.innerWidth > window.innerHeight) {
+ status.innerHTML = dateformat(startDate, 'ddd dd.mm.');
+ } else {
+ 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 onPageReady() {
+ window.removeEventListener('load', onPageReady, false);
+ const table = document.getElementById('events');
+ const events = getEvents(17);
+ events.forEach(event => renderEvent(event, table));
+}
+window.addEventListener('load', onPageReady, false);
diff --git a/events/index.html b/events/index.html
new file mode 100644
index 0000000..6fecc52
--- /dev/null
+++ b/events/index.html
@@ -0,0 +1,88 @@
+
+
+
+
+ c-base event calendar
+
+
+
+
+
+
+
+
+ c-base events
+
+
+
+
+
diff --git a/package.json b/package.json
index 9460fdf..5434a75 100644
--- a/package.json
+++ b/package.json
@@ -5,7 +5,7 @@
"main": "index.js",
"scripts": {
"build": "webpack",
- "pretest": "eslint lib/*.js elements/*.js infodisplay/*.js index.js",
+ "pretest": "eslint index.js lib/*.js elements/*.js infodisplay/*.js events/*.js",
"start": "http-server . -p 3000 -s",
"test": "npm run build"
},
diff --git a/webpack.config.js b/webpack.config.js
index 63dd75c..fb93008 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -2,6 +2,7 @@ module.exports = {
entry: {
infoscreens: './index.js',
infodisplay: './infodisplay/infodisplay.js',
+ calendar: './events/calendar.js',
},
output: {
path: __dirname,