@saooti/octopus-sdk 31.0.3 → 31.0.4

package/README.md

@@ -562,9 +562,13 @@ See [Configuration Reference](https://cli.vuejs.org/config/).
  * 30.0.63 Italian translation
  * 30.0.64 Modif Le soir
  * 30.0.65 OAuthType
+ * 30.0.66 ScrollBehavior
 
  * 31.0.0 Passage en 31
  * 31.0.1 Ajout pocket casts
  * 31.0.2 Gestion des 403
  * 31.0.3 Merge 30
+ * 31.0.4 Selection des customPlayers
 
+
+ 

package/package.json

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

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

@@ -122,7 +122,7 @@ export default defineComponent({
         this.$store.commit('filterRubrique', filter);
         const queries = this.$route.query;
         const queryString = filter.map(value =>  value.rubriquageId+':'+value.rubriqueId).join();
-        this.$router.push({ query: { ...queries, ...{ rubriquesId: queryString }} });
+        this.$router.replace({ query: { ...queries, ...{ rubriquesId: queryString }} });
       }
     },
     getRubriques(rubriquageId: number): Array<Rubrique>{
@@ -138,7 +138,7 @@ export default defineComponent({
       const queries = this.$route.query;
       if(this.categoryFilter){
         if (queries.iabId) {
-          this.$router.push({ query: {...queries, ...{iabId: undefined} } });
+          this.$router.replace({ query: {...queries, ...{iabId: undefined} } });
         }
         this.$store.commit('filterIab', undefined);
       }else{
@@ -147,9 +147,9 @@ export default defineComponent({
         if (queries.rubriquesId) {
           const queryString = newFilter.map(value => value.rubriquageId+':'+value.rubriqueId).join();
           if("" !== queryString){
-            this.$router.push({ query: { ...queries, ...{ rubriquesId: queryString }} });
+            this.$router.replace({ query: { ...queries, ...{ rubriquesId: queryString }} });
           }else{
-            this.$router.push({ query: { ...queries, ...{ rubriquesId: undefined }} });
+            this.$router.replace({ query: { ...queries, ...{ rubriquesId: undefined }} });
           }
         }
         this.$store.commit('filterRubrique', newFilter);

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

@@ -139,7 +139,7 @@ export default defineComponent({
       }
       const queries = this.$route.query;
       if(!queries.iabId || ('string'===typeof queries.iabId &&  parseInt(queries.iabId ,10) !== category.id)) {
-        this.$router.push({ query: { ...queries, ...{ iabId: category.id.toString() }} });
+        this.$router.replace({ query: { ...queries, ...{ iabId: category.id.toString() }} });
       }
       this.$store.commit('filterIab',category);
     },

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

@@ -105,7 +105,7 @@ export default defineComponent({
       }
       const queries = this.$route.query;
       if (queries.iabId) {
-        this.$router.push({ query: {...queries, ...{iabId: undefined} } });
+        this.$router.replace({ query: {...queries, ...{iabId: undefined} } });
       }
       this.$store.commit('filterIab', undefined);
     }

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

@@ -118,11 +118,17 @@ export default defineComponent({
       });
       this.keepOrganisation = false;
       if (organisation && organisation.id) {
-        this.showBubble = true;
-        setTimeout(() => {
-          this.showBubble = false;
-        }, 6000);
         this.$emit('updateOrganisationId', organisation.id);
+        if(organisation.private){
+          this.$nextTick(() => {
+            this.onKeepOrganisation();
+          });
+        } else{
+          this.showBubble = true;
+          setTimeout(() => {
+            this.showBubble = false;
+          }, 6000);
+        }
       } else {
         this.$emit('updateOrganisationId', undefined);
       }

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

@@ -229,7 +229,7 @@ export default defineComponent({
       }
       const queries = this.$route.query;
       if (queries.rubriquesId) {
-        this.$router.push({ query: {...queries, ...{rubriquesId: undefined} } });
+        this.$router.replace({ query: {...queries, ...{rubriquesId: undefined} } });
       }
       this.$store.commit('filterRubrique', []);
     }

package/src/components/display/playlist/PodcastPlaylistInlineList.vue

@@ -49,9 +49,9 @@
     <router-link
       class="btn btn-link align-self-center width-fit-content m-4"
       :to="{
-          name: 'playlist',
-          params: { playlistId: playlistId.toString() },
-        }"
+        name: 'playlist',
+        params: { playlistId: playlistId.toString() },
+      }"
     >
       {{ $t('See more') }}
       <div

package/src/components/display/rubriques/RubriqueList.vue

@@ -130,7 +130,7 @@ export default defineComponent({
       this.$store.commit('filterRubrique', newFilter);
       const queries = this.$route.query;
       const queryString = newFilter.map(value =>  value.rubriquageId+':'+value.rubriqueId).join();
-      this.$router.push({ query: { ...queries, ...{ rubriquesId: queryString }} });
+      this.$router.replace({ query: { ...queries, ...{ rubriquesId: queryString }} });
       this.selectNewRubriquage();
     },
     selectNewRubriquage(){

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

@@ -33,7 +33,7 @@
               :podcast="podcast"
               :emission="emission"
               :playlist="playlist"
-              :custom-players="customPlayers"
+              :organisation-id="organisationId"
             />
           </div>
           <SharePlayerColors
@@ -82,7 +82,6 @@ import octopusApi from '@saooti/octopus-api';
 import { Podcast } from '@/store/class/general/podcast';
 import { Emission } from '@/store/class/general/emission';
 import { Playlist } from '@/store/class/general/playlist';
-import { CustomPlayer } from '@/store/class/general/customPlayer';
 import { defineComponent, defineAsyncComponent } from 'vue';
 const ShareModalPlayer = defineAsyncComponent(() => import('../../misc/modal/ShareModalPlayer.vue'));
 const PlayerParameters = defineAsyncComponent(() => import('./PlayerParameters.vue'));
@@ -119,7 +118,6 @@ export default defineComponent({
       iFrameNumber: '3' as string,
       isVisible: false as boolean,
       displayArticle: true as boolean,
-      customPlayers: [] as Array<CustomPlayer>,
       colors: ['#000000', '#ffffff'],
     };
   },
@@ -333,15 +331,6 @@ export default defineComponent({
       } else {
         this.theme = '#000000';
       }
-      let dataFetched = await octopusApi.fetchCustomPlayer('customPlayer/organisation/'+ this.organisationId);
-      this.customPlayers = dataFetched.content;
-      const totalCount = dataFetched.totalElements;
-      let index = 1;
-      while (totalCount > this.customPlayers.length) {
-        dataFetched =  await octopusApi.fetchCustomPlayer('customPlayer/organisation/'+ this.organisationId+'?start='+index);
-        this.customPlayers = this.customPlayers.concat(dataFetched.content);
-        ++index;
-      }
     },
     updateEpisodeNumber(value: string): void {
       this.episodeNumbers = value;

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

@@ -48,6 +48,8 @@
 </template>
 
 <script lang="ts">
+import { state } from '../../../store/paramStore';
+import octopusApi from '@saooti/octopus-api';
 import { Podcast } from '@/store/class/general/podcast';
 import { CustomPlayer } from '@/store/class/general/customPlayer';
 import { defineComponent } from 'vue';
@@ -58,12 +60,21 @@ export default defineComponent({
     podcast: { default: undefined, type: Object as ()=> Podcast},
     emission: { default: undefined, type: Object as ()=> Emission},
     playlist: { default: undefined, type: Object as ()=> Playlist},
-    customPlayers: { default: ()=>[], type: Array as ()=> Array<CustomPlayer>},
     iFrameModel: { default: 'default', type: String},
+    organisationId: { default: undefined, type: String},
   },
   emits:['update:iFrameModel'],
 
+  data() {
+    return {
+      customPlayers: [] as Array<CustomPlayer>,
+    };
+  },
+
   computed: {
+    authenticated(): boolean {
+      return (state.generalParameters.authenticated as boolean);
+    },
     customPlayersDisplay(): Array<CustomPlayer>{
       return this.customPlayers.filter((player: CustomPlayer)=>{
         return (('EPISODE' === player.typePlayer ||'SUGGESTION' === player.typePlayer) && this.podcast && this.podcast.podcastId) ||
@@ -71,5 +82,41 @@ export default defineComponent({
       });
     },
   },
+   async created() {
+    await this.initCustomPlayers();
+  },
+
+  methods: {
+    async fetchCustomPlayers(type:string, trySelect: boolean): Promise<boolean>{
+      let players = await octopusApi.fetchCustomPlayer('customPlayer/type/'+ this.organisationId+'/'+type);
+      let playersContent = players.content;
+      const totalCount = players.totalElements;
+      let index = 1;
+      while (totalCount > playersContent.length) {
+        players =  await octopusApi.fetchCustomPlayer('customPlayer/type/'+ this.organisationId+'/'+type+'?start='+index);
+        playersContent = playersContent.concat(players.content);
+        ++index;
+      }
+      this.customPlayers = this.customPlayers.concat(playersContent);
+      if(trySelect && this.customPlayers[0] && this.customPlayers[0].selected){
+        this.$emit('update:iFrameModel',this.customPlayers[0].customId);
+        return false;
+      }
+      return true;
+    },
+    async initCustomPlayers(): Promise<void> {
+      if (!this.authenticated) return;
+      if(this.playlist){
+        this.fetchCustomPlayers('PLAYLIST', true);
+      }else if(this.emission  && !this.podcast){
+        this.fetchCustomPlayers('EMISSION', true);
+      }else{
+        let playerTrySelect = true;
+        playerTrySelect = await this.fetchCustomPlayers('EPISODE', playerTrySelect);
+        playerTrySelect = await this.fetchCustomPlayers('EMISSION', playerTrySelect);
+        playerTrySelect = await this.fetchCustomPlayers('SUGGESTION', playerTrySelect);
+      }
+    },
+  }
 })
 </script>

package/src/main.ts

@@ -16,7 +16,7 @@ import 'bootstrap/dist/js/bootstrap.bundle.min.js';
 
 //TODO
 const navigatorLang = navigator.language /* || navigator.userLanguage */;
-let language = 'it';
+let language = 'fr';
 if(navigatorLang.includes('en')){
   language = 'en';
 }

package/src/store/class/general/customPlayer.ts

@@ -4,5 +4,6 @@ export interface CustomPlayer{
   template: string,
   css: string,
   typePlayer: string,
-  name: string
+  name: string,
+  selected: boolean,
 }

package/src/store/paramStore.ts

@@ -12,7 +12,7 @@ const state:paramStore = {
     isPlaylist: false,
     isProduction: true,
     isContribution: true,
-    ApiUri: 'https://api.staging.saooti.org/',
+    ApiUri: 'https://api.dev2.saooti.org/',
     podcastmaker: false,
     buttonPlus: true,
     allCategories: [],
@@ -26,10 +26,10 @@ const state:paramStore = {
     SharePlayer: true,
     ShareButtons: true,
     ShareDistribution: true,
-    MiniplayerUri: 'https://playerbeta.staging.saooti.org/',
+    MiniplayerUri: 'https://playerbeta.dev2.saooti.org/',
     ouestFranceStyle: false,
     downloadButton: false,
-    hlsUri: 'https://hls.staging.saooti.org/',
+    hlsUri: 'https://hls.dev2.saooti.org/',
     mainRubrique: 0,
     resourceUrl: undefined
   },
@@ -85,10 +85,10 @@ const state:paramStore = {
     userName: '',
   },
   octopusApi: {
-    url: 'http://api.staging.saooti.org/',
-    commentsUrl: 'http://comments.staging.saooti.org/',
-    studioUrl: 'http://studio.staging.saooti.org/',
-    playerUrl: 'https://playerbeta.staging.saooti.org/',
+    url: 'http://api.dev2.saooti.org/',
+    commentsUrl: 'http://comments.dev2.saooti.org/',
+    studioUrl: 'http://studio.dev2.saooti.org/',
+    playerUrl: 'https://playerbeta.dev2.saooti.org/',
     organisationId: undefined,
     rubriqueIdFilter: undefined,
   },