diff --git a/plugins/dynamiques-blocks/blocks/dernieres-dynamiques/build/dernieres-dynamiques/view.asset.php b/plugins/dynamiques-blocks/blocks/dernieres-dynamiques/build/dernieres-dynamiques/view.asset.php index a2c418a..3bd6331 100644 --- a/plugins/dynamiques-blocks/blocks/dernieres-dynamiques/build/dernieres-dynamiques/view.asset.php +++ b/plugins/dynamiques-blocks/blocks/dernieres-dynamiques/build/dernieres-dynamiques/view.asset.php @@ -1 +1 @@ - array(), 'version' => '4cea8ae32b48c591d8d4'); + array(), 'version' => '868f7899d9aaee305c25'); diff --git a/plugins/dynamiques-blocks/blocks/dernieres-dynamiques/build/dernieres-dynamiques/view.js b/plugins/dynamiques-blocks/blocks/dernieres-dynamiques/build/dernieres-dynamiques/view.js index 0cf3120..aaefb78 100644 --- a/plugins/dynamiques-blocks/blocks/dernieres-dynamiques/build/dernieres-dynamiques/view.js +++ b/plugins/dynamiques-blocks/blocks/dernieres-dynamiques/build/dernieres-dynamiques/view.js @@ -3,18 +3,16 @@ !*** ./src/dernieres-dynamiques/view.js ***! \******************************************/ document.addEventListener("DOMContentLoaded", function () { - const swiperFraction = document.querySelector(".swiper-pagination-fraction"); - const slides = document.querySelectorAll(".swiper-slide"); + const currentBlock = document.querySelector(".block-dernieres-dynamiques"); + if (!currentBlock) return; + const swiperFraction = currentBlock.querySelector(".swiper-pagination-fraction"); + const slides = currentBlock.querySelectorAll(".swiper-slide"); const slideCount = slides.length; swiperFraction.textContent = `Article n°1 sur ${slideCount}`; new Swiper(".dernieres-dynamiques-swiper", { slidesPerView: 2, spaceBetween: 30, loop: true, - pagination: { - el: ".swiper-pagination", - clickable: true - }, navigation: { nextEl: ".swiper-button-next", prevEl: ".swiper-button-prev" diff --git a/plugins/dynamiques-blocks/blocks/dernieres-dynamiques/build/dernieres-dynamiques/view.js.map b/plugins/dynamiques-blocks/blocks/dernieres-dynamiques/build/dernieres-dynamiques/view.js.map index 9c9d5a6..8299006 100644 --- a/plugins/dynamiques-blocks/blocks/dernieres-dynamiques/build/dernieres-dynamiques/view.js.map +++ b/plugins/dynamiques-blocks/blocks/dernieres-dynamiques/build/dernieres-dynamiques/view.js.map @@ -1 +1 @@ -{"version":3,"file":"dernieres-dynamiques/view.js","mappings":";;;;AAAAA,QAAQ,CAACC,gBAAgB,CAAC,kBAAkB,EAAE,YAAY;EACzD,MAAMC,cAAc,GAAGF,QAAQ,CAACG,aAAa,CAAC,6BAA6B,CAAC;EAC5E,MAAMC,MAAM,GAAGJ,QAAQ,CAACK,gBAAgB,CAAC,eAAe,CAAC;EACzD,MAAMC,UAAU,GAAGF,MAAM,CAACG,MAAM;EAChCL,cAAc,CAACM,WAAW,GAAG,mBAAmBF,UAAU,EAAE;EAE5D,IAAIG,MAAM,CAAC,8BAA8B,EAAE;IAC1CC,aAAa,EAAE,CAAC;IAChBC,YAAY,EAAE,EAAE;IAChBC,IAAI,EAAE,IAAI;IACVC,UAAU,EAAE;MACXC,EAAE,EAAE,oBAAoB;MACxBC,SAAS,EAAE;IACZ,CAAC;IACDC,UAAU,EAAE;MACXC,MAAM,EAAE,qBAAqB;MAC7BC,MAAM,EAAE;IACT,CAAC;IACDL,UAAU,EAAE;MACXC,EAAE,EAAE,oBAAoB;MACxBC,SAAS,EAAE,IAAI;MACfI,YAAY,EAAE,SAAAA,CAAUC,KAAK,EAAEC,SAAS,EAAE;QACzC,OAAO,kBAAkBA,SAAS,aAAa;MAChD;IACD,CAAC;IACDC,EAAE,EAAE;MACHC,WAAW,EAAGC,MAAM,IAAK;QACxB,MAAMC,WAAW,GAAGD,MAAM,EAAEpB,MAAM,EAAEG,MAAM;QAC1CL,cAAc,CAACM,WAAW,GAAG,aAC5BgB,MAAM,CAACE,SAAS,GAAG,CAAC,QACbD,WAAW,EAAE;MACtB;IACD;;IAEA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;EACD,CAAC,CAAC;AACH,CAAC,CAAC,C","sources":["webpack://dernieres-dynamiques/./src/dernieres-dynamiques/view.js"],"sourcesContent":["document.addEventListener(\"DOMContentLoaded\", function () {\n\tconst swiperFraction = document.querySelector(\".swiper-pagination-fraction\");\n\tconst slides = document.querySelectorAll(\".swiper-slide\");\n\tconst slideCount = slides.length;\n\tswiperFraction.textContent = `Article n°1 sur ${slideCount}`;\n\n\tnew Swiper(\".dernieres-dynamiques-swiper\", {\n\t\tslidesPerView: 2,\n\t\tspaceBetween: 30,\n\t\tloop: true,\n\t\tpagination: {\n\t\t\tel: \".swiper-pagination\",\n\t\t\tclickable: true,\n\t\t},\n\t\tnavigation: {\n\t\t\tnextEl: \".swiper-button-next\",\n\t\t\tprevEl: \".swiper-button-prev\",\n\t\t},\n\t\tpagination: {\n\t\t\tel: \".swiper-pagination\",\n\t\t\tclickable: true,\n\t\t\trenderBullet: function (index, className) {\n\t\t\t\treturn ``;\n\t\t\t},\n\t\t},\n\t\ton: {\n\t\t\tslideChange: (swiper) => {\n\t\t\t\tconst slidesCount = swiper?.slides?.length;\n\t\t\t\tswiperFraction.textContent = `Article n°${\n\t\t\t\t\tswiper.realIndex + 1\n\t\t\t\t} sur ${slidesCount}`;\n\t\t\t},\n\t\t},\n\n\t\t// pagination: [\n\t\t// \t{\n\t\t// \t\tel: \".swiper-pagination\",\n\t\t// \t\ttype: \"bullets\",\n\t\t// \t\tclickable: true,\n\t\t// \t},\n\t\t// \t{\n\t\t// \t\tel: \".swiper-pagination-fraction\",\n\t\t// \t\ttype: \"fraction\",\n\t\t// \t\trenderFraction: function (currentClass, totalClass) {\n\t\t// \t\t\treturn (\n\t\t// \t\t\t\t'

' +\n\t\t// \t\t\t\t\"Article n°\" +\n\t\t// \t\t\t\t'' +\n\t\t// \t\t\t\t\" sur \" +\n\t\t// \t\t\t\t'' +\n\t\t// \t\t\t\t\"

\"\n\t\t// \t\t\t);\n\t\t// \t\t},\n\t\t// \t},\n\t\t// ],\n\t});\n});\n"],"names":["document","addEventListener","swiperFraction","querySelector","slides","querySelectorAll","slideCount","length","textContent","Swiper","slidesPerView","spaceBetween","loop","pagination","el","clickable","navigation","nextEl","prevEl","renderBullet","index","className","on","slideChange","swiper","slidesCount","realIndex"],"sourceRoot":""} \ No newline at end of file +{"version":3,"file":"dernieres-dynamiques/view.js","mappings":";;;;AAAAA,QAAQ,CAACC,gBAAgB,CAAC,kBAAkB,EAAE,YAAY;EACzD,MAAMC,YAAY,GAAGF,QAAQ,CAACG,aAAa,CAAC,6BAA6B,CAAC;EAC1E,IAAI,CAACD,YAAY,EAAE;EAEnB,MAAME,cAAc,GAAGF,YAAY,CAACC,aAAa,CAChD,6BACD,CAAC;EACD,MAAME,MAAM,GAAGH,YAAY,CAACI,gBAAgB,CAAC,eAAe,CAAC;EAC7D,MAAMC,UAAU,GAAGF,MAAM,CAACG,MAAM;EAChCJ,cAAc,CAACK,WAAW,GAAG,mBAAmBF,UAAU,EAAE;EAE5D,IAAIG,MAAM,CAAC,8BAA8B,EAAE;IAC1CC,aAAa,EAAE,CAAC;IAChBC,YAAY,EAAE,EAAE;IAChBC,IAAI,EAAE,IAAI;IACVC,UAAU,EAAE;MACXC,MAAM,EAAE,qBAAqB;MAC7BC,MAAM,EAAE;IACT,CAAC;IACDC,UAAU,EAAE;MACXC,EAAE,EAAE,oBAAoB;MACxBC,SAAS,EAAE,IAAI;MACfC,YAAY,EAAE,SAAAA,CAAUC,KAAK,EAAEC,SAAS,EAAE;QACzC,OAAO,kBAAkBA,SAAS,aAAa;MAChD;IACD,CAAC;IACDC,EAAE,EAAE;MACHC,WAAW,EAAGC,MAAM,IAAK;QACxB,MAAMC,WAAW,GAAGD,MAAM,EAAEpB,MAAM,EAAEG,MAAM;QAC1CJ,cAAc,CAACK,WAAW,GAAG,aAC5BgB,MAAM,CAACE,SAAS,GAAG,CAAC,QACbD,WAAW,EAAE;MACtB;IACD;;IAEA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;EACD,CAAC,CAAC;AACH,CAAC,CAAC,C","sources":["webpack://dernieres-dynamiques/./src/dernieres-dynamiques/view.js"],"sourcesContent":["document.addEventListener(\"DOMContentLoaded\", function () {\n\tconst currentBlock = document.querySelector(\".block-dernieres-dynamiques\");\n\tif (!currentBlock) return;\n\n\tconst swiperFraction = currentBlock.querySelector(\n\t\t\".swiper-pagination-fraction\"\n\t);\n\tconst slides = currentBlock.querySelectorAll(\".swiper-slide\");\n\tconst slideCount = slides.length;\n\tswiperFraction.textContent = `Article n°1 sur ${slideCount}`;\n\n\tnew Swiper(\".dernieres-dynamiques-swiper\", {\n\t\tslidesPerView: 2,\n\t\tspaceBetween: 30,\n\t\tloop: true,\n\t\tnavigation: {\n\t\t\tnextEl: \".swiper-button-next\",\n\t\t\tprevEl: \".swiper-button-prev\",\n\t\t},\n\t\tpagination: {\n\t\t\tel: \".swiper-pagination\",\n\t\t\tclickable: true,\n\t\t\trenderBullet: function (index, className) {\n\t\t\t\treturn ``;\n\t\t\t},\n\t\t},\n\t\ton: {\n\t\t\tslideChange: (swiper) => {\n\t\t\t\tconst slidesCount = swiper?.slides?.length;\n\t\t\t\tswiperFraction.textContent = `Article n°${\n\t\t\t\t\tswiper.realIndex + 1\n\t\t\t\t} sur ${slidesCount}`;\n\t\t\t},\n\t\t},\n\n\t\t// pagination: [\n\t\t// \t{\n\t\t// \t\tel: \".swiper-pagination\",\n\t\t// \t\ttype: \"bullets\",\n\t\t// \t\tclickable: true,\n\t\t// \t},\n\t\t// \t{\n\t\t// \t\tel: \".swiper-pagination-fraction\",\n\t\t// \t\ttype: \"fraction\",\n\t\t// \t\trenderFraction: function (currentClass, totalClass) {\n\t\t// \t\t\treturn (\n\t\t// \t\t\t\t'

' +\n\t\t// \t\t\t\t\"Article n°\" +\n\t\t// \t\t\t\t'' +\n\t\t// \t\t\t\t\" sur \" +\n\t\t// \t\t\t\t'' +\n\t\t// \t\t\t\t\"

\"\n\t\t// \t\t\t);\n\t\t// \t\t},\n\t\t// \t},\n\t\t// ],\n\t});\n});\n"],"names":["document","addEventListener","currentBlock","querySelector","swiperFraction","slides","querySelectorAll","slideCount","length","textContent","Swiper","slidesPerView","spaceBetween","loop","navigation","nextEl","prevEl","pagination","el","clickable","renderBullet","index","className","on","slideChange","swiper","slidesCount","realIndex"],"sourceRoot":""} \ No newline at end of file diff --git a/plugins/dynamiques-blocks/blocks/dernieres-dynamiques/src/dernieres-dynamiques/view.js b/plugins/dynamiques-blocks/blocks/dernieres-dynamiques/src/dernieres-dynamiques/view.js index dd88943..58a9805 100644 --- a/plugins/dynamiques-blocks/blocks/dernieres-dynamiques/src/dernieres-dynamiques/view.js +++ b/plugins/dynamiques-blocks/blocks/dernieres-dynamiques/src/dernieres-dynamiques/view.js @@ -1,6 +1,11 @@ document.addEventListener("DOMContentLoaded", function () { - const swiperFraction = document.querySelector(".swiper-pagination-fraction"); - const slides = document.querySelectorAll(".swiper-slide"); + const currentBlock = document.querySelector(".block-dernieres-dynamiques"); + if (!currentBlock) return; + + const swiperFraction = currentBlock.querySelector( + ".swiper-pagination-fraction" + ); + const slides = currentBlock.querySelectorAll(".swiper-slide"); const slideCount = slides.length; swiperFraction.textContent = `Article n°1 sur ${slideCount}`; @@ -8,10 +13,6 @@ document.addEventListener("DOMContentLoaded", function () { slidesPerView: 2, spaceBetween: 30, loop: true, - pagination: { - el: ".swiper-pagination", - clickable: true, - }, navigation: { nextEl: ".swiper-button-next", prevEl: ".swiper-button-prev", diff --git a/plugins/dynamiques-blocks/blocks/revues-precedentes/build/revues-precedentes/render.php b/plugins/dynamiques-blocks/blocks/revues-precedentes/build/revues-precedentes/render.php index fa4f5b8..6ca64fb 100644 --- a/plugins/dynamiques-blocks/blocks/revues-precedentes/build/revues-precedentes/render.php +++ b/plugins/dynamiques-blocks/blocks/revues-precedentes/build/revues-precedentes/render.php @@ -22,6 +22,10 @@ $query = new WP_Query(array(
have_posts()) : $query->the_post(); ?> +
@@ -48,7 +70,10 @@ $query = new WP_Query(array(
+ +
+
diff --git a/plugins/dynamiques-blocks/blocks/revues-precedentes/build/revues-precedentes/view.asset.php b/plugins/dynamiques-blocks/blocks/revues-precedentes/build/revues-precedentes/view.asset.php index 7e3e97f..3964078 100644 --- a/plugins/dynamiques-blocks/blocks/revues-precedentes/build/revues-precedentes/view.asset.php +++ b/plugins/dynamiques-blocks/blocks/revues-precedentes/build/revues-precedentes/view.asset.php @@ -1 +1 @@ - array(), 'version' => '6068b14ae0fb2b6d9070'); + array(), 'version' => '059d9cab1ce4a910cdb7'); diff --git a/plugins/dynamiques-blocks/blocks/revues-precedentes/build/revues-precedentes/view.js b/plugins/dynamiques-blocks/blocks/revues-precedentes/build/revues-precedentes/view.js index ef2f3b5..af941bf 100644 --- a/plugins/dynamiques-blocks/blocks/revues-precedentes/build/revues-precedentes/view.js +++ b/plugins/dynamiques-blocks/blocks/revues-precedentes/build/revues-precedentes/view.js @@ -3,9 +3,17 @@ !*** ./src/revues-precedentes/view.js ***! \****************************************/ document.addEventListener("DOMContentLoaded", function () { + const currentBlock = document.querySelector(".block-revues-precedentes"); + if (!currentBlock) return; + const swiperFraction = currentBlock.querySelector(".swiper-pagination-fraction"); + const slides = currentBlock.querySelectorAll(".swiper-slide"); + const slideCount = slides.length; + swiperFraction.textContent = `Article n°1 sur ${slideCount}`; + console.log(slideCount); new Swiper(".revues-precedentes-swiper", { slidesPerView: 1, spaceBetween: 30, + loop: true, pagination: { el: ".swiper-pagination", clickable: true @@ -13,6 +21,19 @@ document.addEventListener("DOMContentLoaded", function () { navigation: { nextEl: ".swiper-button-next", prevEl: ".swiper-button-prev" + }, + pagination: { + el: ".swiper-pagination", + clickable: true, + renderBullet: function (index, className) { + return ``; + } + }, + on: { + slideChange: swiper => { + const slidesCount = swiper?.slides?.length; + swiperFraction.textContent = `Article n°${swiper.realIndex + 1} sur ${slidesCount}`; + } } }); }); diff --git a/plugins/dynamiques-blocks/blocks/revues-precedentes/build/revues-precedentes/view.js.map b/plugins/dynamiques-blocks/blocks/revues-precedentes/build/revues-precedentes/view.js.map index b6a18b6..7ec30e5 100644 --- a/plugins/dynamiques-blocks/blocks/revues-precedentes/build/revues-precedentes/view.js.map +++ b/plugins/dynamiques-blocks/blocks/revues-precedentes/build/revues-precedentes/view.js.map @@ -1 +1 @@ -{"version":3,"file":"revues-precedentes/view.js","mappings":";;;;AAAAA,QAAQ,CAACC,gBAAgB,CAAC,kBAAkB,EAAE,YAAY;EACzD,IAAIC,MAAM,CAAC,4BAA4B,EAAE;IACxCC,aAAa,EAAE,CAAC;IAChBC,YAAY,EAAE,EAAE;IAChBC,UAAU,EAAE;MACXC,EAAE,EAAE,oBAAoB;MACxBC,SAAS,EAAE;IACZ,CAAC;IACDC,UAAU,EAAE;MACXC,MAAM,EAAE,qBAAqB;MAC7BC,MAAM,EAAE;IACT;EACD,CAAC,CAAC;AACH,CAAC,CAAC,C","sources":["webpack://revues-precedentes/./src/revues-precedentes/view.js"],"sourcesContent":["document.addEventListener(\"DOMContentLoaded\", function () {\n\tnew Swiper(\".revues-precedentes-swiper\", {\n\t\tslidesPerView: 1,\n\t\tspaceBetween: 30,\n\t\tpagination: {\n\t\t\tel: \".swiper-pagination\",\n\t\t\tclickable: true,\n\t\t},\n\t\tnavigation: {\n\t\t\tnextEl: \".swiper-button-next\",\n\t\t\tprevEl: \".swiper-button-prev\",\n\t\t},\n\t});\n});\n"],"names":["document","addEventListener","Swiper","slidesPerView","spaceBetween","pagination","el","clickable","navigation","nextEl","prevEl"],"sourceRoot":""} \ No newline at end of file +{"version":3,"file":"revues-precedentes/view.js","mappings":";;;;AAAAA,QAAQ,CAACC,gBAAgB,CAAC,kBAAkB,EAAE,YAAY;EACzD,MAAMC,YAAY,GAAGF,QAAQ,CAACG,aAAa,CAAC,2BAA2B,CAAC;EACxE,IAAI,CAACD,YAAY,EAAE;EAEnB,MAAME,cAAc,GAAGF,YAAY,CAACC,aAAa,CAChD,6BACD,CAAC;EAED,MAAME,MAAM,GAAGH,YAAY,CAACI,gBAAgB,CAAC,eAAe,CAAC;EAC7D,MAAMC,UAAU,GAAGF,MAAM,CAACG,MAAM;EAChCJ,cAAc,CAACK,WAAW,GAAG,mBAAmBF,UAAU,EAAE;EAC5DG,OAAO,CAACC,GAAG,CAACJ,UAAU,CAAC;EACvB,IAAIK,MAAM,CAAC,4BAA4B,EAAE;IACxCC,aAAa,EAAE,CAAC;IAChBC,YAAY,EAAE,EAAE;IAChBC,IAAI,EAAE,IAAI;IACVC,UAAU,EAAE;MACXC,EAAE,EAAE,oBAAoB;MACxBC,SAAS,EAAE;IACZ,CAAC;IACDC,UAAU,EAAE;MACXC,MAAM,EAAE,qBAAqB;MAC7BC,MAAM,EAAE;IACT,CAAC;IACDL,UAAU,EAAE;MACXC,EAAE,EAAE,oBAAoB;MACxBC,SAAS,EAAE,IAAI;MACfI,YAAY,EAAE,SAAAA,CAAUC,KAAK,EAAEC,SAAS,EAAE;QACzC,OAAO,kBAAkBA,SAAS,aAAa;MAChD;IACD,CAAC;IACDC,EAAE,EAAE;MACHC,WAAW,EAAGC,MAAM,IAAK;QACxB,MAAMC,WAAW,GAAGD,MAAM,EAAEtB,MAAM,EAAEG,MAAM;QAC1CJ,cAAc,CAACK,WAAW,GAAG,aAC5BkB,MAAM,CAACE,SAAS,GAAG,CAAC,QACbD,WAAW,EAAE;MACtB;IACD;EACD,CAAC,CAAC;AACH,CAAC,CAAC,C","sources":["webpack://revues-precedentes/./src/revues-precedentes/view.js"],"sourcesContent":["document.addEventListener(\"DOMContentLoaded\", function () {\n\tconst currentBlock = document.querySelector(\".block-revues-precedentes\");\n\tif (!currentBlock) return;\n\n\tconst swiperFraction = currentBlock.querySelector(\n\t\t\".swiper-pagination-fraction\",\n\t);\n\n\tconst slides = currentBlock.querySelectorAll(\".swiper-slide\");\n\tconst slideCount = slides.length;\n\tswiperFraction.textContent = `Article n°1 sur ${slideCount}`;\n\tconsole.log(slideCount);\n\tnew Swiper(\".revues-precedentes-swiper\", {\n\t\tslidesPerView: 1,\n\t\tspaceBetween: 30,\n\t\tloop: true,\n\t\tpagination: {\n\t\t\tel: \".swiper-pagination\",\n\t\t\tclickable: true,\n\t\t},\n\t\tnavigation: {\n\t\t\tnextEl: \".swiper-button-next\",\n\t\t\tprevEl: \".swiper-button-prev\",\n\t\t},\n\t\tpagination: {\n\t\t\tel: \".swiper-pagination\",\n\t\t\tclickable: true,\n\t\t\trenderBullet: function (index, className) {\n\t\t\t\treturn ``;\n\t\t\t},\n\t\t},\n\t\ton: {\n\t\t\tslideChange: (swiper) => {\n\t\t\t\tconst slidesCount = swiper?.slides?.length;\n\t\t\t\tswiperFraction.textContent = `Article n°${\n\t\t\t\t\tswiper.realIndex + 1\n\t\t\t\t} sur ${slidesCount}`;\n\t\t\t},\n\t\t},\n\t});\n});\n"],"names":["document","addEventListener","currentBlock","querySelector","swiperFraction","slides","querySelectorAll","slideCount","length","textContent","console","log","Swiper","slidesPerView","spaceBetween","loop","pagination","el","clickable","navigation","nextEl","prevEl","renderBullet","index","className","on","slideChange","swiper","slidesCount","realIndex"],"sourceRoot":""} \ No newline at end of file diff --git a/plugins/dynamiques-blocks/blocks/revues-precedentes/src/revues-precedentes/render.php b/plugins/dynamiques-blocks/blocks/revues-precedentes/src/revues-precedentes/render.php index fa4f5b8..6ca64fb 100644 --- a/plugins/dynamiques-blocks/blocks/revues-precedentes/src/revues-precedentes/render.php +++ b/plugins/dynamiques-blocks/blocks/revues-precedentes/src/revues-precedentes/render.php @@ -22,6 +22,10 @@ $query = new WP_Query(array(
have_posts()) : $query->the_post(); ?> +
@@ -48,7 +70,10 @@ $query = new WP_Query(array(
+ +
+
diff --git a/plugins/dynamiques-blocks/blocks/revues-precedentes/src/revues-precedentes/view.js b/plugins/dynamiques-blocks/blocks/revues-precedentes/src/revues-precedentes/view.js index 50f2d16..62fb458 100644 --- a/plugins/dynamiques-blocks/blocks/revues-precedentes/src/revues-precedentes/view.js +++ b/plugins/dynamiques-blocks/blocks/revues-precedentes/src/revues-precedentes/view.js @@ -1,7 +1,19 @@ document.addEventListener("DOMContentLoaded", function () { + const currentBlock = document.querySelector(".block-revues-precedentes"); + if (!currentBlock) return; + + const swiperFraction = currentBlock.querySelector( + ".swiper-pagination-fraction", + ); + + const slides = currentBlock.querySelectorAll(".swiper-slide"); + const slideCount = slides.length; + swiperFraction.textContent = `Article n°1 sur ${slideCount}`; + console.log(slideCount); new Swiper(".revues-precedentes-swiper", { slidesPerView: 1, spaceBetween: 30, + loop: true, pagination: { el: ".swiper-pagination", clickable: true, @@ -10,5 +22,20 @@ document.addEventListener("DOMContentLoaded", function () { nextEl: ".swiper-button-next", prevEl: ".swiper-button-prev", }, + pagination: { + el: ".swiper-pagination", + clickable: true, + renderBullet: function (index, className) { + return ``; + }, + }, + on: { + slideChange: (swiper) => { + const slidesCount = swiper?.slides?.length; + swiperFraction.textContent = `Article n°${ + swiper.realIndex + 1 + } sur ${slidesCount}`; + }, + }, }); });