@saooti/octopus-sdk 30.0.38 → 30.0.42

package/README.md

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

package/package.json

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

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>
@@ -90,7 +90,7 @@ export default defineComponent({
     rubriqueId: { default: undefined, type: Number },
     rubriquageId: { default: undefined, type: Number },
     nbPodcasts: { default: undefined, type: Number },
-    itemSize: { default: undefined, type: Number },
+    itemSize: { default: 13, type: Number },
   },
 
   data() {
@@ -130,6 +130,12 @@ export default defineComponent({
       return this.direction > 0 ? 'out-left' : 'out-right';
     }
   },
+
+  watch: {
+    sizeItem(){
+      this.handleResize();
+    }
+  },
   
   created() {
     window.addEventListener('resize', this.handleResize);
@@ -206,10 +212,7 @@ export default defineComponent({
         return;
       }
       const width = (this.$el as HTMLElement).offsetWidth;
-      let sixteen = domHelper.convertRemToPixels(13.7);
-      if (this.itemSize) {
-        sixteen = domHelper.convertRemToPixels(this.itemSize + 0.7);
-      }
+      const sixteen = domHelper.convertRemToPixels(this.itemSize + 0.7);
       this.size = Math.floor(width / sixteen);
     },
     reset(): void {

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'
@@ -127,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;
     },
@@ -249,7 +252,7 @@ export default defineComponent({
         return;
       }
       const width = (this.$el as HTMLElement).offsetWidth;
-      const sixteen = domHelper.convertRemToPixels(13.7);
+      const sixteen = domHelper.convertRemToPixels(this.sizeItem + 0.7);
       this.size = Math.floor(width / sixteen);
     },
     sortPopular(): void {

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

@@ -112,8 +112,10 @@ export default defineComponent({
     initRubriques(): void{
       if(!this.rubriquage){ return ;}
       this.$store.commit('filterRubriqueDisplay', this.rubriquage.rubriques);
-      window.addEventListener('resize', this.resizeWindow);
-      this.resizeWindow();
+      this.$nextTick(() => {
+        window.addEventListener('resize', this.resizeWindow);
+        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,