change sas picture on picture click

pyproject.toml

@@ -64,7 +64,7 @@ prod = [
 ]
 dev = [
     "django-debug-toolbar>=7.0.0,<8",
-    "ipython>=9.15.0,<10.0.0",
+    "ipython>=9.14.1,<10.0.0",
     "pre-commit>=4.6.0,<5.0.0",
     "ruff>=0.16.0,<1.0.0",
     "djhtml>=3.0.11,<4.0.0",

sas/templates/sas/picture.jinja

@@ -82,7 +82,11 @@
 
     <div class="container" id="pict">
       <div class="main">
-        <div class="photo" :aria-busy="currentPicture.imageLoading">
+        <div
+          class="photo"
+          :aria-busy="currentPicture.imageLoading"
+          @click="currentPicture = (($event.offsetX > $el.offsetWidth / 2) ? nextPicture : previousPicture) ?? currentPicture"
+        >
           <img
             :src="currentPicture.compressedUrl"
             :alt="currentPicture.name"
@@ -95,13 +99,11 @@
           <div class="infos">
             <h5>{% trans %}Infos{% endtrans %}</h5>
             <div>
-              <div>
-                <span>{% trans %}Date: {% endtrans %}</span>
-                <span
-                  x-text="Intl.DateTimeFormat(
-                          '{{ LANGUAGE_CODE }}', {dateStyle: 'long'}
-                          ).format(Date.parse(currentPicture.date))"
+              <div
+                x-data="{formatter: Intl.DateTimeFormat('{{ LANGUAGE_CODE }}', {dateStyle: 'long'})}"
               >
+                <span>{% trans %}Date: {% endtrans %}</span>
+                <span x-text="formatter.format(new Date(currentPicture.date))">
                 </span>
               </div>
               <div>