@saooti/octopus-sdk 37.0.6 → 37.0.8

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

@@ -1,8 +1,5 @@
 <template>
-  <div
-    v-if="radio"
-    class="d-flex border w-100 p-3"
-  >
+  <div v-if="radio" class="d-flex border w-100 p-3">
     <RadioImage :radio="radio" />
     <router-link
       :to="{
@@ -15,10 +12,7 @@
       <div class="emission-name mb-2">
         {{ radio.name }}
       </div>
-      <div
-        v-if="radio.description"
-        class="ten-line-clamp"
-      >
+      <div v-if="radio.description" class="ten-line-clamp">
         {{ radio.description }}
       </div>
       <RadioCurrently :radio="radio" />
@@ -27,28 +21,27 @@
 </template>
 
 <script lang="ts">
-import { useFilterStore } from '@/stores/FilterStore';
-import { mapState } from 'pinia';
-import imageProxy from '../../mixins/imageProxy';
-import RadioImage from './RadioImage.vue';
-import RadioCurrently from './RadioCurrently.vue';
-import { defineComponent } from 'vue';
-import { Canal } from '@/stores/class/radio/canal';
+import { useFilterStore } from "@/stores/FilterStore";
+import { mapState } from "pinia";
+import imageProxy from "../../mixins/imageProxy";
+import RadioImage from "./RadioImage.vue";
+import RadioCurrently from "./RadioCurrently.vue";
+import { defineComponent } from "vue";
+import { Canal } from "@/stores/class/radio/canal";
 export default defineComponent({
-  name: 'RadioItem',
+  name: "RadioItem",
 
   components: {
     RadioCurrently,
-    RadioImage
+    RadioImage,
   },
   mixins: [imageProxy],
 
   props: {
-    radio: { default: undefined, type: Object as ()=>Canal},
+    radio: { default: undefined, type: Object as () => Canal },
   },
-  computed:{
-    ...mapState(useFilterStore, ['filterOrgaId']),
+  computed: {
+    ...mapState(useFilterStore, ["filterOrgaId"]),
   },
-})
+});
 </script>
-

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

@@ -4,7 +4,7 @@
     class="d-flex flex-column align-items-start mt-3"
   >
     <h2 class="mb-0 big-h2 mb-3">
-      {{ $t('Radio') }}
+      {{ $t("Radio") }}
     </h2>
     <template v-if="radio.length">
       <RadioItem
@@ -17,17 +17,17 @@
 </template>
 
 <script lang="ts">
-import RadioItem from './RadioItem.vue';
-import { handle403 } from '../../mixins/handle403';
-import { orgaComputed } from '../../mixins/orgaComputed';
-import octopusApi from '@saooti/octopus-api';
-import { useFilterStore } from '@/stores/FilterStore';
-import { mapState } from 'pinia';
-import { Canal } from '@/stores/class/radio/canal';
-import { defineComponent } from 'vue'
-import { AxiosError } from 'axios';
+import RadioItem from "./RadioItem.vue";
+import { handle403 } from "../../mixins/handle403";
+import { orgaComputed } from "../../mixins/orgaComputed";
+import octopusApi from "@saooti/octopus-api";
+import { useFilterStore } from "@/stores/FilterStore";
+import { mapState } from "pinia";
+import { Canal } from "@/stores/class/radio/canal";
+import { defineComponent } from "vue";
+import { AxiosError } from "axios";
 export default defineComponent({
-  name: 'Ecbd98d979bd4312Ad5eFc7c1c4a191c',
+  name: "Ecbd98d979bd4312Ad5eFc7c1c4a191c",
   components: {
     RadioItem,
   },
@@ -35,18 +35,18 @@ export default defineComponent({
   mixins: [handle403, orgaComputed],
 
   props: {
-    organisationId: { default: undefined, type: String},
+    organisationId: { default: undefined, type: String },
   },
   data() {
     return {
-      radio: [] as Array<Canal>
+      radio: [] as Array<Canal>,
     };
   },
-  
+
   computed: {
-    ...mapState(useFilterStore, ['filterOrgaId']),
-    filterOrgaUsed(): string|undefined {
-      return this.filterOrgaId?this.filterOrgaId:this.organisationId;
+    ...mapState(useFilterStore, ["filterOrgaId"]),
+    filterOrgaUsed(): string | undefined {
+      return this.filterOrgaId ? this.filterOrgaId : this.organisationId;
     },
   },
   watch: {
@@ -55,7 +55,7 @@ export default defineComponent({
         this.fetchContent();
       },
       immediate: true,
-    }
+    },
   },
   methods: {
     async fetchContent(): Promise<void> {
@@ -64,11 +64,14 @@ export default defineComponent({
         return;
       }
       try {
-        this.radio = await octopusApi.fetchData<Array<Canal>>(14, 'canal/orga/'+this.filterOrgaUsed+'/');
+        this.radio = await octopusApi.fetchData<Array<Canal>>(
+          14,
+          "canal/orga/" + this.filterOrgaUsed + "/",
+        );
       } catch (error) {
-        this.handle403((error as AxiosError));
+        this.handle403(error as AxiosError);
       }
     },
   },
-})
+});
 </script>

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

@@ -1,7 +1,7 @@
 <template>
   <div class="module-box">
     <h2 class="big-h2 mb-3 height-40">
-      {{ $t('Program') }}
+      {{ $t("Program") }}
     </h2>
     <div class="border">
       <div class="d-flex align-items-center w-100">
@@ -9,7 +9,7 @@
           v-for="day in arrayDays"
           :key="day.date"
           class="d-flex flex-column align-items-center flex-grow-1"
-          :class="day.date==daySelected?'bg-primary text-white':''"
+          :class="day.date == daySelected ? 'bg-primary text-white' : ''"
           @click="changeDate(day.date)"
         >
           <span class="text-capitalize">{{ day.dayOfWeek }}</span>
@@ -18,27 +18,32 @@
       </div>
       <div class="d-flex flex-column p-3">
         <ClassicLoading
-          :loading-text="loading?$t('Loading content ...'):undefined"
-          :error-text="error?$t(`Error`):undefined"
+          :loading-text="loading ? $t('Loading content ...') : undefined"
+          :error-text="error ? $t(`Error`) : undefined"
         />
         <template v-if="!loading && !error">
-          <div
-            v-if="!planning[daySelected].length"
-            class="text-center"
-          >
-            {{ $t('No programming') }}
+          <div v-if="!planning[daySelected].length" class="text-center">
+            {{ $t("No programming") }}
           </div>
-          <div 
+          <div
             v-for="planningItem in planning[daySelected]"
             v-else
-            :key="planningItem.occurrence.occurrenceId +''+ planningItem.occurrence.liveId"
+            :key="
+              planningItem.occurrence.occurrenceId +
+              '' +
+              planningItem.occurrence.liveId
+            "
             class="d-flex align-items-center mb-3"
           >
             <div class="program-item-date fw-bold flex-shrink-0">
               {{ dateDisplay(planningItem.occurrence.startDate) }}
             </div>
             <component
-              :is="planningItem.podcast.availability.visibility ? 'router-link' : 'div'"
+              :is="
+                planningItem.podcast.availability.visibility
+                  ? 'router-link'
+                  : 'div'
+              "
               class="d-flex align-items-center text-dark"
               :to="{
                 name: 'podcast',
@@ -51,16 +56,20 @@
                 width="150"
                 height="150"
                 class="m-2"
-                :title="$t('Episode name image', {name:planningItem.podcast.title})"
-                :alt="$t('Episode name image', {name:planningItem.podcast.title})"
-              >
+                :title="
+                  $t('Episode name image', { name: planningItem.podcast.title })
+                "
+                :alt="
+                  $t('Episode name image', { name: planningItem.podcast.title })
+                "
+              />
               <div class="d-flex flex-column">
                 <div class="d-flex align-items-center mb-2">
-                  <div 
+                  <div
                     v-if="planningItem.occurrence.liveId"
                     class="bg-complementary text-white p-1 me-1"
                   >
-                    {{ $t('Live') }}
+                    {{ $t("Live") }}
                   </div>
                   <div class="flex-grow-1 text-truncate">
                     {{ planningItem.occurrence.podcastData.title }}
@@ -80,95 +89,123 @@
 </template>
 
 <script lang="ts">
-import { useFilterStore } from '@/stores/FilterStore';
-import { mapState } from 'pinia';
-import dayjs from 'dayjs';
-import utc from 'dayjs/plugin/utc';
+import { useFilterStore } from "@/stores/FilterStore";
+import { mapState } from "pinia";
+import dayjs from "dayjs";
+import utc from "dayjs/plugin/utc";
 dayjs.extend(utc);
-import octopusApi from '@saooti/octopus-api';
-import imageProxy from '../../mixins/imageProxy';
-import ParticipantDescription from '../podcasts/ParticipantDescription.vue';
-import ClassicLoading from '../../form/ClassicLoading.vue';
-import { defineComponent } from 'vue';
-import { Canal } from '@/stores/class/radio/canal';
-import { PlanningOccurrence } from '@/stores/class/radio/recurrence';
-import { Podcast } from '@/stores/class/general/podcast';
-import { PlanningLive } from '@/stores/class/radio/live';
+import octopusApi from "@saooti/octopus-api";
+import imageProxy from "../../mixins/imageProxy";
+import ParticipantDescription from "../podcasts/ParticipantDescription.vue";
+import ClassicLoading from "../../form/ClassicLoading.vue";
+import { defineComponent } from "vue";
+import { Canal } from "@/stores/class/radio/canal";
+import { PlanningOccurrence } from "@/stores/class/radio/recurrence";
+import { Podcast } from "@/stores/class/general/podcast";
+import { PlanningLive } from "@/stores/class/radio/live";
 export default defineComponent({
-  name: 'RadioPlanning',
+  name: "RadioPlanning",
 
   components: {
     ClassicLoading,
-    ParticipantDescription
+    ParticipantDescription,
   },
 
   mixins: [imageProxy],
 
   props: {
-    radio: { default: undefined, type: Object as ()=>Canal},
+    radio: { default: undefined, type: Object as () => Canal },
   },
-  
+
   data() {
     return {
-      planning: {} as {[key: number]:Array<{podcast: Podcast, occurrence: PlanningOccurrence|PlanningLive}>},
+      planning: {} as {
+        [key: number]: Array<{
+          podcast: Podcast;
+          occurrence: PlanningOccurrence | PlanningLive;
+        }>;
+      },
       daySelected: dayjs().valueOf(),
-      arrayDays: [] as Array<{title: string, date: number, dayOfWeek: string }>,
+      arrayDays: [] as Array<{
+        title: string;
+        date: number;
+        dayOfWeek: string;
+      }>,
       loading: true as boolean,
       error: false as boolean,
     };
   },
 
-  computed:{
-    ...mapState(useFilterStore, ['filterOrgaId']),
-    startOfDay(): number{
-      return dayjs(this.daySelected).utcOffset(0).startOf('date').valueOf();
+  computed: {
+    ...mapState(useFilterStore, ["filterOrgaId"]),
+    startOfDay(): number {
+      return dayjs(this.daySelected).utcOffset(0).startOf("date").valueOf();
     },
-    endOfDay(): number{
-      return dayjs(this.daySelected).utcOffset(0).endOf('date').valueOf();
+    endOfDay(): number {
+      return dayjs(this.daySelected).utcOffset(0).endOf("date").valueOf();
     },
   },
 
-  mounted(){
+  mounted() {
     this.createArrayDays();
     this.fetchOccurrences();
   },
-  
+
   methods: {
-    createArrayDays(){
+    createArrayDays() {
       for (let index = -7; index < 3; index++) {
-        const dayToAdd = dayjs().add(index, 'day');
-        if(0===index){
+        const dayToAdd = dayjs().add(index, "day");
+        if (0 === index) {
           this.daySelected = dayToAdd.valueOf();
         }
-        this.arrayDays.push({title: dayToAdd.format('D/MM'), dayOfWeek:dayToAdd.format('dddd'),  date : dayToAdd.valueOf()});
+        this.arrayDays.push({
+          title: dayToAdd.format("D/MM"),
+          dayOfWeek: dayToAdd.format("dddd"),
+          date: dayToAdd.valueOf(),
+        });
       }
     },
-    async fetchOccurrences(): Promise<void>{
-      if(this.planning[this.daySelected]){return;}
+    async fetchOccurrences(): Promise<void> {
+      if (this.planning[this.daySelected]) {
+        return;
+      }
       this.loading = true;
       this.error = false;
       try {
         const params = {
           canalId: this.radio?.id,
           from: this.startOfDay,
-          to: this.endOfDay
+          to: this.endOfDay,
         };
-        let occurrences: Array<PlanningOccurrence|PlanningLive> = await octopusApi.fetchDataWithParams<Array<PlanningOccurrence>>( 14, 'planning/occurrence/list',params);
-        const lives = await octopusApi.fetchDataWithParams<Array<PlanningOccurrence>>( 14, 'live/list',params);
-        if(lives.length){
+        let occurrences: Array<PlanningOccurrence | PlanningLive> =
+          await octopusApi.fetchDataWithParams<Array<PlanningOccurrence>>(
+            14,
+            "planning/occurrence/list",
+            params,
+          );
+        const lives = await octopusApi.fetchDataWithParams<
+          Array<PlanningOccurrence>
+        >(14, "live/list", params);
+        if (lives.length) {
           occurrences = occurrences.concat(lives);
-          occurrences.sort((a,b) => {
-            if(a.startDate > b.startDate){
+          occurrences.sort((a, b) => {
+            if (a.startDate > b.startDate) {
               return 1;
             }
-            return (b.startDate > a.startDate) ? -1 : 0;
+            return b.startDate > a.startDate ? -1 : 0;
           });
         }
         this.planning[this.daySelected] = [];
         for (let oc of occurrences) {
-          if(oc.podcastId){
-            const data : Podcast = await octopusApi.fetchData<Podcast>(0, 'podcast/'+oc.podcastId);
-            this.planning[this.daySelected].push({podcast: data, occurrence:oc});
+          if (oc.podcastId) {
+            const data: Podcast = await octopusApi.fetchData<Podcast>(
+              0,
+              "podcast/" + oc.podcastId,
+            );
+            this.planning[this.daySelected].push({
+              podcast: data,
+              occurrence: oc,
+            });
           }
         }
       } catch {
@@ -176,20 +213,20 @@ export default defineComponent({
       }
       this.loading = false;
     },
-    changeDate(date: number){
+    changeDate(date: number) {
       this.daySelected = date;
       this.fetchOccurrences();
     },
-    dateDisplay(date: Date): string{
-      return dayjs(date).format('HH:mm:ss');
-    }
+    dateDisplay(date: Date): string {
+      return dayjs(date).format("HH:mm:ss");
+    },
   },
-})
+});
 </script>
 <style lang="scss">
-.octopus-app{
-  .program-item-date{
+.octopus-app {
+  .program-item-date {
     width: 100px;
   }
 }
-</style>
+</style>

package/src/components/display/organisation/OrganisationChooser.vue

@@ -12,13 +12,10 @@
     option-custom-templating="optionTemplating"
     option-selected-custom-templating="optionTemplating"
     :no-deselect="noDeselect"
-    @onSearch="onSearchOrganisation"
+    @on-search="onSearchOrganisation"
     @selected="$emit('selected', $event)"
   >
-    <template
-      v-if="isImage"
-      #optionTemplating="{option}"
-    >
+    <template v-if="isImage" #optionTemplating="{ option }">
       <div
         class="d-flex align-items-center"
         :data-selenium="'organisation-chooser-' + seleniumFormat(option.name)"
@@ -29,7 +26,7 @@
           height="32"
           class="me-2"
           :alt="option.name"
-        >
+        />
         <span>
           {{ option.name }}
         </span>
@@ -39,59 +36,69 @@
 </template>
 
 <script lang="ts">
-import { useAuthStore } from '@/stores/AuthStore';
-import { mapState } from 'pinia';
-import imageProxy from '../../mixins/imageProxy';
-import selenium from '../../mixins/selenium';
-import { orgaComputed } from '../../mixins/orgaComputed';
-import octopusApi from '@saooti/octopus-api';
-import ClassicMultiselect from '../../form/ClassicMultiselect.vue';
-import { defineComponent } from 'vue';
-import { emptyOrgaData, Organisation } from '@/stores/class/general/organisation';
+import { useAuthStore } from "@/stores/AuthStore";
+import { mapState } from "pinia";
+import imageProxy from "../../mixins/imageProxy";
+import selenium from "../../mixins/selenium";
+import { orgaComputed } from "../../mixins/orgaComputed";
+import octopusApi from "@saooti/octopus-api";
+import ClassicMultiselect from "../../form/ClassicMultiselect.vue";
+import { defineComponent } from "vue";
+import {
+  emptyOrgaData,
+  Organisation,
+} from "@/stores/class/general/organisation";
 export default defineComponent({
   components: {
     ClassicMultiselect,
   },
-  mixins:[selenium, orgaComputed, imageProxy],
+  mixins: [selenium, orgaComputed, imageProxy],
   props: {
-    defaultanswer: { default: '', type: String},
-    orgaIdSelected: { default: undefined, type: String},
-    reset: { default: false, type:  Boolean},
-    width: { default: '100%', type: String },
+    defaultanswer: { default: "", type: String },
+    orgaIdSelected: { default: undefined, type: String },
+    reset: { default: false, type: Boolean },
+    width: { default: "100%", type: String },
     isImage: { default: true, type: Boolean },
-    inModal:{default: false, type: Boolean},
-    noDeselect: {default: true, type: Boolean},
+    inModal: { default: false, type: Boolean },
+    noDeselect: { default: true, type: Boolean },
   },
-  emits: ['selected'],
+  emits: ["selected"],
   data() {
     return {
       maxElement: 50 as number,
       organisationChosen: undefined as Organisation | undefined,
-      initLoaded: false as boolean
+      initLoaded: false as boolean,
     };
   },
-  
+
   computed: {
-    ...mapState(useAuthStore, ['authOrganisation']),
-    getDefaultOrganisation(): Organisation|undefined{
-      if(''===this.defaultanswer){
+    ...mapState(useAuthStore, ["authOrganisation"]),
+    getDefaultOrganisation(): Organisation | undefined {
+      if ("" === this.defaultanswer) {
         return undefined;
       }
       return emptyOrgaData(this.defaultanswer);
     },
-    myOrganisation(): Organisation|undefined {
+    myOrganisation(): Organisation | undefined {
       if (!this.authenticated) return undefined;
-      return {...this.authOrganisation, ...{name: `${this.$t('Edit my organisation')} (${this.authOrganisation.name})`}};
-    }
+      return {
+        ...this.authOrganisation,
+        ...{
+          name: `${this.$t("Edit my organisation")} (${
+            this.authOrganisation.name
+          })`,
+        },
+      };
+    },
   },
   watch: {
     orgaIdSelected: {
-      immediate:true,
-      handler(){
+      immediate: true,
+      handler() {
         if (!this.initLoaded && this.orgaIdSelected) {
           this.fetchOrganisation();
         }
-      }
+      },
     },
     reset(): void {
       this.organisationChosen = this.getDefaultOrganisation;
@@ -103,12 +110,16 @@ export default defineComponent({
   },
   methods: {
     async onSearchOrganisation(query?: string): Promise<void> {
-      const response = await octopusApi.fetchDataWithParams<{count: number;result:Array<Organisation>;sort: string;}>(0, 'organisation/search',{
+      const response = await octopusApi.fetchDataWithParams<{
+        count: number;
+        result: Array<Organisation>;
+        sort: string;
+      }>(0, "organisation/search", {
         query: query,
         first: 0,
-        size: this.maxElement
+        size: this.maxElement,
       });
-      let notNullOrga = response.result.filter((o: Organisation|null) => {
+      let notNullOrga = response.result.filter((o: Organisation | null) => {
         return null !== o;
       });
       if (this.getDefaultOrganisation) {
@@ -122,19 +133,24 @@ export default defineComponent({
           notNullOrga.splice(1, 0, this.myOrganisation);
         } else {
           const foundIndex = notNullOrga.findIndex(
-            (obj: Organisation) => obj.id === this.myOrganisationId
+            (obj: Organisation) => obj.id === this.myOrganisationId,
           );
           if (foundIndex) {
             notNullOrga[foundIndex] = this.myOrganisation;
           }
         }
       }
-      (this.$refs.selectOrganisation as InstanceType<typeof ClassicMultiselect>).afterSearch(notNullOrga,response.count);
+      (
+        this.$refs.selectOrganisation as InstanceType<typeof ClassicMultiselect>
+      ).afterSearch(notNullOrga, response.count);
     },
     async fetchOrganisation(): Promise<void> {
-      this.organisationChosen = await octopusApi.fetchData<Organisation>(0,`organisation/${this.orgaIdSelected}`);
+      this.organisationChosen = await octopusApi.fetchData<Organisation>(
+        0,
+        `organisation/${this.orgaIdSelected}`,
+      );
       this.initLoaded = true;
     },
   },
-})
-</script>
+});
+</script>