@saooti/octopus-sdk 37.0.20 → 37.0.21

package/package.json

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

package/src/assets/general.scss

@@ -217,6 +217,9 @@ body{
     -webkit-box-orient: vertical;
     word-break: break-word;
   }
+  .word-break-word{
+    word-break: break-word;
+  }
 
   .html-wysiwyg-content{
     h3,h4{

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

@@ -3,6 +3,7 @@
     <template v-if="!isPhone">
       <button
         v-show="isLoop"
+        :title="$t('Display previous')"
         class="btn-transparent swiper-button-prev"
         @click="slidePrevButton()"
       ></button>

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

@@ -63,6 +63,7 @@
     </button>
     <button
       v-if="isVideoPodcast"
+      :title="$t('Video')"
       class="btn admin-button btn-play-video saooti-video"
       @click="play(true)"
     ></button>

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

@@ -17,6 +17,9 @@
         <iframe
           id="miniplayerIframe"
           title="miniplayer"
+          allowfullscreen="true"
+          allow="autoplay"
+          referrerpolicy="no-referrer-when-downgrade"
           :src="iFrameSrc"
           width="100%"
           :height="iFrameHeight"
@@ -214,6 +217,9 @@ export default defineComponent({
       );
     },
     iFrameSrc(): string {
+      if("video" === this.iFrameModel){
+        return "//www.ultimedia.com/deliver/generic/iframe/mdtk/01009833/zone/1/showtitle/1/src/" + this.podcast?.video?.videoId
+      }
       let url = [""];
       let iFrameNumber =
         this.displayChoiceAllEpisodes && "all" === this.episodeNumbers
@@ -240,6 +246,7 @@ export default defineComponent({
     },
     iFrameHeight(): string {
       switch (this.iFrameModel) {
+        case 'video': return 'auto';
         case 'large':
           if (this.podcast) return '140px';
           return '350px';
@@ -254,7 +261,8 @@ export default defineComponent({
       }
     },
     iFrame(): string {
-      return `<iframe src="${this.iFrameSrc}" width="100%" height="${this.iFrameHeight}" scrolling="no" frameborder="0"></iframe>`;
+      const specialDigiteka = this.podcast?.video?.videoId ? 'allowfullscreen="true" allow="autoplay" referrerpolicy="no-referrer-when-downgrade"' : '';
+      return `<iframe src="${this.iFrameSrc}" width="100%" height="${this.iFrameHeight}" scrolling="no" frameborder="0" ${specialDigiteka}></iframe>`;
     },
     isPodcastNotVisible(): boolean {
       return (

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

@@ -46,8 +46,12 @@ export default defineComponent({
     };
   },
   computed: {
+    isVideoPodcast(): boolean{
+      return undefined!==this.podcast && undefined!==this.podcast.video?.videoId;
+    },
     optionsSelect() {
       return [
+        {name: this.$t('Video Version'), value: 'video', condition:  this.isVideoPodcast},
         {name: this.$t('Default version'), value: 'default', condition: true},
         {name: this.$t('Large version'), value: 'large', condition: true},
         {name: this.$t('Full Large version'), value: 'largeMore', condition: this.podcast && this.podcast.podcastId},
@@ -71,6 +75,9 @@ export default defineComponent({
     },
   },
   async created() {
+    if(this.isVideoPodcast){
+      this.$emit("update:iFrameModel","video");
+    }
     await this.initCustomPlayers();
   },
   methods: {
@@ -101,6 +108,7 @@ export default defineComponent({
       }
       this.customPlayers = this.customPlayers.concat(playersContent);
       if (
+        'video'!==this.iFrameModel && 
         trySelect &&
         this.customPlayers[0] &&
         this.customPlayers[0].selected

package/src/components/misc/modal/ShareModalPlayer.vue

@@ -10,13 +10,13 @@
           {{ tab }}
         </template>
         <template #tab0>
-          <p>{{ embedLink }}</p>
+          <p class="word-break-word">{{ embedLink }}</p>
           <div class="saooti-copy" @click="onCopyCode(embedLink, afterCopy)" />
         </template>
         <template #tab1>
           <div class="d-flex flex-column flex-grow-1">
             <div class="d-flex justify-content-between align-items-center">
-              <p>{{ embedlyLink }}</p>
+              <p class="word-break-word">{{ embedlyLink }}</p>
               <div
                 class="saooti-copy"
                 @click="onCopyCode(embedlyLink, afterCopy)"
@@ -26,7 +26,7 @@
           </div>
         </template>
         <template v-if="directLink" #tab2>
-          <p>{{ directLink.audioUrl }}</p>
+          <p class="word-break-word">{{ directLink.audioUrl }}</p>
           <div
             class="saooti-copy"
             @click="onCopyCode(directLink.audioUrl, snackbarRef)"

package/src/locale/de.ts

@@ -343,4 +343,7 @@ export default {
   "Display HTML":"HTML anzeigen",
   "Video is unavailable":"Video ist nicht verfügbar",
   'Full Large version': 'Vollständige große Version',
+  "Show only episodes with video":"Nur Episoden mit Video anzeigen",
+  "Video":"Video",
+  "Video Version":"Videoversion",
 }

package/src/locale/en.ts

@@ -343,4 +343,7 @@ export default {
   "Display HTML":"Display HTML",
   "Video is unavailable":"Video is unavailable",
   'Full Large version': 'Full large version',
+  "Show only episodes with video":"Show only episodes with video",
+  "Video":"Video",
+  "Video Version":"Video version",
 };

package/src/locale/es.ts

@@ -344,4 +344,7 @@ export default {
   "Display HTML":"Mostrar HTML",
   "Video is unavailable":"El vídeo no está disponible",
   'Full Large version': 'Versión grande completa',
+  "Show only episodes with video":"Mostrar solo episodios con video",
+  "Video":"Video",
+  "Video Version":"Versión de vídeo",
 }

package/src/locale/fr.ts

@@ -354,4 +354,5 @@ export default {
 
   "Show only episodes with video":"Afficher uniquement les épisodes avec une vidéo",
   "Video":"Vidéo",
+  "Video Version":"Version vidéo",
 };

package/src/locale/it.ts

@@ -335,5 +335,8 @@ export default{
   "List":"Elenco",
   "Display HTML":"Visualizza HTML",
   "Video is unavailable":"Il video non è disponibile",
-    'Full Large version': 'Versione completa di grandi dimensioni',
+  'Full Large version': 'Versione completa di grandi dimensioni',
+  "Show only episodes with video":"Mostra solo episodi con video",
+  "Video":"Video",
+  "Video Version":"Versione video",
   };

package/src/locale/sl.ts

@@ -333,4 +333,7 @@ export default {
   "Display HTML":"Prikaži HTML",
   "Video is unavailable":"Videoposnetek ni na voljo",
   'Full Large version': 'Popolna velika različica',
+  "Show only episodes with video":"Prikaži samo epizode z videom",
+  "Video":"Video",
+  "Video Version":"Video različica",
 }