@saooti/octopus-sdk 32.0.20 → 32.0.23

package/README.md

@@ -638,10 +638,11 @@ See [Configuration Reference](https://cli.vuejs.org/config/).
  * 31.0.45 Live 
  * 31.0.46 Pb css
  * 31.0.47 Pétouilles Css multiselect
- * 31.0.48 Icones change
+ * 31.0.48 Icones change 
  * 31.0.49 Style select
  * 31.0.50 Améliorations responsive
  * 31.0.51 Newest
+ * 31.0.52 Locale
 
  * 32.0.0 Passage en 32
  * 32.0.1 Navigation clavier
@@ -663,4 +664,7 @@ See [Configuration Reference](https://cli.vuejs.org/config/).
  * 32.0.17 AdvancedSearch components
  * 32.0.18 AdvancedSearch components
  * 32.0.19 Playlist publique
- * 32.0.20 Playlist publique
+ * 32.0.20 Playlist publique
+ * 32.0.21 Amélioration List Paginate
+ * 32.0.22 Popover
+ * 32.0.23 Popover encore

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@saooti/octopus-sdk",
-  "version": "32.0.20",
+  "version": "32.0.23",
   "private": false,
   "description": "Javascript SDK for using octopus",
   "author": "Saooti",

package/src/assets/share.scss

@@ -30,7 +30,6 @@
 		justify-content: center;
 		&:hover {
 			border: 0;
-			background: #f3f3f3;
 		}
 	}
   .icon-caution {

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

@@ -30,7 +30,7 @@
           @updateRubriquageFilter="updateRubriquageFilter"
         />
         <DateFilter
-          :isEmission="isEmission"
+          :is-emission="isEmission"
           @updateToDate="updateToDate"
           @updateFromDate="updateFromDate"
         />
@@ -63,9 +63,9 @@
           {{ $t('Sort') }}
         </div>
         <SearchOrder
-          :isEmission="isEmission"
-          :isSearchBar="isSearchBar"
-          :sortCriteria="sortCriteria"
+          :is-emission="isEmission"
+          :is-search-bar="isSearchBar"
+          :sort-criteria="sortCriteria"
           @updateSortCriteria="updateSortCriteria"
         />
       </div>
@@ -81,7 +81,6 @@ import DateFilter from './DateFilter.vue';
 import SearchOrder from './SearchOrder.vue';
 import RubriqueFilter from './RubriqueFilter.vue';
 import ClassicCheckbox from '../../form/ClassicCheckbox.vue';
-import ClassicRadio from '../../form/ClassicRadio.vue';
 import { RubriquageFilter } from '@/store/class/rubrique/rubriquageFilter';
 import { defineComponent, defineAsyncComponent } from 'vue';
 const MonetizableFilter = defineAsyncComponent(() => import('./MonetizableFilter.vue'));
@@ -91,7 +90,6 @@ export default defineComponent({
     CategorySearchFilter,
     RubriqueFilter,
     ClassicCheckbox,
-    ClassicRadio,
     DateFilter,
     SearchOrder
   },

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

@@ -55,7 +55,6 @@
       </DatePicker>
     </div>
   </div>
-      
 </template>
 
 <script lang="ts">

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

@@ -6,7 +6,7 @@
                             {title:$t('Sort last'), value:isEmission?'LAST_PODCAST_DESC':'DATE'},
                             {title:$t('Sort name'), value:'NAME'}]:
       [{title:$t('Sort last'), value:isEmission?'LAST_PODCAST_DESC':'DATE'},
-        {title:$t('Sort name'), value:'NAME'}]"
+       {title:$t('Sort name'), value:'NAME'}]"
   />
 </template>
 

package/src/components/display/list/ListPaginate.vue

@@ -8,14 +8,17 @@
       :error-text="errorText"
     />
     <template v-if="!loading">
-      <div class="paginate-section mb-2 page-box">
+      <div
+        v-if="!justSizeChosen"
+        class="paginate-section mb-2 page-box"
+      >
         <div class="text-secondary">
           <template v-if="textCount && (windowWidth > 1300 || windowWidth<=960)">
             {{ textCount }}
           </template>
         </div>
         <Paginate 
-          v-if="!isPhone"
+          v-if="!isPhone && !justSizeChosen"
           :first="first"
           :rows-per-page="rowsPerPage"
           :total-count="totalCount"
@@ -27,7 +30,7 @@
     </template>
     <slot name="list" />
     <button
-      v-show="((first+rowsPerPage) < totalCount) && isPhone"
+      v-show="((first+rowsPerPage) < totalCount) && (isPhone || justSizeChosen)"
       :disabled="loading"
       class="btn"
       :class="buttonPlus ? 'btn-primary align-self-center width-fit-content m-4' : 'btn-more'"
@@ -66,7 +69,8 @@ export default defineComponent({
     loadingText:{ default: undefined, type: String},
     errorText:{ default: undefined, type: String},
     loading: { default: false, type:Boolean},
-    isMobile: { default: false, type: Boolean}
+    isMobile: { default: false, type: Boolean},
+    justSizeChosen:{default: false, type: Boolean}
   },
 
   emits: ['update:first', 'update:rowsPerPage', 'update:isMobile'],

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

@@ -9,6 +9,7 @@
     :loading="loading"
     :loading-text="loading?$t('Loading podcasts ...'):undefined"
     :error-text="!loading && !podcasts.length?$t(`No podcast match your query`):undefined"
+    :just-size-chosen="justSizeChosen"
   >
     <template #list>
       <ul
@@ -69,6 +70,7 @@ export default defineComponent({
     rubriqueId: { default: () => [], type: Array as ()=>Array<number> },
     rubriquageId:{ default: () => [], type: Array as ()=>Array<number> },
     noRubriquageId: { default: () => [], type: Array as ()=>Array<number> },
+    justSizeChosen:{default: false, type: Boolean}
   },
   emits: ['fetch', 'emptyList'],
 
@@ -85,7 +87,7 @@ export default defineComponent({
 
   computed: {
     displayArray(): Array<Podcast>{
-      if(this.isMobile){
+      if(this.isMobile || this.justSizeChosen){
         return this.podcasts;
       }
       return this.podcasts.slice(this.dfirst, Math.min(this.dfirst + this.dsize,this.totalCount));
@@ -176,7 +178,7 @@ export default defineComponent({
       });
       this.podcasts = this.podcasts.slice(0, this.dfirst).concat(responsePodcasts).concat(this.podcasts.slice(this.dfirst+this.dsize, this.podcasts.length));
       this.$emit('fetch', this.podcasts);
-      this.totalCount = data.count;
+      this.totalCount = this.justSizeChosen ? this.size : data.count;
       if (0 === this.podcasts.length) {
         this.$emit('emptyList');
       }

package/src/components/misc/Footer.vue

@@ -1,10 +1,10 @@
 <template>
   <div class="bg-dark">
     <div
+      v-if="displayFooter"
       id="footer"
       ref="footer"
       class="d-flex-column p-3 secondary-bg border-top"
-      v-if="displayFooter"
     >
       <div class="d-flex flex-column flex-grow-1 align-items-end">
         <div class="d-flex flex-column">
@@ -107,11 +107,11 @@ export default defineComponent({
     Player,
     ClassicSelect
   },
+
+  mixins:[cookies],
   props: {
     displayFooter: { default: true, type: Boolean},
   },
-
-  mixins:[cookies],
   data() {
     return {
       language: this.$i18n.locale as string,

package/src/components/misc/Popover.vue

@@ -106,13 +106,17 @@ export default defineComponent({
 })
 </script>
 <style lang="scss">
-.octopus-app{
 .popover{
   max-height: 80vh;
-  overflow: auto;
+  max-width: 50vw !important;
+  display: flex !important;
+  flex-direction: column;
   hr{
     width: 100px;
   }
-}
+  .popover-body{
+    overflow: auto;
+    height: 100%;
+  }
 }
 </style>

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

@@ -50,8 +50,8 @@ export const playerLogic = defineComponent({
       if(this.media || !this.podcast || !this.podcast.availability.visibility ||this.listenError){
         this.audioUrlToPlay = this.audioUrl;
       }
-      if(!this.podcast){return;}
-      const response = await octopusApi.fetchDataPublic<{location:string, downloadId: number}>(0,"podcast/download/register/"+ this.audioUrl);
+      if(!this.podcast || !this.podcast.availability.visibility ||this.listenError){return;}
+      const response = await octopusApi.fetchDataPublic<{location:string, downloadId: number}>(0,"podcast/download/register/"+ this.getAudioUrlParameters());
       this.setDownloadId(response.downloadId.toString());
       this.audioUrlToPlay = response.location;
     },
@@ -101,12 +101,8 @@ export const playerLogic = defineComponent({
       }
       return domain;
     },
-    getAudioUrl(): string{
-      if (this.media) return this.media.audioUrl? this.media.audioUrl:"";
+    getAudioUrlParameters(): string{
       if (!this.podcast) return '';
-      if (!this.podcast.availability.visibility)
-        return this.podcast.audioStorageUrl;
-      if (this.listenError) return this.podcast.audioStorageUrl;
       const parameters = [];
       parameters.push('origin=octopus');
       parameters.push('listenerId='+this.getListenerId());
@@ -123,6 +119,14 @@ export const playerLogic = defineComponent({
       }
       return this.podcast.podcastId + '.mp3?' + parameters.join('&');
     },
+    getAudioUrl(): string{
+      if (this.media) return this.media.audioUrl? this.media.audioUrl:"";
+      if (!this.podcast) return '';
+      if (!this.podcast.availability.visibility)
+        return this.podcast.audioStorageUrl;
+      if (this.listenError) return this.podcast.audioStorageUrl;
+      return this.getAudioUrlParameters();
+    },
     reInitPlayer():void{
       this.setDownloadId(null);
       this.listenError = false;

package/src/components/pages/Playlists.vue

@@ -66,7 +66,7 @@ export default defineComponent({
   },
 
   created() {
-    this.organisationId = this.productor ?this.productor: this.filterOrga;;
+    this.organisationId = this.productor ?this.productor: this.filterOrga;
   },
 })
 </script>

package/src/locale/fr.ts

@@ -297,7 +297,7 @@ export default{
   "Download started": 'Téléchargement lancé',
   'From RSS': "Issu d'un flux RSS",
   "User menu":"Menu utilisateur",
-  'Podcast tags': "Mot-clé de l'épisode",
+  'Podcast tags': "Mots-clés de l'épisode",
   "You do not have the right to access this page":"Vous n’avez pas le droit d’accéder à cette page",
   "Enlarge":"Agrandir",
   "Reduce":"Réduire",