@saooti/octopus-sdk 37.0.5 → 37.0.7

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

@@ -1,13 +1,7 @@
 <template>
-  <div
-    v-if="isComments"
-    class="module-box"
-  >
+  <div v-if="isComments" class="module-box">
     <div class="d-flex align-items-center">
-      <h2
-        class="mb-0 me-2"
-        data-selenium="episode-comment-counter"
-      >
+      <h2 class="mb-0 me-2" data-selenium="episode-comment-counter">
         {{ commentTitle }}
       </h2>
       <button
@@ -21,7 +15,7 @@
       v-model:knownIdentity="knownIdentity"
       :podcast="podcast"
       :fetch-conference="fetchConference"
-      @newComment="newComment"
+      @new-comment="newComment"
     />
     <CommentList
       ref="commentList"
@@ -35,25 +29,25 @@
 </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 { CommentPodcast } from '@/stores/class/general/comment';
+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 { CommentPodcast } from "@/stores/class/general/comment";
 export default defineComponent({
-  name: 'CommentSection',
+  name: "CommentSection",
   components: {
     CommentList,
     CommentInput,
   },
-  mixins:[cookies],
+  mixins: [cookies],
   props: {
-    podcast: { default: undefined, type: Object as ()=>Podcast },
-    fetchConference: { default: undefined, type: Object as ()=>Conference },
+    podcast: { default: undefined, type: Object as () => Podcast },
+    fetchConference: { default: undefined, type: Object as () => Conference },
   },
   data() {
     return {
@@ -63,75 +57,96 @@ export default defineComponent({
     };
   },
   computed: {
-    ...mapState(useCommentStore, ['commentKnownIdentity']),
-    commentTitle():string{
-      const count = this.loaded && this.totalCount > 0 ? this.$t('()', { nb: this.totalCount }) : '';
-      return this.$t("Podcast's comments")+count;
+    ...mapState(useCommentStore, ["commentKnownIdentity"]),
+    commentTitle(): string {
+      const count =
+        this.loaded && this.totalCount > 0
+          ? this.$t("()", { nb: this.totalCount })
+          : "";
+      return this.$t("Podcast's comments") + count;
     },
     isComments(): boolean {
       if (!this.podcast) return true;
-      let podcastComment = 'INHERIT';
+      let podcastComment = "INHERIT";
       if (this.podcast.annotations && this.podcast.annotations.COMMENTS) {
-        podcastComment = (this.podcast.annotations.COMMENTS as string);
+        podcastComment = this.podcast.annotations.COMMENTS as string;
       }
-      let organisationComment = 'LIVE_ONLY';
+      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 &&
+        "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 {
+      get(): string | null {
         return this.commentKnownIdentity;
       },
-      set(value: string|null) {
+      set(value: string | null) {
         this.setCommentIdentity(value);
       },
     },
     isLive(): boolean {
       return (
-        undefined!==this.fetchConference &&
+        undefined !== this.fetchConference &&
         -1 !== this.fetchConference.conferenceId &&
-        'PUBLISHING' !== this.fetchConference.status &&
-        'DEBRIEFING' !== this.fetchConference.status
+        "PUBLISHING" !== this.fetchConference.status &&
+        "DEBRIEFING" !== this.fetchConference.status
       );
     },
   },
 
   created() {
-    this.knownIdentity = this.getCookie('comment-octopus-name');
+    this.knownIdentity = this.getCookie("comment-octopus-name");
   },
   methods: {
-    ...mapActions(useCommentStore, ['setCommentIdentity', 'setCommentLoaded']),
-    updateFetch(value: { count: number, comments: Array<CommentPodcast> }): void {
+    ...mapActions(useCommentStore, ["setCommentIdentity", "setCommentLoaded"]),
+    updateFetch(value: {
+      count: number;
+      comments: Array<CommentPodcast>;
+    }): void {
       this.loaded = true;
       this.setCommentLoaded({
         ...value,
-        podcastId: this.podcast? this.podcast.podcastId: undefined,
+        podcastId: this.podcast ? this.podcast.podcastId : undefined,
       });
       this.totalCount = value.count;
     },
     newComment(comment: CommentPodcast): void {
-      (this.$refs.commentList as InstanceType<typeof CommentList>).addNewComment(comment, true);
+      (
+        this.$refs.commentList as InstanceType<typeof CommentList>
+      ).addNewComment(comment, true);
     },
-    receiveCommentEvent(event: {type: string; comment: CommentPodcast; oldStatus?:string }): void {
-      const commentList = (this.$refs.commentList as InstanceType<typeof CommentList>);
+    receiveCommentEvent(event: {
+      type: string;
+      comment: CommentPodcast;
+      oldStatus?: string;
+    }): void {
+      const commentList = this.$refs.commentList as InstanceType<
+        typeof CommentList
+      >;
       switch (event.type) {
-        case 'Create':commentList.addNewComment(event.comment);break;
-        case 'Update':commentList.updateComment(event);break;
-        case 'Delete':commentList.deleteComment(event.comment);break;
-        default:break;
+        case "Create":
+          commentList.addNewComment(event.comment);
+          break;
+        case "Update":
+          commentList.updateComment(event);
+          break;
+        case "Delete":
+          commentList.deleteComment(event.comment);
+          break;
+        default:
+          break;
       }
     },
   },
-})
-</script>
+});
+</script>

package/src/components/display/edit/EditBox.vue

@@ -3,13 +3,13 @@
 </template>
 
 <script lang="ts">
-import { CommentPodcast } from '@/stores/class/general/comment';
-import { defineComponent } from 'vue'
+import { CommentPodcast } from "@/stores/class/general/comment";
+import { defineComponent } from "vue";
 export default defineComponent({
-  methods:{
-    updateComment(comment: CommentPodcast): void{
+  methods: {
+    updateComment(comment: CommentPodcast): void {
       console.log(comment);
-    }
-  }
-})
+    },
+  },
+});
 </script>

package/src/components/display/edit/EditBoxRadio.vue

@@ -3,9 +3,8 @@
 </template>
 
 <script lang="ts">
-import { defineComponent } from 'vue'
+import { defineComponent } from "vue";
 export default defineComponent({
-  methods:{
-  }
-})
+  methods: {},
+});
 </script>

package/src/components/display/edit/EditCommentBox.vue

@@ -1,10 +1,6 @@
 <template>
   <div class="d-flex">
-    <button
-      class="btn admin-button me-1"
-      title="edit"
-      @click="editComment"
-    >
+    <button class="btn admin-button me-1" title="edit" @click="editComment">
       <span
         class="saooti-edit"
         :data-selenium="'Edit-Comment-' + seleniumFormat(comment.name)"
@@ -68,11 +64,11 @@
 </template>
 
 <script lang="ts">
-import selenium from '../../mixins/selenium';
-import { CommentPodcast } from '@/stores/class/general/comment';
-import { defineComponent, defineAsyncComponent } from 'vue';
+import selenium from "../../mixins/selenium";
+import { CommentPodcast } from "@/stores/class/general/comment";
+import { defineComponent, defineAsyncComponent } from "vue";
 const MessageModal = defineAsyncComponent(
-  () => import('@/components/misc/modal/MessageModal.vue')
+  () => import("@/components/misc/modal/MessageModal.vue"),
 );
 export default defineComponent({
   components: {
@@ -84,70 +80,72 @@ export default defineComponent({
     comment: { default: () => ({}), type: Object as () => CommentPodcast },
     organisation: { default: undefined, type: String },
   },
-  emits: ['editComment', 'updateComment', 'deleteComment'],
+  emits: ["editComment", "updateComment", "deleteComment"],
 
   data() {
     return {
       displayModal: false as boolean,
       isDeleting: false as boolean,
-      type: 'update' as string,
+      type: "update" as string,
       seeMore: false as boolean,
     };
   },
 
   computed: {
     validateText(): string | undefined {
-      if ('Error' === this.type || 'Error403' === this.type)
-        return this.$t('Close').toString();
+      if ("Error" === this.type || "Error403" === this.type)
+        return this.$t("Close").toString();
       if (this.isDeleting) return undefined;
-      return this.$t('Yes').toString();
+      return this.$t("Yes").toString();
     },
     canceltext(): string | undefined {
-      if ('Error' === this.type || 'Error403' === this.type) return undefined;
-      return this.$t('No').toString();
+      if ("Error" === this.type || "Error403" === this.type) return undefined;
+      return this.$t("No").toString();
     },
     modalMessage(): string {
       switch (this.type) {
-        case 'Delete':
+        case "Delete":
           if (this.isDeleting)
-            return this.$t('Deleting in progress ...').toString();
-          return this.$t('Confirm comment deletion text', {
+            return this.$t("Deleting in progress ...").toString();
+          return this.$t("Confirm comment deletion text", {
             name: this.comment.name,
           }).toString();
-        case 'Error':
-          return this.$t('Error occurs while updating your comment').toString();
-        case 'Error403':
-          return this.$t('403 error forbidden').toString();
+        case "Error":
+          return this.$t("Error occurs while updating your comment").toString();
+        case "Error403":
+          return this.$t("403 error forbidden").toString();
         default:
-          return '';
+          return "";
       }
     },
     modalTitle(): string {
       switch (this.type) {
-        case 'Delete':
-          return this.$t('Delete comment').toString();
-        case 'Error403':
-        case 'Error':
-          return this.$t('Error').toString();
+        case "Delete":
+          return this.$t("Delete comment").toString();
+        case "Error403":
+        case "Error":
+          return this.$t("Error").toString();
         default:
-          return this.$t('Update comment').toString();
+          return this.$t("Update comment").toString();
       }
     },
   },
 
   methods: {
     editComment(): void {
-      this.$emit('editComment');
+      this.$emit("editComment");
     },
     commentModal(type: string): void {
-      console.log('commentModal'+ type);
+      console.log("commentModal" + type);
     },
-    async updateComment(newComment?: CommentPodcast | undefined): Promise<void> {
-      console.log('updateComment' + newComment);
+    async updateComment(
+      newComment?: CommentPodcast | undefined,
+    ): Promise<void> {
+      console.log("updateComment" + newComment);
     },
     async deleteComment(): Promise<void> {
-      console.log('deleteComment');
+      console.log("deleteComment");
     },
   },
 });
-</script>
+</script>

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

@@ -1,9 +1,6 @@
 <template>
   <div class="d-flex flex-column p-3 list-episode">
-    <div
-      v-if="!overflowScroll"
-      class="d-flex justify-content-end"
-    >
+    <div v-if="!overflowScroll" class="d-flex justify-content-end">
       <div class="hide-phone">
         <button
           class="btn admin-button m-1 saooti-left"
@@ -20,7 +17,7 @@
       </div>
     </div>
     <ClassicLoading
-      :loading-text="loading?$t('Loading emissions ...'):undefined"
+      :loading-text="loading ? $t('Loading emissions ...') : undefined"
     />
     <transition-group
       v-show="
@@ -49,41 +46,39 @@
       :to="href"
       class="btn btn-primary align-self-center width-fit-content m-4"
     >
-      {{
-        buttonText
-      }}
+      {{ buttonText }}
     </router-link>
   </div>
 </template>
 
 <script lang="ts">
-import octopusApi from '@saooti/octopus-api';
-import domHelper from '../../../helper/dom';
-import EmissionPlayerItem from './EmissionPlayerItem.vue';
-import { state } from '../../../stores/ParamSdkStore';
-import { handle403 } from '../../mixins/handle403';
+import octopusApi from "@saooti/octopus-api";
+import domHelper from "../../../helper/dom";
+import EmissionPlayerItem from "./EmissionPlayerItem.vue";
+import { state } from "../../../stores/ParamSdkStore";
+import { handle403 } from "../../mixins/handle403";
 const PHONE_WIDTH = 960;
-import ClassicLoading from '../../form/ClassicLoading.vue';
-import { Emission } from '@/stores/class/general/emission';
-import { Rubrique } from '@/stores/class/rubrique/rubrique';
-import { defineComponent } from 'vue'
-import { AxiosError } from 'axios';
-import imageProxy from '../../mixins/imageProxy';
-import { Rubriquage } from '@/stores/class/rubrique/rubriquage';
+import ClassicLoading from "../../form/ClassicLoading.vue";
+import { Emission } from "@/stores/class/general/emission";
+import { Rubrique } from "@/stores/class/rubrique/rubrique";
+import { defineComponent } from "vue";
+import { AxiosError } from "axios";
+import imageProxy from "../../mixins/imageProxy";
+import { Rubriquage } from "@/stores/class/rubrique/rubriquage";
 export default defineComponent({
-  name: 'EmissionInlineList',
+  name: "EmissionInlineList",
 
   components: {
     EmissionPlayerItem,
-    ClassicLoading
+    ClassicLoading,
   },
 
-  mixins: [handle403,imageProxy],
+  mixins: [handle403, imageProxy],
 
   props: {
-    organisationId: { default: undefined, type: String},
-    href: { default: undefined, type: String},
-    buttonText: { default: undefined, type: String},
+    organisationId: { default: undefined, type: String },
+    href: { default: undefined, type: String },
+    buttonText: { default: undefined, type: String },
     rubriqueId: { default: undefined, type: Number },
     rubriquageId: { default: undefined, type: Number },
     nbPodcasts: { default: undefined, type: Number },
@@ -102,17 +97,16 @@ export default defineComponent({
       allEmissions: [] as Array<Emission>,
       direction: 1 as number,
       alignLeft: false as boolean,
-      rubriques: undefined as Array<Rubrique>|undefined,
+      rubriques: undefined as Array<Rubrique> | undefined,
     };
   },
 
-
   computed: {
     emissions(): Array<Emission> {
       return this.allEmissions.slice(this.index, this.index + this.size);
     },
     overflowScroll(): boolean {
-      return (state.emissionsPage.overflowScroll as boolean);
+      return state.emissionsPage.overflowScroll as boolean;
     },
     previousAvailable(): boolean {
       return this.index > 0;
@@ -120,29 +114,29 @@ export default defineComponent({
     nextAvailable(): boolean {
       return this.index + this.size < this.totalCount;
     },
-    displayRubriquage(): number|undefined {
+    displayRubriquage(): number | undefined {
       return state.emissionsPage.rubriquage;
     },
     transitionName(): string {
-      return this.direction > 0 ? 'out-left' : 'out-right';
+      return this.direction > 0 ? "out-left" : "out-right";
     },
     isInlineAnimation(): boolean {
-      return (state.generalParameters.isInlineAnimation as boolean);
+      return state.generalParameters.isInlineAnimation as boolean;
     },
   },
 
   watch: {
-    sizeItem(){
+    sizeItem() {
       this.handleResize();
-    }
+    },
   },
-  
+
   created() {
-    window.addEventListener('resize', this.handleResize);
+    window.addEventListener("resize", this.handleResize);
   },
 
   unmounted() {
-    window.removeEventListener('resize', this.handleResize);
+    window.removeEventListener("resize", this.handleResize);
   },
 
   mounted() {
@@ -155,15 +149,24 @@ export default defineComponent({
   methods: {
     async fetchNext(): Promise<void> {
       try {
-        const data = await octopusApi.fetchDataWithParams<{count: number;result:Array<Emission>;sort: string;}>(0, 'emission/search',{
-          first: this.first,
-          size: this.size + 1,
-          organisationId: this.organisationId,
-          rubriqueId: this.rubriqueId ?  [this.rubriqueId] : [],
-          rubriquageId: this.rubriquageId ? [this.rubriquageId] : [],
-          sort: 'LAST_PODCAST_DESC',
-        }, true);
-        
+        const data = await octopusApi.fetchDataWithParams<{
+          count: number;
+          result: Array<Emission>;
+          sort: string;
+        }>(
+          0,
+          "emission/search",
+          {
+            first: this.first,
+            size: this.size + 1,
+            organisationId: this.organisationId,
+            rubriqueId: this.rubriqueId ? [this.rubriqueId] : [],
+            rubriquageId: this.rubriquageId ? [this.rubriquageId] : [],
+            sort: "LAST_PODCAST_DESC",
+          },
+          true,
+        );
+
         this.loading = false;
         this.loaded = true;
         this.totalCount = data.count;
@@ -177,7 +180,7 @@ export default defineComponent({
         }
         this.first += this.size;
       } catch (error) {
-        this.handle403((error as AxiosError));
+        this.handle403(error as AxiosError);
       }
     },
     displayPrevious(): void {
@@ -221,13 +224,16 @@ export default defineComponent({
     },
     preloadImage(url: string): void {
       const img = new Image();
-      img.src = this.proxyImageUrl(url,'330');
+      img.src = this.proxyImageUrl(url, "330");
     },
     async fetchRubriques(): Promise<void> {
-      const data = await octopusApi.fetchData<Rubriquage>(0, 'rubriquage/'+this.displayRubriquage);
+      const data = await octopusApi.fetchData<Rubriquage>(
+        0,
+        "rubriquage/" + this.displayRubriquage,
+      );
       this.rubriques = data.rubriques;
     },
-    rubriquesId(emission: Emission): string|undefined {
+    rubriquesId(emission: Emission): string | undefined {
       if (
         !this.displayRubriquage ||
         !emission.rubriqueIds ||
@@ -237,29 +243,35 @@ export default defineComponent({
       )
         return undefined;
       const rubrique = this.rubriques.find(
-        (element: Rubrique) => element.rubriqueId && emission.rubriqueIds.includes(element.rubriqueId) && element.rubriquageId === this.displayRubriquage
+        (element: Rubrique) =>
+          element.rubriqueId &&
+          emission.rubriqueIds.includes(element.rubriqueId) &&
+          element.rubriquageId === this.displayRubriquage,
       );
-      if(rubrique){
+      if (rubrique) {
         return rubrique.name;
       }
     },
     mainRubriquage(emission: Emission): string {
-      return state.emissionsPage.mainRubrique && emission.rubriqueIds?.includes(state.emissionsPage.mainRubrique) ? 'partenaireRubrique' : '';
+      return state.emissionsPage.mainRubrique &&
+        emission.rubriqueIds?.includes(state.emissionsPage.mainRubrique)
+        ? "partenaireRubrique"
+        : "";
     },
   },
-})
+});
 </script>
 
 <style lang="scss">
-.octopus-app{
+.octopus-app {
   .list-episode {
-      padding: 2rem 0rem 1rem !important;
-      @media (max-width: 450px) {
-          padding: 0.5rem 0rem 1rem !important;
-      }
-      h2 {
-          margin-bottom: 1rem;
-      }
+    padding: 2rem 0rem 1rem !important;
+    @media (max-width: 450px) {
+      padding: 0.5rem 0rem 1rem !important;
+    }
+    h2 {
+      margin-bottom: 1rem;
+    }
   }
 }
-</style>
+</style>