swiper refactor

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)