Homepage right cards auto-refresh

Author: Celeo

Diff for: vzdv-site/src/endpoints/homepage.rs

@@ -36,11 +36,11 @@ async fn page_home(
 async fn snippet_online_controllers(
     State(state): State<Arc<AppState>>,
 ) -> Result<Html<String>, AppError> {
-    // cache this endpoint's returned data for 60 seconds
+    // cache this endpoint's returned data for 30 seconds
     let cache_key = "ONLINE_CONTROLLERS";
     if let Some(cached) = state.cache.get(&cache_key) {
         let elapsed = Instant::now() - cached.inserted;
-        if elapsed.as_secs() < 60 {
+        if elapsed.as_secs() < 30 {
             return Ok(Html(cached.data));
         }
         state.cache.invalidate(&cache_key);

Diff for: vzdv-site/templates/changelog.jinja

@@ -14,6 +14,17 @@
 
 <hr>
 
+<div class="card shadow mb-3">
+  <div class="card-body">
+    <h5 class="card-title">2024-10-20</h5>
+    <div class="card-text">
+      <ul>
+        <li>The right-side cards on the homepage auto-refresh every so often</li>
+      </ul>
+    </div>
+  </div>
+</div>
+
 <div class="card shadow mb-3">
   <div class="card-body">
     <h5 class="card-title">2024-10-19</h5>

Diff for: vzdv-site/templates/homepage/home.jinja

@@ -15,7 +15,11 @@
     </p>
     <div class="card shadow mb-2">
       <div class="card-body">
-        <div id="events" hx-get="/events/upcoming" hx-trigger="load">
+        <div
+          id="events"
+          hx-get="/events/upcoming"
+          hx-trigger="load"
+        >
           <p>Loading ...</p>
         </div>
       </div>
@@ -27,15 +31,19 @@
         <div
           id="online"
           hx-get="/home/online/controllers"
-          hx-trigger="load"
+          hx-trigger="load, every 1m"
         >
           <p>Loading ...</p>
         </div>
       </div>
     </div>
     <div class="card shadow mt-2">
       <div class="card-body">
-        <div id="weather" hx-get="/home/weather" hx-trigger="load">
+        <div
+          id="weather"
+          hx-get="/home/weather"
+          hx-trigger="load, every 5m"
+        >
           <p>Loading ...</p>
         </div>
       </div>
@@ -45,7 +53,7 @@
         <div
           id="flights"
           hx-get="/home/online/flights"
-          hx-trigger="load"
+          hx-trigger="load, every 1m"
         >
           <p>Loading ...</p>
         </div>
@@ -56,7 +64,7 @@
         <div
           id="cotm"
           hx-get="/home/cotm"
-          hx-trigger="load"
+          hx-trigger="load, every 1m"
         >
           <p>Loading ...</p>
         </div>