Show "Enrol by <date>" on the group-class card while enrolment is open

The front end used the deadline only to gate the Enrol button; students had no way to see when enrolment closes. Add an "Enrol by <date>" line to each class card, shown while enrolment is still open, for the effective deadline (the instructor's date, or the first class day by default). Co-Authored-By: Claude Opus 4.8 <[email protected]>
2026-07-24 10:36:51 -03:00
parent bf29162587
commit fc7c0fa966
3 changed files with 14 additions and 5 deletions
@@ -110,11 +110,16 @@
        return `${now.getFullYear()}-${String(now.getMonth() + 1).padStart(2, '0')}-${String(now.getDate()).padStart(2, '0')}`;
    }

-    // Enrolment closes at the end of the deadline day — the instructor's set
-    // deadline, or the first class day by default. Mirrors the server-side
+    // The effective enrolment deadline: the instructor's set deadline, or the
+    // first class day by default. Empty when the class has no dates at all.
+    function enrolmentDeadline(o) {
+        return o.enrollment_deadline || o.term_start || '';
+    }
+
+    // Enrolment closes at the end of the deadline day. Mirrors the server-side
    // Offering::isEnrollmentOpen() gate.
    function isEnrollmentOpen(o) {
-        const deadline = o.enrollment_deadline || o.term_start || '';
+        const deadline = enrolmentDeadline(o);
        return !deadline || todayYmd() <= deadline;
    }

@@ -138,6 +143,9 @@
                ${o.schedule_note ? `<p>${escHtml(o.schedule_note)}</p>` : ''}
                ${o.description ? `<p>${escHtml(o.description)}</p>` : ''}
                <p>${escHtml(Number(o.price).toFixed(2))} ${escHtml(o.currency)}</p>
+                ${!enrolledOfferingIds.has(Number(o.id)) && isEnrollmentOpen(o) && enrolmentDeadline(o)
+        ? `<p class="us-enrol-deadline">Enrol by ${escHtml(formatDate(enrolmentDeadline(o)))}</p>`
+        : ''}
                ${enrolledOfferingIds.has(Number(o.id))
        ? '<p class="us-enrolled"><strong>You are enrolled in this class.</strong></p>'
        : (isEnrollmentOpen(o)