Widget:UPDEvents - Revision history

IskoAdmin at 03:24, 29 October 2026

2026-10-29T03:24:04Z

← Older revision		Revision as of 03:24, 29 October 2026
Line 2:		Line 2:
	<div id="upd-events-widget" class="upd-events-widget">		<div id="upd-events-widget" class="upd-events-widget">
	<div class="upd-events-loading">Loading upcoming events...</div>		<div class="upd-events-loading">Loading upcoming events...</div>
	~~<div class="upd-events-loading">Widget JavaScript is running. Requesting UP Diliman...</div>~~
	<ul class="upd-events-list" style="display:none;"></ul>		<ul class="upd-events-list" style="display:none;"></ul>
	</div>		</div>
Line 42:		Line 41:
	(function () {		(function () {
	var container = document.getElementById('upd-events-widget');		var container = document.getElementById('upd-events-widget');
	if (!container \|\| container.dataset.loaded === '1') return;
			if (!container \|\| container.dataset.loaded === '1') {
			return;
			}

	container.dataset.loaded = '1';		container.dataset.loaded = '1';

	var loading = container.querySelector('.upd-events-loading');		var loading = container.querySelector('.upd-events-loading');
	var list = container.querySelector('.upd-events-list');		var list = container.querySelector('.upd-events-list');

			loading.textContent =
			'Widget JavaScript is running. Requesting UP Diliman...';

	var endpoint = new URL(		var endpoint = new URL(
Line 64:		Line 70:
	endpoint.searchParams.set(key, params[key]);		endpoint.searchParams.set(key, params[key]);
	});		});

			var finished = false;

			var timeout = setTimeout(function () {
			if (finished) return;

			finished = true;
			loading.textContent =
			'The UP Diliman request timed out or is blocked.';
			}, 10000);

	fetch(endpoint.toString(), {		fetch(endpoint.toString(), {
Line 71:		Line 87:
	})		})
	.then(function (response) {		.then(function (response) {
			if (finished) return null;

	if (!response.ok) {		if (!response.ok) {
	throw new Error('HTTP ' + response.status);		throw new Error('HTTP ' + response.status);
	}		}

	return response.text();		return response.text();
	})		})
	.then(function (html) {		.then(function (html) {
			if (finished \|\| html === null) return;

			finished = true;
			clearTimeout(timeout);

	var doc = new DOMParser().parseFromString(html, 'text/html');		var doc = new DOMParser().parseFromString(html, 'text/html');

Line 95:		Line 119:

	try {		try {
	url = new URL(anchor.getAttribute('href'), 'https://upd.edu.ph').href;		url = new URL(
			anchor.getAttribute('href'),
			'https://upd.edu.ph'
			).href;
	} catch (e) {		} catch (e) {
	return;		return;
Line 101:		Line 128:

	if (!title \|\| seen.has(url)) return;		if (!title \|\| seen.has(url)) return;
	if (!/^https:\/\/upd\.edu\.ph\/events\//i.test(url)) return;
			if (!/^https:\/\/upd\.edu\.ph\/events\//i.test(url)) {
			return;
			}

	seen.add(url);		seen.add(url);
	events.push({ title: title, url: url });		events.push({
			title: title,
			url: url
			});
	});		});

	list.replaceChildren();		list.replaceChildren();

			if (events.length === 0) {
			loading.textContent =
			'The request succeeded, but no event titles were found.';

			return;
			}

	events.slice(0, 5).forEach(function (event) {		events.slice(0, 5).forEach(function (event) {
Line 123:		Line 163:

	loading.style.display = 'none';		loading.style.display = 'none';

	~~if (events.length === 0) {~~
	~~var empty = document.createElement('div');~~
	~~empty.className = 'upd-events-empty';~~
	~~empty.textContent = 'No upcoming events were found.';~~
	~~container.appendChild(empty);~~
	~~return;~~
	}

	list.style.display = 'block';		list.style.display = 'block';
	})		})
	.catch(function (error) {		.catch(function (error) {
	~~console.error~~(~~'UPEvents widget error:', error~~);		if (finished) return;

	~~loading.textContent~~ =		finished = true;
	~~'Error type: ' + error.name +~~		clearTimeout(timeout);
	~~' \| Details: ' + error.message;~~
	});

	~~var link = document~~.~~createElement~~('a');		console.error('UPEvents widget error:', error);
	~~link.href = 'https://upd.edu.ph/events-list/';~~
	~~link.textContent = 'UP Diliman Events List';~~
	~~link.target = '_blank';~~
	~~link.rel = 'noopener noreferrer'~~;

	loading.~~appendChild(link);~~		loading.textContent =
	~~loading~~.~~appendChild(document.createTextNode(~~' ~~for current listings~~.~~'))~~;		'Request failed: ' +
			error.name + ' — ' + error.message;
	});		});
	})();		})();
	</script>		</script>
	</includeonly>		</includeonly>

IskoAdmin at 03:20, 29 October 2026

2026-10-29T03:20:33Z

← Older revision		Revision as of 03:20, 29 October 2026
Line 2:		Line 2:
	<div id="upd-events-widget" class="upd-events-widget">		<div id="upd-events-widget" class="upd-events-widget">
	<div class="upd-events-loading">Loading upcoming events...</div>		<div class="upd-events-loading">Loading upcoming events...</div>
			<div class="upd-events-loading">Widget JavaScript is running. Requesting UP Diliman...</div>
	<ul class="upd-events-list" style="display:none;"></ul>		<ul class="upd-events-list" style="display:none;"></ul>
	</div>		</div>

IskoAdmin at 03:15, 29 October 2026

2026-10-29T03:15:41Z

← Older revision		Revision as of 03:15, 29 October 2026
Line 133:		Line 133:
	list.style.display = 'block';		list.style.display = 'block';
	})		})
	.catch(function (error) {		.catch(function (error) {
	console.error('UPEvents widget error:', error);		console.error('UPEvents widget error:', error);
	loading.textContent =
	'~~Unable to load events automatically~~. ~~Visit the~~ ';		loading.textContent =
			'Error type: ' + error.name +
			' \| Details: ' + error.message;
			});

	var link = document.createElement('a');		var link = document.createElement('a');

IskoAdmin at 03:14, 29 October 2026

2026-10-29T03:14:51Z

← Older revision		Revision as of 03:14, 29 October 2026
Line 139:		Line 139:

	var link = document.createElement('a');		var link = document.createElement('a');
	link.href = 'https://upd.edu.ph/events/';		link.href = 'https://upd.edu.ph/events-list/';
	link.textContent = 'UP Diliman Events List';		link.textContent = 'UP Diliman Events List';
	link.target = '_blank';		link.target = '_blank';

IskoAdmin at 03:12, 29 October 2026

2026-10-29T03:12:16Z

← Older revision		Revision as of 03:12, 29 October 2026
Line 139:		Line 139:

	var link = document.createElement('a');		var link = document.createElement('a');
	link.href = 'https://upd.edu.ph/events~~-list~~/';		link.href = 'https://upd.edu.ph/events/';
	link.textContent = 'UP Diliman Events List';		link.textContent = 'UP Diliman Events List';
	link.target = '_blank';		link.target = '_blank';

IskoAdmin at 02:58, 29 October 2026

2026-10-29T02:58:35Z

Show changes

IskoAdmin at 02:29, 29 October 2026

2026-10-29T02:29:28Z

@@ Line 1: / Line 1: @@
 <includeonly>
 <div id="upd-events-widget">
-   <div class="upd-events-loading">
+   <div class="upd-events-loading">Loading upcoming events...</div>
    <ul class="upd-events-list" style="display:none;"></ul>
 </div>
@@ Line 14: / Line 12: @@
    var loading = container.querySelector('.upd-events-loading');
    var pageUrl = 'https://upd.edu.ph/events-list/';
-   function showError() {
+   loading.textContent = 'Testing connection to UP Diliman...';
-   function parseEventDate(text) {
+   fetch(pageUrl)
-     var match = text.match(
+     .then(function (response) {
-       /\b(Jan|Feb|Mar|Apr|May|Jun|Jul|Aug|Sep|Oct|Nov|Dec)[a-z]*\s+(\d{1,2})\s*\|\s*(\d{1,2}):(\d{2})\s*(AM|PM)/i
+       if (!response.ok) {
-    );
+        throw new Error('HTTP ' + response.status);
-    if (!match) return null;
+       loading.textContent =
+        'Page received (' + html.length +
-    var months = {
+        ' characters). Event links found: ' + anchors.length;
-      jan:0, feb:1, mar:2, apr:3, may:4, jun:5,
+    })
-       jul:6, aug:7, sep:8, oct:9, nov:10, dec:11
+    .catch(function (error) {
-    };
+      loading.textContent = 'Connection failed: ' + error.message;
+      console.error('UPEvents diagnostic:', error);
-    var now = new Date();
+     });
 })();
 </script>
 </includeonly>

IskoAdmin at 02:28, 29 October 2026

2026-10-29T02:28:08Z

← Older revision		Revision as of 02:28, 29 October 2026
Line 60:		Line 60:
	}		}

	~~fetch(pageUrl)~~
	.~~then(function (response) {~~		loading.textContent = 'Testing connection to UP Diliman...';
	~~if (!response.ok) throw new Error(~~'~~Unable~~ to ~~retrieve events page');~~
	~~return response~~.~~text();~~
	})
	~~.then(function (html) {~~
	~~var doc = new DOMParser()~~.~~parseFromString(html, 'text/html');~~
	~~var anchors = doc~~.~~querySelectorAll(~~
	~~'#em-events-list-grouped-1 a[href*="/events/"]~~'
	);

	~~var events = [];~~		fetch(pageUrl)
	~~var seen = {}~~;		.then(function (response) {
			loading.textContent =
			'Connection response: HTTP ' + response.status +
			'. Reading event list...';

	~~anchors~~.~~forEach(function (anchor~~) {		if (!response.ok) {
	~~var heading = anchor.querySelector~~('~~h4.d-teal~~.~~fw-700'~~);		throw new Error('HTTP ' + response.status);
	~~var dateText = anchor.querySelector('li.list-inline-item');~~		}

	if (~~!heading \|\| !dateText~~) ~~return~~;		return response.text();
			})
			.then(function (html) {
			loading.textContent =
			'Page received (' + html.length +
			' characters). Checking event markup...';

	var ~~title~~ = ~~heading.textContent.trim();~~		var doc = new DOMParser().parseFromString(html, 'text/html');
	~~var date = parseEventDate~~(~~dateText.textContent~~);
	~~var url = new URL(anchor~~.~~getAttribute~~('~~href~~')~~, pageUrl).href~~;

	~~if (!title \|\| !date \|\| date <~~= ~~new Date~~(~~)) return;~~		var anchors = doc.querySelectorAll(
	~~if (seen~~[~~url~~]) ~~return~~;		'#em-events-list-grouped-1 a[href*="/events/"]'
			);

	~~seen[url]~~ = ~~true~~;		loading.textContent =
	~~events~~.~~push~~({		'Page received. Event links found: ' + anchors.length;
	~~title~~: ~~title,~~		})
	~~url~~: ~~url~~,		.catch(function (error) {
	~~date: date~~		loading.textContent =
	});		'Connection failed: ' + error.message;
	});		console.error('UPEvents diagnostic:', error);
			});

	~~events.sort(function (a, b) {~~
	~~return a.date - b.date;~~
	~~});~~

	~~events = events.slice(0, 5);~~

	~~if (!events.length) {~~
	~~loading.textContent = 'No upcoming events were found.';~~
	~~return;~~
	}

	~~events.forEach(function (event) {~~
	~~var item = document.createElement('li');~~
	~~var link = document.createElement('a');~~

	~~link.href = event.url;~~
	~~link.textContent = event.title;~~
	~~link.target = '_blank';~~
	~~link.rel = 'noopener noreferrer';~~

	~~item.appendChild(link);~~
	~~list.appendChild(item);~~
	~~});~~

	~~loading.style.display = 'none';~~
	~~list.style.display = 'block';~~
	})

	.catch(function (error) {		.catch(function (error) {

IskoAdmin at 02:12, 29 October 2026

2026-10-29T02:12:09Z

← Older revision		Revision as of 02:12, 29 October 2026
Line 122:		Line 122:
	list.style.display = 'block';		list.style.display = 'block';
	})		})
	.catch(function (error) {
	console.error('UPEvents widget:', error);		.catch(function (error) {
	~~showError(~~);		console.error('UPEvents widget error:', error);
	});		loading.textContent =
			'Fetch error: ' + error.message +
			'. Check the browser Console for details.';
			});
			);
	})();		})();
	</script>		</script>
	</includeonly>		</includeonly>

IskoAdmin at 02:09, 29 October 2026

2026-10-29T02:09:10Z

← Older revision		Revision as of 02:09, 29 October 2026
Line 15:		Line 15:
	var loading = container.querySelector('.upd-events-loading');		var loading = container.querySelector('.upd-events-loading');
	var list = container.querySelector('.upd-events-list');		var list = container.querySelector('.upd-events-list');

	var pageUrl = 'https://upd.edu.ph/events-list/';		var pageUrl = 'https://upd.edu.ph/events-list/';

	function showError() {		function showError() {
	loading.textContent =		loading.textContent = 'Unable to load events automatically. ';
	'Unable to load events automatically. ';

	var link = document.createElement('a');		var link = document.createElement('a');
	link.href = pageUrl;		link.href = pageUrl;
Line 30:		Line 27:
	}		}

	function ~~cleanTitle(text) {~~		function parseEventDate(text) {
	~~return text~~
	~~.replace(/\s+/g, ' ')~~
	~~.replace(/\s+(Jan\|Feb\|Mar\|Apr\|May\|Jun\|Jul\|Aug\|Sep\|Oct\|Nov\|Dec)[a-z]\s+\d{1,2}\s\\|[\s\S]*$/i, '')~~
	~~.trim();~~
	}

	~~function getEventDate~~(text) {
	var match = text.match(		var match = text.match(
	/\b(Jan\|Feb\|Mar\|Apr\|May\|Jun\|Jul\|Aug\|Sep\|Oct\|Nov\|Dec)[a-z]*\s+(\d{1,2})\b/i		/\b(Jan\|Feb\|Mar\|Apr\|May\|Jun\|Jul\|Aug\|Sep\|Oct\|Nov\|Dec)[a-z]\s+(\d{1,2})\s\\|\s(\d{1,2}):(\d{2})\s(AM\|PM)/i
	);		);

Line 49:		Line 39:
	};		};

	var month = months[match[1].slice(0,3).toLowerCase()];		var now = new Date();
			var month = months[match[1].slice(0, 3).toLowerCase()];
	var day = Number(match[2]);		var day = Number(match[2]);
	var ~~now~~ = ~~new Date~~();		var hour = Number(match[3]) % 12;
			var minute = Number(match[4]);

			if (match[5].toUpperCase() === 'PM') hour += 12;

	var year = now.getFullYear();		var year = now.getFullYear();
			var eventDate = new Date(year, month, day, hour, minute);

	~~var date = new Date(year, month, day, 23, 59, 59);~~		// Handle year boundaries.
			if (month === 0 && now.getMonth() === 11) {
	// Handle ~~events listed around the New Year~~.		eventDate.setFullYear(year + 1);
	if (~~date < now~~ && now.getMonth() === 11 ~~&& month === 0~~) {		} else if (month === 11 && now.getMonth() === 0) {
	~~date~~.setFullYear(year + 1);		eventDate.setFullYear(year - 1);
	} else if (~~date < now~~ && now.getMonth() === 0 ~~&& month === 11~~) {
	~~return null~~;
	}		}

	return ~~date~~;		return eventDate;
	}		}

	fetch(pageUrl)		fetch(pageUrl)
	.then(function (response) {		.then(function (response) {
	if (!response.ok) throw new Error('~~Could not~~ retrieve ~~event~~ page');		if (!response.ok) throw new Error('Unable to retrieve events page');
	return response.text();		return response.text();
	})		})
	.then(function (html) {		.then(function (html) {
	var doc = new DOMParser().parseFromString(html, 'text/html');		var doc = new DOMParser().parseFromString(html, 'text/html');
	var anchors = doc.querySelectorAll('a[href]');		var anchors = doc.querySelectorAll(
			'#em-events-list-grouped-1 a[href*="/events/"]'
			);

	var events = [];		var events = [];
	var seen = {};		var seen = {};

	anchors.forEach(function (anchor) {		anchors.forEach(function (anchor) {
	var ~~url~~ = ~~new URL(~~anchor.~~getAttribute~~('~~href'), pageUrl);~~		var heading = anchor.querySelector('h4.d-teal.fw-700');
	~~if (url~~.~~hostname !== 'upd.edu~~.ph') ~~return~~;		var dateText = anchor.querySelector('li.list-inline-item');
	~~if (!/^\/events\/[^/]+\/?$/.test(url.pathname)) return;~~

	var ~~rawText~~ = (anchor.~~textContent \|\| '~~')
	.~~replace(/\s+/g, '~~ ')
	~~.trim(~~);

	~~var date = getEventDate~~(~~rawText);~~		if (!heading \|\| !dateText) return;
	~~var title = cleanTitle(rawText~~);

	if (!date ~~\|\| date <~~ new ~~Date~~() ~~\|\| !title~~) ~~return~~;		var title = heading.textContent.trim();
			var date = parseEventDate(dateText.textContent);
			var url = new URL(anchor.getAttribute('href'), pageUrl).href;

	~~var key~~ = ~~url.href~~;		if (!title \|\| !date \|\| date <= new Date()) return;
	if (seen[~~key~~]) return;		if (seen[url]) return;
	~~seen[key] = true~~;

			seen[url] = true;
	events.push({		events.push({
	title: title,		title: title,
	url: url~~.href~~,		url: url,
	date: date		date: date
	});		});
Line 109:		Line 102:

	if (!events.length) {		if (!events.length) {
	loading.textContent =		loading.textContent = 'No upcoming events were found.';
	'No upcoming events were found.';
	return;		return;
	}		}