From 095f05be57eb5c2040706a1b15bc41d9c8526245 Mon Sep 17 00:00:00 2001
From: carrythebanner <joshuahetrick@gmail.com>
Date: Sat, 30 May 2026 09:41:58 -0700
Subject: [PATCH] use URL params to set current view option elements

---
 .../layouts/partials/cal/event-list-options.html | 16 +++++++++++++++-
 1 file changed, 15 insertions(+), 1 deletion(-)

diff --git a/site/themes/s2b_hugo_theme/layouts/partials/cal/event-list-options.html b/site/themes/s2b_hugo_theme/layouts/partials/cal/event-list-options.html
index 225c65c8..e01419d2 100644
--- a/site/themes/s2b_hugo_theme/layouts/partials/cal/event-list-options.html
+++ b/site/themes/s2b_hugo_theme/layouts/partials/cal/event-list-options.html
@@ -4,7 +4,7 @@
 
   <div class="event-list-options">
     <div class="show-details">
-      <button type="button" id="show-details" class="btn">Toggle details</button>
+      <button type="button" id="show-details" class="btn">Show all details</button>
     </div>
     <form class="search-events" action="/calendar/search/" method="GET">
       <label for="search-events-field" class="sr-only">Search events</label>
@@ -18,6 +18,20 @@
     </form>
 </details>
 
+<script>
+  // get URL params to determine current view options
+  let query = new URLSearchParams(location.search);
+
+  // update label of show/collapse details button
+  let toggleButton = document.getElementById('show-details');
+  let isExpanded = query.get('show_details');
+  toggleButton.innerText = isExpanded ? 'Collapse details' : 'Show all details';
+
+  // populate date field, if in use
+  let dateField = document.getElementById('go-to-date-field');
+  let dateField.value = query.get('startdate');
+</script>
+
 <script>
   // expand the view options section if:
   //   the screen is large; or