@saooti/octopus-sdk 30.0.89 → 30.0.92

package/README.md

@@ -585,4 +585,7 @@ 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)
+ * 30.0.91 Encore newest
+ * 30.0.92 Encore newest

package/package.json

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

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

@@ -99,7 +99,7 @@ export default defineComponent({
   props: {
     podcast: { default: ()=>({}), type: Object as ()=>Podcast},
     hidePlay: { default: false, type: Boolean},
-    displayDescription: { default: undefined, type: String},
+    displayDescription: { default: false, type: Boolean},
     arrowDirection: { default: 'up', type: String},
     isAnimatorLive: { default: false, type: Boolean},
     fetchConference: { default: undefined, type: Object as ()=>Conference},

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/PodcastItem.vue

@@ -10,13 +10,14 @@
   >
     <PodcastImage
       :podcast="podcast"
-      :hide-play="!hover || !description"
-      :display-description="description"
+      :hide-play="!podcastItemDescription || (podcastItemDescription && (!hover || !description))"
+      :display-description="0!==description.length && podcastItemDescription"
       :arrow-direction="arrowDirection"
       @hideDescription="hideDescription"
       @showDescription="showDescription"
     />
     <div
+      v-if="podcastItemDescription"
       :id="'description-podcast-container-' + podcast.podcastId"
       class="description-podcast-item html-wysiwyg-content"
       :class="[
@@ -145,6 +146,9 @@ export default defineComponent({
     podcastItemShowEmission(): boolean {
       return (state.podcastPage.podcastItemShowEmission as boolean);
     },
+    podcastItemDescription(): boolean {
+      return (state.podcastPage.podcastItemDescription as boolean);
+    },
     date(): string {
       return moment(this.podcast.pubDate).format('D MMMM YYYY, HH[h]mm');
     },
@@ -221,6 +225,7 @@ export default defineComponent({
   },
 
   mounted() {
+    if(!this.podcastItemDescription){return}
     const podcastDesc = document.getElementById(
       'description-podcast-' + this.podcast.podcastId
     );
@@ -236,10 +241,12 @@ export default defineComponent({
   },
   methods: {
     showDescription(): void {
+      if(!this.podcastItemDescription){return}
       this.arrowDirection = 'down';
       this.hover = true;
     },
     hideDescription(): void {
+      if(!this.podcastItemDescription){return}
       this.arrowDirection = 'up';
       this.hover = false;
     },

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;
     },
   },

package/src/store/paramStore.ts

@@ -35,6 +35,7 @@ const state:paramStore = {
     podcastItemShowEmission: false,
     clickPlayGoPage:false,
     listTypeClassic: true,
+    podcastItemDescription:true
   },
   podcastsPage: {
     ProductorSearch: true,
@@ -129,7 +130,8 @@ export interface PodcastPage{
   resourceUrl?: string |undefined,
   podcastItemShowEmission?: boolean,
   clickPlayGoPage?:boolean,
-  listTypeClassic?:boolean
+  listTypeClassic?:boolean,
+  podcastItemDescription?:boolean,
 }
 export interface PodcastsPage{
   ProductorSearch?: boolean,