@saooti/octopus-sdk 37.0.6 → 37.0.8

package/src/components/misc/player/radio/RadioProgressBar.vue

@@ -1,7 +1,7 @@
 <template>
   <div
     class="octopus-progress c-hand-auto mt-1"
-    :class="isAmbiance?'ambiance-progress':''"
+    :class="isAmbiance ? 'ambiance-progress' : ''"
   >
     <div
       class="octopus-progress-bar"
@@ -15,39 +15,40 @@
 </template>
 
 <script lang="ts">
-import { usePlayerStore } from '@/stores/PlayerStore';
-import { mapState, mapActions } from 'pinia';
-import dayjs from 'dayjs';
-import { defineComponent } from 'vue';
+import { usePlayerStore } from "@/stores/PlayerStore";
+import { mapState, mapActions } from "pinia";
+import dayjs from "dayjs";
+import { defineComponent } from "vue";
 export default defineComponent({
-  name: 'RadioProgressBar',
+  name: "RadioProgressBar",
 
-  components: {
-  },
-  emits: ['updateNotListenTime'],
+  components: {},
+  emits: ["updateNotListenTime"],
   data() {
     return {
-      percentInterval: undefined as ReturnType<typeof setTimeout>|undefined,
+      percentInterval: undefined as ReturnType<typeof setTimeout> | undefined,
     };
   },
-  
+
   computed: {
-    ...mapState(usePlayerStore, ['playerRadio', 'playerElapsed']),
-    isAmbiance(): boolean{
-      return !this.playerRadio?.podcast?.podcastId
+    ...mapState(usePlayerStore, ["playerRadio", "playerElapsed"]),
+    isAmbiance(): boolean {
+      return !this.playerRadio?.podcast?.podcastId;
     },
-    percentProgress(): number{
-      if(!this.playerElapsed){return 0;}
+    percentProgress(): number {
+      if (!this.playerElapsed) {
+        return 0;
+      }
       return this.playerElapsed * 100;
     },
   },
-  mounted(){
+  mounted() {
     this.handlePercentInterval();
   },
-  methods:{
-    ...mapActions(usePlayerStore, ['playerUpdateElapsed']),
-    handlePercentInterval(/* clear: boolean */): void{
-     /*  if(clear){
+  methods: {
+    ...mapActions(usePlayerStore, ["playerUpdateElapsed"]),
+    handlePercentInterval(/* clear: boolean */): void {
+      /*  if(clear){
         clearInterval((this.percentInterval as unknown as number));
         this.percentInterval = undefined;
         return;
@@ -56,24 +57,32 @@ export default defineComponent({
         this.calculatePercent();
       }, 1000);
     },
-    calculatePercent(): void{
-      if(!this.playerRadio?.metadata){return;}
-      const actualMilliSecondsPlayed = dayjs().subtract(18, 'second').diff(dayjs(this.playerRadio.metadata.startDate));
-      const percentPlayed = (actualMilliSecondsPlayed) / (this.playerRadio?.metadata.mediaDuration * 1000);
-      this.playerUpdateElapsed(percentPlayed, this.playerRadio?.metadata.mediaDuration);
-    }
-  }
-
-})
+    calculatePercent(): void {
+      if (!this.playerRadio?.metadata) {
+        return;
+      }
+      const actualMilliSecondsPlayed = dayjs()
+        .subtract(18, "second")
+        .diff(dayjs(this.playerRadio.metadata.startDate));
+      const percentPlayed =
+        actualMilliSecondsPlayed /
+        (this.playerRadio?.metadata.mediaDuration * 1000);
+      this.playerUpdateElapsed(
+        percentPlayed,
+        this.playerRadio?.metadata.mediaDuration,
+      );
+    },
+  },
+});
 </script>
 <style lang="scss">
-@import '../../../../assets/progressbar.scss';
-.octopus-app{
-  .ambiance-progress{
+@import "../../../../assets/progressbar.scss";
+.octopus-app {
+  .ambiance-progress {
     background-color: #d1d1d1;
-    .octopus-progress-bar{
+    .octopus-progress-bar {
       background-color: #747474;
     }
   }
 }
-</style>
+</style>

package/src/components/mixins/cookies.ts

@@ -1,21 +1,22 @@
-export default{
+export default {
   methods: {
-    setCookie(name: string, value: string, domain= ""): void {
+    setCookie(name: string, value: string, domain = ""): void {
       const date = new Date();
       date.setTime(date.getTime() + 24 * 60 * 60 * 1000);
-      const expires = '; expires=' + date.toUTCString();
-      document.cookie = name + '=' + (value || '') + expires +domain+ '; path=/';
+      const expires = "; expires=" + date.toUTCString();
+      document.cookie =
+        name + "=" + (value || "") + expires + domain + "; path=/";
     },
-    getCookie(name: string): string|null {
-      const nameEQ = name + '=';
-      const ca = document.cookie.split(';');
-      for (let cookieValue of ca) {
+    getCookie(name: string): string | null {
+      const nameEQ = name + "=";
+      const ca = document.cookie.split(";");
+      for (const cookieValue of ca) {
         let c = cookieValue;
-        while (c.charAt(0) == ' ') c = c.substring(1, c.length);
+        while (c.charAt(0) == " ") c = c.substring(1, c.length);
         if (0 === c.indexOf(nameEQ))
           return c.substring(nameEQ.length, c.length);
       }
       return null;
     },
   },
-};
+};

package/src/components/mixins/displayMethods.ts

@@ -1,11 +1,12 @@
-
-export default{
+export default {
   methods: {
     urlify(text: string): string {
       const urlRegex = /[^"](https?:\/\/[^\s<]+)/g;
-      if (!text) return '';
+      if (!text) return "";
       return text.replace(urlRegex, (url: string) => {
-        return '<a href="' + url + '" target="_blank" rel="noopener">' + url + '</a>';
+        return (
+          '<a href="' + url + '" target="_blank" rel="noopener">' + url + "</a>"
+        );
       });
     },
     async onCopyCode(link: string, callback: () => void): Promise<void> {

package/src/components/mixins/handle403.ts

@@ -1,22 +1,22 @@
-import { AxiosError } from 'axios';
-import { defineComponent } from 'vue';
-import { useAuthStore } from '@/stores/AuthStore';
-import { mapState } from 'pinia';
+import { AxiosError } from "axios";
+import { defineComponent } from "vue";
+import { useAuthStore } from "@/stores/AuthStore";
+import { mapState } from "pinia";
 export const handle403 = defineComponent({
   computed: {
-    ...mapState(useAuthStore, ['authOrgaId']),
+    ...mapState(useAuthStore, ["authOrgaId"]),
   },
   methods: {
     handle403(error: AxiosError): void {
       if (403 === error.response?.status) {
-        if(undefined===this.authOrgaId){
+        if (undefined === this.authOrgaId) {
           window.location.href = window.location.origin + "/sso/login";
-        }else{
+        } else {
           this.$router.push({
-            path: '/main/pub/error'
+            path: "/main/pub/error",
           });
         }
       }
     },
   },
-});
+});

package/src/components/mixins/imageProxy.ts

@@ -1,15 +1,22 @@
-import { state } from '../../stores/ParamSdkStore';
+import { state } from "../../stores/ParamSdkStore";
 export default {
   methods: {
-    proxyImageUrl(url:string, width:string, height?:string): string{
-      if(!url){
+    proxyImageUrl(url: string, width: string, height?: string): string {
+      if (!url) {
         return "";
       }
-      if(state.octopusApi.imageUrl && url.includes('http')){
-        const size = height ? "height="+height:"width="+width;
-        return state.octopusApi.imageUrl+"image/"+btoa(url)+"?"+size+"&useWebp=true";
+      if (state.octopusApi.imageUrl && url.includes("http")) {
+        const size = height ? "height=" + height : "width=" + width;
+        return (
+          state.octopusApi.imageUrl +
+          "image/" +
+          btoa(url) +
+          "?" +
+          size +
+          "&useWebp=true"
+        );
       }
       return url;
     },
   },
-};
+};

package/src/components/mixins/init.ts

@@ -1,26 +1,41 @@
-
 import { Category } from "@/stores/class/general/category";
-import orgaFilter from '../mixins/organisationFilter';
-import octopusApi from '@saooti/octopus-api';
-import { state } from '../../stores/ParamSdkStore';
-import { useGeneralStore } from '@/stores/GeneralStore';
-import { mapActions } from 'pinia';
-import { defineComponent } from 'vue';
+import orgaFilter from "../mixins/organisationFilter";
+import octopusApi from "@saooti/octopus-api";
+import { state } from "../../stores/ParamSdkStore";
+import { useGeneralStore } from "@/stores/GeneralStore";
+import { mapActions } from "pinia";
+import { defineComponent } from "vue";
 export default defineComponent({
   mixins: [orgaFilter],
   methods: {
-    ...mapActions(useGeneralStore, ['storedUpdateCategories']),
+    ...mapActions(useGeneralStore, ["storedUpdateCategories"]),
     async initSdk() {
-      if (0 === (state.generalParameters.allCategories as Array<Category>).length) {
-        octopusApi.fetchDataWithParams<Array<Category>>(0, `iab/list${state.octopusApi.organisationId? '/'+state.octopusApi.organisationId : ''}`, { lang: this.$i18n.locale }).then((data: Array<Category>) => {
-          this.storedUpdateCategories(data);
-        });
-      }else{
-        this.storedUpdateCategories((state.generalParameters.allCategories as Array<Category>));
+      if (
+        0 === (state.generalParameters.allCategories as Array<Category>).length
+      ) {
+        octopusApi
+          .fetchDataWithParams<Array<Category>>(
+            0,
+            `iab/list${
+              state.octopusApi.organisationId
+                ? "/" + state.octopusApi.organisationId
+                : ""
+            }`,
+            { lang: this.$i18n.locale },
+          )
+          .then((data: Array<Category>) => {
+            this.storedUpdateCategories(data);
+          });
+      } else {
+        this.storedUpdateCategories(
+          state.generalParameters.allCategories as Array<Category>,
+        );
       }
-      const captcha = (document.getElementsByClassName('grecaptcha-badge')[0] as HTMLElement);
+      const captcha = document.getElementsByClassName(
+        "grecaptcha-badge",
+      )[0] as HTMLElement;
       if (captcha) {
-        captcha.style.display = 'none';
+        captcha.style.display = "none";
       }
     },
   },

package/src/components/mixins/orgaComputed.ts

@@ -1,15 +1,15 @@
-import { state } from '../../stores/ParamSdkStore';
-import { useFilterStore } from '@/stores/FilterStore';
-import { mapState } from 'pinia';
-import { defineComponent } from 'vue';
+import { state } from "../../stores/ParamSdkStore";
+import { useFilterStore } from "@/stores/FilterStore";
+import { mapState } from "pinia";
+import { defineComponent } from "vue";
 export const orgaComputed = defineComponent({
   computed: {
-    ...mapState(useFilterStore, ['filterOrgaId']),
-		myOrganisationId(): string|undefined {
+    ...mapState(useFilterStore, ["filterOrgaId"]),
+    myOrganisationId(): string | undefined {
       return state.generalParameters.organisationId;
     },
     authenticated(): boolean {
-      return (state.generalParameters.authenticated as boolean);
+      return state.generalParameters.authenticated as boolean;
     },
   },
 });

package/src/components/mixins/organisationFilter.ts

@@ -1,44 +1,58 @@
-
-import { handle403 } from '../mixins/handle403';
+import { handle403 } from "../mixins/handle403";
 import { Rubriquage } from "@/stores/class/rubrique/rubriquage";
-import octopusApi from '@saooti/octopus-api';
-import { useFilterStore } from '@/stores/FilterStore';
-import { mapActions } from 'pinia';
-import { defineComponent } from 'vue';
-import { AxiosError } from 'axios';
-import { Organisation } from '@/stores/class/general/organisation';
+import octopusApi from "@saooti/octopus-api";
+import { useFilterStore } from "@/stores/FilterStore";
+import { mapActions } from "pinia";
+import { defineComponent } from "vue";
+import { AxiosError } from "axios";
+import { Organisation } from "@/stores/class/general/organisation";
 export default defineComponent({
   mixins: [handle403],
   methods: {
-    ...mapActions(useFilterStore, ['filterUpdateOrga']),
+    ...mapActions(useFilterStore, ["filterUpdateOrga"]),
     async selectOrganisation(organisationId: string): Promise<void> {
       try {
-        const response = await octopusApi.fetchData<Organisation>(0,`organisation/${organisationId}`);
-        const data = await octopusApi.fetchDataWithParams<Array<Rubriquage>>(0, 'rubriquage/find/'+organisationId,{
-          sort:'HOMEPAGEORDER',
-          homePageOrder: true
-        }, true);
-        const isLive = await octopusApi.fetchData<boolean>(0, 'organisation/liveEnabled/'+organisationId);
+        const response = await octopusApi.fetchData<Organisation>(
+          0,
+          `organisation/${organisationId}`,
+        );
+        const data = await octopusApi.fetchDataWithParams<Array<Rubriquage>>(
+          0,
+          "rubriquage/find/" + organisationId,
+          {
+            sort: "HOMEPAGEORDER",
+            homePageOrder: true,
+          },
+          true,
+        );
+        const isLive = await octopusApi.fetchData<boolean>(
+          0,
+          "organisation/liveEnabled/" + organisationId,
+        );
         this.filterUpdateOrga({
           orgaId: organisationId,
           imgUrl: response.imageUrl,
           name: response.name,
-          rubriquageArray: data.filter((element: Rubriquage)=>{
+          rubriquageArray: data.filter((element: Rubriquage) => {
             return element.rubriques.length;
           }),
-          isLive: isLive
+          isLive: isLive,
         });
         const queries = this.$route.query;
-        this.$router.replace({ query: {...queries, ...{productor: organisationId} } });
+        this.$router.replace({
+          query: { ...queries, ...{ productor: organisationId } },
+        });
       } catch (error) {
-        this.handle403((error as AxiosError));
+        this.handle403(error as AxiosError);
       }
     },
-    removeSelectedOrga(): void{
+    removeSelectedOrga(): void {
       if (this.$route.query.productor) {
-        this.$router.push({ query: {...this.$route.query, ...{productor: undefined} } });
+        this.$router.push({
+          query: { ...this.$route.query, ...{ productor: undefined } },
+        });
       }
       this.filterUpdateOrga({ orgaId: undefined });
-    }
+    },
   },
 });

package/src/components/mixins/player/playerComment.ts

@@ -1,12 +1,12 @@
-import { state } from '../../../stores/ParamSdkStore';
-import octopusApi from '@saooti/octopus-api';
-import { CommentPodcast } from '@/stores/class/general/comment';
-import { defineComponent } from 'vue';
-import { usePlayerStore } from '@/stores/PlayerStore';
-import { useCommentStore } from '@/stores/CommentStore';
-import { mapState } from 'pinia';
-import { FetchParam } from '@/stores/class/general/fetchParam';
-import { InterfacePageable } from '@/stores/class/general/interfacePageable';
+import { state } from "../../../stores/ParamSdkStore";
+import octopusApi from "@saooti/octopus-api";
+import { CommentPodcast } from "@/stores/class/general/comment";
+import { defineComponent } from "vue";
+import { usePlayerStore } from "@/stores/PlayerStore";
+import { useCommentStore } from "@/stores/CommentStore";
+import { mapState } from "pinia";
+import { FetchParam } from "@/stores/class/general/fetchParam";
+import { InterfacePageable } from "@/stores/class/general/interfacePageable";
 export const playerComment = defineComponent({
   data() {
     return {
@@ -14,9 +14,13 @@ export const playerComment = defineComponent({
     };
   },
   computed: {
-    ...mapState(useCommentStore, ['commentActualPodcastId', 'commentTotalCount', 'commentLoaded']),
-    ...mapState(usePlayerStore, ['playerPodcast', 'playerLive']),
-    organisationId(): string|undefined {
+    ...mapState(useCommentStore, [
+      "commentActualPodcastId",
+      "commentTotalCount",
+      "commentLoaded",
+    ]),
+    ...mapState(usePlayerStore, ["playerPodcast", "playerLive"]),
+    organisationId(): string | undefined {
       return state.generalParameters.organisationId;
     },
   },
@@ -28,13 +32,14 @@ export const playerComment = defineComponent({
   },
   methods: {
     editRight(organisation: string): boolean {
-      return (true===state.generalParameters.isCommments && this.organisationId === organisation) || true===state.generalParameters.isAdmin;
+      return (
+        (true === state.generalParameters.isCommments &&
+          this.organisationId === organisation) ||
+        true === state.generalParameters.isAdmin
+      );
     },
-    initCommentCurrentPodcast(podcastId?: number): Array<number>{
-      if (
-        podcastId &&
-        this.commentActualPodcastId === podcastId
-      ) {
+    initCommentCurrentPodcast(podcastId?: number): Array<number> {
+      if (podcastId && this.commentActualPodcastId === podcastId) {
         this.comments = this.commentLoaded;
         if (
           this.commentLoaded &&
@@ -45,7 +50,12 @@ export const playerComment = defineComponent({
       }
       return [0, 0];
     },
-    async fetchComments(first: number, count:number,podcastId?:number,organisation?:string){
+    async fetchComments(
+      first: number,
+      count: number,
+      podcastId?: number,
+      organisation?: string,
+    ) {
       const size = 50;
       while (0 === first || this.comments.length < count) {
         const param: FetchParam = {
@@ -53,15 +63,19 @@ export const playerComment = defineComponent({
           size: size,
           podcastId: podcastId,
         };
-        if (!this.editRight(organisation? organisation : '')) {
-          param.status = ['Valid'];
+        if (!this.editRight(organisation ? organisation : "")) {
+          param.status = ["Valid"];
         }
-        const data = await octopusApi.postDataPublic<InterfacePageable<CommentPodcast>>(2, 'getRootCom',param);
+        const data = await octopusApi.postDataPublic<
+          InterfacePageable<CommentPodcast>
+        >(2, "getRootCom", param);
         first += size;
         count = data.totalElements;
-        this.comments = this.comments.concat(data.content).filter((c: CommentPodcast) => {
-          return null !== c;
-        });
+        this.comments = this.comments
+          .concat(data.content)
+          .filter((c: CommentPodcast) => {
+            return null !== c;
+          });
       }
     },
     async initComments(refresh = false): Promise<void> {
@@ -73,24 +87,19 @@ export const playerComment = defineComponent({
         podcastId = this.playerLive.podcastId;
         organisation = this.playerLive.organisation.id;
       }
-      if (
-        refresh &&
-        podcastId &&
-        this.commentActualPodcastId !== podcastId
-      ) {
+      if (refresh && podcastId && this.commentActualPodcastId !== podcastId) {
         return;
       }
-      const param= this.initCommentCurrentPodcast(podcastId);
-      let first = param[0];
-      let count = param[1];
+      const param = this.initCommentCurrentPodcast(podcastId);
+      const first = param[0];
+      const count = param[1];
       if (
-        (!podcastId ||
-          this.commentActualPodcastId === podcastId) &&
+        (!podcastId || this.commentActualPodcastId === podcastId) &&
         0 === first
-      ){
+      ) {
         return;
       }
       await this.fetchComments(first, count, podcastId, organisation);
     },
   },
-})
+});