From f5c09e3515733396eccc23afa52755ba15fddc15 Mon Sep 17 00:00:00 2001
From: Max Hohlfeld <maxhohlfeld@posteo.de>
Date: Tue, 8 Jul 2025 15:35:02 +0200
Subject: [PATCH] feat: navigate with left and right arrow

---
 web/templates/calendar.html | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/web/templates/calendar.html b/web/templates/calendar.html
index 51fc55eb..b6313f1d 100644
--- a/web/templates/calendar.html
+++ b/web/templates/calendar.html
@@ -8,7 +8,8 @@
       <div class="level is-hidden-mobile">
         <div class="level-left">
           <a hx-boost="true" class="button is-link level-item"
-             href="/calendar?date={{ date.pred() }}{{ selected_area|show_area_query(false) }}">
+             href="/calendar?date={{ date.pred() }}{{ selected_area|show_area_query(false) }}"
+             _="on keyup[key is 'ArrowLeft'] from elsewhere assign(my.href) to the location of the window">
             <svg class="icon">
               <use href="/static/feather-sprite.svg#arrow-left" />
             </svg>
@@ -37,7 +38,8 @@
 
         <div class="level-right">
           <a hx-boost="true" class="button is-link level-item"
-             href="/calendar?date={{ date.succ() }}{{ selected_area|show_area_query(false) }}">
+             href="/calendar?date={{ date.succ() }}{{ selected_area|show_area_query(false) }}"
+             _="on keyup[key is 'ArrowRight'] from elsewhere assign(my.href) to the location of the window">
             <svg class="icon">
               <use href="/static/feather-sprite.svg#arrow-right" />
             </svg>
@@ -165,7 +167,8 @@
             </div>
 
             <div class="cell">
-              <p><b>Führungsassistent benötigt:</b> {% if event.voluntary_fuehrungsassistent %}ja{% else %}nein{% endif %}</p>
+              <p><b>Führungsassistent benötigt:</b> {% if event.voluntary_fuehrungsassistent %}ja{% else %}nein{% endif
+                %}</p>
             </div>
 
             <div class="cell is-col-span-2">