From 93aa879299e7ee4a995581188f81f7d91e85bf83 Mon Sep 17 00:00:00 2001
From: UlrichB22 <97119703+UlrichB22@users.noreply.github.com>
Date: Fri, 6 Jun 2025 21:58:57 +0200
Subject: [PATCH] Move slideshow inline js script to separate file

---
 src/moin/static/js/slideshow.js   | 40 +++++++++++++++++++++++++++++++
 src/moin/templates/slideshow.html | 40 +------------------------------
 2 files changed, 41 insertions(+), 39 deletions(-)
 create mode 100644 src/moin/static/js/slideshow.js

diff --git a/src/moin/static/js/slideshow.js b/src/moin/static/js/slideshow.js
new file mode 100644
index 000000000..46483732f
--- /dev/null
+++ b/src/moin/static/js/slideshow.js
@@ -0,0 +1,40 @@
+/* jslint browser: true, nomen: true */
+
+let slideNo = 1;
+const slides = document.getElementsByClassName('moin-slides');
+
+function showSlide(n) {
+    let i;
+    slideNo = n;
+    for (i = 0; i < slides.length; i++) {
+        slides[i].style.display = 'none';
+    }
+    slides[slideNo - 1].style.display = 'block';
+    }
+
+function nextSlide() {
+    if (slideNo < slides.length) {
+        showSlide((slideNo += 1));
+    }
+}
+
+function prevSlide() {
+    if (slideNo > 1) {
+        showSlide((slideNo -= 1));
+    }
+}
+
+function lastSlide() {
+    showSlide(slides.length);
+}
+
+document.addEventListener('keydown', (event) => {
+    if (event.code === 'ArrowLeft') {
+        prevSlide();
+    }
+    if (event.code === 'ArrowRight') {
+        nextSlide();
+    }
+});
+
+showSlide(slideNo);
diff --git a/src/moin/templates/slideshow.html b/src/moin/templates/slideshow.html
index 68aa1ca51..742a50c40 100644
--- a/src/moin/templates/slideshow.html
+++ b/src/moin/templates/slideshow.html
@@ -25,43 +25,5 @@
       <span class="slide-nav" onclick="lastSlide()" title="Last slide"><i class="fa-solid fa-forward-fast"></i></span>
     </div>
 
-    <script>
-      let slideNo = 1;
-      let slides = document.getElementsByClassName("moin-slides");
-      showSlide(slideNo);
-
-      document.addEventListener("keydown", (event) => {
-          if (event.code === "ArrowLeft") {
-              prevSlide();
-          }
-          if (event.code === "ArrowRight") {
-              nextSlide();
-          }
-      });
-
-      function nextSlide() {
-          if (slideNo < slides.length) {
-              showSlide((slideNo += 1));
-          }
-      }
-
-      function prevSlide() {
-          if (slideNo > 1) {
-              showSlide((slideNo -= 1));
-          }
-      }
-
-      function lastSlide() {
-          showSlide(slides.length);
-      }
-
-      function showSlide(n) {
-          let i;
-          slideNo = n;
-          for (i = 0; i < slides.length; i++) {
-              slides[i].style.display = "none";
-          }
-          slides[slideNo - 1].style.display = "block";
-      }
-    </script>
+    <script src="{{ url_for('static', filename='js/slideshow.js') }}"></script>
 {% endblock %}