date picker

Author: SharpBit

core/routes.py

@@ -256,7 +256,11 @@ async def brawlstats_tests_proxy(request, endpoint):
         return response.text('Request failed', status=503)
 
 @root.get('/schoolweek')
-async def schoolweek(request):
+async def schoolweektoday(request):
+    return response.redirect(f'/schoolweek/{date.today()}')
+
+@root.get('/schoolweek/<requested_date_str>')
+async def schoolweek(request, requested_date_str):
     first_day = date(2020, 9, 8)
     no_school = [
         date(2020, 9, 28),  # Yom Kippur
@@ -276,7 +280,8 @@ async def schoolweek(request):
         0: 'B'
     }
 
-    next_friday = thisweek(date.today())[-1]
+    requested_date = date(*map(int, requested_date_str.split('-')))
+    next_friday = thisweek(requested_date)[-1]
     elapsed_dates = daterange(first_day, next_friday)
     mondays = [d for d in elapsed_dates if d.weekday() == 0 and d not in no_school]
     cohort_day = 'maroon'
@@ -319,7 +324,7 @@ async def schoolweek(request):
                 'day': prev_day + 1})
 
 
-    week = thisweek(date.today())
+    week = thisweek(requested_date)
 
     week_fmt = []
     for day in week:
@@ -330,4 +335,11 @@ async def schoolweek(request):
         else:
             week_fmt.append(f"{day.strftime('%a %m/%d')}<br>{day_info['cohort'].title()} {day_map[day_info['day'] % 2]} day")
 
-    return await render_template('schoolweek', request, week=week_fmt, title='School Week', description='This week\'s maroon and gray A and B days.')
+    return await render_template(
+        template='schoolweek',
+        request=request,
+        week=week_fmt,
+        title='School Week',
+        requested_date=requested_date,
+        description='This week\'s maroon and gray A and B days.'
+    )

core/templates/schoolweek.html

@@ -3,7 +3,11 @@
 <div class="container">
   <div class="info" style="padding-top:40px;padding-bottom:10px;">
     <h1>School Week</h1>
-    <h5>This week's maroon and gray A and B days.</h5>
+    <h5>Maroon and gray A and B days for the week of {{ requested_date.strftime('%m/%d/%Y') }}</h5>
+    <label for="requested-date">Choose date</label>
+    <input type="date" id="requested-date" name="requested-date"
+       value="{{ requested_date }}"
+       min="2020-09-05" max="2021-06-11" onchange="onDateChange(event);">
   </div>
   <table>
     <tr>
@@ -25,7 +29,12 @@ <h5>This week's maroon and gray A and B days.</h5>
     color: #8d0000;
   }
   .Gray {
-    color: #808080;
+    color: #686868;
   }
 </style>
+<script>
+  function onDateChange(e){
+    window.location.href = `/schoolweek/${e.target.value}`;
+  }
+</script>
 {% endblock content %}