@saooti/octopus-sdk 39.4.0 → 39.4.2

package/package.json

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

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

@@ -8,7 +8,7 @@
       :title="$t('Series name page', { name: emission.name })"
       class="d-flex flex-column text-dark"
     >
-      <div v-if="rubriqueName" class="emissionPlayerItem-info">
+      <div v-if="rubriqueName" class="emission-player-item-info">
         {{ rubriqueName }}
       </div>
       <div class="img-box rounded-0">

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,7 +157,8 @@ export default defineComponent({
         text-align: center;
         background: linear-gradient(
           to bottom,
-          var(--octopus-background), var(--octopus-background-transparent)
+          var(--octopus-background-transparent),
+          var(--octopus-background),
         );
       }
     }

package/src/components/display/podcastmaker/PodcastmakerHeader.vue

@@ -57,8 +57,8 @@ export default defineComponent({
       inset: 0;
       z-index: 2;
       display: flex;
-      flex-direction: column;
       justify-content: center;
+      align-items: center;
 
       h1 {
         color: white !important;

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

@@ -160,7 +160,8 @@ export default defineComponent({
         text-align: center;
         background: linear-gradient(
           to bottom,
-          var(--octopus-background), 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/display/podcasts/PodcastRubriqueList.vue

@@ -1,10 +1,10 @@
 <template>
   <div
     v-if="rubriqueIds.length && init"
-    class="rubrique-list-component d-flex align-items-center flex-wrap mb-3"
+    class="rubrique-list-component d-flex align-items-center flex-wrap mb-3 small-text"
   >
-    <div class="me-3">
-      {{ $t("Rubrics") + ": " }}
+    <div class="fw-bold me-3">
+      {{ $t("Rubrics") + " : " }}
     </div>
     <router-link
       v-for="rubriqueId in rubriqueIds"

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

@@ -1,10 +1,10 @@
 <template>
   <div
     v-if="undefined !== tagList && 0 !== tagList.length"
-    class="tag-list-component d-flex align-items-center flex-wrap comma mb-3"
+    class="tag-list-component d-flex align-items-center flex-wrap comma mb-3 small-text"
   >
-    <div class="me-3">
-      {{ $t("Podcast tags") + ": " }}
+    <div class="fw-bold me-3">
+      {{ $t("Podcast tags") + " : " }}
     </div>
     <div
       v-for="(tag, index) in tagList"

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/components/mixins/routeParam/advancedParamInit.ts

@@ -76,6 +76,7 @@ export const advancedParamInit = defineComponent({
       if (!this.isInit) {
         return;
       }
+      // TODO si oldValue !=null
       this.rubriqueFilter = [];
     },
     routeQuery(){

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/locale/de.ts

@@ -284,7 +284,7 @@ export default {
   "Download started": "Lädt herunter",
   "From RSS": "Aus RSS-Feed",
   "User menu": "Benutzermenü",
-  "Podcast tags": "Podcast-Tags",
+  "Podcast tags": "Schlüsselwörter",
   Enlarge: "Vergrößern",
   Reduce: "Reduzieren",
   "Use organization color": "Verwenden Sie die Organisationsfarbe",

package/src/locale/en.ts

@@ -277,7 +277,7 @@ export default {
   "Download started": "Download started",
   "From RSS": "From an RSS feed",
   "User menu": "User menu",
-  "Podcast tags": "Podcast tags",
+  "Podcast tags": "Keywords",
   "You do not have the right to access this page":
     "You do not have the right to access this page",
   Enlarge: "Enlarge",

package/src/locale/es.ts

@@ -285,7 +285,7 @@ export default {
   "Download started": "Descarga iniciada",
   "From RSS": "Desde un canal RSS",
   "User menu": "Menú de usuario",
-  "Podcast tags": "Etiquetas de pódcast",
+  "Podcast tags": "Palabras clave",
   Enlarge: "Agrandar",
   Reduce: "Reducir",
   "Use organization color": "Usar el color de la organización",

package/src/locale/fr.ts

@@ -284,7 +284,7 @@ export default {
   "Download started": "Téléchargement lancé",
   "From RSS": "Issu d'un flux RSS",
   "User menu": "Menu utilisateur",
-  "Podcast tags": "Mots-clés de l'épisode",
+  "Podcast tags": "Mots-clés",
   "You do not have the right to access this page":
     "Vous n’avez pas le droit d’accéder à cette page",
   Enlarge: "Agrandir",

package/src/locale/it.ts

@@ -279,7 +279,7 @@ export default{
     "Download started": 'Il download è iniziato', 
     'From RSS': "Da un RSS Feed ",
     "User menu":"Menu utente", 
-    'Podcast tags': 'Tag podcast', 
+    'Podcast tags': 'Parole chiave', 
     "Term of use":"Termini d'uso",
     'More episodes of this category : ': "Altri episodi su questo tema : {name}",
     "Enlarge":"Ingrandire",

package/src/locale/sl.ts

@@ -275,7 +275,7 @@ export default {
   "Download started": "Prenos se je začel",
   "From RSS": "Z vira RSS",
   "User menu": "Uporabniški meni",
-  "Podcast tags": "Oznake podkastov",
+  "Podcast tags": "Ključne besede",
   Enlarge: "Povečaj",
   Reduce: "Zmanjšaj",
   "Use organization color": "Uporabite barvo organizacije",

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/stores/CommentStore.ts

@@ -15,6 +15,31 @@ import { CommentMessage, CommentsConfig } from "./class/config/commentsConfig";
 import classicApi from "../api/classicApi";
 import { Podcast } from "./class/general/podcast";
 import { ListClassicReturn } from "./class/general/listReturn";
+function errorCommentsConfig(): CommentsConfig {
+  return {
+    inherited: false,
+    abuse: {
+      authRequired: true,
+    },
+    commentLikes: {
+      authRequired: true,
+      dislikeEnabled: false,
+      likeEnabled: false,
+    },
+    comments: {
+      authRequired: true,
+      commentAllowed: "NONE",
+      defaultState: "PENDING",
+      depth: 2,
+    },
+    podcastLikes: {
+      authRequired: true,
+      dislikeEnabled: false,
+      likeEnabled: false,
+    },
+  };
+}
+
 
 export interface CommentUser {
   name: string | null;
@@ -128,10 +153,14 @@ export const useCommentStore = defineStore("CommentStore", {
           path:"config/podcast/" + podcast.podcastId,
         });
       } catch {
-        this.podcastsCommentsConfig[podcast.podcastId] = await classicApi.fetchData<CommentsConfig>({
-          api: 2,
-          path: "config/emission/" + podcast.emission.emissionId,
-        });
+        try {
+          this.podcastsCommentsConfig[podcast.podcastId] = await classicApi.fetchData<CommentsConfig>({
+            api: 2,
+            path: "config/emission/" + podcast.emission.emissionId,
+          });
+        } catch (error) {
+          this.podcastsCommentsConfig[podcast.podcastId] = errorCommentsConfig(); 
+        }
       }
       return this.podcastsCommentsConfig[podcast.podcastId];
     },

package/src/stores/class/config/commentsConfig.ts

@@ -49,4 +49,4 @@ export function defaultCommentsConfig(inherited: boolean): CommentsConfig {
       likeEnabled: true,
     },
   };
-}
+}

package/src/style/form.scss

@@ -33,7 +33,7 @@
 
 	select,.form-input, .v3-input-emoji-picker .v3-input-picker-root .v3-emoji-picker-textarea{
 		background: var(--octopus-background) !important;
-		border: 0.1rem solid var(--octopus-secondary);
+		border: 0.1rem solid var(--octopus-border-default);
 		border-radius: var(--octopus-border-radius);
 		height: 2rem;
 		padding: 0.25rem 0.4rem;

package/src/style/general.scss

@@ -147,6 +147,10 @@ main, #app{
       padding: 0.8rem;
     }
   }
+  .small-text{
+    font-size: 0.7rem;
+  }
+
   
   .description-text{
     word-wrap: break-word;

package/src/style/share.scss

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