@saooti/octopus-sdk 39.4.1 → 39.4.2

package/package.json

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

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

@@ -84,6 +84,7 @@ export default defineComponent({
     href: { default: undefined, type: String },
     buttonText: { default: undefined, type: String },
     isDescription: { default: false, type: Boolean },
+    rubriquesId: { default: [], type: Array<number> },
   },
   data() {
     return {
@@ -110,6 +111,7 @@ export default defineComponent({
             size: 5,
             organisationId: this.organisationId,
             sort: "LAST_PODCAST_DESC",
+            rubriqueId: this.rubriquesId
           },
           specialTreatement: true,
         });

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

@@ -157,8 +157,8 @@ export default defineComponent({
         text-align: center;
         background: linear-gradient(
           to bottom,
-          var(--octopus-background-full-transparent),
-          var(--octopus-background-transparent)
+          var(--octopus-background-transparent),
+          var(--octopus-background),
         );
       }
     }

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

@@ -160,8 +160,8 @@ export default defineComponent({
         text-align: center;
         background: linear-gradient(
           to bottom,
-          var(--octopus-background-full-transparent),
-          var(--octopus-background-transparent)
+          var(--octopus-background-transparent),
+          var(--octopus-background)
         );
       }
 

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

@@ -76,7 +76,7 @@ export default defineComponent({
       return state.emissionsPage.progressBar as boolean;
     },
     date(): string {
-      return dayjs(this.pubDate).format("D MMMM YYYY, HH[h]mm");
+      return dayjs(this.pubDate).format("D MMMM YYYY");
     },
     editRight(): boolean {
       return this.isEditRights(this.podcastOrganisationId);

package/src/components/form/ClassicEmojiPicker.vue

@@ -54,30 +54,9 @@ export default defineComponent({
   data() {
     return {
       emojiIndex: emojiIndex,
-      /* hasPlaceAboveButton: false as boolean, */
       isPhone: false as boolean,
     };
   },
-  /* computed: {
-    isReallyTopPosition(): boolean {
-      return this.isTopPosition && this.hasPlaceAboveButton;
-    },
-  }, */
-  /* watch:{
-    isPhone: {
-      immediate: true,
-      async handler() {
-        debugger;
-        if (!this.isPhone && this.isTopPosition && this.$refs.emojiButton) {
-          this.hasPlaceAboveButton =
-            (this.$refs.emojiButton as HTMLButtonElement).getBoundingClientRect()
-              .top +
-              window.scrollY >
-            450;
-        }
-      },
-    },
-  }, */
 });
 </script>
 

package/src/components/misc/ClassicPopover.vue

@@ -177,6 +177,7 @@ export default defineComponent({
       let parentTop = 0;
       let parentScrollTop = 0;
       let parentBottom = 0;
+      let parentWidth=0;
       if (!this.isTopLayerPopover && this.relativeClass) {
         const modalBody = document.getElementsByClassName(
           this.relativeClass,
@@ -193,16 +194,31 @@ export default defineComponent({
         parentTop = modalBodyRect.top;
         parentScrollTop = modalBody.scrollTop;
         parentBottom=modalBodyRect.bottom;
+        parentWidth = modalBodyRect.width;
       }
       const rectElement = (e.target as HTMLElement).getBoundingClientRect();
       (this.$refs.popover as HTMLElement).style.display = "block";
+      const sizePopover = (this.$refs.popover as HTMLElement).clientWidth;
+      const sizeAvailable = window.innerWidth -parentWidth;
       if (this.leftPos) {
-        this.posX =
+        const elementRightRelative = rectElement.right - parentLeft;
+        const hasPlaceRightButton = (sizeAvailable - (sizeAvailable - elementRightRelative)) > sizePopover;
+        if(hasPlaceRightButton){
+          this.posX =
           rectElement.right -
-          parentRight -
-          (this.$refs.popover as HTMLElement).clientWidth;
+          parentLeft -
+          sizePopover;
+        }else{
+          this.posX =parentLeft;
+        }
       } else {
-        this.posX = rectElement.left - parentLeft;
+        const elementLeftRelative = rectElement.left - parentLeft;
+        const hasPlaceRightButton = (sizeAvailable - elementLeftRelative) > sizePopover;
+        if(hasPlaceRightButton){
+          this.posX = elementLeftRelative;
+        }else{
+          this.posX = sizeAvailable - sizePopover + parentLeft;
+        }
       }
       this.posX = Math.max(0, this.posX);
       const yPosParent = this.topPos ? rectElement.top : rectElement.bottom;

package/src/helper/duration.ts

@@ -12,7 +12,7 @@ export default {
   },
   formatDuration(
     totalSeconds: number | null,
-    separator = "'",
+    separator = ":",
     isLast = true,
   ): string {
     if (null === totalSeconds) {

package/src/router/router.ts

@@ -354,7 +354,7 @@ router.beforeEach(async (to, from) => {
   if("/logout" === to.path && "/logout" !== from.path){
     setTimeout(() => {
       window.location.reload(true);
-    }, 10);
+    }, 200);
   }
 });
 export default router;

package/src/style/_variables.scss

@@ -25,7 +25,6 @@
     --octopus-secondary-lighter: oklch(from var(--octopus-secondary) calc(l * 1.05) c h);
     --octopus-text-disabled: oklch(from var(--octopus-secondary) calc(l * 0.60) c h);
     --octopus-background-transparent: oklch(from var(--octopus-background) l c h / 40%);
-    --octopus-background-full-transparent: oklch(from var(--octopus-background) l c h / 0%);
     --octopus-tertiary-really-transparent: oklch(from var(--octopus-tertiary) l c h / 30%);
 
     // Size

package/src/style/share.scss

@@ -211,9 +211,8 @@
         font-size: 1rem;
         font-weight: bolder;
         text-align: center;
-        background: linear-gradient(to bottom, 
-        var(--octopus-background-full-transparent),
-        var(--octopus-background-transparent));
+        background: linear-gradient(to bottom,var(--octopus-background-transparent),
+        var(--octopus-background));
       }
     }
   }