@saooti/octopus-sdk 31.0.5 → 31.0.8

package/README.md

@@ -567,6 +567,9 @@ See [Configuration Reference](https://cli.vuejs.org/config/).
  * 30.0.68 Parlement européen
  * 30.0.69 Parlement européen
  * 30.0.70 Améliorations 30
+ * 30.0.71 Parlement européen
+ * 30.0.72 Ajout des traductions
+
 
  * 31.0.0 Passage en 31
  * 31.0.1 Ajout pocket casts
@@ -574,6 +577,9 @@ See [Configuration Reference](https://cli.vuejs.org/config/).
  * 31.0.3 Merge 30
  * 31.0.4 Selection des customPlayers
  * 31.0.5 Merge 30
+ * 31.0.6 Erreur de Merge 30
+ * 31.0.7 Sécurisation
+ * 31.0.8 Dropdown Lang + classicSelect
 
 
 

package/index.ts

@@ -56,6 +56,7 @@ import ClassicSearch from "./src/components/form/ClassicSearch.vue";
 import ClassicCheckbox from "./src/components/form/ClassicCheckbox.vue";
 import ClassicRadio from "./src/components/form/ClassicRadio.vue";
 import ClassicLoading from "./src/components/form/ClassicLoading.vue";
+import ClassicSelect from "./src/components/form/ClassicSelect.vue";
 
 //mixins
 import {selenium} from "./src/components/mixins/functions";
@@ -114,7 +115,8 @@ const components = {
     ClassicRadio,
     ClassicLoading,
     AdvancedSearch,
-    PodcastPlaylistInlineList
+    PodcastPlaylistInlineList,
+    ClassicSelect
 }
 
 export default components;
@@ -168,5 +170,6 @@ export {
     ClassicRadio,
     ClassicLoading,
     AdvancedSearch,
-    PodcastPlaylistInlineList
+    PodcastPlaylistInlineList,
+    ClassicSelect
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@saooti/octopus-sdk",
-  "version": "31.0.5",
+  "version": "31.0.8",
   "private": false,
   "description": "Javascript SDK for using octopus",
   "author": "Saooti",
@@ -15,7 +15,7 @@
   "main": "./dist/octopus.common.js",
   "dependencies": {
     "@popperjs/core": "^2.11.0",
-    "@saooti/octopus-api": "^0.31.0",
+    "@saooti/octopus-api": "^0.31.1",
     "@vue/cli": "^5.0.0-rc.1",
     "@vue/compat": "^3.2.26",
     "axios": "^0.24.0",

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

@@ -119,7 +119,7 @@ export default defineComponent({
       this.keepOrganisation = false;
       if (organisation && organisation.id) {
         this.$emit('updateOrganisationId', organisation.id);
-        if(organisation.private){
+        if(organisation.privacy){
           this.$nextTick(() => {
             this.onKeepOrganisation();
           });

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

@@ -82,7 +82,7 @@ export default defineComponent({
       const data = await octopusApi.fetchOrganisation(this.value);
       this.organisation = data;
       this.actual = data.id;
-      this.privateOrganisation = data.private??false;
+      this.privateOrganisation = "PUBLIC"!==data.privacy;
       this.init = true;
     },
   },

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

@@ -49,9 +49,9 @@
     <router-link
       class="btn btn-link align-self-center width-fit-content m-4"
       :to="{
-          name: 'playlist',
-          params: { playlistId: playlistId.toString() },
-        }"
+        name: 'playlist',
+        params: { playlistId: playlistId.toString() },
+      }"
     >
       {{ $t('See more') }}
       <div

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

@@ -8,17 +8,17 @@
       <div class="d-flex">
         <button
           class="btn btn-underline"
-          :class="{ active: popularSort }"
-          @click="sortPopular()"
+          :class="{ active: !popularSort }"
+          @click="sortChrono()"
         >
-          {{ $t('Most popular') }}
+          {{ $t('Last added') }}
         </button>
         <button
           class="btn btn-underline"
-          :class="{ active: !popularSort }"
-          @click="sortChrono()"
+          :class="{ active: popularSort }"
+          @click="sortPopular()"
         >
-          {{ $t('Last added') }}
+          {{ $t('Most popular') }}
         </button>
       </div>
       <div
@@ -68,6 +68,7 @@
     <router-link
       class="btn btn-link align-self-center width-fit-content m-4"
       :to="refTo"
+      @click="handleSeeMoreButton"
     >
       {{ buttonText }}
       <div
@@ -91,6 +92,7 @@ import { RubriquageFilter } from '@/store/class/rubrique/rubriquageFilter';
 import { defineComponent } from 'vue'
 import { RouteLocationRaw } from 'vue-router';
 import { AxiosError } from 'axios';
+import { Rubrique } from '@/store/class/rubrique/rubrique';
 export default defineComponent({
   name: 'PodcastInlineList',
   
@@ -126,7 +128,7 @@ export default defineComponent({
       first: 0 as number,
       size: 5 as number,
       totalCount: 0 as number,
-      popularSort: true as boolean,
+      popularSort: false as boolean,
       allPodcasts: [] as Array<Podcast>,
       direction: 1 as number,
       alignLeft: false as boolean,
@@ -214,6 +216,26 @@ export default defineComponent({
     this.fetchNext();
   },
   methods: {
+    handleSeeMoreButton(event: { preventDefault: () => void; }){
+      if(!this.rubriqueId || this.noRubriquageId.length){
+        return;
+      }
+      event.preventDefault();
+      const rubriqueChosenId = this.rubriqueId[this.rubriqueId.length - 1];
+      const rubriqueChosen =  this.$store.state.filter.rubriquageArray[this.rubriqueId.length - 1].rubriques.find((element: Rubrique) => element.rubriqueId === rubriqueChosenId);
+      const filterToAdd = {
+        rubriquageId: this.$store.state.filter.rubriquageArray[this.rubriqueId.length - 1].rubriquageId, 
+        rubriqueId: rubriqueChosenId, 
+        nameRubriquage:  this.$store.state.filter.rubriquageArray[this.rubriqueId.length - 1].title,
+        nameRubrique: rubriqueChosen.name
+      };
+      const newFilter: Array<RubriquageFilter> = Array.from(this.$store.state.filter.rubriqueFilter);
+      newFilter.push(filterToAdd);
+      this.$store.commit('filterRubrique', newFilter);
+      const queries = this.$route.query;
+      const queryString = newFilter.map(value =>  value.rubriquageId+':'+value.rubriqueId).join();
+      this.$router.push({ name: 'podcasts',query: { ...queries, ...{ rubriquesId: queryString }} });
+    },
     async fetchNext(): Promise<void> {
       try {
         const data = await octopusApi.fetchPodcasts({

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

@@ -139,12 +139,6 @@
               :message="$t('Podcast not validated')"
             />
           </div>
-          <ShareButtons
-            v-if="isDownloadButton"
-            :podcast="podcast"
-            :big-round="true"
-            :audio-url="podcast.audioUrl"
-          />
         </div>
       </div>
     </div>
@@ -168,14 +162,12 @@ import { Podcast } from '@/store/class/general/podcast';
 import { Conference } from '@/store/class/conference/conference';
 
 import { defineComponent, defineAsyncComponent } from 'vue';
-const ShareButtons = defineAsyncComponent(() => import('../sharing/ShareButtons.vue'));
 const ErrorMessage = defineAsyncComponent(() => import('../../misc/ErrorMessage.vue'));
 export default defineComponent({
   name: "PodcastModuleBox",
   components: {
     PodcastImage,
     ParticipantDescription,
-    ShareButtons,
     TagList,
     ErrorMessage,
     PodcastPlayBar
@@ -209,9 +201,6 @@ export default defineComponent({
     isOuestFrance(): boolean {
       return (state.podcastPage.ouestFranceStyle as boolean);
     },
-    isDownloadButton(): boolean {
-      return (state.podcastPage.downloadButton as boolean);
-    },
     date(): string {
       if (this.podcast && 1970 !== moment(this.podcast.pubDate).year()){
         return moment(this.podcast.pubDate).format('D MMMM YYYY, HH[h]mm');

package/src/components/display/sharing/ShareButtons.vue

@@ -32,17 +32,18 @@
         verticalDisplay ? 'd-flex-row' : '',
       ]"
     >
-      <a
-        v-if="audioUrl"
-        class="btn btn-big-round"
+      <button
+        v-if="isDownloadButton"
+        class="text-dark"
+        :class="[
+          bigRound ? 'btn btn-big-round' : 'btn share-btn mb-2',
+          verticalDisplay ? '' : 'mx-2',
+        ]"
         :title="$t('Downloading')"
-        :href="audioUrl"
-        rel="noopener"
-        target="_blank"
-        download
+        @click="onDownload(podcast.audioUrl, podcast.title)"
       >
         <div class="saooti-download-bounty" />
-      </a>
+      </button>
       <a
         rel="noopener"
         target="_blank"
@@ -283,6 +284,12 @@ export default defineComponent({
   },
 
   computed: {
+    isDownloadButton(): boolean{
+      return this.isDownloadButtonParam && undefined!==this.podcast && (!this.podcast.tags || !this.podcast.tags.includes('copyright'));
+    },
+    isDownloadButtonParam(): boolean {
+      return (state.podcastPage.downloadButton as boolean);
+    },
     urlPage(): string{
       return window.location.href;
     },
@@ -334,7 +341,24 @@ export default defineComponent({
       let check = false;
       (function(a){if(/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino|android|ipad|playbook|silk/i.test(a)||/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw-(n|u)|c55\/|capi|ccwa|cdm-|cell|chtm|cldc|cmd-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc-s|devi|dica|dmob|do(c|p)o|ds(12|-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(-|_)|g1 u|g560|gene|gf-5|g-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd-(m|p|t)|hei-|hi(pt|ta)|hp( i|ip)|hs-c|ht(c(-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i-(20|go|ma)|i230|iac( |-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|-[a-w])|libw|lynx|m1-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|-([1-8]|c))|phil|pire|pl(ay|uc)|pn-2|po(ck|rt|se)|prox|psio|pt-g|qa-a|qc(07|12|21|32|60|-[2-7]|i-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h-|oo|p-)|sdk\/|se(c(-|0|1)|47|mc|nd|ri)|sgh-|shar|sie(-|m)|sk-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h-|v-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl-|tdg-|tel(i|m)|tim-|t-mo|to(pl|sh)|ts(70|m-|m3|m5)|tx-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas-|your|zeto|zte-/i.test(a.substr(0,4))) check = true;})(navigator.userAgent);
       return check;
-    }
+    },
+    onDownload(urlToDownload: string, nameOfDownload: string): void{
+      const xhr = new XMLHttpRequest();
+      xhr.open('GET', urlToDownload, true);
+      xhr.responseType = 'blob';
+      xhr.onload = function() {
+        const urlCreator = window.URL || window.webkitURL;
+        const imageUrl = urlCreator.createObjectURL(this.response);
+        const tag = document.createElement('a');
+        tag.href = imageUrl;
+        tag.target = '_blank';
+        tag.download = nameOfDownload.replace(/ /g, '_');
+        document.body.appendChild(tag);
+        tag.click();
+        document.body.removeChild(tag);
+      };
+      xhr.send();
+    },
   },
 })
 </script>

package/src/components/form/ClassicSelect.vue

@@ -0,0 +1,68 @@
+<template>
+  <div class="classic-select">
+    <label
+      :for="idSelect"
+      class="form-label mt-2"
+      :class="displayLabel?'':'d-none'"
+    >{{ label }}</label>
+    <select
+      :id="idSelect"
+      v-model="textValue"
+      :disabled="isDisabled"
+      class="c-hand"
+    >
+      <option
+        v-for="option in options"
+        :key="option.title"
+        :value="option.value"
+      >
+        {{ option.title }}
+      </option>
+    </select>
+  </div>
+</template>
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+  name: 'ClassicSelect',
+
+  props: {
+    idSelect: { default: '', type: String },
+    label: { default: '', type: String },
+    displayLabel:{default: true, type: Boolean},
+    isDisabled: { default: false, type: Boolean },
+    options: { default: ()=>[], type: Array as () => Array<{title: string, value: string|undefined}> },
+    textInit: { default: undefined, type: String },
+  },
+
+  emits: ['update:textInit'],
+
+  data() {
+    return {
+      textValue: undefined as string|undefined,
+    };
+  },
+  watch: {
+    textValue(){
+			if(this.textInit !== this.textValue){
+				this.$emit('update:textInit', this.textValue)
+			}
+		},
+		textInit(){
+			if(this.textInit !== this.textValue){
+				this.textValue =this.textInit;
+			}
+		}
+  },
+  mounted(){
+		this.textValue = this.textInit;
+	}
+});
+</script>
+<style lang="scss">
+.octopus-app{
+.classic-select select{
+  width: inherit;
+}
+}
+</style>

package/src/components/misc/Footer.vue

@@ -92,12 +92,18 @@
               $t('Used libraries')
             }}
           </router-link>
-          <a
-            class="link-hover c-hand"
-            @click="changeLanguage"
-          >{{
-            $t('Change locale')
-          }}</a>
+          <ClassicSelect
+            v-model:textInit="language"
+            :display-label="false"
+            id-select="language-chooser-select"
+            :label="$t('Change locale')"
+            :options="[{title:'Deutsch', value:'de'},
+                       {title:'English', value:'en'},
+                       {title:'Español', value:'es'},
+                       {title:'Français', value:'fr'},
+                       {title:'Italiano', value:'it'},
+                       {title:'Slovenščina', value:'sl'}]"
+          />
         </div>
       </div>
       <hr class="show-phone">
@@ -136,6 +142,7 @@
 </template>
 
 <script lang="ts">
+import ClassicSelect from '../form/ClassicSelect.vue';
 import Player from './Player.vue';
 import { state } from '../../store/paramStore';
 import octopusApi from '@saooti/octopus-api';
@@ -147,8 +154,16 @@ export default defineComponent({
   name: 'Footer',
   components: {
     Player,
+    ClassicSelect
+  },
+
+  data() {
+    return {
+      language: this.$i18n.locale as string,
+    };
   },
 
+
   computed: {
     isPodcastmaker(): boolean {
       return (state.generalParameters.podcastmaker as boolean);
@@ -167,6 +182,12 @@ export default defineComponent({
     },
   },
 
+  watch:{
+    language(){
+      this.changeLanguage();
+    }
+  },
+
   methods: {
     showBlackBorder(hide: boolean): void {
       const footerElement = document.getElementById('footer');
@@ -178,11 +199,7 @@ export default defineComponent({
       }
     },
     changeLanguage(): void{
-      if('fr'===this.$i18n.locale){
-        this.$i18n.locale= "en";
-      }else{
-        this.$i18n.locale= "fr";
-      }
+      this.$i18n.locale= this.language;
       moment.locale(this.$i18n.locale);
       octopusApi.fetchCategories({ lang: this.$i18n.locale }).then((data: Array<Category>) => {
         this.$store.commit('categoriesSet', data);

package/src/components/misc/PlayerProgressBar.vue

@@ -173,5 +173,4 @@ export default defineComponent({
     }
   }
 }
-}
 </style>

package/src/components/pages/Emission.vue

@@ -246,7 +246,7 @@ export default defineComponent({
       try {
         const data: Emission = await octopusApi.fetchEmission(this.emissionId);
         this.emission = data;
-        if(this.emission.orga.private && this.filterOrga!==this.emission.orga.id){
+        if("PUBLIC"!==this.emission.orga.privacy && this.filterOrga!==this.emission.orga.id){
           this.initError();
           return;
         }

package/src/components/pages/Participant.vue

@@ -186,7 +186,7 @@ export default defineComponent({
       this.loaded = false;
       try {
         const data = await octopusApi.fetchParticipant(this.participantId ? this.participantId.toString(): "");
-        if(data && data.orga && data.orga.private && this.filterOrga!==data.orga.id){
+        if(data && data.orga && "PUBLIC"!==data.orga.privacy && this.filterOrga!==data.orga.id){
           this.initError();
           return;
         }

package/src/components/pages/Playlist.vue

@@ -143,7 +143,7 @@ export default defineComponent({
         this.error = false;
         const data: Playlist = await octopusApi.fetchPlaylist(this.playlistId ? this.playlistId.toString(): "");
         this.playlist = data;
-        if(this.playlist.organisation.private && this.filterOrga!==this.playlist.organisation.id){
+        if("PUBLIC"!==this.playlist.organisation.privacy && this.filterOrga!==this.playlist.organisation.id){
           this.initError();
           return;
         }

package/src/components/pages/Podcast.vue

@@ -327,7 +327,7 @@ export default defineComponent({
     async getPodcastDetails(podcastId: number): Promise<void> {
       try {
         const data : Podcast = await octopusApi.fetchPodcast(podcastId.toString());
-        if(data.organisation.private && this.filterOrga!==data.organisation.id){
+        if("PUBLIC"!==data.organisation.privacy && this.filterOrga!==data.organisation.id){
           this.initError();
           return;
         }