@saooti/octopus-sdk 37.0.60 → 37.1.1

package/package.json

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

package/src/App.vue

@@ -6,7 +6,7 @@
       :is-education="false"
       @close="displayMenu = false"
     />
-    <CategoryFilter />
+    <CategoryFilter v-if="firstDisplayCategoryFilter" />
     <router-view />
     <ClassicLazy
       v-if="pageFullyLoad"
@@ -22,7 +22,6 @@
 <script lang="ts">
 import TopBar from "@/components/misc/TopBar.vue";
 import PlayerComponent from "@/components/misc/player/PlayerComponent.vue";
-import CategoryFilter from "@/components/display/categories/CategoryFilter.vue";
 import ClassicLazy from "@/components/misc/ClassicLazy.vue";
 import { state } from "./stores/ParamSdkStore";
 import { Rubriquage } from "./stores/class/rubrique/rubriquage";
@@ -40,6 +39,9 @@ const LeftMenu = defineAsyncComponent(
 const FooterOctopus = defineAsyncComponent(
   () => import("@/components/misc/FooterSection.vue"),
 );
+const CategoryFilter = defineAsyncComponent(
+  () => import("@/components/display/categories/CategoryFilter.vue"),
+);
 export default defineComponent({
   name: "App",
 
@@ -59,7 +61,8 @@ export default defineComponent({
       displayMenu: false as boolean,
       reload: false as boolean,
       isInit: false as boolean,
-      pageFullyLoad: false as boolean
+      pageFullyLoad: false as boolean,
+      firstDisplayCategoryFilter: false as boolean,
     };
   },
 
@@ -69,6 +72,17 @@ export default defineComponent({
   },
 
   watch: {
+    $route: {
+      deep: true,
+      immediate: true,
+      async handler() {
+        if(this.firstDisplayCategoryFilter){
+          return;
+        }
+        const namesRouteWithCategoryFilter = ["homePriv", "home", "podcasts", "emissions", "participants", "playlists"];
+        this.firstDisplayCategoryFilter = namesRouteWithCategoryFilter.includes(this.$route.name?.toString()?? "");
+      },
+    },
     "$i18n.locale"() {
       this.$forceUpdate();
       this.reload = !this.reload;

package/src/components/display/comments/CommentSection.vue

@@ -1,5 +1,5 @@
 <template>
-  <div v-if="isComments" class="module-box">
+  <div class="module-box">
     <div class="d-flex align-items-center">
       <h2 class="mb-0 me-2" data-selenium="episode-comment-counter">
         {{ commentTitle }}
@@ -29,15 +29,15 @@
 </template>
 
 <script lang="ts">
-import CommentList from "./CommentList.vue";
-import CommentInput from "./CommentInput.vue";
 import cookies from "../../mixins/cookies";
 import { Podcast } from "@/stores/class/general/podcast";
 import { Conference } from "@/stores/class/conference/conference";
 import { useCommentStore } from "@/stores/CommentStore";
 import { mapState, mapActions } from "pinia";
-import { defineComponent } from "vue";
+import { defineAsyncComponent, defineComponent } from "vue";
 import { CommentPodcast } from "@/stores/class/general/comment";
+const CommentList = defineAsyncComponent(() => import("./CommentList.vue"));
+const CommentInput = defineAsyncComponent(() => import("./CommentInput.vue"));
 export default defineComponent({
   name: "CommentSection",
   components: {
@@ -65,27 +65,6 @@ export default defineComponent({
           : "";
       return this.$t("Podcast's comments") + count;
     },
-    isComments(): boolean {
-      if (!this.podcast) return true;
-      let podcastComment = "INHERIT";
-      if (this.podcast.annotations && this.podcast.annotations.COMMENTS) {
-        podcastComment = this.podcast.annotations.COMMENTS as string;
-      }
-      let organisationComment = "LIVE_ONLY";
-      if (this.podcast.organisation.comments) {
-        organisationComment = this.podcast.organisation.comments;
-      }
-      return !(
-        "NO" === podcastComment ||
-        ("INHERIT" === podcastComment && "NO" === organisationComment) ||
-        ("LIVE_RECORD" === podcastComment &&
-          "READY_TO_RECORD" !== this.podcast.processingStatus) ||
-        ("INHERIT" === podcastComment &&
-          "LIVE_ONLY" === organisationComment &&
-          !this.podcast.conferenceId &&
-          0 !== this.podcast.conferenceId)
-      );
-    },
     knownIdentity: {
       get(): string | null {
         return this.commentKnownIdentity;

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

@@ -3,7 +3,11 @@
     <ClassicLoading
       :loading-text="loading ? $t('Loading emissions ...') : undefined"
     />
-    <SwiperList v-if="(displayRubriquage && rubriques) || !(displayRubriquage && loaded)" :sizeItemOverload="itemSize"  :list-object="allEmissions">
+    <SwiperList
+      v-if="(displayRubriquage && rubriques) || !(displayRubriquage && loaded)"
+      :size-item-overload="itemSize"
+      :list-object="allEmissions"
+    >
       <template #octopusSlide="{ option }">
         <EmissionPlayerItem
           class="flex-shrink-0 item-phone-margin"
@@ -43,7 +47,7 @@ export default defineComponent({
   components: {
     EmissionPlayerItem,
     ClassicLoading,
-    SwiperList
+    SwiperList,
   },
 
   mixins: [handle403, imageProxy, resizePhone],

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

@@ -19,13 +19,18 @@
         class="emission-list"
         :class="smallItems ? 'three-emissions' : 'two-emissions'"
       >
-        <ClassicLazy v-for="e in displayArray" :key="e.emissionId" :minHeight="250" :unrender="true">
+        <ClassicLazy
+          v-for="e in displayArray"
+          :key="e.emissionId"
+          :min-height="250"
+          :unrender="true"
+        >
           <EmissionItem v-if="0 !== e.emissionId" :emission="e" />
           <template #preview>
             <router-link
               :to="{
                 name: 'emission',
-                params: { emissionId: e.emissionId }
+                params: { emissionId: e.emissionId },
               }"
             >
               {{ e.name }}
@@ -78,7 +83,7 @@ export default defineComponent({
     EmissionItem,
     EmissionPlayerItem,
     ListPaginate,
-    ClassicLazy
+    ClassicLazy,
   },
 
   mixins: [handle403],

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

@@ -59,7 +59,11 @@
               {{ p.title }}
             </div>
           </router-link>
-          <PodcastPlayBar v-else :podcast-id="p.podcastId" :duration="p.duration" />
+          <PodcastPlayBar
+            v-else
+            :podcast-id="p.podcastId"
+            :duration="p.duration"
+          />
         </div>
         <button
           v-if="

package/src/components/display/live/LiveItem.vue

@@ -13,7 +13,10 @@ import crudApi from "@/api/classicCrud";
 import displayMethods from "../../mixins/displayMethods";
 import { Podcast } from "@/stores/class/general/podcast";
 import { defineComponent } from "vue";
-import { Conference, ConferencePublicInfo } from "@/stores/class/conference/conference";
+import {
+  Conference,
+  ConferencePublicInfo,
+} from "@/stores/class/conference/conference";
 export default defineComponent({
   name: "LiveItem",
 

package/src/components/display/live/LiveList.vue

@@ -1,8 +1,5 @@
 <template>
-  <div
-    v-if="displayLiveList"
-    class="d-flex flex-column align-items-start mt-3"
-  >
+  <div v-if="displayLiveList" class="d-flex flex-column align-items-start mt-3">
     <div
       class="d-flex justify-content-between flex-grow-1 mb-3 w-100 align-items-center"
     >
@@ -90,9 +87,12 @@ export default defineComponent({
   computed: {
     ...mapState(useFilterStore, ["filterOrgaId"]),
     ...mapState(useAuthStore, ["authOrganisation"]),
-    displayLiveList(): boolean{
-      return (undefined!==this.filterOrgaId || undefined!==this.organisationId) &&
-        (!this.hideIfEmpty || (this.hideIfEmpty && 0!==this.lives.length) ) ;
+    displayLiveList(): boolean {
+      return (
+        (undefined !== this.filterOrgaId ||
+          undefined !== this.organisationId) &&
+        (!this.hideIfEmpty || (this.hideIfEmpty && 0 !== this.lives.length))
+      );
     },
     filterOrgaUsed(): string | undefined {
       return this.filterOrgaId ? this.filterOrgaId : this.organisationId;

package/src/components/display/participant/ParticipantList.vue

@@ -17,7 +17,12 @@
   >
     <template #list>
       <div class="podcast-list">
-        <ClassicLazy v-for="p in displayArray" :key="p.participantId" :minHeight="360" :unrender="true">
+        <ClassicLazy
+          v-for="p in displayArray"
+          :key="p.participantId"
+          :min-height="360"
+          :unrender="true"
+        >
           <ParticipantItem v-if="0 !== p.participantId" :participant="p" />
           <template #preview>
             <router-link
@@ -55,7 +60,7 @@ export default defineComponent({
   components: {
     ParticipantItem,
     ListPaginate,
-    ClassicLazy
+    ClassicLazy,
   },
 
   mixins: [handle403],

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

@@ -15,7 +15,12 @@
   >
     <template #list>
       <div class="emission-list two-emissions">
-        <ClassicLazy v-for="p in displayArray" :key="p.playlistId" :minHeight="250" :unrender="true">
+        <ClassicLazy
+          v-for="p in displayArray"
+          :key="p.playlistId"
+          :min-height="250"
+          :unrender="true"
+        >
           <PlaylistItem v-if="0 !== p.playlistId" :playlist="p" />
           <template #preview>
             <router-link
@@ -50,7 +55,7 @@ export default defineComponent({
   components: {
     PlaylistItem,
     ListPaginate,
-    ClassicLazy
+    ClassicLazy,
   },
 
   mixins: [handle403],

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

@@ -31,13 +31,18 @@
     >
       <template #list>
         <div class="podcast-list">
-          <ClassicLazy v-for="p in podcastsDisplay" :key="p.podcastId" :minHeight="410" :unrender="true">
+          <ClassicLazy
+            v-for="p in podcastsDisplay"
+            :key="p.podcastId"
+            :min-height="410"
+            :unrender="true"
+          >
             <PodcastItem v-if="0 !== p.podcastId" :podcast="p" />
             <template #preview>
               <router-link
                 :to="{
                   name: 'podcast',
-                  params: { podcastId: p.podcastId }
+                  params: { podcastId: p.podcastId },
                 }"
               >
                 {{ p.title }}
@@ -70,7 +75,7 @@ export default defineComponent({
     PodcastItem,
     ClassicSearch,
     ListPaginate,
-    ClassicLazy
+    ClassicLazy,
   },
 
   mixins: [handle403, orgaComputed],

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

@@ -39,9 +39,6 @@ export default defineComponent({
 
   computed: {
     ...mapState(useFilterStore, ["filterOrgaId"]),
-    idPopover(): string {
-      return this.isGuest ? "popover-guests-help" : "popover-animators-help";
-    },
     title(): string {
       return this.isGuest ? this.$t("Guests") : this.$t("Animated by");
     },

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

@@ -13,7 +13,12 @@
     >
       {{ title }}
     </router-link>
-    <PodcastPlayBar v-if="isProgressBar" :podcast-id="podcastId" :duration="duration" class="mx-2" />
+    <PodcastPlayBar
+      v-if="isProgressBar"
+      :podcast-id="podcastId"
+      :duration="duration"
+      class="mx-2"
+    />
 
     <div class="mx-2 d-flex align-items-center justify-content-between mt-2">
       <div v-if="isPodcastmaker" class="useless-div-for-podcastmaker" />

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

@@ -21,13 +21,18 @@
   >
     <template #list>
       <div class="podcast-list">
-        <ClassicLazy v-for="p in displayArray" :key="p.podcastId" :minHeight="410" :unrender="true">
+        <ClassicLazy
+          v-for="p in displayArray"
+          :key="p.podcastId"
+          :min-height="410"
+          :unrender="true"
+        >
           <PodcastItem v-if="0 !== p.podcastId" :podcast="p" />
           <template #preview>
             <router-link
               :to="{
                 name: 'podcast',
-                params: { podcastId: p.podcastId }
+                params: { podcastId: p.podcastId },
               }"
             >
               {{ p.title }}
@@ -59,7 +64,7 @@ export default defineComponent({
   components: {
     PodcastItem,
     ListPaginate,
-    ClassicLazy
+    ClassicLazy,
   },
 
   mixins: [handle403],

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

@@ -125,14 +125,16 @@
       :display-studio-access="isDebriefing"
       @validate-podcast="$emit('updatePodcast', $event)"
     />
-    <TagList :tag-list="podcast.tags" />
+    <TagList
+      v-if="undefined !== podcast.tags && 0 !== podcast.tags.length"
+      :tag-list="podcast.tags"
+    />
   </div>
 </template>
 
 <script lang="ts">
 import PodcastImage from "./PodcastImage.vue";
 import ParticipantDescription from "./ParticipantDescription.vue";
-import TagList from "./TagList.vue";
 import { state } from "../../../stores/ParamSdkStore";
 import dayjs from "dayjs";
 // @ts-ignore
@@ -155,6 +157,7 @@ const EditBox = defineAsyncComponent(
 const PodcastPlayBar = defineAsyncComponent(
   () => import("./PodcastPlayBar.vue"),
 );
+const TagList = defineAsyncComponent(() => import("./TagList.vue"));
 export default defineComponent({
   name: "PodcastModuleBox",
   components: {

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

@@ -42,43 +42,43 @@
     </div>
     <ClassicCheckbox
       :text-init="proceedReading"
-      @update:text-init="$emit('update:proceedReading', $event)"
       id-checkbox="proceed-reading-checkbox"
       :label="$t('Proceed reading')"
+      @update:text-init="$emit('update:proceedReading', $event)"
     />
     <ClassicCheckbox
       :text-init="isVisible"
-      @update:text-init="$emit('update:isVisible', $event)"
       id-checkbox="is-visible-checkbox"
       :label="$t('Podcasts still available')"
+      @update:text-init="$emit('update:isVisible', $event)"
     />
   </template>
   <ClassicCheckbox
     v-if="displayArticleParam"
     :text-init="displayArticle"
-    @update:text-init="$emit('update:displayArticle', $event)"
     id-checkbox="display-article-checkbox"
     :label="$t('Display associated article')"
+    @update:text-init="$emit('update:displayArticle', $event)"
   />
   <ClassicCheckbox
     v-if="displayTranscriptParam"
     :text-init="displayTranscript"
-    @update:text-init="$emit('update:displayTranscript', $event)"
     id-checkbox="display-transcript-checkbox"
     :label="$t('If the transcript is available, show it')"
+    @update:text-init="$emit('update:displayTranscript', $event)"
   />
   <ClassicCheckbox
     v-if="displayWaveParam"
     :text-init="displayWave"
-    @update:text-init="$emit('update:displayWave', $event)"
     id-checkbox="display-wave-checkbox"
     :label="$t('Show animated wave')"
+    @update:text-init="$emit('update:displayWave', $event)"
   />
   <ClassicCheckbox
     :text-init="playerAutoPlay"
-    @update:text-init="$emit('update:playerAutoPlay', $event)"
     id-checkbox="player-autoplay-checkbox"
     :label="$t('Trigger automatic reading if this is possible')"
+    @update:text-init="$emit('update:playerAutoPlay', $event)"
   />
 </template>
 
@@ -110,7 +110,7 @@ export default defineComponent({
     "update:displayArticle",
     "update:displayTranscript",
     "update:displayWave",
-    "update:playerAutoPlay"
+    "update:playerAutoPlay",
   ],
 
   data() {

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

@@ -100,7 +100,11 @@
       :url-page="urlPage"
       @close="qrCode = false"
     />
-    <SnackBar v-if="lazyLoadingSnackbar" ref="snackbar" position="bottom-left" />
+    <SnackBar
+      v-if="lazyLoadingSnackbar"
+      ref="snackbar"
+      position="bottom-left"
+    />
   </div>
 </template>
 
@@ -123,9 +127,7 @@ const NewsletterModal = defineAsyncComponent(
 const QrCodeModal = defineAsyncComponent(
   () => import("../../misc/modal/QrCodeModal.vue"),
 );
-const SnackBar = defineAsyncComponent(
-  () => import("../../misc/SnackBar.vue"),
-);
+const SnackBar = defineAsyncComponent(() => import("../../misc/SnackBar.vue"));
 export default defineComponent({
   components: {
     ClipboardModal,
@@ -240,12 +242,12 @@ export default defineComponent({
       this.dataRSSSave = !this.dataRSSSave;
     },
     afterCopy(): void {
-      if(!this.lazyLoadingSnackbar){
+      if (!this.lazyLoadingSnackbar) {
         this.lazyLoadingSnackbar = true;
         setTimeout(() => {
           this.afterCopy();
         }, 500);
-      }else{
+      } else {
         (this.$refs.snackbar as InstanceType<typeof SnackBar>).open(
           this.$t("Link in clipboard"),
         );

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

@@ -27,7 +27,11 @@
         <span :class="platform.icon" />{{ platform.title }}
       </router-link>
     </div>
-    <SnackBar v-if="lazyLoadingSnackbar" ref="snackbar" position="bottom-left" />
+    <SnackBar
+      v-if="lazyLoadingSnackbar"
+      ref="snackbar"
+      position="bottom-left"
+    />
   </div>
 </template>
 
@@ -129,12 +133,12 @@ export default defineComponent({
       this.rss = `${state.octopusApi.url}rss/emission/${this.emissionId}.rss`;
     },
     afterCopy(): void {
-      if(!this.lazyLoadingSnackbar){
+      if (!this.lazyLoadingSnackbar) {
         this.lazyLoadingSnackbar = true;
         setTimeout(() => {
           this.afterCopy();
         }, 500);
-      }else{
+      } else {
         (this.$refs.snackbar as InstanceType<typeof SnackBar>).open(
           this.$t("Link in clipboard"),
         );

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

@@ -46,18 +46,20 @@
             :label="titleStillAvailable"
           />
           <PlayerParameters
-            :is-visible="isVisible"
-            :chose-number-episode="displayChoiceAllEpisodes || isLargeSuggestion"
-            :display-choice-all-episodes="displayChoiceAllEpisodes"
-            :display-transcript-param="displayTranscriptParam"
-            :display-article-param="displayArticleParam"
-            :display-wave-param="displayWaveParam"
             v-model:display-article="displayArticle"
             v-model:display-transcript="displayTranscript"
             v-model:display-wave="displayWave"
             v-model:proceed-reading="proceedReading"
             v-model:is-visible="isVisible"
+            :is-visible="isVisible"
             v-model:player-auto-play="playerAutoPlay"
+            :chose-number-episode="
+              displayChoiceAllEpisodes || isLargeSuggestion
+            "
+            :display-choice-all-episodes="displayChoiceAllEpisodes"
+            :display-transcript-param="displayTranscriptParam"
+            :display-article-param="displayArticleParam"
+            :display-wave-param="displayWaveParam"
             @i-frame-number="iFrameNumber = $event"
             @episode-numbers="episodeNumbers = $event"
           />
@@ -153,7 +155,7 @@ export default defineComponent({
   computed: {
     ...mapState(useAuthStore, ["authOrganisation"]),
     displayWaveParam(): boolean {
-      return 'default'===this.iFrameModel || 'emission'===this.iFrameModel;
+      return "default" === this.iFrameModel || "emission" === this.iFrameModel;
     },
     displayArticleParam(): boolean {
       return (
@@ -360,8 +362,8 @@ export default defineComponent({
       if (!this.displayWave) {
         url.push("&wave=false");
       }
-      if(this.playerAutoPlay){
-        url.push('&autoplay=true');
+      if (this.playerAutoPlay) {
+        url.push("&autoplay=true");
       }
       if (this.isVisible) {
         url.push("&key=" + window.btoa(this.dataTitle.toString()));

package/src/components/form/ClassicDatePicker.vue

@@ -22,8 +22,8 @@
     :month-picker="monthPicker"
     @update:model-value="$emit('updateDate', $event)"
   >
-   <template v-if="time" #input-icon>
-      <div class="ms-2 saooti-clock"/>
+    <template v-if="time" #input-icon>
+      <div class="ms-2 saooti-clock" />
     </template>
   </VueDatePicker>
 </template>
@@ -61,7 +61,7 @@ export default defineComponent({
         seconds?: number | string;
       },
     },
-    monthPicker:{ default: false, type: Boolean },
+    monthPicker: { default: false, type: Boolean },
   },
 
   emits: ["updateDate", "update:date"],
@@ -78,16 +78,16 @@ export default defineComponent({
       };
     },
     modelVal() {
-      if(this.time){
+      if (this.time) {
         return this.time;
       }
-      if(this.range){
+      if (this.range) {
         return this.range;
       }
-      if(this.date && this.monthPicker){
+      if (this.date && this.monthPicker) {
         return {
           month: this.date.getMonth(),
-          year: this.date.getFullYear()
+          year: this.date.getFullYear(),
         };
       }
       return this.date;
@@ -97,7 +97,7 @@ export default defineComponent({
     },
     format() {
       let timeString = "";
-      if(this.monthPicker){
+      if (this.monthPicker) {
         return "MM/yyyy";
       }
       if (this.displayTimePicker || this.isTimePicker) {

package/src/components/misc/ClassicLazy.vue

@@ -35,8 +35,8 @@ export default {
     const shouldRender = ref(false);
     const targetEl = ref();
     const fixedMinHeight = ref(0);
-    let unrenderTimer;
-    let renderTimer;
+    let unrenderTimer: ReturnType<typeof setTimeout> | undefined;
+    let renderTimer: ReturnType<typeof setTimeout> | undefined;
 
     const { stop } = useIntersectionObserver(
       targetEl,
@@ -47,7 +47,7 @@ export default {
           // if we're dealing underndering lets add a waiting period of 200ms before rendering. If a component enters the viewport and also leaves it within 200ms it will not render at all. This saves work and improves performance when user scrolls very fast
           renderTimer = setTimeout(
             () => (shouldRender.value = true),
-            props.unrender ? 200 : 0
+            props.unrender ? 200 : 0,
           );
           shouldRender.value = true;
           if (!props.unrender) {
@@ -57,14 +57,14 @@ export default {
           // if the component was set to render, cancel that
           clearTimeout(renderTimer);
           unrenderTimer = setTimeout(() => {
-            fixedMinHeight.value = targetEl.value.clientHeight;
+            fixedMinHeight.value = targetEl.value?.clientHeight ?? 0;
             shouldRender.value = false;
           }, props.unrenderDelay);
         }
       },
       {
         rootMargin: "600px",
-      }
+      },
     );
 
     if (props.renderOnIdle) {

package/src/components/misc/FooterSection.vue

@@ -153,7 +153,12 @@ export default defineComponent({
     },
     changeLanguage(): void {
       this.setCookie("octopus-language", this.language);
-      loadLocaleMessages(this.$i18n, this.language, this.authenticated, this.platformEducation);
+      loadLocaleMessages(
+        this.$i18n,
+        this.language,
+        this.authenticated,
+        this.platformEducation,
+      );
       octopusApi
         .fetchDataWithParams<Array<Category>>(
           0,

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

@@ -51,12 +51,16 @@
 <script lang="ts">
 import { CommentPodcast } from "@/stores/class/general/comment";
 import { playerLogic } from "../../mixins/player/playerLogic";
-import PlayerCompact from "../player/PlayerCompact.vue";
-import PlayerLarge from "../player/PlayerLarge.vue";
 import { usePlayerStore } from "@/stores/PlayerStore";
 import { mapState, mapActions } from "pinia";
 import { defineComponent, defineAsyncComponent } from "vue";
 const PlayerVideo = defineAsyncComponent(() => import("./PlayerVideo.vue"));
+const PlayerCompact = defineAsyncComponent(
+  () => import("../player/PlayerCompact.vue"),
+);
+const PlayerLarge = defineAsyncComponent(
+  () => import("../player/PlayerLarge.vue"),
+);
 export default defineComponent({
   name: "PlayerComponent",
 

package/src/components/pages/EmissionPage.vue

@@ -116,7 +116,7 @@ export default defineComponent({
     EditBox,
     SubscribeButtons,
     LiveHorizontalList,
-    ClassicLoading
+    ClassicLoading,
   },
   mixins: [displayMethods, handle403, orgaComputed, imageProxy],
   props: {
@@ -193,7 +193,10 @@ export default defineComponent({
       if (!this.emission) {
         return "";
       }
-      return `background-image: url('${this.proxyImageUrl(this.emission.imageUrl, '250')}');`;
+      return `background-image: url('${this.proxyImageUrl(
+        this.emission.imageUrl,
+        "250",
+      )}');`;
     },
   },
   watch: {

package/src/components/pages/HomePage.vue

@@ -1,10 +1,10 @@
 <template>
   <div class="page-box">
     <template v-if="0 === rubriquageFilter.length">
-      <ClassicLazy 
+      <ClassicLazy
         v-for="c in categories"
         :key="c.id"
-        :minHeight="650" 
+        :min-height="650"
         :unrender="true"
       >
         <PodcastInlineList
@@ -15,10 +15,10 @@
       </ClassicLazy>
     </template>
     <template v-else>
-      <ClassicLazy 
+      <ClassicLazy
         v-for="r in rubriqueToShow"
         :key="r.rubriqueId"
-        :minHeight="650" 
+        :min-height="650"
         :unrender="true"
       >
         <PodcastInlineList
@@ -72,7 +72,7 @@ export default defineComponent({
   name: "HomePage",
   components: {
     PodcastInlineList,
-    ClassicLazy
+    ClassicLazy,
   },
   data() {
     return {

package/src/components/pages/PlaylistPage.vue

@@ -128,7 +128,10 @@ export default defineComponent({
       if (!this.playlist) {
         return "";
       }
-      return `background-image: url('${this.proxyImageUrl(this.playlist.imageUrl, '250')}');`;
+      return `background-image: url('${this.proxyImageUrl(
+        this.playlist.imageUrl,
+        "250",
+      )}');`;
     },
   },
   watch: {

package/src/components/pages/PodcastPage.vue

@@ -34,7 +34,7 @@
           :emission="podcast.emission"
         />
         <CommentSection
-          v-if="!isPodcastmaker"
+          v-if="!isPodcastmaker && isComments"
           ref="commentSection"
           :podcast="podcast"
           :fetch-conference="fetchConference"
@@ -46,10 +46,7 @@
           :title="$t('More episodes of this emission')"
           :button-text="$t('All podcast emission button')"
         />
-        <ClassicLazy
-          :min-height="550"
-          :unrender="true"
-        >
+        <ClassicLazy :min-height="550" :unrender="true">
           <PodcastInlineList
             :podcast-id="podcastId"
             :title="$t('Suggested listening')"
@@ -93,7 +90,10 @@ import crudApi from "@/api/classicCrud";
 import { state } from "../../stores/ParamSdkStore";
 import dayjs from "dayjs";
 import { Podcast } from "@/stores/class/general/podcast";
-import { Conference, ConferencePublicInfo } from "@/stores/class/conference/conference";
+import {
+  Conference,
+  ConferencePublicInfo,
+} from "@/stores/class/conference/conference";
 import { handle403 } from "../mixins/handle403";
 import { defineComponent, defineAsyncComponent } from "vue";
 import { CommentPodcast } from "@/stores/class/general/comment";
@@ -154,11 +154,35 @@ export default defineComponent({
 
   computed: {
     ...mapState(useGeneralStore, ["storedCategories"]),
+    isComments(): boolean {
+      if (!this.podcast) return true;
+      let podcastComment = "INHERIT";
+      if (this.podcast.annotations && this.podcast.annotations.COMMENTS) {
+        podcastComment = this.podcast.annotations.COMMENTS as string;
+      }
+      let organisationComment = "LIVE_ONLY";
+      if (this.podcast.organisation.comments) {
+        organisationComment = this.podcast.organisation.comments;
+      }
+      return !(
+        "NO" === podcastComment ||
+        ("INHERIT" === podcastComment && "NO" === organisationComment) ||
+        ("LIVE_RECORD" === podcastComment &&
+          "READY_TO_RECORD" !== this.podcast.processingStatus) ||
+        ("INHERIT" === podcastComment &&
+          "LIVE_ONLY" === organisationComment &&
+          !this.podcast.conferenceId &&
+          0 !== this.podcast.conferenceId)
+      );
+    },
     backgroundDisplay(): string {
       if (!this.podcast) {
         return "";
       }
-      return `background-image: url('${this.proxyImageUrl(this.podcast.imageUrl, '270')}');`;
+      return `background-image: url('${this.proxyImageUrl(
+        this.podcast.imageUrl,
+        "270",
+      )}');`;
     },
     isPodcastmaker(): boolean {
       return state.generalParameters.podcastmaker as boolean;
@@ -285,9 +309,9 @@ export default defineComponent({
       this.fetchConference = {
         ...data,
         ...{
-          conferenceId: this.podcast?.conferenceId??0,
-          title: ""
-        }
+          conferenceId: this.podcast?.conferenceId ?? 0,
+          title: "",
+        },
       };
     },
     async initConference() {

package/src/components/pages/RadioPage.vue

@@ -99,7 +99,10 @@ export default defineComponent({
     backgroundDisplay(): string {
       return !this.radio
         ? ""
-        : `background-image: url('${this.proxyImageUrl(this.radio.imageUrl, '270')}');`;
+        : `background-image: url('${this.proxyImageUrl(
+            this.radio.imageUrl,
+            "270",
+          )}');`;
     },
   },
   watch: {