feat: add loop to images slider

GeotrekCE · Feb 16, 2024 · c468673 · c468673
1 parent 17578c2
commit c468673
Show file tree

Hide file tree

Showing 6 changed files with 11 additions and 0 deletions.
diff --git a/src/components/grw-poi-detail/grw-poi.tsx b/src/components/grw-poi-detail/grw-poi.tsx
@@ -32,6 +32,7 @@ export class GrwPoiDetail {
       pagination: { el: this.paginationElPoiRef },
       allowTouchMove: false,
       keyboard: false,
+      loop: true,
     });
     this.swiperPoiRef.onfullscreenchange = () => {
       this.displayFullscreen = !this.displayFullscreen;

diff --git a/src/components/grw-touristic-content-card/grw-touristic-content-card.tsx b/src/components/grw-touristic-content-card/grw-touristic-content-card.tsx
@@ -37,6 +37,7 @@ export class GrwTouristicContentCard {
         pagination: { el: this.paginationElTouristicContentRef },
         allowTouchMove: false,
         keyboard: false,
+        loop: true,
       });
       this.swiperTouristicContentRef.onfullscreenchange = () => {
         this.displayFullscreen = !this.displayFullscreen;

diff --git a/src/components/grw-touristic-content-detail/grw-touristic-content-detail.tsx b/src/components/grw-touristic-content-detail/grw-touristic-content-detail.tsx
@@ -42,6 +42,7 @@ export class GrwTouristicContentDetail {
       pagination: { el: this.paginationElImagesRef },
       allowTouchMove: false,
       keyboard: false,
+      loop: true,
     });
     this.swiperImagesRef.onfullscreenchange = () => {
       this.displayFullscreen = !this.displayFullscreen;

diff --git a/src/components/grw-touristic-event-card/grw-touristic-event-card.tsx b/src/components/grw-touristic-event-card/grw-touristic-event-card.tsx
@@ -38,6 +38,7 @@ export class GrwTouristicEvent {
         pagination: { el: this.paginationElTouristicEventRef },
         allowTouchMove: false,
         keyboard: false,
+        loop: true,
       });
       this.swiperTouristicEventRef.onfullscreenchange = () => {
         this.displayFullscreen = !this.displayFullscreen;

diff --git a/src/components/grw-touristic-event-detail/grw-touristic-event-detail.tsx b/src/components/grw-touristic-event-detail/grw-touristic-event-detail.tsx
@@ -42,6 +42,7 @@ export class GrwTouristicEventDetail {
       pagination: { el: this.paginationElImagesRef },
       allowTouchMove: false,
       keyboard: false,
+      loop: true,
     });
     this.swiperImagesRef.onfullscreenchange = () => {
       this.displayFullscreen = !this.displayFullscreen;

diff --git a/src/components/grw-trek-detail/grw-trek-detail.tsx b/src/components/grw-trek-detail/grw-trek-detail.tsx
@@ -183,6 +183,7 @@ export class GrwTrekDetail {
       pagination: { el: this.paginationElImagesRef },
       allowTouchMove: false,
       keyboard: false,
+      loop: true,
     });
     this.swiperImagesRef.onfullscreenchange = () => {
       this.displayFullscreen = !this.displayFullscreen;
@@ -207,6 +208,7 @@ export class GrwTrekDetail {
           slidesPerView: 2.5,
         },
       },
+      loop: true,
     });
     this.swiperPois = new Swiper(this.swiperPoisRef, {
       modules: [FreeMode, Mousewheel, Scrollbar],
@@ -226,6 +228,7 @@ export class GrwTrekDetail {
           slidesPerView: 2.5,
         },
       },
+      loop: true,
     });
     this.swiperInformationDesks = new Swiper(this.swiperInformationDesksRef, {
       modules: [FreeMode, Mousewheel, Scrollbar],
@@ -245,6 +248,7 @@ export class GrwTrekDetail {
           slidesPerView: 2.5,
         },
       },
+      loop: true,
     });
     this.swiperTouristicContents = new Swiper(this.swiperTouristicContentsRef, {
       modules: [FreeMode, Mousewheel, Scrollbar],
@@ -264,6 +268,7 @@ export class GrwTrekDetail {
           slidesPerView: 2.5,
         },
       },
+      loop: true,
     });
     this.swiperTouristicEvents = new Swiper(this.swiperTouristicEventsRef, {
       modules: [FreeMode, Mousewheel, Scrollbar],
@@ -283,6 +288,7 @@ export class GrwTrekDetail {
           slidesPerView: 2.5,
         },
       },
+      loop: true,
     });
     if (this.presentationRef) {
       this.presentationObserver = new IntersectionObserver(