@saooti/octopus-sdk 32.0.18 → 32.0.21

package/README.md

@@ -661,4 +661,7 @@ See [Configuration Reference](https://cli.vuejs.org/config/).
  * 32.0.15 Pb lié refactor
  * 32.0.16 Pb lié refactor
  * 32.0.17 AdvancedSearch components
- * 32.0.18 AdvancedSearch components
+ * 32.0.18 AdvancedSearch components
+ * 32.0.19 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.18",
+  "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/RubriqueFilter.vue

@@ -168,7 +168,7 @@ export default defineComponent({
 
   created() {
     if(!this.modifyFilter){
-      if(this.initRubriqueFilter){
+      if(this.initRubriqueFilter && this.initRubriqueFilter.length > 0){
         this.arrayFilter = Array.from(this.initRubriqueFilter);
         this.isRubriquage = true;
       }

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/playlist/PlaylistItem.vue

@@ -100,7 +100,7 @@ export default defineComponent({
         true == state.generalParameters.isAdmin;
     },
     activePlaylist(): boolean {
-      return 0 !== Object.keys(this.playlist.samplingViews).length;
+      return 0 !== Object.keys(this.playlist.samplingViews??[]).length;
     },
   },
   mounted() {

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

@@ -85,7 +85,7 @@ export default defineComponent({
       return this.notEmptyPlaylist ? this.$t('Podcasts in the playlist') : this.$t('No podcasts in the playlist');
     },
     notEmptyPlaylist(): boolean {
-      return 0 !== Object.keys(this.playlist.podcasts).length;
+      return 0 !== Object.keys(this.playlist.samplingViews??[]).length;
     },
     podcastsDisplay(): Array<Podcast>{
       if(this.isMobile){
@@ -122,11 +122,7 @@ export default defineComponent({
         this.podcasts.length = 0;
         this.loading = true;
         try {
-          const content = await octopusApi.fetchData<Array<Podcast>>(0, 'playlist/'+this.playlist.playlistId+'/content');
-          for (let index = 0, len = content.length; index < len; index++) {
-            content[index].order = this.playlist.podcasts[content[index].podcastId];
-          }
-          this.podcasts = content;
+          this.podcasts = await octopusApi.fetchData<Array<Podcast>>(0, 'playlist/'+this.playlist.playlistId+'/content');
           if (!this.editRight) {
             this.podcasts = this.podcasts.filter((p: Podcast|null) => {
               return (

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

@@ -38,7 +38,6 @@
       :pub-date="podcast.pubDate"
       :podcast-organisation-id="podcast.organisation.id"
       :podcast-organisation-name="podcast.organisation.name"
-      :podcast-order="podcast.order"
       :duration="podcast.duration"
       :animators="podcast.animators"
       @mouseenter="showDescription"

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

@@ -45,10 +45,6 @@
       >
         <div>{{ '© ' + podcastOrganisationName }}</div>
       </router-link>
-      <span
-        v-if="editRight && podcastOrder && podcastOrder > 1"
-        class="saooti-pin text-danger pe-2"
-      />
     </div>
   </div>
 </template>
@@ -79,7 +75,6 @@ export default defineComponent({
     pubDate: { default: "", type: String},
     podcastOrganisationId: { default: "", type: String},
     podcastOrganisationName: { default: "", type: String},
-    podcastOrder: { default: undefined, type: Number},
     duration: { default: 0, type: Number},
     animators: { default: undefined, type: Object as ()=> Array<Participant>},
   },

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>