@saooti/octopus-sdk 36.0.3 → 36.0.5

package/package.json

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

package/src/assets/share.scss

@@ -65,7 +65,6 @@
   .page-element{
     margin-top: 12rem;
     position: relative;
-    z-index: 3;
   }
 
   .vue-swatches__trigger{

package/src/components/display/emission/EmissionPlayerItem.vue

@@ -54,7 +54,7 @@
     <div
       v-for="p in podcasts"
       :key="p.podcastId"
-      class="border-top emission-item-border-color p-2 secondary-bg d-flex flex-column"
+      class="border-top emission-item-border-color p-2 d-flex flex-column"
     >
       <router-link
         v-if="isProgressBar"
@@ -93,7 +93,7 @@
               <!-- eslint-enable -->
             </div>
           </router-link>
-          <PodcastPlayBar :podcast="p" />
+          <PodcastPlayBar  :podcast-id="p.podcastId" :duration="p.duration" />
         </div>
         <button
           v-if="
@@ -233,8 +233,8 @@ export default defineComponent({
       this.podcasts = data.result;
       this.$nextTick(() => {
       for (let index = 0, len = this.podcasts.length; index < len; index++) {
-        const podcastDesc = (this.$refs['descriptionPodcast'+this.podcasts[index].podcastId] as Array<HTMLElement>)[0];
-        const podcastDescContainer = (this.$refs['descriptionPodcastContainer'+this.podcasts[index].podcastId] as Array<HTMLElement>)[0];
+        const podcastDesc = (this.$refs['descriptionPodcast'+this.podcasts[index].podcastId] as Array<HTMLElement>)?.[0] ?? null;
+        const podcastDescContainer = (this.$refs['descriptionPodcastContainer'+this.podcasts[index].podcastId] as Array<HTMLElement>)?.[0] ?? null;
         if (
           null !== podcastDesc && null !== podcastDescContainer &&
           podcastDesc.clientHeight > podcastDescContainer.clientHeight
@@ -258,6 +258,7 @@ export default defineComponent({
   width: 100%;
   max-width: $octopus-item-size;
   height: min-content;
+  border: 2px solid #eee;
   border-radius: $octopus-borderradius;
   overflow: hidden;
   .emission-item-border-color {

package/src/components/display/list/Paginate.vue

@@ -165,7 +165,7 @@ export default defineComponent({
   justify-content: flex-end;
   width: 100%;
   position: sticky;
-  background: white;
+  background: $octopus-background;
   padding: 0.5rem 0;
   z-index: 10;
   .btn{

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

@@ -101,7 +101,8 @@
             :is-guest="true"
           />
           <PodcastPlayBar
-            :podcast="podcast"
+            :podcast-id="podcast.podcastId"
+            :duration="podcast.duration"
           />
           <div v-if="editRight && !isPodcastmaker">
             <div

package/src/components/display/sharing/ShareButtonsIntern.vue

@@ -20,11 +20,10 @@
       </template>
     </div>
   </div>
-  <div class="d-flex flex-column me-2">
+  <div class="d-flex flex-column me-2" v-if="podcast || emission ||playlist">
     <div class="h4 mb-2">{{$t('Newsletter')}}</div>
     <div class="d-flex align-items-center justify-content-center">
       <button
-        v-if="podcast || emission ||playlist"
         :class="getClass()"
         class="saooti-newsletter"
         :title="$t('Share newsletter')"

package/src/components/display/sharing/SharePlayer.vue

@@ -200,32 +200,14 @@ export default defineComponent({
     iFrameHeight(): string {
       switch (this.iFrameModel) {
         case 'large':
-          if (this.podcast) return '180px';
-          if ('number' === this.episodeNumbers && !this.playlist) {
-            switch (this.iFrameNumber.toString()) {
-              case '1': return '270px';
-              case '2': return '320px';
-              case '3': return '360px';
-              case '4': return '420px';
-              case '5': return '420px';
-              default: return '420px';
-            }
-          }
-          return '435px';
+          if (this.podcast) return '200px';
+          return '350px';
         case 'emissionLarge':
         case 'largeSuggestion':
-          if ('number' !== this.episodeNumbers) return '510px';
-          switch (this.iFrameNumber.toString()) {
-            case '1':return '315px';
-            case '2':return '365px';
-            case '3':return '420px';
-            case '4':return '470px';
-            case '5':return '470px';
-            default:return '470px';
-          }
-        case 'emission':return '530px';
+          return '350px';
+        case 'emission':return '520px';
         default:
-          if (this.podcast) return '520px';
+          if (this.podcast) return '500px';
           return '530px';
       }
     },
@@ -341,7 +323,10 @@ export default defineComponent({
     }
   }
   .max-iframe {
-    max-width: 300px;
+    width: 500px;
+    @media (max-width: 960px){
+      width: calc(100% - 2rem);
+    }
   }
 }
 </style>

package/src/components/misc/TopBar.vue

@@ -45,9 +45,9 @@
           {{ link.title }}
         </router-link>
       </template>
-      <button id="more-dropdown" class="d-flex align-items-center btn-transparent p-3">
+      <button id="more-dropdown" class="d-flex align-items-center hide-phone btn-transparent p-3">
         <div class="link-hover">{{$t('More')}}</div>
-        <div class="hide-phone ms-1 saooti-down"></div>
+        <div class="ms-1 saooti-down"></div>
       </button>
       <Popover
         target="more-dropdown"

package/src/stores/ParamSdkStore.ts

@@ -12,7 +12,7 @@ const state:ParamStore = {
     isPlaylist: false,
     isProduction: false,
     isContribution: true,
-    ApiUri: 'https://api.staging.saooti.org/',
+    ApiUri: 'https://api.dev2.saooti.org/',
     podcastmaker: false,
     buttonPlus: true,
     allCategories: [],
@@ -26,8 +26,8 @@ const state:ParamStore = {
     SharePlayer: true,
     ShareButtons: true,
     ShareDistribution: true,
-    MiniplayerUri: 'https://playerbeta.staging.saooti.org/',
-    hlsUri: 'https://hls.staging.saooti.org/',
+    MiniplayerUri: 'https://playerbeta.dev2.saooti.org/',
+    hlsUri: 'https://hls.dev2.saooti.org/',
     mainRubrique: 0,
     resourceUrl: undefined,
     podcastItemShowEmission: false,
@@ -79,13 +79,13 @@ const state:ParamStore = {
     userName: '',
   },
   octopusApi: {
-    url: 'https://api.staging.saooti.org/',
-    commentsUrl: 'https://comments.staging.saooti.org/',
-    imageUrl:'https://imageproxy.staging.saooti.org/',
-    studioUrl: 'https://studio.staging.saooti.org/',
-    playerUrl: 'https://playerbeta.staging.saooti.org/',
-    speechToTextUrl:'https://speech2text.staging.saooti.org/',
-    recoUrl: 'https://reco.staging.saooti.org/',
+    url: 'https://api.dev2.saooti.org/',
+    commentsUrl: 'https://comments.dev2.saooti.org/',
+    imageUrl:'https://imageproxy.dev2.saooti.org/',
+    studioUrl: 'https://studio.dev2.saooti.org/',
+    playerUrl: 'https://playerbeta.dev2.saooti.org/',
+    speechToTextUrl:'https://speech2text.dev2.saooti.org/',
+    recoUrl: 'https://reco.dev2.saooti.org/',
     organisationId: undefined,
     rubriqueIdFilter: undefined,
   },