Marc-andre-hermanns-bc32@rwth-aachen.de: First try of a course list querying the new REST API of hpc-in-deutschland.de

2025-09-08T12:27:18Z

First try of a course list querying the new REST API of hpc-in-deutschland.de

Daniel-schurhoff-de23@rwth-aachen.de at 12:16, 9 April 2020

2020-04-09T12:16:55Z

Daniel-schurhoff-de23@rwth-aachen.de at 12:16, 9 April 2020

2020-04-09T12:16:15Z

Daniel-schurhoff-de23@rwth-aachen.de: Created page with "
"

2020-04-09T11:43:51Z

Created page with "<div id="hpccalendar"></div>"

New page

← Older revision		Revision as of 12:27, 8 September 2025
Line 1:		Line 1:
−	<div id='~~hpccalendar~~'></~~div~~>	+	<div id="course-list"></div>
		+
		+	<script>
		+	async function fetchAndDisplayCourses() {
		+	const url = 'https://api.veranstaltungen.hpc-in-deutschland.de/events';
		+
		+	try {
		+	const response = await fetch(url);
		+	if (!response.ok) {
		+	throw new Error(`Failed to fetch courses: ${response.status}`);
		+	}
		+
		+	const events = await response.json();
		+	const today = new Date();
		+	const twoMonthsLater = new Date();
		+	twoMonthsLater.setMonth(today.getMonth() + 2);
		+
		+	// Filter upcoming courses within next 2 months
		+	let upcomingCourses = events.filter(event => {
		+	const startDate = new Date(event.startDate \|\| event.date);
		+	return startDate >= today && startDate <= twoMonthsLater;
		+	});
		+
		+	// Sort by start date ascending
		+	upcomingCourses.sort((a, b) => new Date(a.startDate \|\| a.date) - new Date(b.startDate \|\| b.date));
		+
		+	let html = '<ul>';
		+	upcomingCourses.forEach(event => {
		+	const start = new Date(event.startDate \|\| event.date);
		+	const end = event.endDate ? new Date(event.endDate) : null;
		+
		+	const location = event.location \|\| (event.online ? 'Online' : 'No location info');
		+
		+	html += '<li>';
		+
		+	// Date before the name
		+	html += `${start.toLocaleDateString()}`;
		+	if (end && end > start) {
		+	html += ` - ${end.toLocaleDateString()}`;
		+	}
		+
		+	html += ': ';
		+
		+	// Name as a link to URL
		+	html += `<a href="${event.url}" target="_blank" rel="noopener noreferrer">${event.title \|\| event.name}</a>`;
		+
		+	html += ` \| Location: ${location}`;
		+	html += '</li>';
		+	});
		+
		+	html += '</ul>';
		+	document.getElementById('course-list').innerHTML = html;
		+
		+	} catch (error) {
		+	document.getElementById('course-list').innerText = 'Error loading courses: ' + error.message;
		+	}
		+	}
		+
		+	fetchAndDisplayCourses();
		+	</script>

← Older revision		Revision as of 12:16, 9 April 2020
Line 1:		Line 1:
−	<div id="#hpccalendar"></div>	+	<div id='hpccalendar'></div>

← Older revision		Revision as of 12:16, 9 April 2020
Line 1:		Line 1:
−	<div id="hpccalendar"></div>	+	<div id="#hpccalendar"></div>

Template:Hpccalendar - Revision history

Marc-andre-hermanns-bc32@rwth-aachen.de: First try of a course list querying the new REST API of hpc-in-deutschland.de

Daniel-schurhoff-de23@rwth-aachen.de at 12:16, 9 April 2020

Daniel-schurhoff-de23@rwth-aachen.de at 12:16, 9 April 2020

Daniel-schurhoff-de23@rwth-aachen.de: Created page with ""

Daniel-schurhoff-de23@rwth-aachen.de: Created page with "
"