@saooti/octopus-sdk 31.0.37 → 31.0.38

package/README.md

@@ -586,6 +586,7 @@ See [Configuration Reference](https://cli.vuejs.org/config/).
  * 30.0.87 Podcastmaker newest (swiper list)
  * 30.0.88 Podcastmaker newest (swiper list)
  * 30.0.89 Podcastmaker newest (swiper list)
+ * 30.0.90 Podcastmaker newest (swiper list)
  
  * 31.0.0 Passage en 31
  * 31.0.1 Ajout pocket casts
@@ -625,4 +626,5 @@ See [Configuration Reference](https://cli.vuejs.org/config/).
  * 31.0.35 Il faut croire que c'est SDK Day...
  * 31.0.36 Améliorations multiples (pagination, modales, pages d'erreurs...)
  * 31.0.37 Continuation améliorations
+ * 31.0.38 Changement reponsive topbar
 

package/package.json

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

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

@@ -2,7 +2,18 @@
   <div
     class="d-flex flex-column p-3"
   >
-    <h2>{{ title }}</h2>
+    <div class="d-flex align-items-center mb-2">
+      <h2 class="mb-0">
+        {{ title }}
+      </h2>
+      <router-link
+        v-if="isButtonNextTitle"
+        class="btn admin-button m-1 fw-bold saooti-right"
+        :title="buttonText"
+        :to="refTo"
+        @click="handleSeeMoreButton"
+      />
+    </div>
     <div class="d-flex justify-content-between">
       <div class="d-flex">
         <button
@@ -44,7 +55,8 @@
     </div>
     <slot name="list-inline" />
     <router-link
-      class="btn btn-primary align-self-center width-fit-content m-4"
+      v-if="!isButtonNextTitle"
+      class="btn btn-link align-self-center width-fit-content m-4"
       :to="refTo"
       @click="handleSeeMoreButton"
     >
@@ -80,6 +92,7 @@ export default defineComponent({
     iabId: { default: undefined, type: Number},
     rubriqueId: { default: () => [], type: Array as ()=> Array<number> },
     noRubriquageId: { default: () => [], type: Array as ()=> Array<number> },
+    isButtonNextTitle: {default: false, type:Boolean}
   },
   emits:['sortChrono','sortPopular', 'displayPrevious', 'displayNext'],
   data() {

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

@@ -10,6 +10,7 @@
     :iab-id="iabId"
     :rubrique-id="rubriqueId"
     :no-rubriquage-id="noRubriquageId"
+    :is-button-next-title="true"
     @sortChrono="sortChrono"
     @sortPopular="sortPopular"
   >
@@ -18,10 +19,10 @@
         :loading-text="loading?$t('Loading podcasts ...'):undefined"
       />
       <swiper
-        v-show="loaded"
+        v-if="!loading"
         :slides-per-view="numberItem"
         :space-between="10"
-        :loop="true"
+        :loop="allPodcasts.length>=numberItem"
         :navigation="true"
         :modules="modules"
       >
@@ -83,7 +84,6 @@ export default defineComponent({
   data() {
     return {
       loading: true as boolean,
-      loaded: true as boolean,
       popularSort: false as boolean,
       allPodcasts: [] as Array<Podcast>,
       modules: [Navigation],
@@ -151,11 +151,10 @@ export default defineComponent({
         sort: this.popularSort ? 'POPULARITY' : 'DATE',
         query: this.query,
       });
-      this.loading = false;
-      this.loaded = true;
       this.allPodcasts = this.allPodcasts.concat(
         data.result.filter((pod: Podcast|null) => null !== pod)
       );
+      this.loading = false;
     },
     sortPopular(): void {
       if (this.popularSort) return;
@@ -171,7 +170,6 @@ export default defineComponent({
     },
     reset(): void {
       this.loading = true;
-      this.loaded = true;
       this.allPodcasts.length = 0;
     },
   },

package/src/components/misc/HomeDropdown.vue

@@ -49,22 +49,16 @@
           </template>
           <template v-if="!isEducation">
             <hr class="dropdown-divider">
-            <a
-              href="https://help.octopus.saooti.com/Aide/"
-              class="dropdown-item"
-              rel="noopener"
-              target="_blank"
-            >
-              {{ $t('Help') }}
-            </a>
-            <a
-              href="https://help.octopus.saooti.com/"
-              class="dropdown-item"
-              rel="noopener"
-              target="_blank"
-            >
-              {{ $t('TutoMag') }}
-            </a>
+            <template v-for="helpLink in helpLinks" :key="helpLink.title">
+              <a
+               :href="helpLink.href"
+                class="dropdown-item"
+                rel="noopener"
+                target="_blank"
+              >
+                {{ helpLink.title }}
+              </a>
+            </template>
           </template>
           <hr class="dropdown-divider">
           <a
@@ -95,17 +89,17 @@ export default defineComponent({
     isEducation: { default: false, type: Boolean},
   },
   computed: {
- /*    helpLink(){
+    helpLinks(){
       return [
         {title:this.$t('Help'), href:'https://help.octopus.saooti.com/Aide/'},
         {title:this.$t('TutoMag'),href:"https://help.octopus.saooti.com/"}];
-    }, */
+    },
     routerBackoffice(){
       return [
-        {title:this.$t('Upload'),class:"btn btn-primary w-100", path:'/main/priv/upload', condition: this.isContribution},
+        {title:this.$t('Upload'),class:"btn btn-primary w-100", path:'/main/priv/upload', condition: (state.generalParameters.isContribution as boolean)},
         {title:this.$t('My space'),class:"show-phone dropdown-item", path:'/main/priv/backoffice', condition: true},
         {title:this.$t('Edit my profile'),class:"dropdown-item", path:'/main/priv/edit/profile', condition: true},
-        {title:this.$t('Edit my organisation'),class:"dropdown-item", path:'/main/priv/edit/organisation', condition: this.isOrganisation}];
+        {title:this.$t('Edit my organisation'),class:"dropdown-item", path:'/main/priv/edit/organisation', condition: (state.generalParameters.isOrganisation as boolean)}];
     },
     
     isPodcastmaker(): boolean {
@@ -114,12 +108,6 @@ export default defineComponent({
     authenticated(): boolean {
       return this.$store.state.authentication.isAuthenticated;
     },
-    isOrganisation(): boolean {
-      return (state.generalParameters.isOrganisation as boolean);
-    },
-    isContribution(): boolean {
-      return (state.generalParameters.isContribution as boolean);
-    },
   },
 
   methods: {

package/src/components/misc/TopBar.vue

@@ -261,7 +261,7 @@ export default defineComponent({
     }
   }
   /** PHONES*/
-  @media (max-width: 1200px) {
+  @media (max-width: 1470px) {
     height: 3.5rem;
     .default-multiselect-width, .hosted-by, .link-hover {
       display: none;