From 4de91e933f7ae3aba34ad1fdc64cdfb044d85663 Mon Sep 17 00:00:00 2001
From: Zhora Shalyapin <mr.imagine84@gmail.com>
Date: Mon, 31 Mar 2025 08:27:47 +0000
Subject: [PATCH] swiper refactor

---
 main.js | 37 +++++++++++++++++--------------------
 1 file changed, 17 insertions(+), 20 deletions(-)

diff --git a/main.js b/main.js
index 0f67dc0..0e7c2dc 100644
--- a/main.js
+++ b/main.js
@@ -902,15 +902,15 @@
   function makeSwiper(dialog, fileListContainer, src) {
     let files = [...fileListContainer.querySelectorAll(`:is(.preview, .preview-small)`)]
 
-    let swiperDiv = Tag.div({
-      classes: "swiper"
-    })
-
     let swiperWrapper = Tag.div({
       classes: "swiper-wrapper"
     })
 
     for (const file of files) {
+      let swiperFile = file.cloneNode(true)
+      if (swiperFile.dataset.origin)
+        swiperFile.src = swiperFile.dataset.origin
+
       let swiperSlide = Tag.div({
         classes: "swiper-slide",
         children: [
@@ -919,29 +919,26 @@
             href: file.dataset.origin,
             text: "Скачать",
             target: "_blank"
-          })
+          }),
+          swiperFile
         ]
       })
 
-      let swiperFile = file.cloneNode(true)
-      if (swiperFile.dataset.origin)
-        swiperFile.src = swiperFile.dataset.origin
-
-      swiperSlide.append(swiperFile)
       swiperWrapper.append(swiperSlide)
     }
 
-    swiperDiv.append(swiperWrapper)
-
-    let prevButton = Tag.div({
-      classes: "swiper-button-prev"
+    let swiperDiv = Tag.div({
+      classes: "swiper",
+      children: [
+        swiperWrapper,
+        Tag.div({
+          classes: "swiper-button-prev"
+        }),
+        Tag.div({
+          classes: "swiper-button-next"
+        })
+      ]
     })
-    swiperDiv.append(prevButton)
-
-    let nextButton = Tag.div({
-      classes: "swiper-button-next"
-    })
-    swiperDiv.append(nextButton)
 
     dialog.append(swiperDiv)