Skip to content

Event: update new year's table #159

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
Yibo-Dong merged 1 commit into from
Aug 11, 2026
Merged

Event: update new year's table #159

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
137 changes: 101 additions & 36 deletions content/event/_index.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -17,6 +17,29 @@ header:



Timetable for upcoming events in AY26/27 (subject to changes):

| Date | Title | Host | Invitee |
| ------ | ------------------------------------------------------------ | --------- | ---------- |
| Dec 2 | | --- | --- |
| Nov 25 | | --- | --- |
| Nov 18 | | --- | --- |
| Nov 11 | | --- | --- |
| Nov 4 | | --- | --- |
| Oct 28 | | --- | --- |
| Oct 21 | | --- | --- |
| Oct 14 | <font color=gray>ASE week</font> | --- | --- |
| Oct 7 | <font color=gray>ISSTA week</font> | --- | --- |
| Sep 30 | | --- | --- |
| Sep 23 | <font color=gray>Recess Week</font> | --- | --- |
| Sep 16 | | --- | --- |
| Sep 9 | | --- | --- |
| Sep 2 | | --- | --- |
| Aug 26 | | --- | --- |
| Aug 19 | <font color=gray>No meeting</font> | --- | --- |
| Aug 12 | <font color=brown>Group Introduction Session: Past and Current Work Sharing</font> | --- | --- |


Timetable for upcoming events in AY25/26 (subject to changes):

| Date | Title | Host | Invitee |
Expand Down Expand Up @@ -64,6 +87,12 @@ Timetable for upcoming events in AY25/26 (subject to changes):
Details of upcoming and past talks below.

<style>
.article-style table {
display: table;
width: 100% !important;
min-width: 100%;
}

.past-events-toggle {
margin: 0.8rem 0;
padding: 0.4rem 1rem;
Expand All @@ -89,73 +118,109 @@ document.addEventListener('DOMContentLoaded', function() {
'sep': 8, 'oct': 9, 'nov': 10, 'dec': 11
};

var table = document.querySelector('.article-style table');
if (!table) return;
var article = document.querySelector('.article-style');
if (!article) return;

var headings = article.querySelectorAll('p');
var currentHeading = null;
var archiveHeading = null;

var rows = table.querySelectorAll('tbody tr');
if (!rows.length) return;
for (var i = 0; i < headings.length; i++) {
var headingText = headings[i].textContent.trim();
if (headingText.indexOf('Timetable for upcoming events in AY26/27') === 0) {
currentHeading = headings[i];
} else if (headingText.indexOf('Timetable for upcoming events in AY25/26') === 0) {
archiveHeading = headings[i];
}
}

function findFollowingTable(element) {
var sibling = element && element.nextElementSibling;
while (sibling) {
if (sibling.tagName && sibling.tagName.toLowerCase() === 'table') return sibling;
sibling = sibling.nextElementSibling;
}
return null;
}

var currentTable = findFollowingTable(currentHeading);
var archiveTable = findFollowingTable(archiveHeading);

if (!currentTable && !archiveTable) return;

// Keep the previous academic year's timetable collapsed by default.
if (archiveTable) {
var archiveToggle = document.createElement('button');
archiveToggle.textContent = '\u25B6 Show AY25/26 timetable';
archiveToggle.className = 'past-events-toggle';
archiveTable.style.display = 'none';
if (archiveHeading) archiveHeading.style.display = 'none';

archiveToggle.addEventListener('click', function() {
var isHidden = archiveTable.style.display === 'none';
archiveTable.style.display = isHidden ? '' : 'none';
if (archiveHeading) archiveHeading.style.display = isHidden ? '' : 'none';
archiveToggle.textContent = isHidden
? '\u25B2 Hide AY25/26 timetable'
: '\u25B6 Show AY25/26 timetable';
});

var archiveInsertPoint = archiveHeading || archiveTable;
archiveInsertPoint.parentNode.insertBefore(archiveToggle, archiveInsertPoint);
}

if (!currentTable) return;

var today = new Date();
today.setHours(0, 0, 0, 0);

// Infer year for each row: the table is reverse-chronological.
// When month jumps upward (e.g. Jan → Dec going down), we crossed into the previous calendar year.
var year = today.getFullYear();
var prevMonth = null;
var rowData = [];
var currentYearMatch = currentHeading && currentHeading.textContent.match(/AY(\d{2})\/\d{2}/);
var academicYearStart = currentYearMatch
? 2000 + parseInt(currentYearMatch[1], 10)
: today.getFullYear();
var rows = currentTable.querySelectorAll('tbody tr');
var pastRows = [];

for (var i = 0; i < rows.length; i++) {
var cells = rows[i].querySelectorAll('td');
if (!cells.length) continue;

var dateText = cells[0].textContent.trim();
var match = dateText.match(/^(\w+)\s+(\d+)/);
var match = dateText.match(/^([A-Za-z]+)\s+(\d+)/);

if (match) {
var monthNum = MONTHS[match[1].toLowerCase().substring(0, 3)];
var day = parseInt(match[2]);

if (monthNum !== undefined) {
if (prevMonth !== null && monthNum > prevMonth) year--;
prevMonth = monthNum;
rowData.push({ row: rows[i], date: new Date(year, monthNum, day) });
continue;
var year = monthNum >= MONTHS.aug ? academicYearStart : academicYearStart + 1;
var date = new Date(year, monthNum, day);
if (date < today) pastRows.push(rows[i]);
}
}
rowData.push({ row: rows[i], date: null });
}

// Find the first row whose date is strictly before today
var splitIndex = -1;
for (var i = 0; i < rowData.length; i++) {
if (rowData[i].date && rowData[i].date < today) {
splitIndex = i;
break;
}
}

if (splitIndex <= 0) return;
if (!pastRows.length) return;

var pastCount = rowData.length - splitIndex;
for (var i = splitIndex; i < rowData.length; i++) {
rowData[i].row.classList.add('past-event');
rowData[i].row.style.display = 'none';
for (var i = 0; i < pastRows.length; i++) {
pastRows[i].classList.add('past-event');
pastRows[i].style.display = 'none';
}

var btn = document.createElement('button');
btn.textContent = '\u25B6 Show Past Events (' + pastCount + ')';
btn.textContent = '\u25B6 Show Past Events (' + pastRows.length + ')';
btn.className = 'past-events-toggle';
btn.addEventListener('click', function() {
var pastRows = table.querySelectorAll('.past-event');
var isHidden = pastRows[0] && pastRows[0].style.display === 'none';
for (var j = 0; j < pastRows.length; j++) {
pastRows[j].style.display = isHidden ? '' : 'none';
var hiddenRows = currentTable.querySelectorAll('.past-event');
var isHidden = hiddenRows[0] && hiddenRows[0].style.display === 'none';
for (var j = 0; j < hiddenRows.length; j++) {
hiddenRows[j].style.display = isHidden ? '' : 'none';
}
btn.textContent = isHidden
? '\u25B2 Hide Past Events'
: '\u25B6 Show Past Events (' + pastRows.length + ')';
: '\u25B6 Show Past Events (' + hiddenRows.length + ')';
});

table.parentNode.insertBefore(btn, table.nextSibling);
currentTable.parentNode.insertBefore(btn, currentTable.nextSibling);
});
</script>
Loading