@saooti/octopus-sdk 35.2.9 → 35.2.11

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@saooti/octopus-sdk",
-  "version": "35.2.9",
+  "version": "35.2.11",
   "private": false,
   "description": "Javascript SDK for using octopus",
   "author": "Saooti",
@@ -16,6 +16,7 @@
     "test": "jest --coverage"
   },
   "dependencies": {
+    "@popperjs/core": "^2.11.6",
     "@saooti/octopus-api": "^0.34.3",
     "@vue/cli": "^5.0.8",
     "@vue/compat": "^3.2.45",

package/src/components/misc/modal/NewsletterModal.vue

@@ -318,17 +318,20 @@ export default defineComponent({
 
 <style lang="scss">
 .octopus-app{
-#newsletter-modal {
-  textarea {
-    border: 2px solid #eee;
-    height: 200px;
-    padding: 1em;
-    border-radius: 1em;
+  #newsletter-modal{
+    textarea {
+      border: 2px solid #eee;
+      height: 200px;
+      padding: 1em;
+      border-radius: 1em;
+    }
+    .octopus-modal-dialog{
+      max-width: 80%;
+      max-height: calc(100% - 3.5rem) !important;
+    }
+    .octopus-modal-content{
+      max-height: calc(100vh - 100px) !important;
+    }
   }
-
-  .modal-dialog {
-    max-width: 60%;
-  }
-}
 }
 </style>

package/src/components/pages/Home.vue

@@ -17,27 +17,29 @@
         :title="r.name"
         :button-text="$t('All podcast button', { name: r.name })"
       />
-      <PodcastInlineList
-        v-if="!tooManyRubrique"
-        :no-rubriquage-id="[rubriqueDisplay[0].rubriquageId]"
-        :rubrique-id="rubriqueId"
-        :title="$t('Without rubric')"
-        :button-text="$t('All podcast button', { name: $t('Without rubric') })"
-      />
-      <router-link
-        v-else
-        :to="{
-          name: 'podcasts',
-          query: { productor: filterOrgaId, 
-                  iabId: filterIab?.id,
-                  rubriquesId: this.rubriqueQueryParam },
-          }"
-        class="btn btn-primary align-self-center width-fit-content mt-5 m-auto"
-      >
-        {{
-          $t('See more')
-        }}
-      </router-link>
+      <template v-if="rubriqueDisplay && rubriqueDisplay.length > 0">
+        <PodcastInlineList
+          v-if="rubriqueDisplay.length < rubriqueMaxDisplay"
+          :no-rubriquage-id="[rubriqueDisplay[0].rubriquageId]"
+          :rubrique-id="rubriqueId"
+          :title="$t('Without rubric')"
+          :button-text="$t('All podcast button', { name: $t('Without rubric') })"
+        />
+        <router-link
+          v-else
+          :to="{
+            name: 'podcasts',
+            query: { productor: filterOrgaId, 
+                    iabId: filterIab?.id,
+                    rubriquesId: this.rubriqueQueryParam },
+            }"
+          class="btn btn-primary align-self-center width-fit-content mt-5 m-auto"
+        >
+          {{
+            $t('See more')
+          }}
+        </router-link>
+      </template>
     </template>
   </div>
 </template>
@@ -73,14 +75,11 @@ export default defineComponent({
       }
       return undefined;
     },
-    tooManyRubrique(): boolean{
-      return this.rubriqueDisplay && this.rubriqueDisplay.length >this.rubriqueMaxDisplay;
-    },
     rubriqueDisplay(): Array<Rubrique>{
       return this.filterRubriqueDisplay.filter((rubrique: Rubrique) => 0 !== rubrique.podcastCount );
     },
     rubriqueToShow(): Array<Rubrique>{
-      if(!this.tooManyRubrique){
+      if(!this.rubriqueDisplay || this.rubriqueDisplay.length < this.rubriqueMaxDisplay){
         return this.rubriqueDisplay ?? [];
       }
       return this.rubriqueDisplay.slice(0, this.rubriqueMaxDisplay);