@saooti/octopus-sdk 37.0.6 → 37.0.8

package/src/components/display/filter/DateFilter.vue

@@ -1,10 +1,7 @@
 <template>
   <div class="d-flex mt-3 align-items-center flex-wrap">
-    <div
-      v-if="isEmission"
-      class="me-2"
-    >
-      {{ $t('Emission with episode published :') }}
+    <div v-if="isEmission" class="me-2">
+      {{ $t("Emission with episode published :") }}
     </div>
     <div class="d-flex align-items-center">
       <ClassicCheckbox
@@ -16,7 +13,10 @@
       <ClassicDatePicker
         :date="fromDate"
         template-class="mx-2 px-2 py-1 border rounded focus:border-blue-300"
-        @updateDate="fromDate=$event;updateFromDate"
+        @update-date="
+          fromDate = $event;
+          updateFromDate;
+        "
       />
     </div>
     <div class="d-flex align-items-center">
@@ -29,54 +29,63 @@
       <ClassicDatePicker
         :date="toDate"
         template-class="ms-2 px-2 py-1 border rounded focus:border-blue-300"
-        @updateDate="toDate=$event;updateToDate"
+        @update-date="
+          toDate = $event;
+          updateToDate;
+        "
       />
     </div>
   </div>
 </template>
 
 <script lang="ts">
-import dayjs from 'dayjs';
-import ClassicCheckbox from '../../form/ClassicCheckbox.vue';
-import ClassicDatePicker from '../../form/ClassicDatePicker.vue';
-import { defineComponent } from 'vue';
+import dayjs from "dayjs";
+import ClassicCheckbox from "../../form/ClassicCheckbox.vue";
+import ClassicDatePicker from "../../form/ClassicDatePicker.vue";
+import { defineComponent } from "vue";
 export default defineComponent({
   components: {
     ClassicDatePicker,
     ClassicCheckbox,
   },
   props: {
-    isEmission: { default: false, type:  Boolean},
-    initToDate: { default: undefined, type:  Date},
-    initFromDate: { default: undefined, type:  Date},
+    isEmission: { default: false, type: Boolean },
+    initToDate: { default: undefined, type: Date },
+    initFromDate: { default: undefined, type: Date },
   },
 
-  emits: ['updateToDate', 'updateFromDate'],
+  emits: ["updateToDate", "updateFromDate"],
 
   data() {
     return {
       isFrom: false as boolean,
       isTo: false as boolean,
-      fromDate: dayjs().subtract(10, 'days').toDate(),
+      fromDate: dayjs().subtract(10, "days").toDate(),
       toDate: dayjs().toDate(),
     };
   },
 
   watch: {
     isFrom(): void {
-      this.$emit('updateFromDate', this.isFrom ? dayjs(this.fromDate).toISOString() : undefined);
+      this.$emit(
+        "updateFromDate",
+        this.isFrom ? dayjs(this.fromDate).toISOString() : undefined,
+      );
     },
     isTo(): void {
-      this.$emit('updateToDate', this.isTo ? dayjs(this.toDate).toISOString() : undefined);
+      this.$emit(
+        "updateToDate",
+        this.isTo ? dayjs(this.toDate).toISOString() : undefined,
+      );
     },
   },
 
-  created(){
-    if(this.initToDate){
+  created() {
+    if (this.initToDate) {
       this.toDate = this.initToDate;
       this.isTo = true;
     }
-    if(this.initFromDate){
+    if (this.initFromDate) {
       this.fromDate = this.initFromDate;
       this.isFrom = true;
     }
@@ -84,37 +93,28 @@ export default defineComponent({
   methods: {
     updateFromDate(): void {
       if (
-        dayjs(this.fromDate)
-          .startOf('minute')
-          .toISOString() ===
-        dayjs()
-          .subtract(10, 'days')
-          .startOf('minute')
-          .toISOString()
+        dayjs(this.fromDate).startOf("minute").toISOString() ===
+        dayjs().subtract(10, "days").startOf("minute").toISOString()
       )
         return;
       if (this.isFrom) {
-        this.$emit('updateFromDate', dayjs(this.fromDate).toISOString());
+        this.$emit("updateFromDate", dayjs(this.fromDate).toISOString());
       } else {
         this.isFrom = true;
       }
     },
     updateToDate(): void {
       if (
-        dayjs(this.toDate)
-          .startOf('minute')
-          .toISOString() ===
-        dayjs()
-          .startOf('minute')
-          .toISOString()
+        dayjs(this.toDate).startOf("minute").toISOString() ===
+        dayjs().startOf("minute").toISOString()
       )
         return;
       if (this.isTo) {
-        this.$emit('updateToDate', dayjs(this.toDate).toISOString());
+        this.$emit("updateToDate", dayjs(this.toDate).toISOString());
       } else {
         this.isTo = true;
       }
     },
   },
-})
-</script>
+});
+</script>

package/src/components/display/filter/MonetizableFilter.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="d-flex align-items-center">
-    <div>{{ $t('Advertising') + ' :' }}</div>
+    <div>{{ $t("Advertising") + " :" }}</div>
     <select
       ref="select"
       v-model="monetization"
@@ -11,37 +11,39 @@
         {{ allString }}
       </option>
       <option value="YES">
-        {{ $t('Authorized advertising') }}
+        {{ $t("Authorized advertising") }}
       </option>
       <option value="NO">
-        {{ $t('Prohibited advertising') }}
+        {{ $t("Prohibited advertising") }}
       </option>
     </select>
   </div>
 </template>
 
 <script lang="ts">
-import { defineComponent } from 'vue'
+import { defineComponent } from "vue";
 export default defineComponent({
   props: {
-    isEmission: { default: false, type:  Boolean},
+    isEmission: { default: false, type: Boolean },
   },
-  emits: ['updateMonetization'],
+  emits: ["updateMonetization"],
 
   data() {
     return {
-      monetization: 'UNDEFINED' as string,
+      monetization: "UNDEFINED" as string,
     };
   },
-  computed:{
-    allString(): string{
-      return this.isEmission? this.$t('All emissions') : this.$t('All podcasts');
-    }
+  computed: {
+    allString(): string {
+      return this.isEmission
+        ? this.$t("All emissions")
+        : this.$t("All podcasts");
+    },
   },
   methods: {
     onChange(): void {
-      this.$emit('updateMonetization', this.monetization);
+      this.$emit("updateMonetization", this.monetization);
     },
   },
-})
-</script>
+});
+</script>

package/src/components/display/filter/ProductorSearch.vue

@@ -11,20 +11,21 @@
       />
       <ClassicCheckbox
         v-model:textInit="keepOrganisation"
-        :class="!!organisationId? '' : 'invisible'"
+        :class="!!organisationId ? '' : 'invisible'"
         class="m-3"
-        :label="$t('check this box if you want to keep this filter for the rest of your visit')"
+        :label="
+          $t(
+            'check this box if you want to keep this filter for the rest of your visit',
+          )
+        "
         :display-label="false"
         id-checkbox="organisation-checkbox"
-        @clickAction="onKeepOrganisation"
+        @click-action="onKeepOrganisation"
       />
-      <div
-        :class="showBubble? '' : 'invisible'"
-        class="filter-speech-bubble"
-      >
+      <div :class="showBubble ? '' : 'invisible'" class="filter-speech-bubble">
         {{
           $t(
-            'check this box if you want to keep this filter for the rest of your visit'
+            "check this box if you want to keep this filter for the rest of your visit",
           )
         }}
       </div>
@@ -35,35 +36,39 @@
       :autofocus="true"
       id-search="productor-search-input"
       :label="searchText"
-      @update:textInit="$emit('update:searchPattern', $event)"
+      @update:text-init="$emit('update:searchPattern', $event)"
     />
   </div>
 </template>
 
 <script lang="ts">
-import ClassicSearch from '../../form/ClassicSearch.vue';
-import { state } from '../../../stores/ParamSdkStore';
-import orgaFilter from '../../mixins/organisationFilter';
-import { Organisation } from '@/stores/class/general/organisation';
-import { useFilterStore } from '@/stores/FilterStore';
-import { mapState, mapActions } from 'pinia';
-import { defineComponent, defineAsyncComponent } from 'vue';
-const OrganisationChooser = defineAsyncComponent(() => import('../organisation/OrganisationChooser.vue'));
-const ClassicCheckbox = defineAsyncComponent(() => import('../../form/ClassicCheckbox.vue'));
+import ClassicSearch from "../../form/ClassicSearch.vue";
+import { state } from "../../../stores/ParamSdkStore";
+import orgaFilter from "../../mixins/organisationFilter";
+import { Organisation } from "@/stores/class/general/organisation";
+import { useFilterStore } from "@/stores/FilterStore";
+import { mapState, mapActions } from "pinia";
+import { defineComponent, defineAsyncComponent } from "vue";
+const OrganisationChooser = defineAsyncComponent(
+  () => import("../organisation/OrganisationChooser.vue"),
+);
+const ClassicCheckbox = defineAsyncComponent(
+  () => import("../../form/ClassicCheckbox.vue"),
+);
 export default defineComponent({
   components: {
     OrganisationChooser,
     ClassicSearch,
-    ClassicCheckbox
+    ClassicCheckbox,
   },
-  mixins:[orgaFilter],
+  mixins: [orgaFilter],
 
   props: {
-    organisationId: { default: undefined, type: String},
-    searchPattern: { default: '', type: String },
-    type: { default: 'podcast', type: String },
+    organisationId: { default: undefined, type: String },
+    searchPattern: { default: "", type: String },
+    type: { default: "podcast", type: String },
   },
-  emits: ['update:organisationId', 'update:searchPattern'],
+  emits: ["update:organisationId", "update:searchPattern"],
 
   data() {
     return {
@@ -72,57 +77,60 @@ export default defineComponent({
     };
   },
   computed: {
-    ...mapState(useFilterStore, ['filterOrgaId']),
+    ...mapState(useFilterStore, ["filterOrgaId"]),
     isPodcastmaker(): boolean {
-      return (state.generalParameters.podcastmaker as boolean);
+      return state.generalParameters.podcastmaker as boolean;
     },
     searchText(): string {
-      if ('emission' === this.type) return this.$t('Look for emission name');
-      if ('participant' === this.type)return this.$t('Look for participant name');
-      if ('playlist' === this.type) return this.$t('Look for playlist name');
-      return this.$t('Look for podcast name');
+      if ("emission" === this.type) return this.$t("Look for emission name");
+      if ("participant" === this.type)
+        return this.$t("Look for participant name");
+      if ("playlist" === this.type) return this.$t("Look for playlist name");
+      return this.$t("Look for podcast name");
     },
   },
   watch: {
-    filterOrgaId():void{
-      this.keepOrganisation = undefined!==this.filterOrgaId;
+    filterOrgaId(): void {
+      this.keepOrganisation = undefined !== this.filterOrgaId;
       if (this.filterOrgaId) {
-        this.$emit('update:organisationId', this.filterOrgaId);
+        this.$emit("update:organisationId", this.filterOrgaId);
       }
     },
   },
   async created() {
     if (!this.organisationId) return;
-    if(this.filterOrgaId === this.organisationId){
+    if (this.filterOrgaId === this.organisationId) {
       this.keepOrganisation = true;
     }
   },
   methods: {
-    ...mapActions(useFilterStore, ['filterUpdateOrga']),
+    ...mapActions(useFilterStore, ["filterUpdateOrga"]),
     onOrganisationSelected(organisation: Organisation): void {
       if (this.$route.query.productor) {
         this.$router.push({ query: { productor: undefined } });
       }
-      this.filterUpdateOrga({orgaId: undefined});
+      this.filterUpdateOrga({ orgaId: undefined });
       this.keepOrganisation = false;
       if (organisation && organisation.id) {
-        this.$emit('update:organisationId', organisation.id);
-        if("PUBLIC"!==organisation.privacy){
+        this.$emit("update:organisationId", organisation.id);
+        if ("PUBLIC" !== organisation.privacy) {
           this.$nextTick(() => {
             this.onKeepOrganisation();
           });
-        } else{
+        } else {
           this.showBubble = true;
           setTimeout(() => {
             this.showBubble = false;
           }, 6000);
         }
       } else {
-        this.$emit('update:organisationId', undefined);
+        this.$emit("update:organisationId", undefined);
       }
     },
     async onKeepOrganisation(): Promise<void> {
-      if(!this.organisationId){return}
+      if (!this.organisationId) {
+        return;
+      }
       if (!this.keepOrganisation) {
         await this.selectOrganisation(this.organisationId);
         return;
@@ -130,16 +138,16 @@ export default defineComponent({
       this.removeSelectedOrga();
     },
   },
-})
+});
 </script>
 
 <style lang="scss">
-@import '@scss/_variables.scss';
-.octopus-app{
+@import "@scss/_variables.scss";
+.octopus-app {
   .filter-speech-bubble {
     position: absolute;
     background: $octopus-primary-color;
-    border-radius:$octopus-borderradius;
+    border-radius: $octopus-borderradius;
     width: 10rem;
     right: 4rem;
     padding: 5px;
@@ -150,7 +158,7 @@ export default defineComponent({
   }
 
   .filter-speech-bubble:after {
-    content: '';
+    content: "";
     position: absolute;
     right: 0;
     top: 50%;
@@ -191,4 +199,4 @@ export default defineComponent({
     }
   }
 }
-</style>
+</style>

package/src/components/display/filter/RubriqueChoice.vue

@@ -15,14 +15,16 @@
     </select>
     <template v-if="rubriquageId">
       <div class="ms-3 flex-shrink-0">
-        {{ $t('By rubric') }}
+        {{ $t("By rubric") }}
       </div>
       <RubriqueChooser
         v-if="getRubriques(rubriquageId).length"
         class="ms-2"
         :multiple="false"
         :rubriquage-id="rubriquageId"
-        :rubrique-selected="0 !== rubriqueIdSelected? rubriqueIdSelected : undefined"
+        :rubrique-selected="
+          0 !== rubriqueIdSelected ? rubriqueIdSelected : undefined
+        "
         :all-rubriques="getRubriques(rubriquageId)"
         :defaultanswer="$t('No rubric filter')"
         :reset="reset"
@@ -40,65 +42,78 @@
 </template>
 
 <script lang="ts">
-import { Rubriquage } from '@/stores/class/rubrique/rubriquage';
-import { Rubrique } from '@/stores/class/rubrique/rubrique';
-import { defineComponent, defineAsyncComponent } from 'vue';
-const RubriqueChooser = defineAsyncComponent(() => import('../rubriques/RubriqueChooser.vue'));
+import { Rubriquage } from "@/stores/class/rubrique/rubriquage";
+import { Rubrique } from "@/stores/class/rubrique/rubrique";
+import { defineComponent, defineAsyncComponent } from "vue";
+const RubriqueChooser = defineAsyncComponent(
+  () => import("../rubriques/RubriqueChooser.vue"),
+);
 export default defineComponent({
   components: {
     RubriqueChooser,
   },
   props: {
-    rubriquageDisplay: { default: () => [], type: Array as ()=>Array<Rubriquage>},
-    rubriquageIdSelected:{default: 0, type: Number},
-    rubriqueIdSelected: { default: 0, type: Number},
-    index: { default: 0, type: Number},
+    rubriquageDisplay: {
+      default: () => [],
+      type: Array as () => Array<Rubriquage>,
+    },
+    rubriquageIdSelected: { default: 0, type: Number },
+    rubriqueIdSelected: { default: 0, type: Number },
+    index: { default: 0, type: Number },
   },
-  emits: ['deleteRubriqueChoice', 'updateRubrique', 'updateRubriquage'],
+  emits: ["deleteRubriqueChoice", "updateRubrique", "updateRubriquage"],
 
   data() {
     return {
-      rubriquageId: undefined as number|undefined,
-      rubriqueId: undefined as number|undefined,
+      rubriquageId: undefined as number | undefined,
+      rubriqueId: undefined as number | undefined,
       reset: false as boolean,
     };
   },
-  watch:{
-    rubriquageIdSelected(){
+  watch: {
+    rubriquageIdSelected() {
       this.initRubriquage();
     },
-    rubriqueIdSelected(){
+    rubriqueIdSelected() {
       this.initRubriquage();
-    }
+    },
   },
 
-  created(){
+  created() {
     this.initRubriquage();
   },
 
   methods: {
-    initRubriquage(){
+    initRubriquage() {
       this.rubriquageId = this.rubriquageIdSelected;
     },
-    deleteRubriquage(){
-      this.$emit('deleteRubriqueChoice');
+    deleteRubriquage() {
+      this.$emit("deleteRubriqueChoice");
     },
     getRubriques(rubriquageId: number): Array<Rubrique> {
       const topicIndex = this.rubriquageDisplay.findIndex(
-        ( element: Rubriquage) => element.rubriquageId === rubriquageId
+        (element: Rubriquage) => element.rubriquageId === rubriquageId,
       );
-      return -1 !== topicIndex ? this.rubriquageDisplay[topicIndex].rubriques : [];
+      return -1 !== topicIndex
+        ? this.rubriquageDisplay[topicIndex].rubriques
+        : [];
     },
     onRubriqueSelected(rubrique: Rubrique): void {
       if (rubrique.rubriqueId === this.rubriqueId) return;
       this.rubriqueId = rubrique.rubriqueId;
-      this.$emit('updateRubrique', {rubriqueId : rubrique.rubriqueId, index: this.index});
+      this.$emit("updateRubrique", {
+        rubriqueId: rubrique.rubriqueId,
+        index: this.index,
+      });
     },
     onRubriquageSelected(): void {
       this.reset = !this.reset;
       this.rubriqueId = 0;
-      this.$emit('updateRubriquage', {rubriquageId : this.rubriquageId, index: this.index});
+      this.$emit("updateRubriquage", {
+        rubriquageId: this.rubriquageId,
+        index: this.index,
+      });
     },
   },
-})
-</script>
+});
+</script>