@saooti/octopus-sdk 32.0.1 → 32.0.4

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

@@ -21,16 +21,26 @@
                 <h4 class="mb-3">
                   {{ $t('Configuration') }}
                 </h4>
-                <ClassicCheckbox
-                  v-model:textInit="displayEmissionName"
-                  id-checkbox="display-emission-name"
-                  :label="$t('Display emission name')"
-                />
-                <ClassicCheckbox
-                  v-model:textInit="displayParticipantsNames"
-                  id-checkbox="display-participants-names"
-                  :label="$t('Display participants list')"
-                />
+                <label for="share-url-newsletter">{{$t('Share')}}</label>
+                <input
+                  v-model="shareUrl"
+                  id="share-url-newsletter"
+                  class="form-input mb-2"
+                  type="text"
+                  :class="{ 'border border-danger': 0 === shareUrl }"
+                >
+                <template v-if="podcast">
+                  <ClassicCheckbox
+                    v-model:textInit="displayEmissionName"
+                    id-checkbox="display-emission-name"
+                    :label="$t('Display emission name')"
+                  />
+                  <ClassicCheckbox
+                    v-model:textInit="displayParticipantsNames"
+                    id-checkbox="display-participants-names"
+                    :label="$t('Display participants list')"
+                  />
+                </template>
                 <div class="d-flex align-items-center mt-2">
                   <VSwatches
                     v-model="color"
@@ -101,6 +111,9 @@ import { Podcast } from '@/store/class/general/podcast';
 import { state } from '../../../store/paramStore';
 import { defineComponent } from 'vue'
 import SnackbarVue from '../../misc/Snackbar.vue';
+import octopusApi from '@saooti/octopus-api';
+import { Emission } from '@/store/class/general/emission';
+import { Playlist } from '@/store/class/general/playlist';
 export default defineComponent({
   name: 'NewsletterModal',
 
@@ -113,7 +126,9 @@ export default defineComponent({
   mixins: [displayMethods],
 
   props: {
-    podcast: { default: ()=>({}), type: Object as ()=> Podcast},
+    podcast: { default: undefined, type: Object as ()=> Podcast},
+    emission: { default: undefined, type: Object as ()=> Emission},
+    playlist: { default: undefined, type: Object as ()=>Playlist},
   },
 
   emits: ['close'],
@@ -123,164 +138,150 @@ export default defineComponent({
       displayParticipantsNames: true as boolean,
       displayEmissionName: true as boolean,
       color: '#40a372' as string,
-      dummyParam: new Date().getTime().toString() as string,
+      shareUrl: window.location.href as string,
+
     };
   },
 
   computed: {
-    resourcesUrl(): string{
-      return state.podcastPage.resourceUrl? state.podcastPage.resourceUrl : window.location.origin;
+    date(): string {
+      if(!this.podcast || 1970 === moment(this.podcast.pubDate).year()){return '';}
+      return moment(this.podcast.pubDate).format('D MMMM YYYY, HH[h]mm');
+    },
+    duration(): string {
+      if (!this.podcast || this.podcast.duration <= 1) return '';
+      if (this.podcast.duration > 600000) {
+        return humanizeDuration(this.podcast.duration, {
+          language: this.$i18n.locale,
+          largest: 1,
+          round: true,
+        });
+      }
+      return humanizeDuration(this.podcast.duration, {
+        language: this.$i18n.locale,
+        largest: 2,
+        round: true,
+      });
     },
     emissionName(): string {
-      if (this.displayEmissionName)
-        return (
-          `<tr><td colspan="2" style="font-size: 16px;line-height:24px;font-weight: bold;">` +
-          this.podcast.emission.name +
-          `</td></tr>`
-        );
-      return '';
+      if (!this.displayEmissionName || !this.podcast){return ''}
+      return (
+        `<tr><td colspan="2" style="font-size: 16px;line-height:24px;font-weight: bold;">${this.podcast.emission.name}</td></tr>`
+      );
     },
     articleHtml(): string{
-      if(this.podcast.article && 0 !== this.podcast.article.length){
-        return (`<a href="` +
-          this.podcast.article +
-          `" title="` +
-          this.$t('See associated article') +
-          `">
-          <img width="44" height="44" style="display: inline-block;vertical-align: middle; margin-right:3px" src="` +
-          this.resourcesUrl + `/img/article.png">
-        </a>
-        <a style="color: #000;text-decoration: none;" href="` +
-          this.podcast.article +
-          `">` +
-          this.$t('See associated article') +
-          `</a>`);
-      }
-      return '';
+      if (!this.podcast?.article ||0 === this.podcast.article?.length){return ''}
+      return (`<a href="${this.podcast.article}" title="${this.$t('See associated article')}">
+        <img width="44" height="44" style="display: inline-block;vertical-align: middle; margin-right:3px" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABmJLR0QA/wD/AP+gvaeTAAAA6UlEQVRIie3WPUpEMRTF8R9+4QpEBGttrcdeV+E2pp3KdYi7GBRttNVCZgOCjSuQ+UCLJzLIe7l3HpFpPJAuOf+T5F4SYh3jFZ/JMVlevJUwv8c+HvEQzD/FIBEaHOFtKdkosWb0PfdHGwXzOxxk03SpDVDNvA1Q1bwNcFMwn/cB/K6iQ+3VMsVVDQDcylVMSl1VBOea5FFjTXHWZVJqtCdcYjcI+YHnPoB3FY6qdERVVNrBHi6wGXgscK3Z8UqAE80dbAeAGV4wXhUwxk5gHurP72CtgP9Gw5oabYBhT7/wwZ/If09S35Yv52lVAXwyqt0AAAAASUVORK5CYII=">
+      </a>
+      <a style="color: #000;text-decoration: none;" href="${this.podcast.article}">${this.$t('See associated article')}</a>`);
     },
     participantsName(): string {
-      if (!this.displayParticipantsNames || !this.podcast.animators) return '';
+      if (!this.displayParticipantsNames || !this.podcast || !this.podcast.animators) return '';
       const text = [''];
       this.podcast.animators.forEach((element: Participant) => {
         text.push(
           `<table width='100%' style="width:100%;background: #f3f3f3;font-family: Arial, sans-serif;font-size: 12px;line-height: 20px;border-bottom-left-radius: 1.5em;border-bottom-right-radius: 1.5em;">
 					<tr>
 						<td width="90" rowspan="2" style="text-align:left; vertical-align: top; width: 90px;padding:0 15px 15px 10px">
-							<img width="72"  style="width: 62px;height: 62px;border-radius: 50%;background-color: #fff;" src="` +
-            element.imageUrl +
-            `" alt="` +
-            this.$t('Animator image') +
-            `">
+							<img width="72"  style="width: 62px;height: 62px;border-radius: 50%;background-color: #fff;" src="${element.imageUrl}" alt="${this.$t('Animator image')}">
 						</td>
-						<td height="1" style="height: 1px;text-align:left; font-size: 14px;line-height:20px;vertical-align: top;font-weight: bold;padding-top: 23px;">` +
-            this.getName(element) +
-            `</td>
+						<td height="1" style="height: 1px;text-align:left; font-size: 14px;line-height:20px;vertical-align: top;font-weight: bold;padding-top: 23px;">${this.getName(element)}</td>
 					</tr>`
         );
         if (element.description) {
           text.push(
-            `<tr>
-							<td style="height: 100%;text-align:justify;padding-bottom: 15px;padding-right: 15px; font-size: 12px;line-height:16px;vertical-align: top">
-								` +
-              element.description +
-              `
-							</td>
-						</tr>`
+            `<tr><td style="height: 100%;text-align:justify;padding-bottom: 15px;padding-right: 15px; font-size: 12px;line-height:16px;vertical-align: top">
+							${element.description}</td></tr>`
           );
         }
         text.push(`</table>`);
       });
       return text.join('');
     },
+    imageUrl():string{
+      if(this.podcast){
+        return `${this.podcast.imageUrl}" alt="${this.$t('Podcast image')}`;
+      }
+      if(this.emission){
+        return `${this.emission.imageUrl}" alt="${this.$t('Emission image')}`;
+      }
+      if(this.playlist){
+        return `${this.playlist.imageUrl}" alt="${this.$t('Playlist image')}`;
+      }
+      return '';
+    },
+    title():string{
+      if(this.podcast){
+        return this.podcast.title;
+      }
+      if(this.emission){
+        return this.emission.name;
+      }
+      if(this.playlist){
+        return this.playlist.title;
+      }
+      return '';
+    },
+    description():string{
+      if (this.podcast && this.podcast.description) {
+        return `<tr><td colspan="2" valign="top" style="line-height:24px;font-size: 14px;max-width: 500px;">${this.podcast.description}</td></tr>`;
+      }
+      if(this.emission && this.emission.description){
+        return `<tr><td colspan="2" valign="top" style="line-height:24px;font-size: 14px;max-width: 500px;">${this.emission.description}</td></tr>`;
+      }
+      if(this.playlist && this.playlist.description){
+        return `<tr><td colspan="2" valign="top" style="line-height:24px;font-size: 14px;max-width: 500px;">${this.playlist.description}</td></tr>`;
+      }
+      return '';
+    },
+    shareText():string{
+      if (this.podcast) {
+        return this.$t('Listen this episode');
+      }
+      if (this.emission) {
+        return this.$t('All podcast emission button');
+      }
+      return this.$t('Podcasts in the playlist');
+    },
+    durationPodcast():string{
+      if(!this.podcast){return ''}
+      return `<td colspan="2" style="height: 1px;color: #666;font-size: 12px;line-height: 16px;padding-top:15px;">
+          <span>${this.date}</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+          <span style="padding: 0 10px">${this.$t('Duration', { duration: this.duration })}</span>
+				</td>`;
+    },
     newsletterHtml(): string {
       const html = [
         `<table width='100%' style="width:100%;background:#f3f3f3;font-family: Arial, sans-serif;font-size: 12px;line-height: 20px;border-top-left-radius: 1.5em;border-top-right-radius: 1.5em;">
-		<tr>
+        <tr>
 				<td valign="top" rowspan="4" style="vertical-align: top; padding: 10px;">
-						<img width="140" height="140" src="` +
-          this.podcast.imageUrl +
-          `" alt="` +
-          this.$t('Podcast image') +
-          `" style="width: 140px;border-radius: 16px; box-shadow: 0px 12px 48px 6px rgba(64, 163, 114, 0.2);">
-				</td>
-				<td colspan="2" style="height: 1px;color: #666;font-size: 12px;line-height: 16px;padding-top:15px;">
-						<span>` +
-          this.date +
-          `</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="padding: 0 10px">` +
-          this.$t('Duration', { duration: this.duration }) +
-          `</span>
+						<img width="140" height="140" src="${this.imageUrl}" style="width: 140px;border-radius: 16px; box-shadow: 0px 12px 48px 6px rgba(64, 163, 114, 0.2);">
 				</td>
+				${this.durationPodcast}
 		</tr>
 		<tr>
-				<td colspan="2" valign="top" style="line-height:24px;color: ` +
-          this.color +
-          `;font-size: 17px;text-transform: uppercase;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;max-width: 400px;padding-top: 0.5em;">
-						` +
-          this.podcast.title +
-          `
+				<td colspan="2" valign="top" style="line-height:24px;color: ${this.color};font-size: 17px;text-transform: uppercase;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;max-width: 400px;padding-top: 0.5em;">
+          ${this.title}
 				</td>
 		</tr>
-		` +
-          this.emissionName,
+    ${this.emissionName},${this.description}`
       ];
-      if (this.podcast.description) {
-        html.push(
-          `<tr>
-				<td colspan="2" valign="top" style="line-height:24px;font-size: 14px;max-width: 500px;">
-						` +
-            this.podcast.description +
-            `
-				</td>
-		</tr>`
-        );
-      }
       html.push(
-        `
-    </table>
+      `</table>
       <div style="font-family: Arial, sans-serif;font-size: 12px;line-height: 20px;background: #f3f3f3;vertical-align: middle;padding: 15px 10px;display: flex; align-items:center; flex-wrap:wrap">
-        <a href="` +
-          window.location.href +
-          `" title="` +
-          this.$t('Listen this episode') +
-          `">
+        <a href="${this.shareUrl}">
           <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 +
-          `">` +
-          this.$t('Listen this episode') +
-          `</a>` + this.articleHtml + `
-      </div>
-		` +
-          this.participantsName
+        <a style="color: #000;text-decoration: none; margin-right:8px" href="${this.shareUrl}">${this.shareText}</a>
+        ${this.articleHtml}
+      </div>${this.participantsName}`
       );
       return html.join('');
     },
-    
-    date(): string {
-      if (1970 !== moment(this.podcast.pubDate).year()){
-        return moment(this.podcast.pubDate).format('D MMMM YYYY, HH[h]mm');
-      }
-      return '';
-    },
-    duration(): string {
-      if (this.podcast.duration <= 1) return '';
-      if (this.podcast.duration > 600000) {
-        return humanizeDuration(this.podcast.duration, {
-          language: this.$i18n.locale,
-          largest: 1,
-          round: true,
-        });
-      }
-      return humanizeDuration(this.podcast.duration, {
-        language: this.$i18n.locale,
-        largest: 2,
-        round: true,
-      });
-    },
   },
   created(){
-    this.initColor();
+    this.initData();
   },
   methods: {
     closePopup(event: { preventDefault: () => void }): void {
@@ -288,9 +289,7 @@ export default defineComponent({
       this.$emit('close');
     },
     getName(person: Participant): string {
-      const first = person.firstName || '';
-      const last = person.lastName || '';
-      return (first + ' ' + last).trim();
+      return (`${person.firstName??''} ${person.lastName??''}`).trim();
     },
     selectAll(element: Event): void {
       const target = element.target;
@@ -302,11 +301,24 @@ export default defineComponent({
     afterCopy(): void{
       (this.$refs.snackbar as InstanceType<typeof SnackbarVue>).open(this.$t('Data in clipboard'));
     },
-    initColor(): void {
+    async initData(): Promise<void> {
+      let attributes;
+      if(this.$store.state.organisation?.attributes && Object.keys(this.$store.state.organisation.attributes).length > 1){
+        attributes = this.$store.state.organisation.attributes;
+      }else{
+        attributes = await octopusApi.fetchData<{[key:string]:string}>(0, 'organisation/attributes/'+state.generalParameters.organisationId);
+      }
+      if (Object.prototype.hasOwnProperty.call(attributes,'podcastmakerUrl')) {
+        this.shareUrl = attributes.podcastmakerUrl + window.location.pathname+window.location.search;
+      }
       if(state.generalParameters.podcastmaker && state.generalParameters.podcastmakerColor){
         this.color = state.generalParameters.podcastmakerColor;
+        return;
       }
-    }
+      if (Object.prototype.hasOwnProperty.call(attributes,'COLOR')) {
+        this.color = attributes.COLOR;
+      }
+    },
   },
 })
 </script>

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

@@ -100,7 +100,7 @@ export default defineComponent({
 
   watch: {
     playerHeight(): void {
-      this.$emit('hide', 0 === this.playerHeight ? true : false);
+      this.$emit('hide', 0 === this.playerHeight);
     },
   },
   

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

@@ -60,7 +60,7 @@
     />
     <button
       :title="$t('Close')"
-      class="btn play-button-box primary-bg text-light saooti-cross"
+      class="btn play-button-box primary-bg text-light saooti-remove-bounty"
       @click="stopPlayer"
     />
     <PlayerTimeline

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

@@ -25,11 +25,6 @@ export default defineComponent({
   },
   emits:['update:showTimeline'],
 
-  data() {
-    return {
-    };
-  },
-
   computed: {
     isPodcastmaker(): boolean {
       return (state.generalParameters.podcastmaker as boolean);

package/src/components/pages/Emission.vue

@@ -142,42 +142,27 @@ export default defineComponent({
       return (state.generalParameters.podcastmaker as boolean);
     },
     rssUrl(): string {
-      return state.generalParameters.ApiUri + 'rss/emission/' + this.emissionId;
+      return `${state.generalParameters.ApiUri}rss/emission/${this.emissionId}`;
     },
     name(): string {
-      return this.emission ? this.emission.name : '';
+      return this.emission?.name??'';
     },
     imageUrl(): string {
-      return this.emission
-        ? this.emission.imageUrl + '?dummy=' + this.dummyParam
-        : '';
+      return this.emission? `${this.emission.imageUrl}?dummy=${this.dummyParam}`:'';
     },
     description(): string {
-      return this.emission ? this.emission.description : '';
+      return this.emission?.description??'';
     },
     editRight(): boolean {
-      if (
-        (this.authenticated && this.emission && this.myOrganisationId === this.emission.orga.id) ||
-        state.generalParameters.isAdmin
-      ){
-        return true;
-      }
-      return false;
+      return (true===this.authenticated && this.myOrganisationId === this.emission?.orga.id) ||
+        true===state.generalParameters.isAdmin
     },
     countLink(): number {
+      const platformShare = ['amazon','googlePodcasts','applePodcast', 'deezer', 'spotify', 'tunein',
+       'radioline', 'podcastAddict', 'playerFm', 'stitcher', 'pocketCasts'];
       let count = 0;
-      if (this.emission && this.emission.annotations) {
-        if (undefined !== this.emission.annotations.amazon) count++;
-        if (undefined !== this.emission.annotations.applePodcast) count++;
-        if (undefined !== this.emission.annotations.deezer) count++;
-        if (undefined !== this.emission.annotations.googlePodcasts) count++;
-        if (undefined !== this.emission.annotations.spotify) count++;
-        if (undefined !== this.emission.annotations.tunein) count++;
-        if (undefined !== this.emission.annotations.radioline) count++;
-        if (undefined !== this.emission.annotations.podcastAddict) count++;
-        if (undefined !== this.emission.annotations.playerFm) count++;
-        if (undefined !== this.emission.annotations.stitcher) count++;
-        if (undefined !== this.emission.annotations.pocketCasts) count++;
+      for (let i = 0, len = platformShare.length; i < len; i++) {
+        if (undefined !== this.emission?.annotations?.[platformShare[i]]) count++;
       }
       return count;
     },
@@ -200,22 +185,18 @@ export default defineComponent({
       this.rssEmission = this.emission.annotations.RSS? true: false;
       this.ftpEmission = this.emission.annotations.FTP? true: false;
       if (this.emission.annotations.exclusive) {
-        this.exclusive =
-          'true' === this.emission.annotations.exclusive ? true : false;
-        this.exclusive =
-          this.exclusive && this.myOrganisationId !== this.emission.orga.id;
+        this.exclusive ='true' === this.emission.annotations.exclusive;
+        this.exclusive =this.exclusive && this.myOrganisationId !== this.emission.orga.id;
       }
       if (this.emission.annotations.notExclusive) {
-        this.notExclusive =
-          'true' === this.emission.annotations.notExclusive ? true : false;
+        this.notExclusive ='true' === this.emission.annotations.notExclusive;
       }
     },
     async getEmissionDetails(): Promise<void> {
       this.loaded = false;
       this.error = false;
       try {
-        const data: Emission = await octopusApi.fetchData<Emission>(0,'emission/'+this.emissionId);
-        this.emission = data;
+        this.emission = await octopusApi.fetchData<Emission>(0,'emission/'+this.emissionId);
         if("PUBLIC"!==this.emission.orga.privacy && this.filterOrga!==this.emission.orga.id){
           this.initError();
           return;

package/src/components/pages/Emissions.vue

@@ -86,26 +86,17 @@ export default defineComponent({
   
   computed: {
     titleDisplay(): string{
-      if(undefined === state.emissionsPage.titlePage){
-        return this.$t('All emissions');
-      }
-      return state.emissionsPage.titlePage;
+      return state.emissionsPage.titlePage??this.$t('All emissions');
     },
     isProductorSearch(): boolean{
       return (state.podcastsPage.ProductorSearch as boolean);
     },
     organisationRight(): boolean {
-      if (
-        (this.authenticated && this.myOrganisationId === this.organisationId) ||
-        state.generalParameters.isAdmin
-      )
-        return true;
-      return false;
+      return (true===this.authenticated && this.myOrganisationId === this.organisationId) ||
+        true===state.generalParameters.isAdmin
     },
     organisation(): string|undefined {
-      if (this.organisationId) return this.organisationId;
-      if (this.filterOrga) return this.filterOrga;
-      return undefined;
+      return this.organisationId??this.filterOrga;
     },
   },
 
@@ -114,8 +105,8 @@ export default defineComponent({
   },
   methods: {
     initComponent(): void{
-      this.iabId = this.$store.state.filter.iab? this.$store.state.filter.iab.id : undefined;
-      this.organisationId = this.productor ? this.productor : this.filterOrga;
+      this.iabId =this.$store.state.filter.iab?.id;
+      this.organisationId = this.productor?? this.filterOrga;
       if (this.organisation && this.organisationRight) {
         this.includeHidden = true;
       }

package/src/components/pages/Home.vue

@@ -51,10 +51,7 @@ export default defineComponent({
       return this.$store.state.filter.rubriqueDisplay.filter((rubrique: Rubrique) => 0 !== rubrique.podcastCount );
     },
     rubriquageFilter(): Array<Rubriquage>{
-      if(this.$store.state.filter.organisationId){
-        return this.$store.state.filter.rubriquageArray;
-      }
-      return [];
+      return this.$store.state.filter.organisationId ? this.$store.state.filter.rubriquageArray :[];
     },
     rubriqueFilter(): Array<RubriquageFilter>{
       return this.$store.state.filter.rubriqueFilter;

package/src/components/pages/Lives.vue

@@ -57,11 +57,7 @@ export default defineComponent({
   
   computed: {
     liveRight(): boolean {
-      if (this.isRoleLive && this.live) return true;
-      return false;
-    },
-    isRoleLive(): boolean {
-      return (state.generalParameters.isRoleLive as boolean);
+      return (state.generalParameters.isRoleLive as boolean)&& this.live;
     },
     filterOrga(): string {
       return this.$store.state.filter.organisationId;
@@ -76,11 +72,7 @@ export default defineComponent({
     } else if (this.$store.state.filter.organisationId) {
       this.$emit('update:organisationId',this.$store.state.filter.organisationId);
     }
-    if (
-      this.$store.state.organisation &&
-      this.$store.state.organisation.attributes &&
-      !this.$store.state.organisation.attributes['live.active']
-    ) {
+    if (!this.$store.state.organisation?.attributes?.['live.active']) {
       this.live = false;
     }
   },
@@ -89,7 +81,7 @@ export default defineComponent({
       this.$emit('initConferenceIds', listIds);
     },
     onOrganisationSelected(organisation: Organisation|undefined): void {
-      this.$emit('update:organisationId', organisation ? organisation.id : undefined);
+      this.$emit('update:organisationId', organisation?.id);
     },
   },
 })

package/src/components/pages/PageNotFound.vue

@@ -11,7 +11,7 @@
         :to="{
           name: 'home',
           query: { productor: $store.state.filter.organisationId,
-                   iabId: $store.state.filter.iab ? $store.state.filter.iab.id : undefined,
+                   iabId:$store.state.filter.iab?.id,
                    rubriquesId: rubriqueQueryParam},
         }"
       >
@@ -28,7 +28,7 @@ export default defineComponent({
   name: 'PageNotFound',
   computed:{
     rubriqueQueryParam(): string|undefined{
-      if(this.$store.state.filter && this.$store.state.filter.rubriqueFilter && this.$store.state.filter.rubriqueFilter.length){
+      if(this.$store.state.filter?.rubriqueFilter?.length){
         return this.$store.state.filter.rubriqueFilter.map((value: RubriquageFilter) =>  value.rubriquageId+':'+value.rubriqueId).join();
       }
       return undefined;

package/src/components/pages/Participant.vue

@@ -96,10 +96,7 @@ export default defineComponent({
   },
   computed: {
     titleDisplay(): string{
-      if(undefined === state.intervenantPage.titlePage){
-        return this.$t('Animator');
-      }
-      return state.intervenantPage.titlePage;
+      return state.intervenantPage.titlePage??this.$t('Animator');
     },
     pageParameters(){
       return {
@@ -109,30 +106,18 @@ export default defineComponent({
       };
     },
     rssUrl(): string {
-      return state.generalParameters.ApiUri + 'rss/participant/' + this.participantId;
+      return `${state.generalParameters.ApiUri}rss/participant/${this.participantId}`;
     },
     description(): string {
-      if(!this.participant){return '';}
-      return this.participant.description || '';
+      return this.participant?.description ?? '';
     },
     name(): string {
-      if(!this.participant){return '';}
-      return (
-        (this.participant.firstName || '') +
-        ' ' +
-        (this.participant.lastName || '')
-      ).trim();
+      return (`${this.participant?.firstName??''} ${this.participant?.lastName??''}`).trim();
     },
     editRight(): boolean {
-      if(!this.participant || !this.participant.orga ){return false;}
-      if (
-        (this.authenticated &&
-          this.myOrganisationId === this.participant.orga.id) ||
-        state.generalParameters.isAdmin
-      ){
-        return true;
-      }
-      return false;
+      return (true===this.authenticated &&
+          this.myOrganisationId === this.participant?.orga?.id) ||
+        true===state.generalParameters.isAdmin
     },
   },
   watch: {
@@ -158,7 +143,7 @@ export default defineComponent({
       this.loaded = false;
       try {
         const data = await octopusApi.fetchData<Participant>(0, 'participant/'+this.participantId);
-        if(data && data.orga && "PUBLIC"!==data.orga.privacy && this.filterOrga!==data.orga.id){
+        if("PUBLIC"!==data?.orga?.privacy && this.filterOrga!==data?.orga?.id){
           this.initError();
           return;
         }

package/src/components/pages/Participants.vue

@@ -37,20 +37,17 @@ export default defineComponent({
     return {
       first: 0 as number,
       size: 30 as number,
-      searchPattern: '',
+      searchPattern: '' as string,
       organisationId: undefined as string | undefined,
     };
   },
   computed: {
     titleDisplay(): string{
-      if(undefined === state.intervenantsPage.titlePage){
-        return this.$t('All participants');
-      }
-      return state.intervenantsPage.titlePage;
+      return state.intervenantsPage.titlePage ?? this.$t('All participants');
     },
   },
   created() {
-    this.organisationId = this.productor? this.productor : this.filterOrga;
+    this.organisationId = this.productor??this.filterOrga;
   },
 })
 </script>