@saooti/octopus-sdk 31.0.36 → 31.0.39

package/README.md

@@ -586,6 +586,8 @@ 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)
+ * 30.0.91 Encore newest
  
  * 31.0.0 Passage en 31
  * 31.0.1 Ajout pocket casts
@@ -624,4 +626,7 @@ See [Configuration Reference](https://cli.vuejs.org/config/).
  * 31.0.34 Icones
  * 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
+ * 31.0.39 Erreur refactor
 

package/index.ts

@@ -59,6 +59,7 @@ import ClassicRadio from "./src/components/form/ClassicRadio.vue";
 import ClassicLoading from "./src/components/form/ClassicLoading.vue";
 import ClassicSelect from "./src/components/form/ClassicSelect.vue";
 import Paginate from "./src/components/display/list/Paginate.vue";
+import ListPaginate from "./src/components/display/list/ListPaginate.vue";
 
 //mixins
 import {selenium} from "./src/components/mixins/functions";
@@ -120,7 +121,8 @@ const components = {
     PodcastPlaylistInlineList,
     ClassicSelect,
     Error403Page,
-    Paginate
+    Paginate,
+    ListPaginate
 }
 
 export default components;
@@ -177,5 +179,6 @@ export {
     PodcastPlaylistInlineList,
     ClassicSelect,
     Error403Page,
-    Paginate
+    Paginate,
+    ListPaginate
 };

package/package.json

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

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

@@ -20,7 +20,7 @@
           :key="e.emissionId"
         >
           <EmissionItem
-            v-if="-1!==e.emissionId"
+            v-if="0!==e.emissionId"
             :emission="e"
           />
         </template>
@@ -35,7 +35,7 @@
           :key="e.emissionId"
         >
           <EmissionPlayerItem
-            v-if="-1!==e.emissionId"
+            v-if="0!==e.emissionId"
             :emission="e"
             class="m-3 flex-shrink-0"
             :class="mainRubriquage(e)"
@@ -148,7 +148,7 @@ export default defineComponent({
       this.reloadList();
 		},
 		dfirst(): void{
-			if(!this.emissions[this.dfirst] || -1===this.emissions[this.dfirst].emissionId){
+			if(!this.emissions[this.dfirst] || 0===this.emissions[this.dfirst].emissionId){
 				this.fetchContent(false);
 			}
 		},

package/src/components/display/live/LiveHorizontalList.vue

@@ -23,7 +23,7 @@
             :key="p.podcastId"
           >
             <PodcastItem
-              v-if="-1!==p.podcastId"
+              v-if="0!==p.podcastId"
               :podcast="p"
             />
           </template>
@@ -80,7 +80,7 @@ export default defineComponent({
       this.reloadList();
 		},
 		dfirst(): void{
-			if(!this.lives[this.dfirst] || -1===this.lives[this.dfirst].podcastId){
+			if(!this.lives[this.dfirst] || 0===this.lives[this.dfirst].podcastId){
 				this.fetchContent(false);
 			}
 		},

package/src/components/display/participant/ParticipantList.vue

@@ -18,7 +18,7 @@
           :key="p.participantId"
         >
           <ParticipantItem
-            v-if="-1!==p.participantId"
+            v-if="0!==p.participantId"
             :participant="p"
           />
         </template>
@@ -91,7 +91,7 @@ export default defineComponent({
       this.reloadList();
 		},
 		dfirst(): void{
-			if(!this.participants[this.dfirst] || -1===this.participants[this.dfirst].participantId){
+			if(!this.participants[this.dfirst] || 0===this.participants[this.dfirst].participantId){
 				this.fetchContent(false);
 			}
 		},

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

@@ -18,7 +18,7 @@
           :key="p.playlistId"
         >
           <PlaylistItem
-            v-if="-1!==p.playlistId"
+            v-if="0!==p.playlistId"
             :playlist="p"
           />
         </template>
@@ -94,7 +94,7 @@ export default defineComponent({
       this.reloadList();
 		},
 		dfirst(): void{
-			if(!this.playlists[this.dfirst] || -1===this.playlists[this.dfirst].playlistId){
+			if(!this.playlists[this.dfirst] || 0===this.playlists[this.dfirst].playlistId){
 				this.fetchContent(false);
 			}
 		},

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

@@ -30,7 +30,7 @@
             :key="p.podcastId"
           >
             <PodcastItem
-              v-if="-1!==p.podcastId"
+              v-if="0!==p.podcastId"
               :podcast="p"
             />
           </template>

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

@@ -97,7 +97,7 @@ export default defineComponent({
   props: {
     podcast: { default: ()=>({}), type: Object as ()=>Podcast},
     hidePlay: { default: false, type: Boolean},
-    displayDescription: { default: undefined, type: String},
+    displayDescription: { default: false, type: Boolean},
     arrowDirection: { default: 'up', type: String},
     isAnimatorLive: { default: false, type: Boolean},
     fetchConference: { default: undefined, type: Object as ()=>Conference},

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/PodcastItem.vue

@@ -10,13 +10,14 @@
   >
     <PodcastImage
       :podcast="podcast"
-      :hide-play="!hover || !description"
-      :display-description="description"
+      :hide-play="!podcastItemDescription || (podcastItemDescription && (!hover || !description))"
+      :display-description="description && podcastItemDescription"
       :arrow-direction="arrowDirection"
       @hideDescription="hideDescription"
       @showDescription="showDescription"
     />
     <div
+      v-if="podcastItemDescription"
       ref="descriptionPodcastContainer"
       class="description-podcast-item html-wysiwyg-content"
       :class="[
@@ -80,6 +81,9 @@ export default defineComponent({
     podcastBorderBottom(): boolean {
       return (state.podcastsPage.podcastBorderBottom as boolean);
     },
+    podcastItemDescription(): boolean {
+      return (state.podcastPage.podcastItemDescription as boolean);
+    },
     displayDate(): string {
       return moment(this.podcast.pubDate).format('X');
     },
@@ -89,6 +93,7 @@ export default defineComponent({
   },
 
   mounted() {
+    if(!this.podcastItemDescription){return}
     const podcastDesc = (this.$refs.descriptionPodcast as HTMLElement);
     const podcastDescContainer = (this.$refs.descriptionPodcastContainer as HTMLElement);
     if (
@@ -100,10 +105,12 @@ export default defineComponent({
   },
   methods: {
     showDescription(): void {
+      if(!this.podcastItemDescription){return}
       this.arrowDirection = 'down';
       this.hover = true;
     },
     hideDescription(): void {
+      if(!this.podcastItemDescription){return}
       this.arrowDirection = 'up';
       this.hover = false;
     },

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

@@ -19,7 +19,7 @@
           :key="p.podcastId"
         >
           <PodcastItem
-            v-if="-1!==p.podcastId"
+            v-if="0!==p.podcastId"
             :podcast="p"
           />
         </template>
@@ -125,7 +125,7 @@ export default defineComponent({
       this.reloadList();
 		},
 		dfirst(): void{
-			if(!this.podcasts[this.dfirst] || -1===this.podcasts[this.dfirst].podcastId){
+			if(!this.podcasts[this.dfirst] || 0===this.podcasts[this.dfirst].podcastId){
 				this.fetchContent(false);
 			}
 		},

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/display/sharing/ShareButtons.vue

@@ -3,7 +3,7 @@
     <template
       v-if="authenticated || participantId || organisationId || notExclusive"
     >
-      <div class="d-flex align-items-center mb-2">
+      <div class="d-flex mb-2">
         <h3 class="mb-0">
           {{ $t('Share') }}
         </h3>
@@ -12,7 +12,7 @@
           id="popover-share-help"
           role="button"
           tabindex="-1"
-          class="saooti-help ms-2"
+          class="saooti-help ms-2 align-items-start"
           :title="$t('Help')"
         />
         <Popover

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;

package/src/store/paramStore.ts

@@ -34,6 +34,7 @@ const state:paramStore = {
     podcastItemShowEmission: false,
     clickPlayGoPage:false,
     listTypeClassic: true,
+    podcastItemDescription:true
   },
   podcastsPage: {
     ProductorSearch: true,
@@ -122,7 +123,8 @@ export interface PodcastPage{
   resourceUrl?: string |undefined,
   podcastItemShowEmission?: boolean,
   clickPlayGoPage?:boolean,
-  listTypeClassic?:boolean
+  listTypeClassic?:boolean,
+  podcastItemDescription?:boolean,
 }
 export interface PodcastsPage{
   ProductorSearch?: boolean,

package/src/store/typeAppStore.ts

@@ -13,7 +13,7 @@ import { Rubrique } from "./class/rubrique/rubrique"
 export function emptyPlaylistData(): Playlist{
   return {
     description: '',
-    playlistId: -1,
+    playlistId: 0,
     podcasts: [],
     score: 0,
     title: '',
@@ -23,12 +23,12 @@ export function emptyParticipantData(): Participant{
   return {
     firstName: '',
     lastName: '',
-    participantId:-1
+    participantId:0
   }
 }
 export function emptyEmissionData(): Emission{
   return {
-      emissionId: -1 ,
+      emissionId: 0,
       name: '' ,
       description: '' ,
       imageUrl: '' ,
@@ -45,7 +45,7 @@ export function emptyEmissionData(): Emission{
 
 export function emptyPodcastData(): Podcast{
     return {
-        podcastId:-1,
+        podcastId:0,
         audioUrl: '' ,
         audioStorageUrl: '' ,
         imageUrl: '' ,