@saooti/octopus-sdk 36.0.35 → 36.0.37

package/package.json

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

package/src/assets/bootstrap.scss

@@ -69,7 +69,7 @@ input:not([class^="vs__"]), button:not([class^="vs__"]), select:not([class^="vs_
 	}
 	.btn{
 		display: inline-block;
-		padding: 0.5rem;
+		padding: 0.4rem;
 		line-height: 1.5;
 		color: #212529;
 		text-align: center;

package/src/assets/form.scss

@@ -1,6 +1,7 @@
 .octopus-app{
 	.octopus-form-item{
 		min-height: 1.44rem;
+    padding: 0.4rem 0;
 	}
 	.form-label {
 		display: block;

package/src/components/display/categories/CategoryFilter.vue

@@ -182,7 +182,7 @@ export default defineComponent({
 .octopus-app{
   .header-img{
     display: flex;
-    min-height: 15rem;
+    min-height: 10rem;
     background-size: cover;
     background-position: center;
     h1{

package/src/components/display/filter/DateFilter.vue

@@ -14,9 +14,8 @@
         :label="$t('From the :')"
       />
       <ClassicDatePicker
-        class="ps-3 pe-3"
         :date="fromDate"
-        template-class="px-2 py-1 border rounded focus:border-blue-300"
+        template-class="mx-2 px-2 py-1 border rounded focus:border-blue-300"
         @updateDate="fromDate=$event;updateFromDate"
       />
     </div>
@@ -28,9 +27,8 @@
         :label="$t('To the :')"
       />
       <ClassicDatePicker
-        class="ps-3"
         :date="toDate"
-        template-class="px-2 py-1 border rounded focus:border-blue-300"
+        template-class="ms-2 px-2 py-1 border rounded focus:border-blue-300"
         @updateDate="toDate=$event;updateToDate"
       />
     </div>

package/src/components/display/filter/RubriqueFilter.vue

@@ -11,7 +11,7 @@
     />
     <div
       v-if="isRubriquage"
-      class="d-flex flex-column mb-2 flex-grow-1"
+      class="d-flex ms-1 flex-column mb-2 flex-grow-1"
     >
       <RubriqueChoice 
         v-for="(filter, index) in arrayFilter"

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

@@ -214,7 +214,7 @@ export default defineComponent({
         case 'RECORDING':
           return this.$t('In live');
         case 'DEBRIEFING':
-          if (!this.isAnimatorLive) return '';
+          /* if (!this.isAnimatorLive) return ''; */
           if ('READY_TO_RECORD' === this.podcast.processingStatus)
             return this.$t('Not recording');
           return this.$t('Debriefing');
@@ -318,10 +318,10 @@ export default defineComponent({
   .image-play-button .play-button-error-icon {
     background: #0000009d !important;
     cursor: default !important;
-    align-self: center;
-    margin-bottom: calc(50% - 1rem);
+    /* align-self: center;
+    margin-bottom: calc(50% - 1rem); */
     .big-icon-error {
-      font-size: 2rem;
+      font-size: 1.5rem;
       position: relative;
     }
   }

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

@@ -135,7 +135,6 @@
       v-if="
         !!fetchConference &&
           isLiveReadyToRecord &&
-          !isNotRecorded &&
           isOctopusAndAnimator
       "
       :podcast="podcast"
@@ -147,6 +146,7 @@
     <EditBox
       v-else-if="editRight && isEditBox"
       :podcast="podcast"
+      :displayStudioAccess="isDebriefing"
       @validatePodcast="$emit('updatePodcast', $event)"
     />
     <TagList
@@ -243,9 +243,8 @@ export default defineComponent({
         'READY' === this.podcast?.processingStatus
       );
     },
-    isNotRecorded(): boolean {
+    isDebriefing(): boolean {
       return (
-        this.isLiveReadyToRecord &&
         undefined!==this.fetchConference &&
         'DEBRIEFING' === this.fetchConference.status
       );

package/src/components/form/ClassicMultiselect.vue

@@ -174,6 +174,9 @@ import vSelect from "vue-select";
   .vs__dropdown-option{
     white-space: initial;
   }
+  .vs--searchable .vs__dropdown-toggle{
+    cursor: pointer;
+  }
   .vs__search:focus{
     min-width: 150px;
   }

package/src/components/form/ClassicRadio.vue

@@ -7,7 +7,7 @@
       v-for="option in options"
       :key="option.title"
       class="octopus-form-item"
-      :class="isColumn? 'mb-2':'me-2'"
+      :class="isColumn? 'd-flex align-items-center':'me-2'"
     >
       <input
         :id="idRadio + option.value"

package/src/components/misc/Popover.vue

@@ -167,9 +167,9 @@ export default defineComponent({
 	z-index: 9999;
 	&.octopus-dropdown{
 		min-width: 200px;
-		padding: 0.5rem 1rem;
 		.octopus-dropdown-item{
-			display: block;
+			display: flex;
+    	justify-content: center;
 			color: rgb(29, 29, 29);
 			width: 100%;
 			padding: 0.25rem 1rem;

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

@@ -59,6 +59,7 @@
     </div>
     <div class="d-flex align-items-center flex-grow-1">
       <button
+        title="-15''"
         class="btn fs-1 bg-transparent text-light saooti-backward"
         @click="seekClick(-15)"
       />
@@ -78,6 +79,7 @@
         />
       </button>
       <button
+        title="+15''"
         class="btn fs-1 bg-transparent text-light saooti-forward"
         @click="seekClick(15)"
       />

package/src/components/pages/Podcast.vue

@@ -223,18 +223,25 @@ export default defineComponent({
   },
   
   methods: {
+    async fetchConferencePublic(){
+      const data = await octopusApi.fetchData<string>(9, 'conference/realstatus/'+this.podcast.conferenceId);
+      this.fetchConference = {
+        status: data,
+        conferenceId: this.podcast.conferenceId,
+        title:'',
+      };
+    },
     async initConference(){
-      if (!this.podcast || !this.isLiveReadyToRecord) return;
-      if (this.isOctopusAndAnimator && undefined!==this.podcast.conferenceId) {
-        const data = await crudApi.fetchData<Conference>(9,'conference/'+this.podcast.conferenceId);
-        this.fetchConference = data ? data : {conferenceId:-1, title:''};
-      } else if(undefined!==this.podcast.conferenceId){
-        const data = await octopusApi.fetchData<string>(9, 'conference/realstatus/'+this.podcast.conferenceId);
-        this.fetchConference = {
-          status: data,
-          conferenceId: this.podcast.conferenceId,
-          title:'',
-        };
+      if (!this.podcast || undefined==this.podcast.conferenceId) return;
+      if (this.isOctopusAndAnimator ) {
+        try {
+          const data = await crudApi.fetchData<Conference>(9,'conference/'+this.podcast.conferenceId);
+          this.fetchConference = data ? data : {conferenceId:-1, title:''};
+        } catch {
+          await this.fetchConferencePublic();
+        }
+      } else{ 
+        await this.fetchConferencePublic();
       }
       if (
         this.fetchConference && 

package/src/stores/ParamSdkStore.ts

@@ -12,7 +12,7 @@ const state:ParamStore = {
     isPlaylist: false,
     isProduction: false,
     isContribution: true,
-    ApiUri: 'https://api.dev2.saooti.org/',
+    ApiUri: 'https://api.staging.saooti.org/',
     podcastmaker: false,
     buttonPlus: true,
     allCategories: [],
@@ -26,8 +26,8 @@ const state:ParamStore = {
     SharePlayer: true,
     ShareButtons: true,
     ShareDistribution: true,
-    MiniplayerUri: 'https://playerbeta.dev2.saooti.org/',
-    hlsUri: 'https://hls.dev2.saooti.org/',
+    MiniplayerUri: 'https://playerbeta.staging.saooti.org/',
+    hlsUri: 'https://hls.staging.saooti.org/',
     mainRubrique: 0,
     resourceUrl: undefined,
     podcastItemShowEmission: false,
@@ -79,13 +79,13 @@ const state:ParamStore = {
     userName: '',
   },
   octopusApi: {
-    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/',
+    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/',
     organisationId: undefined,
     rubriqueIdFilter: undefined,
   },