@saooti/octopus-sdk 30.0.89 → 30.0.90

package/README.md

@@ -585,4 +585,5 @@ See [Configuration Reference](https://cli.vuejs.org/config/).
  * 30.0.86 Podcastmaker newest
  * 30.0.87 Podcastmaker newest (swiper list)
  * 30.0.88 Podcastmaker newest (swiper list)
- * 30.0.89 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.89",
+  "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,10 +19,10 @@
         :loading-text="loading?$t('Loading podcasts ...'):undefined"
       />
       <swiper
-        v-show="loaded"
+        v-if="!loading"
         :slides-per-view="numberItem"
         :space-between="10"
-        :loop="true"
+        :loop="allPodcasts.length>=numberItem"
         :navigation="true"
         :modules="modules"
       >
@@ -83,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],
@@ -151,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;
@@ -171,7 +170,6 @@ export default defineComponent({
     },
     reset(): void {
       this.loading = true;
-      this.loaded = true;
       this.allPodcasts.length = 0;
     },
   },