Use HTMX for meeting calendar

agdsn · Oct 18, 2023 · b18fc74 · b18fc74
1 parent 1020047
commit b18fc74
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 2 deletions.
diff --git a/sipa/blueprints/features.py b/sipa/blueprints/features.py
@@ -3,7 +3,8 @@
 and does not fit into any other blueprint such as “documents”.
 """
 
-from flask import Blueprint, current_app, render_template
+from flask import Blueprint, current_app, render_template, render_template_string
+
 from sipa.utils import get_bustimes, meetingcal
 
 bp_features = Blueprint('features', __name__)
@@ -33,3 +34,14 @@ def bustimes(stopname=None):
 def render_meetingcal():
     meetings = meetingcal()
     return render_template('meetingcal.html', meetings=meetings)
+
+
+@bp_features.route("/meetings")
+def meetings():
+    return render_template_string(
+        """
+            {%- from "macros/meetingcal.html" import render_meetingcal -%}
+            {{- render_meetingcal(meetingcal) -}}
+        """,
+        meetingcal=meetingcal(),
+    )
diff --git a/sipa/templates/base.html b/sipa/templates/base.html
@@ -425,7 +425,16 @@ <h2>
                         </h2>
 
                         <hr class="full">
-                        <ul id="meetings-list">{{ render_meetingcal(meetingcal) }}</ul>
+                        <ul
+                            id="meetings-list"
+                            hx-get="{{ url_for('features.meetings') }}"
+                            hx-swap="innerHTML"
+                            hx-trigger="load"
+                        >
+                            <li class="placeholder-glow"><span class="placeholder col-6 bg-secondary"></span></li>
+                            <li class="placeholder-glow"><span class="placeholder col-3 bg-secondary"></span></li>
+                            <li class="placeholder-glow"><span class="placeholder col-8 bg-secondary"></span></li>
+                        </ul>
 
                     </div>
                 </div>