Events header

app/controllers/main/routes.py

@@ -26,7 +26,7 @@
 from app.models.courseInstructor import CourseInstructor
 from app.models.backgroundCheckType import BackgroundCheckType
 
-from app.logic.events import getUpcomingEventsForUser, getParticipatedEventsForUser, getTrainingEvents, getEventRsvpCountsForTerm, getUpcomingVolunteerOpportunitiesCount, getVolunteerOpportunities, getBonnerEvents, getCeltsLabor, getEngagementEvents
+from app.logic.events import getUpcomingEventsForUser, getParticipatedEventsForUser, getTrainingEvents, getEventRsvpCountsForTerm, getUpcomingVolunteerOpportunitiesCount, getVolunteerOpportunities, getBonnerEvents, getCeltsLabor, getEngagementEvents, getpastVolunteerOpportunitiesCount
 from app.logic.transcript import *
 from app.logic.loginManager import logout
 from app.logic.searchUsers import searchUsers
@@ -92,6 +92,7 @@ def events(selectedTerm, activeTab, programID):
     currentEventRsvpAmount = getEventRsvpCountsForTerm(term)
     volunteerOpportunities = getVolunteerOpportunities(term)
     countUpcomingVolunteerOpportunities = getUpcomingVolunteerOpportunitiesCount(term, currentTime)
+    countPastVolunteerOpportunities = getpastVolunteerOpportunitiesCount(term, currentTime)
     trainingEvents = getTrainingEvents(term, g.current_user)
     engagementEvents = getEngagementEvents(term)
     bonnerEvents = getBonnerEvents(term)
@@ -109,6 +110,8 @@ def events(selectedTerm, activeTab, programID):
 
     # Get the count of all term events for each category to display in the event list page.
     volunteerOpportunitiesCount: int = len(studentEvents)
+    countUpcomingVolunteerOpportunitiesCount: int = len(countUpcomingVolunteerOpportunities)
+    countPastVolunteerOpportunitiesCount: int = len(countPastVolunteerOpportunities)
     trainingEventsCount: int = len(trainingEvents)
     engagementEventsCount: int = len(engagementEvents)
     bonnerEventsCount: int = len(bonnerEvents)
@@ -133,6 +136,8 @@ def events(selectedTerm, activeTab, programID):
     if request.headers.get('X-Requested-With') == 'XMLHttpRequest':
         return jsonify({
             "volunteerOpportunitiesCount": volunteerOpportunitiesCount,
+            "countPastVolunteerOpportunitiesCount": countPastVolunteerOpportunitiesCount,
+            "countUpcomingVolunteerOpportunitiesCount": countUpcomingVolunteerOpportunitiesCount,
             "trainingEventsCount": trainingEventsCount,
             "engagementEventsCount": engagementEventsCount,
             "bonnerEventsCount": bonnerEventsCount,
@@ -155,6 +160,7 @@ def events(selectedTerm, activeTab, programID):
                             programID = int(programID),
                             managersProgramDict = managersProgramDict,
                             countUpcomingVolunteerOpportunities = countUpcomingVolunteerOpportunities,
+                            countPastVolunteerOpportunities = countPastVolunteerOpportunities,
                             toggleState = toggleState,
                             )
 

app/logic/events.py

@@ -277,6 +277,32 @@ def getUpcomingVolunteerOpportunitiesCount(term, currentTime):
         programCountDict[programCount.id] = programCount.eventCount
     return programCountDict
 
+def getpastVolunteerOpportunitiesCount(term, currentTime):
+    """
+        Return a count of all past events for each volunteer opportunities program.
+    """
+
+    pastCount = (
+        Program
+        .select(Program.id, fn.COUNT(Event.id).alias("eventCount"))
+        .join(Event, on=(Program.id == Event.program_id))
+        .where(
+            (Event.term == term) &
+            (Event.deletionDate.is_null(True)) &
+            (Event.isService == True) &
+            ((Event.isLaborOnly == False) | Event.isLaborOnly.is_null(True)) &
+            ((Event.startDate < currentTime) |
+             ((Event.startDate == currentTime) & (Event.timeStart <= currentTime))) &
+            (Event.isCanceled == False)
+        )
+        .group_by(Program.id)
+    )
+
+    programCountDict = {}
+    for programCount in pastCount:
+        programCountDict[programCount.id] = programCount.eventCount
+    return programCountDict
+
 def getTrainingEvents(term, user):
     """
         The allTrainingsEvent query is designed to select and count eventId's after grouping them

app/static/js/eventList.js

@@ -87,6 +87,8 @@ function updateIndicatorCounts(isChecked){
     },
     success: function(eventsCount) {
       const volunteerOpportunitiesCount = Number(eventsCount.volunteerOpportunitiesCount);
+      const upcomingVolunteerCount = Number(eventsCount.countUpcomingVolunteerOpportunitiesCount);
+      const pastVolunteerCount = Number(eventsCount.countPastVolunteerOpportunitiesCount);
       const trainingEventsCount = Number(eventsCount.trainingEventsCount);
       const engagementEventsCount = Number(eventsCount.engagementEventsCount);
       const bonnerEventsCount = Number(eventsCount.bonnerEventsCount);
@@ -96,7 +98,26 @@ function updateIndicatorCounts(isChecked){
       $("#viewPastEventsToggle").prop(toggleStatus, true);
 
       // use ternary operators to populate the tab with a number if there are events, and clear the count if there are none
-      volunteerOpportunitiesCount > 0 ? $("#volunteerOpportunities").html(`Volunteer Opportunities (${volunteerOpportunitiesCount})`) : $("#volunteerOpportunities").html(`Volunteer Opportunities`)
+
+      if (toggleStatus === "checked") {
+        // Toggle ON → show total (upcoming + past)
+        if (volunteerOpportunitiesCount > 0) {
+          $("#volunteerOpportunities").html(
+            `Volunteer Opportunities (${volunteerOpportunitiesCount})`
+          );
+        } else {
+          $("#volunteerOpportunities").html(`Volunteer Opportunities`);
+        }
+      } else {
+        // Toggle OFF → show upcoming only
+        if (upcomingVolunteerCount > 0) {
+          $("#volunteerOpportunities").html(
+            `Volunteer Opportunities (${upcomingVolunteerCount})`
+          );
+        } else {
+          $("#volunteerOpportunities").html(`Volunteer Opportunities`);
+        }
+      }
       trainingEventsCount > 0 ? $("#trainingEvents").html(`Trainings (${trainingEventsCount})`) : $("#trainingEvents").html(`Trainings`)
       engagementEventsCount > 0 ? $("#engagementEvents").html(`Education and Engagement (${engagementEventsCount})`) : $("#engagementEvents").html('Education and Engagement')
       bonnerEventsCount > 0 ? $("#bonnerScholarsEvents").html(`Bonner Scholars (${bonnerEventsCount})`) : $("#bonnerScholarsEvents").html(`Bonner Scholars`)

app/templates/events/eventList.html

@@ -51,13 +51,13 @@ <h1 class="text-center">Events List for {{selectedTerm.description}}</h1>
   <ul class="nav nav-tabs nav-fill mx-2 mb-2" id="pills-tab" role="tablist">
   <li class="col-md-2 col-12 nav-item" role="presentation">
     <button class="nav-link {{'active' if activeTab == 'volunteerOpportunities' else ''}}" id="volunteerOpportunities"
-    data-bs-toggle="pill" data-bs-target="#pills-volunteer-opportunities" type="button" role="tab" aria-controls="pills-volunteer-opportunities" aria-selected="true">Volunteer Opportunities</button>
+    data-bs-toggle="pill" data-bs-target="#pills-volunteer-opportunities" type="button" role="tab" aria-controls="pills-volunteer-opportunities" aria-selected="true">Volunteer Opportunities </button>
   </li>
 
   {% if trainingEvents and trainingEvents|length %}
   <li class="col-md-2 col-12 nav-item" role="presentation">
     <button class="nav-link {{'active' if activeTab == 'trainingEvents' else ''}}" id="trainingEvents"
-    data-bs-toggle="pill" data-bs-target="#pills-training" type="button" role="tab" aria-controls="pills-training" aria-selected="false">Training</button>
+    data-bs-toggle="pill" data-bs-target="#pills-training" type="button" role="tab" aria-controls="pills-training" aria-selected="false">Trainings</button>
   </li>
   {% endif %}
 
@@ -175,29 +175,29 @@ <h1 class="text-center">Events List for {{selectedTerm.description}}</h1>
   <p class="m-2 fs-4">There are no {{typemap[type]}} events for this term.</p>
 {% endif %}
 {% endmacro %}
-
 <div class="tab-content" id="pills-tabContent">
-  <div class="tab-pane fade show {{'active' if activeTab == 'volunteerOpportunities' else ''}}" id="pills-volunteer-opportunities" role="tabpanel" aria-labelledby="pills-volunteer-opportunities-tab">
-    {% if volunteerOpportunities %}
-    <div class="accordion" id="categoryAccordion">
-      {% for program,events in volunteerOpportunities.items() %}
-        <div class="accordion-item">
-          <div class="accordion-header" id="accordion__header_{{program}}">
-            <button class="accordion-button {{'show' if programID == program.id else 'collapsed'}}"
-                    type="button"
-                    data-bs-toggle="collapse"
-                    data-bs-target="#accordion__body_{{program}}_num_{{ loop.index }}"
-                    aria-expanded="true"
-                    aria-controls="accordion__body_{{program}}">
-                    {{program.programName}}
-                    {% if program.id not in countUpcomingVolunteerOpportunities%}
-                      <span class="ms-auto fw-light fst-italic">0 upcoming events</span>
-                    {% else %}
-                        <span class="ms-auto fw-light fst-italic">{{countUpcomingVolunteerOpportunities[program.id]}} upcoming event{% if countUpcomingVolunteerOpportunities[program.id] > 1 %}s{% endif %}</span>
-                    {% endif %}
+  <div class="tab-pane fade show {{ 'active' if activeTab == 'volunteerOpportunities' else '' }}"
+       id="pills-volunteer-opportunities"
+       role="tabpanel"
+       aria-labelledby="pills-volunteer-opportunities-tab">
 
-            </button>
-          </div>
+    {% if volunteerOpportunities %}
+      <div class="accordion" id="categoryAccordion">
+        {% for program, events in volunteerOpportunities.items() %}
+          <div class="accordion-item">
+            <div class="accordion-header" id="accordion__header_{{ program }}">
+              <button class="accordion-button {{ 'show' if programID == program.id else 'collapsed' }}"
+                      type="button"
+                      data-bs-toggle="collapse"
+                      data-bs-target="#accordion__body_{{ program }}_num_{{ loop.index }}"
+                      aria-expanded="true"
+                      aria-controls="accordion__body_{{ program }}">
+                {{ program.programName }}
+                {% set upcoming = countUpcomingVolunteerOpportunities.get(program.id, 0) %}
+                {% set past = countPastVolunteerOpportunities.get(program.id, 0) %}
+                  <span class="ms-auto fw-light fst-italic"> {{ upcoming }} upcoming event{% if upcoming != 1 %}s{% endif %} and {{ past }} past event{% if past != 1 %}s{% endif %} </span>
+              </button>
+            </div>
           <div id="accordion__body_{{program}}_num_{{ loop.index }}"
                 class="accordion-collapse collapse {{'show' if programID == program.id else ''}}"
                 aria-labelledby="accordion__header_{{program}}"
@@ -208,7 +208,21 @@ <h1 class="text-center">Events List for {{selectedTerm.description}}</h1>
         {% endfor %}
       </div>
     {% else %}
-        <p class="m-2 fs-4">There are no events that earn service for this term.</p>
+       <div class="table-responsive">
+      <table class="table">
+        <thead>
+          <tr>
+            <th scope="col">Program</th>
+            <th scope="col">Event Name</th>
+            <th scope="col">Date</th>
+            <th scope="col">Time</th>
+            <th scope="col">Location</th>
+            <th scope="col"></th>
+          </tr>
+        </thead>
+      </table>
+    </div>
+        <td colspan="{{colspan_value}}" class="p-3 no-upcoming">There are no upcoming events for this program</td>
     {% endif %}
   </div>
   <div class="tab-pane fade show" id="pills-training" role="tabpanel" aria-labelledby="pills-training-tab">