@saooti/octopus-sdk 30.0.39 → 30.0.43

package/README.md

@@ -536,4 +536,7 @@ See [Configuration Reference](https://cli.vuejs.org/config/).
  * 30.0.36 LiveList
  * 30.0.37 Commentaires
  * 30.0.38 EmissionList expose
- * 30.0.39 Listes inline taille item
+ * 30.0.39 Listes inline taille item
+ * 30.0.41 Inline list arrow
+ * 30.0.42 Resize rubriqueList
+ * 30.0.43 Resize rubriqueList

package/package.json

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

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

@@ -58,7 +58,7 @@
       @categoriesLength="checkIfCategories"
     />
     <RubriqueList
-      v-else-if="rubriquageFilter.length !== rubriqueFilter.length"
+      v-else-if="isDisplay && rubriquageFilter.length !== rubriqueFilter.length"
       :rubriquages="rubriquageFilter"
     />
   </div>

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

@@ -11,7 +11,7 @@
           :title="$t('Display previous')"
           @click="displayPrevious()"
         >
-          <div class="saooti-arrow-left2" />
+          <div class="saooti-left fw-bold" />
         </button>
         <button
           class="btn admin-button m-1"
@@ -19,7 +19,7 @@
           :title="$t('Display next')"
           @click="displayNext()"
         >
-          <div class="saooti-arrow-right2" />
+          <div class="saooti-right fw-bold" />
         </button>
       </div>
     </div>

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

@@ -31,7 +31,7 @@
           :title="$t('Display previous')"
           @click="displayPrevious()"
         >
-          <div class="saooti-arrow-left2" />
+          <div class="saooti-left fw-bold" />
         </button>
         <button
           class="btn admin-button m-1"
@@ -39,7 +39,7 @@
           :title="$t('Display next')"
           @click="displayNext()"
         >
-          <div class="saooti-arrow-right2" />
+          <div class="saooti-right fw-bold" />
         </button>
       </div>
     </div>
@@ -80,7 +80,7 @@ import domHelper from '../../../helper/dom';
 import PodcastItem from './PodcastItem.vue';
 import ClassicLoading from '../../form/ClassicLoading.vue';
 const PHONE_WIDTH = 960;
-
+import { state } from '../../../store/paramStore';
 import { Podcast } from '@/store/class/general/podcast';
 import { RubriquageFilter } from '@/store/class/rubrique/rubriquageFilter';
 import { defineComponent } from 'vue'
@@ -106,7 +106,6 @@ export default defineComponent({
     rubriqueId: { default: () => [], type: Array as ()=> Array<number> },
     rubriquageId:{ default: () => [], type: Array as ()=> Array<number> },
     noRubriquageId: { default: () => [], type: Array as ()=> Array<number> },
-    sizeItem: { default: 13, type: Number},
   },
   emits: ['update:isArrow'],
 
@@ -128,6 +127,9 @@ export default defineComponent({
     podcasts(): Array<Podcast> {
       return this.allPodcasts.slice(this.index, this.index + this.size);
     },
+    sizeItem(): number {
+      return state.generalParameters.podcastItem ? (state.generalParameters.podcastItem as number): 13;
+    },
     filterOrga(): string {
       return this.$store.state.filter.organisationId;
     },
@@ -176,9 +178,6 @@ export default defineComponent({
       this.reset();
       this.fetchNext();
     },
-    sizeItem(){
-      this.handleResize();
-    }
   },
   
   created() {

package/src/components/display/rubriques/RubriqueList.vue

@@ -113,7 +113,9 @@ export default defineComponent({
       if(!this.rubriquage){ return ;}
       this.$store.commit('filterRubriqueDisplay', this.rubriquage.rubriques);
       window.addEventListener('resize', this.resizeWindow);
-      this.resizeWindow();
+      this.$nextTick(() => {
+        this.resizeWindow();
+      });
     },
     addFilter(rubrique: Rubrique): void{
       if(!this.rubriquage){ return ;}

package/src/components/pages/Home.vue

@@ -24,13 +24,6 @@
         :title="$t('Without rubric')"
         :button-text="$t('All podcast button', { name: $t('Without rubric') })"
       />
-      <PodcastInlineList
-        v-if="rubriqueDisplay && rubriqueDisplay.length"
-        :no-rubriquage-id="[rubriqueDisplay[0].rubriquageId]"
-        :rubrique-id="rubriqueId"
-        :title="$t('Without rubric')"
-        :button-text="$t('All podcast button', { name: $t('Without rubric') })"
-      />
     </template>
   </div>
 </template>

package/src/store/paramStore.ts

@@ -18,6 +18,7 @@ const state:paramStore = {
     allCategories: [],
     isLiveTab: false,
     isCaptchaTest: true,
+    podcastItem:13
   },
   podcastPage: {
     EditBox: false,
@@ -103,6 +104,7 @@ export interface GeneralParameters{
   allCategories?: Array<Category>,
   isLiveTab?: boolean,
   isCaptchaTest?: boolean,
+  podcastItem?: number
 }
 export interface PodcastPage{
   EditBox?: boolean,