@saooti/octopus-sdk 30.0.54 → 30.0.57

package/README.md

@@ -550,4 +550,7 @@ See [Configuration Reference](https://cli.vuejs.org/config/).
  * 30.0.51 Commentaires live
  * 30.0.52 Ajout rubriqueIdFilter
  * 30.0.53 Commentaires live
- * 30.0.54 Multiselect not reload on close
+ * 30.0.54 Multiselect not reload on close
+ * 30.0.55 Align participant img
+ * 30.0.56 Popover title
+ * 30.0.57 podcastmaker Le soir améliorations

package/index.ts

@@ -32,6 +32,7 @@ import EmissionChooser from "./src/components/display/emission/EmissionChooser.v
 import EmissionList from "./src/components/display/emission/EmissionList.vue";
 /*import MonetizableFilter from "./src/components/display/filter/MonetizableFilter.vue";
 import ProductorSearch from "./src/components/display/filter/ProductorSearch.vue";*/
+import AdvancedSearch from "./src/components/display/filter/AdvancedSearch.vue";
 import OrganisationChooser from "./src/components/display/organisation/OrganisationChooser.vue";
 /*import ParticipantItem from "./src/components/display/participant/ParticipantItem.vue";
 import ParticipantList from "./src/components/display/participant/ParticipantList.vue";
@@ -110,7 +111,8 @@ const components = {
     ClassicSearch,
     ClassicCheckbox,
     ClassicRadio,
-    ClassicLoading
+    ClassicLoading,
+    AdvancedSearch
 }
 
 export default components;
@@ -162,5 +164,6 @@ export {
     ClassicSearch,
     ClassicCheckbox,
     ClassicRadio,
-    ClassicLoading
+    ClassicLoading,
+    AdvancedSearch
 };

package/package.json

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

package/src/assets/general.scss

@@ -212,6 +212,7 @@ body{
     border-radius: 50%;
     background-size: cover;
     box-shadow: 0px 8px 26px 6px rgba(64, 163, 114, 0.3);
+    margin: auto;
   }
 
   .comma {

package/src/components/display/emission/EmissionInlineList.vue

@@ -43,6 +43,7 @@
         alignLeft ? 'justify-content-start' : '',
         overflowScroll ? 'overflowScroll' : '',
       ]"
+      :css="isInlineAnimation"
     >
       <EmissionPlayerItem
         v-for="e in emissions"
@@ -127,7 +128,10 @@ export default defineComponent({
     },
     transitionName(): string {
       return this.direction > 0 ? 'out-left' : 'out-right';
-    }
+    },
+    isInlineAnimation(): boolean {
+      return (state.generalParameters.isInlineAnimation as boolean);
+    },
   },
 
   watch: {

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

@@ -8,16 +8,12 @@
       :id="idPopover"
       tabindex="-1"
       class="saooti-help m-0"
-      :title="$t('Help')"
+      :title="title"
     />
     <span class="mx-1">:</span>
     <Popover
       :target="idPopover"
     >
-      <div class="text-center font-weight-bold">
-        {{ title }}
-      </div>
-      <hr>
       <div 
         v-for="participant in participants"
         :key="'desc-'+participant.participantId"

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

@@ -55,6 +55,7 @@
         alignLeft ? 'justify-content-start' : '',
         overflowScroll ? 'overflowScroll' : '',
       ]"
+      :css="isInlineAnimation"
     >
       <PodcastItem
         v-for="p in podcasts"
@@ -137,6 +138,9 @@ export default defineComponent({
     overflowScroll(): boolean {
       return (state.emissionPage.overflowScroll as boolean);
     },
+    isInlineAnimation(): boolean {
+      return (state.generalParameters.isInlineAnimation as boolean);
+    },
     filterOrga(): string {
       return this.$store.state.filter.organisationId;
     },

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

@@ -50,6 +50,9 @@ export default defineComponent({
       return (state.generalParameters.authenticated as boolean);
     },
   },
+  created(){
+    this.initColor();
+  },
   methods:{
     download(): void{
       const link = document.createElement('a');
@@ -62,6 +65,10 @@ export default defineComponent({
       }
     },
     async initColor(): Promise<void> {
+      if(state.generalParameters.podcastmaker && state.generalParameters.podcastmakerColor){
+        this.color = state.generalParameters.podcastmakerColor;
+        return;
+      }
       if (!this.authenticated) return;
       let data;
       if(this.$store.state.organisation && this.$store.state.organisation.attributes && Object.keys(this.$store.state.organisation.attributes).length > 1){

package/src/components/misc/Player.vue

@@ -51,6 +51,15 @@
           :player-error="playerError"
           :listen-time="listenTime"
         />
+        <div
+          class="play-button-box primary-bg text-light"
+          @click="stopPlayer"
+        >
+          <div
+            class="saooti-cross"
+            :title="$t('Close')"
+          />
+        </div>
         <PlayerClockAndTimeline
           v-model:showTimeline="showTimeline"
           :comments="comments"
@@ -204,6 +213,9 @@ export default defineComponent({
   },
   
   methods: {
+    stopPlayer(): void {
+      this.$store.commit('playerPlayPodcast');
+    },
     getListenerId(): string{
       let listenerId = this.getCookie("octopus_listenerId");
       if(!listenerId){

package/src/components/misc/PlayerButtons.vue

@@ -23,16 +23,6 @@
       }"
     />
   </div>
-  <div
-    v-if="isPlaying || isPaused"
-    class="play-button-box primary-bg text-light"
-    @click="stopPlayer"
-  >
-    <div
-      class="saooti-stop-bounty"
-      :title="$t('Stop')"
-    />
-  </div>
 </template>
 
 <script lang="ts">
@@ -114,9 +104,6 @@ export default defineComponent({
         this.onPause();
       }
     },
-    stopPlayer(): void {
-      this.$store.commit('playerPlayPodcast');
-    },
     onPlay(): void {
       this.$store.commit('playerPause', false);
     },

package/src/components/misc/Popover.vue

@@ -109,5 +109,8 @@ export default defineComponent({
 .popover{
   max-height: 80vh;
   overflow: auto;
+  hr{
+    width: 100px;
+  }
 }
 </style>

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

@@ -242,9 +242,7 @@ export default defineComponent({
           `" title="` +
           this.$t('Listen this episode') +
           `">
-          <img width="44" height="44" style="display: inline-block;vertical-align: middle" src="` +
-          this.resourcesUrl +
-          `/img/play-podcast.png">
+          <img width="44" height="44" style="display: inline-block;vertical-align: middle" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAABmJLR0QA/wD/AP+gvaeTAAAAxElEQVRIie3WMWpCURBG4Q8FSRrtbC2SPhvICmzchVuwtXQLbsE2pVUIkjqQHVgqNmIj6EvxGHhFQAIvcxt/OPVhhrlzh3sKZ4MvTLLFVYNPvJYQB294LiGucMYSw2xxcMQcj9niYIsputni4BvjEuJgjZcS4goXrDDKFgcnLDDIFgd7zNDLFgfvTUHnL23ISJuV7iS3Ooarn1VxkeeUvkDSV2b6J3FQT+pDW8Jb4vRD4Kqe1Kf/Ev4mTj32PhQ6b+9pPT+XHgysHrPM6QAAAABJRU5ErkJggg=="/>
         </a>
         <a style="color: #000;text-decoration: none; margin-right:8px" href="` +
           window.location.href +
@@ -283,6 +281,9 @@ export default defineComponent({
       });
     },
   },
+  created(){
+    this.initColor();
+  },
   methods: {
     closePopup(event: { preventDefault: () => void }): void {
       event.preventDefault();
@@ -302,6 +303,11 @@ export default defineComponent({
     },
     afterCopy(): void{
       (this.$refs.snackbar as InstanceType<typeof SnackbarVue>).open(this.$t('Data in clipboard'));
+    },
+    initColor(): void {
+      if(state.generalParameters.podcastmaker && state.generalParameters.podcastmakerColor){
+        this.color = state.generalParameters.podcastmakerColor;
+      }
     }
   },
 })

package/src/store/paramStore.ts

@@ -18,7 +18,8 @@ const state:paramStore = {
     allCategories: [],
     isLiveTab: false,
     isCaptchaTest: true,
-    podcastItem:13
+    podcastItem:13,
+    isInlineAnimation:true,
   },
   podcastPage: {
     EditBox: false,
@@ -108,7 +109,9 @@ export interface GeneralParameters{
   allCategories?: Array<Category>,
   isLiveTab?: boolean,
   isCaptchaTest?: boolean,
-  podcastItem?: number
+  podcastItem?: number,
+  podcastmakerColor?: string,
+  isInlineAnimation?: boolean
 }
 export interface PodcastPage{
   EditBox?: boolean,