@saooti/octopus-sdk 31.0.24 → 31.0.27

package/README.md

@@ -573,7 +573,18 @@ See [Configuration Reference](https://cli.vuejs.org/config/).
  * 30.0.74 Error locales en allemand (je sens que ça va être fun cette histoire)
  * 30.0.75 Parlement
  * 30.0.76 Space
-
+ * 30.0.77 V-Calendar bloque version
+ * 30.0.78 a -> word-break
+ * 30.0.79 DownloadId player
+ * 30.0.80 DownloadId player
+ * 30.0.81 DownloadId player
+ * 30.0.82 Cherry pick Color Qr code
+ * 30.0.83 Locales parlement
+ * 30.0.84 Une émission non visible n'apparaît pas dans la page émission
+ * 30.0.85 PB en cliquant sur le bouton "tous les épisodes de l'organisation" dans la page d'un épisode
+ * 30.0.86 Podcastmaker newest
+ * 30.0.87 Podcastmaker newest (swiper list)
+ * 30.0.88 Podcastmaker newest (swiper list)
 
  * 31.0.0 Passage en 31
  * 31.0.1 Ajout pocket casts
@@ -600,3 +611,6 @@ See [Configuration Reference](https://cli.vuejs.org/config/).
  * 31.0.22 Merge 30
  * 31.0.23 Qr Code option noir
  * 31.0.24 Amélioration accessibilité
+ * 31.0.25 Erreur audioUrl
+ * 31.0.26 Erreur 403 page expose 
+ * 31.0.27 Snackbar chose holdtime

package/index.ts

@@ -12,6 +12,7 @@ import Search from "./src/components/pages/Search.vue";
 import Home from "./src/components/pages/Home.vue";
 import Category from "./src/components/pages/Category.vue";
 import Rubrique from "./src/components/pages/Rubrique.vue";
+import Error403Page from "./src/components/pages/Error403Page.vue";
 //Misc
 import Footer from "./src/components/misc/Footer.vue";
 import LeftMenu from "./src/components/misc/LeftMenu.vue";
@@ -116,7 +117,8 @@ const components = {
     ClassicLoading,
     AdvancedSearch,
     PodcastPlaylistInlineList,
-    ClassicSelect
+    ClassicSelect,
+    Error403Page
 }
 
 export default components;
@@ -171,5 +173,6 @@ export {
     ClassicLoading,
     AdvancedSearch,
     PodcastPlaylistInlineList,
-    ClassicSelect
+    ClassicSelect,
+    Error403Page
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@saooti/octopus-sdk",
-  "version": "31.0.24",
+  "version": "31.0.27",
   "private": false,
   "description": "Javascript SDK for using octopus",
   "author": "Saooti",
@@ -28,6 +28,7 @@
     "qrcode.vue": "^3.3.3",
     "sass": "^1.49.11",
     "sass-loader": "^12.6.0",
+    "swiper": "^8.1.5",
     "v-calendar": "^3.0.0-alpha.8",
     "vue": "^3.2.31",
     "vue-i18n": "^9.2.0-beta.34",

package/src/components/display/categories/CategoryList.vue

@@ -4,12 +4,12 @@
     class="d-inline-flex w-100 mb-3 ps-3 pe-3 hide-phone category-list"
   >
     <div
-      id="category-list-container"
+      ref="categoryListContainer"
       class="category-list-container"
     >
       <button
         v-for="category in categories"
-        :id="'category' + category.id"
+        :ref="'category' + category.id"
         :key="category.id"
         class="category-item text-dark bg-white"
         @click="checkIfFilter(category)"
@@ -144,14 +144,14 @@ export default defineComponent({
       this.$store.commit('filterIab',category);
     },
     resizeWindow(): void {
-      const categoryList = document.getElementById('category-list-container');
-      if(null === categoryList){
+      const categoryList = (this.$refs.categoryListContainer as HTMLElement);
+      if(null === categoryList ||!categoryList){
         return;
       }
       categoryList.style.justifyContent = 'flex-start';
       this.hidenCategories.length = 0;
       this.categories.forEach((element: Category) => {
-        const el = document.getElementById('category' + element.id);
+        const el = (this.$refs['category' + element.id] as Array<HTMLElement>)[0];
         if (!el) return;
         const parent = el.parentElement;
         if (parent && el.offsetLeft + el.clientWidth <= parent.clientWidth - 20) {

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

@@ -28,12 +28,12 @@
           >{{ emission.name }}
         </div>
         <div
-          :id="'description-emission-container-' + emission.emissionId"
+          ref="descriptionEmissionContainer"
           class="emission-description htms-wysiwyg-content"
         >
           <!-- eslint-disable vue/no-v-html -->
           <div
-            :id="'description-emission-' + emission.emissionId"
+            ref="descriptionEmission"
             v-html="urlify(emission.description|| '')"
           />
         <!-- eslint-enable -->
@@ -108,12 +108,8 @@ export default defineComponent({
     this.hasPodcast();
   },
   mounted() {
-    const emissionDesc = document.getElementById(
-      'description-emission-' + this.emission.emissionId
-    );
-    const emissionDescContainer = document.getElementById(
-      'description-emission-container-' + this.emission.emissionId
-    );
+    const emissionDesc = (this.$refs.descriptionEmission as HTMLElement);
+    const emissionDescContainer = (this.$refs.descriptionEmissionContainer as HTMLElement);
     if (
       null !== emissionDesc && null !== emissionDescContainer && 
       emissionDesc.clientHeight > emissionDescContainer.clientHeight

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

@@ -36,12 +36,12 @@
           {{ emission.name }}
         </div>
         <div
-          :id="'description-emission-container-' + emission.emissionId"
+          ref="descriptionEmissionContainer"
           class="emission-description html-wysiwyg-content"
         >
           <!-- eslint-disable vue/no-v-html -->
           <div
-            :id="'description-emission-' + emission.emissionId"
+            ref="descriptionEmission"
             v-html="urlify(emission.description)"
           />
           <!-- eslint-enable -->
@@ -79,12 +79,12 @@
               {{ p.title }}
             </div>
             <div
-              :id="'description-podcast-container-' + p.podcastId"
+              :ref="'descriptionPodcastContainer'+ p.podcastId"
               class="emission-description html-wysiwyg-content"
             >
               <!-- eslint-disable vue/no-v-html -->
               <div
-                :id="'description-podcast-' + p.podcastId"
+                :ref="'descriptionPodcast'+ p.podcastId"
                 v-html="urlify(p.description)"
               />
               <!-- eslint-enable -->
@@ -195,12 +195,8 @@ export default defineComponent({
     this.loadPodcasts();
   },
   mounted() {
-    const emissionDesc = document.getElementById(
-      'description-emission-' + this.emission.emissionId
-    );
-    const emissionDescContainer = document.getElementById(
-      'description-emission-container-' + this.emission.emissionId
-    );
+    const emissionDesc = (this.$refs.descriptionEmission as HTMLElement);
+    const emissionDescContainer = (this.$refs.descriptionEmissionContainer as HTMLElement);
     if (
       null !== emissionDesc && null !== emissionDescContainer &&
       emissionDesc.clientHeight > emissionDescContainer.clientHeight
@@ -221,12 +217,8 @@ export default defineComponent({
       this.podcasts = data.result;
       this.$nextTick(() => {
       for (let index = 0, len = this.podcasts.length; index < len; index++) {
-        const podcastDesc = document.getElementById(
-          'description-podcast-' + this.podcasts[index].podcastId
-        );
-        const podcastDescContainer = document.getElementById(
-          'description-podcast-container-' + this.podcasts[index].podcastId
-        );
+        const podcastDesc = (this.$refs['descriptionPodcast'+this.podcasts[index].podcastId] as Array<HTMLElement>)[0];
+        const podcastDescContainer = (this.$refs['descriptionPodcastContainer'+this.podcasts[index].podcastId] as Array<HTMLElement>)[0];
         if (
           null !== podcastDesc && null !== podcastDescContainer &&
           podcastDesc.clientHeight > podcastDescContainer.clientHeight

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

@@ -172,10 +172,10 @@ export default defineComponent({
       isTo: false as boolean,
       fromDate: moment().subtract(10, 'days').toISOString() as string,
       toDate: moment().toISOString() as string,
-      isNotVisible: false as boolean,
+      isNotVisible: this.includeHidden as boolean,
       isNotValidate: false as boolean,
       showFilters: false as boolean,
-      sort: '' as string,
+      sort: this.sortCriteria as string,
     };
   },
 
@@ -268,16 +268,6 @@ export default defineComponent({
       this.sort = this.sortCriteria;
     },
   },
-
-  created() {
-    if (!this.isEmission) {
-      this.isNotVisible = this.includeHidden;
-    }
-  },
-
-  mounted() {
-    this.sort = this.sortCriteria;
-  },
   methods: {
     updateFromDate(): void {
       if (

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

@@ -138,9 +138,6 @@ export default defineComponent({
     async onKeepOrganisation(): Promise<void> {
       if(!this.organisationId){return}
       if (!this.keepOrganisation) {
-        if (this.$route.query.productor !== this.organisationId) {
-          this.$router.push({ query: { productor: this.organisationId } });
-        }
         await this.selectOrganisation(this.organisationId);
         return;
       }

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

@@ -66,12 +66,12 @@
         {{ live.emission.name }}
       </router-link>
       <div
-        :id="'description-live-container-' + live.podcastId"
+        ref="descriptionLiveContainer"
         class="live-description-container html-wysiwyg-content"
       >
         <!-- eslint-disable vue/no-v-html -->
         <div
-          :id="'description-live-' + live.podcastId"
+          ref="descriptionLive"
           v-html="urlify(description)"
         />
         <!-- eslint-enable -->
@@ -251,12 +251,8 @@ export default defineComponent({
         if(!this.live){
           return;
         }
-        const liveDesc = document.getElementById(
-          'description-live-' + this.live.podcastId
-        );
-        const liveDescContainer = document.getElementById(
-          'description-live-container-' + this.live.podcastId
-        );
+        const liveDesc = (this.$refs.descriptionLive as HTMLElement);
+        const liveDescContainer = (this.$refs.descriptionLiveContainer as HTMLElement);
         if (
           null !== liveDesc && null !== liveDescContainer && 
           liveDesc.clientHeight > liveDescContainer.clientHeight

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

@@ -4,29 +4,24 @@
     class="default-multiselect-width organisation-chooser-light"
     :style="{ width: width }"
   >
-    <template v-if="!privateOrganisation">
-      <select
-        :id="'organisation_chooser_light' + page"
-        v-model="actual"
-        class="mb-0 c-hand border-0"
-        @change="onOrganisationSelected"
-      >
-        <option :value="organisation.id">
-          {{ organisation.name }}
-        </option>
-        <option :value="-1">
-          {{ $t('No organisation filter') }}
-        </option>
-      </select>
-      <label
-        :for="'organisation_chooser_light' + page"
-        class="d-inline"
-        :title="$t('select productor')"
-      />
-    </template>
-    <template v-else>
-      {{ organisation.name }}
-    </template>
+    <select
+      :id="'organisation_chooser_light' + page"
+      v-model="actual"
+      class="mb-0 c-hand border-0"
+      @change="onOrganisationSelected"
+    >
+      <option :value="organisation.id">
+        {{ organisation.name }}
+      </option>
+      <option :value="-1">
+        {{ $t('No organisation filter') }}
+      </option>
+    </select>
+    <label
+      :for="'organisation_chooser_light' + page"
+      class="d-inline"
+      :title="$t('select productor')"
+    />
   </div>
 </template>
 
@@ -48,7 +43,6 @@ export default defineComponent({
       actual: -1 as number|string,
       organisation: undefined as Organisation|undefined,
       init: false as boolean,
-      privateOrganisation: false as boolean
     };
   },
 
@@ -82,7 +76,6 @@ export default defineComponent({
       const data = await octopusApi.fetchOrganisation(this.value);
       this.organisation = data;
       this.actual = data.id;
-      this.privateOrganisation = "PUBLIC"!==data.privacy;
       this.init = true;
     },
   },

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

@@ -26,12 +26,12 @@
         >{{ name }}
       </div>
       <div
-        :id="'description-participant-container-' + participant.participantId"
+        ref="descriptionParticipantContainer"
         class="participant-description html-wysiwyg-content"
       >
         <!-- eslint-disable vue/no-v-html -->
         <div
-          :id="'description-participant-' + participant.participantId"
+          ref="descriptionParticipant"
           v-html="urlify(participant.description|| '')"
         />
         <!-- eslint-enable -->
@@ -107,12 +107,8 @@ export default defineComponent({
     this.hasPodcast();
   },
   mounted() {
-    const participantDesc = document.getElementById(
-      'description-participant-' + this.participant.participantId
-    );
-    const participantDescContainer = document.getElementById(
-      'description-participant-container-' + this.participant.participantId
-    );
+    const participantDesc = (this.$refs.descriptionParticipant as HTMLElement);
+    const participantDescContainer = (this.$refs.descriptionParticipantContainer as HTMLElement);
     if (
       null !== participantDesc && null !==participantDescContainer && 
       participantDesc.clientHeight > participantDescContainer.clientHeight

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

@@ -36,12 +36,12 @@
           >{{ name }}
         </div>
         <div
-          :id="'description-playlist-container-' + playlist.playlistId"
+          ref="descriptionPlaylistContainer"
           class="emission-description html-wysiwyg-content"
         >
           <!-- eslint-disable vue/no-v-html -->
           <div
-            :id="'description-playlist-' + playlist.playlistId"
+            ref="descriptionPlaylist"
             v-html="urlify(description)"
           />
           <!-- eslint-enable -->
@@ -120,12 +120,8 @@ export default defineComponent({
 
 
   mounted() {
-    const playlistDesc = document.getElementById(
-      'description-playlist-' + this.playlist.playlistId
-    );
-    const playlistDescContainer = document.getElementById(
-      'description-playlist-container-' + this.playlist.playlistId
-    );
+    const playlistDesc = (this.$refs.descriptionPlaylist as HTMLElement);
+    const playlistDescContainer = (this.$refs.descriptionPlaylistContainer as HTMLElement);
     if (
       null !== playlistDesc && null !== playlistDescContainer &&
       playlistDesc.clientHeight > playlistDescContainer.clientHeight

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

@@ -237,6 +237,9 @@ export default defineComponent({
           'PENDING' === this.fetchConference.status)
       );
     },
+    clickPlayGoPage():boolean{
+      return (state.podcastPage.clickPlayGoPage as boolean);
+    },
   },
   watch: {
     arrowDirection(): void {
@@ -265,16 +268,19 @@ export default defineComponent({
       }
       if (!this.recordingLive) {
         this.$store.commit('playerPlayPodcast', this.podcast);
-        return;
+      }else{
+        this.$store.commit('playerPlayPodcast', {
+          title: this.podcast.title,
+          audioUrl: this.podcast.audioUrl,
+          duration: this.podcast.duration,
+          conferenceId: this.fetchConference ? this.fetchConference.conferenceId : undefined,
+          livePodcastId: this.podcast.podcastId,
+          organisation: this.podcast.organisation,
+        });
+      }
+      if(this.clickPlayGoPage){
+        this.$router.push('/main/pub/podcast/'+this.podcast.podcastId);
       }
-      this.$store.commit('playerPlayPodcast', {
-        title: this.podcast.title,
-        audioUrl: this.podcast.audioUrl,
-        duration: this.podcast.duration,
-        conferenceId: this.fetchConference ? this.fetchConference.conferenceId : undefined,
-        livePodcastId: this.podcast.podcastId,
-        organisation: this.podcast.organisation,
-      });
     },
     showDescription(): void {
       if (this.isDescription) {