@saooti/octopus-sdk 38.1.8 → 38.1.10

package/package.json

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

package/public/img/wave.svg

@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="uuid-cd939b38-9c51-44e2-969a-c00901ca97ed" data-name="Calque 1" xmlns="http://www.w3.org/2000/svg"
+     viewBox="0 0 95.43 34.27">
+    <path d="m95.43,11.57c-1.9.01-2.49,3.87-3.23,7.62-.25,1.28-.9,4.54-1.42,5.22-.14-.26-.39-.89-.67-2.33-.37-1.85-.67-4.38-.96-6.83-.93-7.84-1.45-10.8-3.25-10.8-1.16,0-1.74,1.3-2.28,5.14-.38,2.65-.68,6.23-.98,9.73-.28,3.28-.57,6.66-.91,9.22-.24,1.77-.47,2.79-.63,3.37-.15-.48-.35-1.28-.56-2.59-.35-2.14-.63-4.98-.92-7.82-.96-9.52-1.42-12.6-3.25-12.6s-2.39,3.09-3.25,9c-.29,2.01-.59,4.09-.95,5.6-.21.86-.39,1.35-.52,1.63-.15-.36-.37-1.06-.62-2.38-.36-1.93-.65-4.53-.94-7.04-.93-8.17-1.45-11.25-3.25-11.25s-2.38,3.22-3.25,9.94c-.29,2.22-.59,4.51-.95,6.18-.27,1.26-.51,1.82-.65,2.06-.55-.71-1.19-3.94-1.45-5.22-.74-3.76-1.33-6.73-3.24-6.73s-2.37,3.07-3.25,9.45c-.29,2.12-.59,4.31-.95,5.9-.18.8-.35,1.3-.47,1.61-.17-.54-.43-1.58-.69-3.56-.35-2.57-.64-5.97-.91-9.25-.29-3.46-.6-7.04-.97-9.7-.54-3.84-1.12-5.14-2.28-5.14-1.83,0-2.3,3.3-3.25,13.49-.28,2.98-.57,6.07-.92,8.39-.26,1.76-.51,2.68-.66,3.14-.13-.31-.31-.82-.5-1.66-.36-1.59-.66-3.79-.95-5.91-.88-6.38-1.38-9.45-3.25-9.45s-2.31,3.15-3.25,12.18c-.28,2.68-.57,5.45-.92,7.52-.22,1.28-.42,2.04-.56,2.49-.17-.53-.39-1.48-.63-3.13-.35-2.4-.64-5.59-.92-8.67-.96-10.54-1.42-13.94-3.25-13.94s-2.29,3.08-3.25,12.63c-.28,2.77-.57,5.64-.92,7.79-.24,1.51-.47,2.35-.63,2.8-.14-.34-.32-.92-.52-1.89-.37-1.76-.67-4.18-.96-6.52-.87-6.99-1.37-10.35-3.25-10.35s-2.37,3.07-3.25,9.45c-.29,2.12-.59,4.31-.95,5.91-.21.9-.39,1.42-.53,1.72-.15-.39-.38-1.14-.63-2.54-.35-2.01-.65-4.69-.93-7.28-.95-8.67-1.44-11.7-3.25-11.7s-2.32,2.96-3.25,10.82c-.29,2.44-.59,4.97-.96,6.81-.26,1.32-.49,1.96-.64,2.25-.12-.19-.3-.55-.51-1.23-.36-1.16-.66-2.79-.94-4.36-.74-4.02-1.32-7.19-3.24-7.19-.03,0-.06,0-.09,0v1.73s0,0,0,0c.01,0,.29.18.67,1.43.36,1.16.66,2.79.94,4.36.74,4.01,1.32,7.18,3.24,7.18,1.8,0,2.32-2.96,3.25-10.8.29-2.45.59-4.98.96-6.83.21-1.07.4-1.69.54-2.05.15.41.37,1.15.6,2.48.35,2,.65,4.69.93,7.28.95,8.67,1.44,11.7,3.25,11.7s2.37-3.07,3.25-9.47c.29-2.11.59-4.3.95-5.89.22-.95.41-1.48.55-1.76.14.32.35.92.58,2.03.37,1.77.67,4.19.96,6.52.87,6.99,1.37,10.35,3.25,10.35s2.29-3.08,3.25-12.63c.28-2.77.57-5.64.92-7.79.22-1.35.42-2.16.57-2.63.17.54.39,1.48.62,3.11.35,2.4.64,5.59.92,8.67.95,10.54,1.42,13.94,3.25,13.94s2.31-3.15,3.25-12.15c.28-2.69.57-5.46.92-7.55.25-1.49.48-2.28.64-2.7.13.3.32.82.52,1.7.36,1.59.66,3.77.95,5.9.88,6.39,1.38,9.45,3.25,9.45s2.29-3.3,3.25-13.5c.28-2.98.57-6.06.92-8.38.22-1.45.42-2.33.58-2.86.17.59.39,1.6.62,3.33.35,2.56.63,5.95.92,9.26.29,3.46.6,7.04.97,9.69.54,3.84,1.12,5.14,2.28,5.14,1.87,0,2.37-3.07,3.25-9.45.29-2.11.59-4.3.95-5.9.27-1.19.51-1.72.64-1.94.56.69,1.2,3.95,1.45,5.23.74,3.76,1.33,6.73,3.24,6.73s2.38-3.22,3.25-9.94c.29-2.22.59-4.51.95-6.17.21-.97.4-1.53.54-1.84.15.37.37,1.06.6,2.34.36,1.93.65,4.53.94,7.04.93,8.17,1.45,11.25,3.25,11.25s2.39-3.09,3.25-9c.29-2.01.59-4.09.95-5.6.2-.81.37-1.29.5-1.58.16.43.4,1.27.66,2.87.35,2.16.64,5.04.92,7.82.96,9.52,1.42,12.6,3.25,12.6,1.16,0,1.74-1.3,2.28-5.14.38-2.66.68-6.24.97-9.7.28-3.28.57-6.68.91-9.25.26-1.89.5-2.92.66-3.48.14.37.31.97.5,1.92.37,1.85.67,4.38.96,6.83.93,7.84,1.45,10.8,3.25,10.8,1.91,0,2.5-2.97,3.24-6.74.27-1.36.98-5.86,1.52-6.2v-1.75Z"/>
+</svg>

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

@@ -77,6 +77,11 @@
           <div v-if="'' !== audioCredit" class="mb-1">
             {{ $t("Audio credits") + " : " + audioCredit }}
           </div>
+          <div v-if="'' !== authorCredit" class="mb-1">
+            {{ $t("Author credits") + " : " + authorCredit }}
+          </div>
+
+          
           <a
             v-if="podcast.article"
             class="btn d-flex align-items-center my-2 width-fit-content mb-1"
@@ -267,6 +272,9 @@ export default defineComponent({
     audioCredit(): string {
       return (this.podcast?.annotations?.audioCredit as string) ?? "";
     },
+    authorCredit(): string {
+      return (this.podcast?.annotations?.authorCredit as string) ?? "";
+    },
     isEditBox(): boolean {
       return (state.podcastPage.EditBox as boolean) ?? false;
     },

package/src/components/display/sharing/ShareButtons.vue

@@ -10,11 +10,11 @@
         role="button"
         tabindex="0"
         class="saooti-help ms-2"
+        :aria-label="$t('Help')"
       />
       <ClassicPopover
         v-if="authenticated"
         target="popover-share-help"
-        :title="$t('Help')"
         :content="$t('Share this page without edit and share blocks')"
         relative-class="page-element"
         :is-fixed="true"

package/src/components/display/sharing/SharePlayerColors.vue

@@ -8,6 +8,7 @@
         :model-value="color"
         class="c-hand"
         show-fallback
+        fallback-input-type="color"
         colors="text-advanced"
         popover-to="right"
         :data-color="color"
@@ -22,6 +23,7 @@
         :model-value="theme"
         class="c-hand"
         show-fallback
+        fallback-input-type="color"
         colors="text-advanced"
         popover-to="right"
         :data-color="theme"

package/src/components/form/ClassicSelect.vue

@@ -61,13 +61,32 @@ export default defineComponent({
 });
 </script>
 <style lang="scss">
+@import "@scss/_variables.scss";
 .octopus-app {
+  select option:checked,
+  select option:hover {
+    box-shadow: 0 0 10px 100px #dddddd inset;
+  }
+  select:focus > option:checked { 
+      background: #dddddd !important;
+  }
+  .classic-select select{
+    -webkit-appearance: none;
+		-moz-appearance: none;
+		background-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"10\" role=\"presentation\"><path fill=\"%233c3c3c80\" d=\"M9.211364 7.59931l4.48338-4.867229c.407008-.441854.407008-1.158247 0-1.60046l-.73712-.80023c-.407008-.441854-1.066904-.441854-1.474243 0L7 5.198617 2.51662.33139c-.407008-.441853-1.066904-.441853-1.474243 0l-.737121.80023c-.407008.441854-.407008 1.158248 0 1.600461l4.48338 4.867228L7 10l2.211364-2.40069z\"></path></svg>") !important;
+		background-repeat: no-repeat !important;
+    background-position-x: calc(100% - 6px) !important;
+    background-position-y: 0.7rem !important;
+  }
+
   select.transparent {
     background: transparent !important;
     outline-color: transparent !important;
     padding: 0;
     border: 0;
     height: unset;
+    -webkit-appearance: auto !important;
+		-moz-appearance: auto !important;
   }
 }
 </style>

package/src/components/misc/ClassicAccordion.vue

@@ -1,10 +1,9 @@
 <template>
-  <div class="my-2" :class="displayAccordion ? 'octopus-accordion' : ''">
+  <div class="my-2" :class="[displayAccordion ? 'octopus-accordion' : '', isOpen?'octopus-accordion-open':'' ]">
     <template v-if="displayAccordion">
       <button
         :id="'accordion-' + idComposer"
-        class="btn-transparent bg-white w-100 p-2 text-start d-flex flex-no-wrap align-items-center"
-        :class="isOpen ? 'really-light-primary-bg' : ''"
+        class="w-100 py-2 text-start d-flex flex-nowrap align-items-center"
         @click="isOpen = !isOpen"
       >
         <span v-if="icon" class="img-accordion text-primary" :class="icon" />
@@ -52,10 +51,23 @@ export default defineComponent({
 });
 </script>
 <style lang="scss">
-.octopus-accordion {
-  border: 1px solid #ccc;
-  > button {
+@import '@scss/_variables.scss';
+.octopus-accordion{
+  > button{
+    background: white;
     min-height: 50px;
+    color: $octopus-primary-color;
+    border: 1px solid transparent;
+    &:hover{
+      border: 1px solid $octopus-primary-color;
+    }
+  }
+  &.octopus-accordion-open{
+    border: 1px solid $octopus-primary-color;
+    > button{
+      background: $octopus-primary-color;
+      color: white;
+    }
   }
   .img-accordion {
     width: 30px;
@@ -67,7 +79,7 @@ export default defineComponent({
     align-items: center;
   }
   .body {
-    border-top: 1px solid #ccc;
+    border-top: 1px solid $octopus-primary-color;
   }
 }
 </style>

package/src/components/misc/ClassicNav.vue

@@ -85,12 +85,16 @@ export default defineComponent({
       background-color 0.15s ease-in-out,
       border-color 0.15s ease-in-out;
     border: 0.1rem solid transparent;
-    &:hover,
-    &.active {
+    &:hover{
       border-color: #dee2e6;
       border-bottom-color: $octopus-primary-color;
       color: $octopus-primary-color;
     }
+    &.active{
+      border-color: $octopus-primary-color;
+      background: $octopus-primary-color;
+      color:white;
+    }
   }
   .octopus-nav.light .octopus-nav-link {
     border-top: 0 !important;

package/src/components/misc/ClassicPopover.vue

@@ -8,6 +8,8 @@
     :class="[onlyClick ? 'octopus-dropdown' : '', popoverClass]"
     :style="positionInlineStyle"
     @blur="clearDataBlur"
+    @mouseenter="overPopover=true"
+    @mouseleave="overPopover=false;clearData();"
   >
     <div v-if="title" class="bg-secondary p-2">
       {{ title }}
@@ -42,6 +44,7 @@ export default defineComponent({
       posX: 0 as number,
       posY: 0 as number,
       targetElement: null as HTMLElement | null,
+      overPopover: false as boolean
     };
   },
   computed: {
@@ -67,7 +70,7 @@ export default defineComponent({
             "mouseenter",
             this.setPopoverData,
           );
-          this.targetElement.addEventListener("mouseleave", this.clearData);
+          this.targetElement.addEventListener("mouseleave", this.clearDataTimeout);
         }
         if (!this.onlyMouse) {
           this.targetElement.addEventListener("click", this.setPopoverData);
@@ -82,7 +85,7 @@ export default defineComponent({
             "mouseenter",
             this.setPopoverData,
           );
-          this.targetElement.removeEventListener("mouseleave", this.clearData);
+          this.targetElement.removeEventListener("mouseleave", this.clearDataTimeout);
         }
         if (!this.onlyMouse) {
           this.targetElement.removeEventListener("click", this.setPopoverData);
@@ -180,6 +183,13 @@ export default defineComponent({
       this.isClick = false;
       this.clearData();
     },
+    clearDataTimeout() {
+      setTimeout(() => {
+        if(!this.overPopover){
+          this.clearData();
+        }
+      }, 500);
+    },
     clearData() {
       if (this.isClick) {
         return;

package/src/components/misc/HomeDropdown.vue

@@ -1,9 +1,9 @@
 <template>
   <div class="d-flex align-items-center">
-    <router-link
+    <button
       v-if="isAuthenticatedWithOrga"
       :title="$t('My space')"
-      to="/main/priv/backoffice"
+      @click="goToAdministration"
       class="btn admin-button hide-smallest-screen m-1 saooti-admin-menu"
     />
     <router-link
@@ -157,6 +157,15 @@ export default defineComponent({
       } catch (error) {
         //Do nothing
       }
+    },
+    goToAdministration(){
+      if("backoffice" !== this.$route.name){
+        this.$router.push("/main/priv/backoffice");
+      }else if (window.history.length > 1) {
+        this.$router.go(-1);
+      } else {
+        this.$router.push("/");
+      }
     }
   }
 });

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

@@ -39,6 +39,7 @@
               v-model="color"
               class="c-hand me-2 mt-2"
               show-fallback
+              fallback-input-type="color"
               colors="text-advanced"
               popover-to="right"
               :data-color="color"

package/src/locale/de.ts

@@ -310,6 +310,7 @@ export default {
     "Wenn die Abschrift vorhanden ist, zeigen Sie sie",
   "Photo credits": "Bildnachweis",
   "Audio credits": "Audio-Credits",
+  "Author credits": "Autorennachweise",
   "View transcript": "Transkript ansehen",
   "Suggested listening": "Anhören empfohlen",
   More: "Mehr",

package/src/locale/en.ts

@@ -310,6 +310,7 @@ export default {
     "If the transcript is available, show it",
   "Photo credits": "Photo credits",
   "Audio credits": "Audio credits",
+  "Author credits": "Author credits",
   "View transcript": "View transcript",
   "Suggested listening": "Suggested listening",
   More: "More",

package/src/locale/es.ts

@@ -311,6 +311,7 @@ export default {
     "Si la transcripción está disponible, muéstrela",
   "Photo credits": "Créditos fotográficos",
   "Audio credits": "Créditos de audio",
+  "Author credits": "Créditos del autor",
   "View transcript": "Ver transcripción",
   "Suggested listening": "Escucha sugerida",
   More: "Más",

package/src/locale/fr.ts

@@ -317,6 +317,7 @@ export default {
     "Si la transcription est disponible, l'afficher",
   "Photo credits": "Crédits photo",
   "Audio credits": "Crédits audio",
+  "Author credits": "Crédits auteur",
   "View transcript": "Afficher la transcription",
   "Suggested listening": "Suggestion d'écoute",
   More: "Plus",

package/src/locale/it.ts

@@ -303,6 +303,7 @@ export default{
     "If the transcript is available, show it":"Se la trascrizione è disponibile, mostrala",
     "Photo credits":"Crediti fotografici",
     "Audio credits":"Crediti audio",
+    "Author credits": "Crediti dell'autore",
     "View transcript":"Visualizza trascrizione",
     "Suggested listening":"Ascolto suggerito",
     "More":"Di più",

package/src/locale/sl.ts

@@ -300,6 +300,7 @@ export default {
     "Če je prepis na voljo, ga pokažite",
   "Photo credits": "Avtorji fotografij",
   "Audio credits": "Avdio krediti",
+  "Author credits": "Zasluge avtorja",
   "View transcript": "Ogled prepisa",
   "Suggested listening": "Predlagano poslušanje",
   More: "Več",