Index: openacs-4/packages/proctoring-support/lib/proctoring-display.adp
===================================================================
RCS file: /usr/local/cvsroot/openacs-4/packages/proctoring-support/lib/Attic/proctoring-display.adp,v
diff -u -r1.1.2.20 -r1.1.2.21
--- openacs-4/packages/proctoring-support/lib/proctoring-display.adp	22 Feb 2022 14:30:06 -0000	1.1.2.20
+++ openacs-4/packages/proctoring-support/lib/proctoring-display.adp	23 Feb 2022 15:07:53 -0000	1.1.2.21
@@ -283,7 +283,7 @@
 
         <h3 style="margin-top:1em;">#proctoring-support.recordings#</h3>
         <div class="flex-container" name="filters">
-          <div class="flex-6">
+          <div class="flex-2">
             <div>
               <input type="radio" name="only" value="reviewed"> #proctoring-support.reviewed_label#
               <input type="radio" name="only" value="not-reviewed"> #proctoring-support.not_reviewed_label#
@@ -302,6 +302,25 @@
           <div class="flex-3">
             <input type="date" name="end_date"><input type="time" name="end_time"> #acs-admin.End_time#
           </div>
+          <div class="flex-4">
+            <div>#proctoring-support.time_filter_presets_label#</div>
+            <div>
+              <input type="radio"
+                     name="timeframe"
+                     value="none"> #acs-subsite.none#
+            </div>
+            <multiple name="timeframes">
+              <div>
+                <input type="radio"
+                       name="timeframe"
+                       data-start-date="@timeframes.start_date@"
+                       data-start-time="@timeframes.start_time@"
+                       data-end-date="@timeframes.end_date@"
+                       data-end-time="@timeframes.end_time@"
+                       > @timeframes.name@: @timeframes.start_date@ @timeframes.start_time@ - @timeframes.end_date@ @timeframes.end_time@
+              </div>
+            </multiple>
+          </div>
         </div>
         <div>
           <span id="total-shown">@total@</span>/<span id="total">@total@</span>
@@ -367,6 +386,23 @@
               document.querySelector("#total").textContent = total;
               document.querySelector("#total-shown").textContent = totalShown;
           }
+          for (f of document.querySelectorAll("input[name=timeframe]")) {
+              f.addEventListener('change', function(e) {
+                  document.querySelector("[name=start_date]").value =
+                      this.getAttribute("data-start-date");
+                  document.querySelector("[name=end_date]").value =
+                      this.getAttribute("data-end-date");
+                  document.querySelector("[name=start_time]").value =
+                      this.getAttribute("data-start-time");
+                  document.querySelector("[name=end_time]").value =
+                      this.getAttribute("data-end-time");
+              });
+          }
+          for (f of dateFilters) {
+              f.addEventListener('change', function(e) {
+                  document.querySelector("input[name=timeframe][value=none]").checked = false;
+              });
+          }
           for (f of document.querySelectorAll("[name=filters] input")) {
               f.addEventListener('change', function(e) {
                   hideFiltered();