@saooti/octopus-sdk 37.0.37 → 37.0.39

package/package.json

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

package/src/assets/share.scss

@@ -1,4 +1,3 @@
-$newLightenColor:lighten($octopus-primary-color, 55%);
 .octopus-app{
   .page-box-absolute{
 		position: absolute;
@@ -273,7 +272,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;
@@ -286,19 +285,19 @@ $newLightenColor:lighten($octopus-primary-color, 55%);
         font-size: 1.8rem;
         color: white;
       }
-      &.hover-type-audio, &.hover-type-video{
+      /* &.hover-type-audio, &.hover-type-video{
         color: $newLightenColor;
         .bloc-paddle > span{
           background: $newLightenColor !important;
         }
-      }
+      } */
       &.hover-type-video{
-        .saooti-play{
+        /*.saooti-play{
           color: white;
         }
         .saooti-play-video{
           color: $newLightenColor;
-        }
+        } */
         &.has-video{
           .saooti-play-video{
             font-size: 2.5rem;
@@ -306,12 +305,12 @@ $newLightenColor:lighten($octopus-primary-color, 55%);
         }
       } 
       &.hover-type-audio{
-        .saooti-play{
+        /* .saooti-play{
           color: $newLightenColor;
         }
         .saooti-play-video{
           color: white;
-        }
+        } */
         &.has-video{
           .saooti-play{
             font-size: 2.5rem;

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

@@ -81,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
       );
     },

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;