@saooti/octopus-sdk 37.0.36 → 37.0.38

package/package.json

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

package/src/assets/share.scss

@@ -273,7 +273,7 @@ $newLightenColor:lighten($octopus-primary-color, 55%);
       background: rgba(0, 0, 0, 0.09);
     }
     .multiple-play-buttons-container{
-      background-color:rgba(0, 0, 0, 0.7);
+      background-color:$primaryColorLessTransparent;
       border-radius: $octopus-borderradius;
       color: white;
       padding: 0.3rem;

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

@@ -93,6 +93,29 @@ export default defineComponent({
         "READY_TO_RECORD" !== this.podcast.processingStatus
       );
     },
+    statusText(): string {
+      if (!this.fetchConference) return '';
+      switch (this.fetchConference.status) {
+        case 'PLANNED':
+          return this.$t('live in few time');
+        case 'PENDING':
+          if (this.isAnimatorLive) return this.$t('Open studio');
+          return this.$t('live upcoming');
+        case 'RECORDING':
+          return this.$t('In live');
+        case 'DEBRIEFING':
+          /* if (!this.isAnimatorLive) return ''; */
+          if ('READY_TO_RECORD' === this.podcast.processingStatus)
+            return this.$t('Not recording');
+          return this.$t('Debriefing');
+        case 'ERROR':
+          return this.$t('In error');
+        case 'PUBLISHING':
+          return this.$t('Publishing');
+        default:
+          return '';
+      }
+    },
   },
   watch: {
     arrowDirection(): void {

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

@@ -2,6 +2,7 @@
   <button 
     v-if="!hidePlay || recordingLive"
     class="image-play-button"
+    :class="classicPodcastPlay ? '' : 'transparent-background'"
     @mouseenter="hoverType='audio'"
     @mouseleave="hoverType=''"
     @click="play(false)"
@@ -80,7 +81,7 @@ export default defineComponent({
     ]),
     isVideoPodcast(): boolean {
       return (
-        this.fetchConference?.videoProfile?.includes("video_") ||
+        (this.fetchConference?.videoProfile?.includes("video_") && "READY_TO_RECORD" === this.podcast.processingStatus) ||
         undefined !== this.podcast.video?.videoId
       );
     },
@@ -211,6 +212,9 @@ export default defineComponent({
     position: absolute;
     top: 0;
   }
+  .transparent-background {
+    background-color: #ffffff80;
+  }
 
   .big-icon-error {
     font-size: 1.5rem;

package/src/components/misc/player/PlayerVideoDigiteka.vue

@@ -1,34 +1,44 @@
 <template>
-  <iframe
-    ref="iframeVideo"
-    :src="srcVideo"
-    :title="$t('Video')"
-    width="500"
-    height="281"
-    style="z-index: 1"
-    ebkitallowfullscreen="true"
-    mozallowfullscreen="true"
-    allowfullscreen="true"
-    allow="fullscreen, autoplay"
-    referrerpolicy="no-referrer-when-downgrade"
-  ></iframe>
+  <div>
+    <iframe
+      v-if="playerPodcast?.video?.videoId"
+      ref="iframeVideo"
+      :src="srcVideo"
+      :title="$t('Video')"
+      width="500"
+      height="281"
+      style="z-index: 1"
+      ebkitallowfullscreen="true"
+      mozallowfullscreen="true"
+      allowfullscreen="true"
+      allow="fullscreen, autoplay"
+      referrerpolicy="no-referrer-when-downgrade"
+    ></iframe>
+    <SnackBar ref="snackbar" position="bottom-left" />
+  </div>
 </template>
 
 <script lang="ts">
+import SnackBar from "../../misc/SnackBar.vue";
 import { usePlayerStore } from "@/stores/PlayerStore";
 import { mapState } from "pinia";
 import { defineComponent } from "vue";
 export default defineComponent({
   name: "PlayerVideo",
-  components: {},
+  components: {
+    SnackBar
+  },
 
   computed: {
     ...mapState(usePlayerStore, ["playerPodcast", "playerVideo"]),
+    videoId(): string|undefined{
+      return this.playerPodcast?.video?.videoId;
+    },
     srcVideo(): string {
       if (this.playerVideo) {
         return (
           "//www.ultimedia.com/deliver/generic/iframe/mdtk/01009833/zone/1/showtitle/1/src/" +
-          this.playerPodcast?.video?.videoId +
+          this.videoId +
           "/sound/true/autoplay/1"
         );
       }
@@ -41,6 +51,12 @@ export default defineComponent({
     }, */
   },
   mounted() {
+    if(undefined===this.videoId){
+      (this.$refs.snackbar as InstanceType<typeof SnackBar>).open(
+        this.$t("Podcast play error"),
+      );
+    }
+    
     /* this.goFullScreen(); */
   },
   methods: {

package/src/sass/_variables.scss

@@ -21,6 +21,6 @@ $octopus-primary-color: #1a8658 !default;
 $octopus-secondary-color : #ddd !default;
 
 $primaryColorTransparent : #1a865893 !default;
-$primaryColorLessTransparent : #1a8657d0 !default;
+$primaryColorLessTransparent : #1a8657ef !default;
 $primaryColorMoreTransparent : #1a865854 !default;
 $primaryColorReallyTransparent : #cef7e250 !default;