@saooti/octopus-sdk 32.0.20 → 32.0.21

package/README.md

@@ -663,4 +663,5 @@ 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

package/package.json

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

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/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>