Set schedule tab based on date (#1187)

* Switch schedule-tab-active to feb 20

* Set schedule tab dynamically

* Fix show and hides

* Fix nit space

Author: MJVL

index.html

@@ -181,13 +181,13 @@ <h1>Schedule</h1>
             </div>
 
             <div id="schedule-tabs">
-                <div class="schedule-tab pre-event schedule-tab-active">
+                <div id="pre-event-tab" class="schedule-tab pre-event">
                     <p>Pre-Event</p>
                 </div>
-                <div class="schedule-tab feb-20">
+                <div id="feb-20-tab" class="schedule-tab feb-20">
                     <p>Feb 20th</p>
                 </div>
-                <div class="schedule-tab feb-21">
+                <div id="feb-21-tab" class="schedule-tab feb-21">
                     <p>Feb 21st</p>
                 </div>
             </div>

index.js

@@ -171,6 +171,25 @@ $('.hide-full-schedule').click(function() {
     $('.show-full-schedule').css('display', 'flex');
 });
 
+// Set schedule tab based on the date
+let currentDate = new Date().getDate()
+if (currentDate < 20) {
+    $('#pre-event-tab').addClass('schedule-tab-active');
+    $('#pre-event-content').show();
+    $('#feb-20-content').hide();
+    $('#feb-21-content').hide();
+} else if (currentDate == 20) {
+    $('#feb-20-tab').addClass('schedule-tab-active');
+    $('#pre-event-content').hide();
+    $('#feb-20-content').show();
+    $('#feb-21-content').hide();
+} else {
+    $('#feb-21-tab').addClass('schedule-tab-active');
+    $('#pre-event-content').hide();
+    $('#feb-20-content').hide();
+    $('#feb-21-content').show();
+}
+
 // Dynamic schedule code
 
 function compareEvents(a, b) {