(function () { var box = document.getElementById('event-cards'); var tage = ['So.', 'Mo.', 'Di.', 'Mi.', 'Do.', 'Fr.', 'Sa.']; function text(html) { var d = document.createElement('div'); d.innerHTML = html || ''; return (d.textContent || '').trim(); } function datum(s, mitJahr) { var p = s.split(/[- :]/); var d = new Date(p[0], p[1] - 1, p[2]); var out = tage[d.getDay()] + ' ' + p[2] + '.' + p[1] + '.'; return mitJahr ? out + p[0].slice(2) : out; } fetch('/wp-json/tribe/events/v1/events?per_page=4&start_date=now') .then(function (r) { return r.json(); }) .then(function (data) { box.innerHTML = ''; if (!data.events || !data.events.length) { box.textContent = 'Aktuell keine Veranstaltungen.'; return; } data.events.forEach(function (e) { var a = document.createElement('a'); a.className = 'event-card'; a.href = e.url; if (e.image && e.image.url) { a.style.backgroundImage = 'url("' + e.image.url + '")'; } var body = document.createElement('div'); body.className = 'event-card__body'; var h = document.createElement('h3'); h.textContent = text(e.title); var dt = document.createElement('strong'); dt.textContent = datum(e.start_date) + ' – ' + datum(e.end_date, true); var p = document.createElement('p'); var t = text(e.excerpt); p.textContent = t.length > 160 ? t.slice(0, 160) + '...' : t; body.appendChild(h); body.appendChild(dt); body.appendChild(p); a.appendChild(body); box.appendChild(a); }); }) .catch(function () { box.textContent = 'Veranstaltungen konnten nicht geladen werden.'; }); })();