@saooti/octopus-sdk 30.0.87 → 30.0.90

package/README.md

@@ -583,4 +583,7 @@ See [Configuration Reference](https://cli.vuejs.org/config/).
  * 30.0.84 Une émission non visible n'apparaît pas dans la page émission
  * 30.0.85 PB en cliquant sur le bouton "tous les épisodes de l'organisation" dans la page d'un épisode
  * 30.0.86 Podcastmaker newest
- * 30.0.87 Podcastmaker newest (swiper list)
+ * 30.0.87 Podcastmaker newest (swiper list)
+ * 30.0.88 Podcastmaker newest (swiper list)
+ * 30.0.89 Podcastmaker newest (swiper list)
+ * 30.0.90 Podcastmaker newest (swiper list)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@saooti/octopus-sdk",
-  "version": "30.0.87",
+  "version": "30.0.90",
   "private": false,
   "description": "Javascript SDK for using octopus",
   "author": "Saooti",

package/src/components/display/podcasts/PodcastInlineListTemplate.vue

@@ -2,7 +2,18 @@
   <div
     class="d-flex flex-column p-3"
   >
-    <h2>{{ title }}</h2>
+    <div class="d-flex align-items-center mb-2">
+      <h2 class="mb-0">
+        {{ title }}
+      </h2>
+      <router-link
+        v-if="isButtonNextTitle"
+        class="btn admin-button m-1 fw-bold saooti-right"
+        :title="buttonText"
+        :to="refTo"
+        @click="handleSeeMoreButton"
+      />
+    </div>
     <div class="d-flex justify-content-between">
       <div class="d-flex">
         <button
@@ -44,6 +55,7 @@
     </div>
     <slot name="list-inline" />
     <router-link
+      v-if="!isButtonNextTitle"
       class="btn btn-link align-self-center width-fit-content m-4"
       :to="refTo"
       @click="handleSeeMoreButton"
@@ -80,6 +92,7 @@ export default defineComponent({
     iabId: { default: undefined, type: Number},
     rubriqueId: { default: () => [], type: Array as ()=> Array<number> },
     noRubriquageId: { default: () => [], type: Array as ()=> Array<number> },
+    isButtonNextTitle: {default: false, type:Boolean}
   },
   emits:['sortChrono','sortPopular', 'displayPrevious', 'displayNext'],
   data() {

package/src/components/display/podcasts/PodcastSwiperList.vue

@@ -10,6 +10,7 @@
     :iab-id="iabId"
     :rubrique-id="rubriqueId"
     :no-rubriquage-id="noRubriquageId"
+    :is-button-next-title="true"
     @sortChrono="sortChrono"
     @sortPopular="sortPopular"
   >
@@ -18,14 +19,12 @@
         :loading-text="loading?$t('Loading podcasts ...'):undefined"
       />
       <swiper
-        v-show="loaded"
+        v-if="!loading"
         :slides-per-view="numberItem"
         :space-between="10"
-        :slides-per-group="numberItem"
-        :loop="true"
+        :loop="allPodcasts.length>=numberItem"
         :navigation="true"
         :modules="modules"
-        class="mySwiper"
       >
         <swiper-slide
           v-for="p in allPodcasts"
@@ -85,7 +84,6 @@ export default defineComponent({
   data() {
     return {
       loading: true as boolean,
-      loaded: true as boolean,
       popularSort: false as boolean,
       allPodcasts: [] as Array<Podcast>,
       modules: [Navigation],
@@ -130,13 +128,14 @@ export default defineComponent({
 
 
   mounted() {
+    this.handleResize();
     this.fetchNext();
   },
   methods: {
     handleResize(): void {
       if (!this.$el) return;
       const width = (this.$el as HTMLElement).offsetWidth;
-      const sixteen = domHelper.convertRemToPixels(this.sizeItem + 0.7);
+      const sixteen = domHelper.convertRemToPixels(this.sizeItem + 0.5);
       this.numberItem = Math.floor(width / sixteen);
     },
     async fetchNext(): Promise<void> {
@@ -152,11 +151,10 @@ export default defineComponent({
         sort: this.popularSort ? 'POPULARITY' : 'DATE',
         query: this.query,
       });
-      this.loading = false;
-      this.loaded = true;
       this.allPodcasts = this.allPodcasts.concat(
         data.result.filter((pod: Podcast|null) => null !== pod)
       );
+      this.loading = false;
     },
     sortPopular(): void {
       if (this.popularSort) return;
@@ -172,7 +170,6 @@ export default defineComponent({
     },
     reset(): void {
       this.loading = true;
-      this.loaded = true;
       this.allPodcasts.length = 0;
     },
   },
@@ -183,7 +180,6 @@ export default defineComponent({
 .swiper {
   width: 100%;
   height: 100%;
-  padding: 50px 10px;
 }
 .swiper-button-next, .swiper-button-prev{
   color: $octopus-primary-color !important;