diff --git a/main.js b/main.js index c35edc8..0f67dc0 100644 --- a/main.js +++ b/main.js @@ -902,23 +902,26 @@ function makeSwiper(dialog, fileListContainer, src) { let files = [...fileListContainer.querySelectorAll(`:is(.preview, .preview-small)`)] - let swiperDiv = document.createElement("div") - swiperDiv.classList.add("swiper") + let swiperDiv = Tag.div({ + classes: "swiper" + }) - let swiperWrapper = document.createElement("div") - swiperWrapper.classList.add("swiper-wrapper") + let swiperWrapper = Tag.div({ + classes: "swiper-wrapper" + }) for (const file of files) { - let swiperSlide = document.createElement("div") - swiperSlide.classList.add("swiper-slide") - - let downloadLink = Tag.a({ - classes: "swiper-download-link", - href: file.dataset.origin, - text: "Скачать", - target: "_blank" + let swiperSlide = Tag.div({ + classes: "swiper-slide", + children: [ + Tag.a({ + classes: "swiper-download-link", + href: file.dataset.origin, + text: "Скачать", + target: "_blank" + }) + ] }) - swiperSlide.append(downloadLink) let swiperFile = file.cloneNode(true) if (swiperFile.dataset.origin) @@ -930,12 +933,14 @@ swiperDiv.append(swiperWrapper) - let prevButton = document.createElement("div") - prevButton.classList.add("swiper-button-prev") + let prevButton = Tag.div({ + classes: "swiper-button-prev" + }) swiperDiv.append(prevButton) - let nextButton = document.createElement("div") - nextButton.classList.add("swiper-button-next") + let nextButton = Tag.div({ + classes: "swiper-button-next" + }) swiperDiv.append(nextButton) dialog.append(swiperDiv) @@ -1502,22 +1507,23 @@ { index: 56, desc: "" } ]) - let hider = document.createElement("div") - let hiderButton = Tag.button({ - classes: "collapse-button", - type: "button", - on: { - click: event => { - let container = document.querySelector('.legend-container') - container.querySelectorAll(".legend-desc.collapsible").forEach(element => { - element.classList.toggle("collapsed") - }) - } - } + let hider = Tag.div({ + children: [ + Tag.button({ + classes: "collapse-button", + type: "button", + on: { + click: event => { + let container = document.querySelector('.legend-container') + container.querySelectorAll(".legend-desc.collapsible").forEach(element => { + element.classList.toggle("collapsed") + }) + } + } + }) + ] }) - hider.append(hiderButton) - legendDescContainer.append(legendDescHeader) legendDescContainer.append(legendRuDescContainer) legendDescContainer.append(legendRuHiddenDescContainer)