@saooti/octopus-sdk 37.0.7 → 37.0.8

package/index.ts

@@ -20,7 +20,7 @@ export const getAccordion = () => import("./src/components/misc/ClassicAccordion
 export const getNav = () => import("./src/components/misc/ClassicNav.vue");
 export const getProgressBar = () => import("./src/components/misc/ProgressBar.vue");
 export const getSpinner = () => import("./src/components/misc/ClassicSpinner.vue");
-export const getFooter = () => import("./src/components/misc/Footer.vue");
+export const getFooter = () => import("./src/components/misc/FooterSection.vue");
 export const getLeftMenu = () => import("./src/components/misc/LeftMenu.vue");
 export const getPlayer = () => import("./src/components/misc/player/PlayerComponent.vue");
 export const getSnackbar = () => import("./src/components/misc/SnackBar.vue");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@saooti/octopus-sdk",
-  "version": "37.0.7",
+  "version": "37.0.8",
   "private": false,
   "description": "Javascript SDK for using octopus",
   "author": "Saooti",
@@ -10,8 +10,6 @@
     "dev": "vite",
     "lint": "eslint --ext .js,.vue --fix src",
     "build_bundle": "vue-cli-service build --target lib --name octopus ./index.js",
-    "prettifile": "prettier --single-quote --trailing-comma es5 --write",
-    "prettify": "prettier --single-quote --trailing-comma es5 --write src/**/**/**/*.{js,vue}",
     "sonar": "node sonarqube-scanner.js",
     "test": "jest --coverage"
   },

package/src/assets/transition.scss

@@ -2,7 +2,7 @@
     .arrow-transform {
       transform: rotate(180deg);
     }
-    .bloc-paddle {
+    .bloc-paddle{
       align-items: flex-end;
       display: flex;
       width: 0.9rem;
@@ -17,34 +17,45 @@
           margin: 0.05rem;
           background: #fff;
       }
-      
       .paddle1 {
-          animation-duration: 0.6s;
-          animation-name: slidein;
-          animation-iteration-count: infinite;
-          animation-direction: alternate;
+        height: 50%;
       }
-      
       .paddle2 {
-          animation-duration: 0.3s;
-          animation-name: slidein2;
-          animation-iteration-count: infinite;
-          animation-direction: alternate;
+        height: 25%;
       }
-      
       .paddle3 {
-          animation-duration: 0.5s;
-          animation-name: slidein3;
-          animation-iteration-count: infinite;
-          animation-direction: alternate;
+        height: 80%;
+      }
+
+      &.play-animation{
+        .paddle1 {
+            animation-duration: 0.6s;
+            animation-name: slidein;
+            animation-iteration-count: infinite;
+            animation-direction: alternate;
+        }
+        
+        .paddle2 {
+            animation-duration: 0.3s;
+            animation-name: slidein2;
+            animation-iteration-count: infinite;
+            animation-direction: alternate;
+        }
+        
+        .paddle3 {
+            animation-duration: 0.5s;
+            animation-name: slidein3;
+            animation-iteration-count: infinite;
+            animation-direction: alternate;
+        }
       }
       @keyframes slidein {
-          0% {
-          height: 0;
-          }
-          100% {
-          height: 1rem;
-          }
+        0% {
+        height: 0;
+        }
+        100% {
+        height: 1rem;
+        }
       }
       
       @keyframes slidein2 {
@@ -64,6 +75,7 @@
           height: 0;
           }
       }
+      
     }
     .out-left-enter-active,
     .out-left-leave-active,

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

@@ -125,16 +125,23 @@ export default defineComponent({
       ${this.iabId}|${this.rubriqueId}|${this.rubriquageId}|${this.before}|${this.after}|${this.sort}|${this.noRubriquageId}`;
     },
     sortText(): string {
+      let textSort = "";
       switch (this.sort) {
         case "SCORE":
-          return " " + this.$t("sort by score");
+          textSort = " " + this.$t("sort by score");
+          break;
         case "LAST_PODCAST_DESC":
-          return " " + this.$t("sort by date");
+          textSort = " " + this.$t("sort by date");
+          break;
         case "NAME":
-          return " " + this.$t("sort by alphabetical");
+          textSort = " " + this.$t("sort by alphabetical");
+          break;
         default:
-          return " " + this.$t("sort by date");
+          textSort = " " + this.$t("sort by date");
+          break;
       }
+
+      return textSort.replace("triés", "triées");
     },
     organisation(): string | undefined {
       return this.organisationId ? this.organisationId : this.filterOrgaId;

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

@@ -41,7 +41,11 @@
           class="special-icon-play-button"
           :class="iconName"
         />
-        <div v-if="playingPodcast" class="bloc-paddle">
+        <div
+          v-if="playingPodcast"
+          :class="'PLAYING' === playerStatus ? 'play-animation' : ''"
+          class="bloc-paddle"
+        >
           <span class="paddle1" />
           <span class="paddle2" />
           <span class="paddle3" />

package/src/components/form/ClassicWysiwyg.vue

@@ -2,7 +2,7 @@
   <div class="wysiwyg-editor">
     <div v-if="editor" class="editor-menubar">
       <button
-        title="Bold"
+        :title="$t('Bold')"
         data-selenium="Bold"
         :class="{ 'is-active': editor.isActive('bold') }"
         @click="editor.chain().focus().toggleBold().run()"
@@ -15,7 +15,7 @@
         </svg>
       </button>
       <button
-        title="Italic"
+        :title="$t('Italic')"
         data-selenium="Italic"
         :class="{ 'is-active': editor.isActive('italic') }"
         @click="editor.chain().focus().toggleItalic().run()"
@@ -28,7 +28,7 @@
         </svg>
       </button>
       <button
-        title="Underline"
+        :title="$t('Underline')"
         data-selenium="Underline"
         :class="{ 'is-active': editor.isActive('underline') }"
         @click="editor.chain().focus().toggleUnderline().run()"
@@ -41,7 +41,7 @@
         </svg>
       </button>
       <button
-        title="Link"
+        :title="$t('Link')"
         data-selenium="Link"
         :class="{ 'is-active': editor.isActive('link') }"
         @click="setLink"
@@ -80,7 +80,7 @@
         </svg>
       </button>
       <button
-        title="Heading3"
+        :title="$t('Heading3')"
         data-selenium="Heading3"
         :class="{ 'is-active': editor.isActive('heading', { level: 3 }) }"
         @click="editor.chain().focus().toggleHeading({ level: 3 }).run()"
@@ -88,7 +88,7 @@
         H3
       </button>
       <button
-        title="Heading4"
+        :title="$t('Heading4')"
         data-selenium="Heading4"
         :class="{ 'is-active': editor.isActive('heading', { level: 4 }) }"
         @click="editor.chain().focus().toggleHeading({ level: 4 }).run()"
@@ -96,7 +96,7 @@
         H4
       </button>
       <button
-        title="UnorderedList"
+        :title="$t('UnorderedList')"
         data-selenium="UnorderedList"
         class="saooti-ul"
         :class="{ 'is-active': editor.isActive('bulletList') }"
@@ -121,7 +121,7 @@
         </svg>
       </button>
       <button
-        title="List"
+        :title="$t('List')"
         data-selenium="List"
         :class="{ 'is-active': editor.isActive('orderedList') }"
         @click="editor.chain().focus().toggleOrderedList().run()"
@@ -134,7 +134,7 @@
         </svg>
       </button>
       <button
-        title="Display HTML"
+        :title="$t('Display HTML')"
         data-selenium="Display-HTML"
         class="html-button"
         :class="{ 'is-active': isHtmlDisplay }"

package/src/components/misc/ClassicAccordion.vue

@@ -1,26 +1,29 @@
 <template>
-  <div class="octopus-accordion my-2">
-    <button
-      :id="'accordion-' + idComposer"
-      class="btn-transparent bg-white w-100 p-2 text-start d-flex align-items-center"
-      :class="isOpen ? 'really-light-primary-bg' : ''"
-      @click="isOpen = !isOpen"
-    >
-      <span v-if="icon" class="img-accordion text-primary" :class="icon" />
-      <img
-        v-if="imageUrl"
-        width="30"
-        height="30"
-        class="img-accordion"
-        :src="imageUrl"
-        :alt="title"
-      />
-      <span class="flex-grow-1">{{ title }}</span>
-      <span :class="isOpen ? 'saooti-up' : 'saooti-down'" />
-    </button>
-    <div v-show="isOpen" class="body p-2">
-      <slot />
-    </div>
+  <div class="my-2" :class="displayAccordion ? 'octopus-accordion' : ''">
+    <template v-if="displayAccordion">
+      <button
+        :id="'accordion-' + idComposer"
+        class="btn-transparent bg-white w-100 p-2 text-start d-flex align-items-center"
+        :class="isOpen ? 'really-light-primary-bg' : ''"
+        @click="isOpen = !isOpen"
+      >
+        <span v-if="icon" class="img-accordion text-primary" :class="icon" />
+        <img
+          v-if="imageUrl"
+          width="30"
+          height="30"
+          class="img-accordion"
+          :src="imageUrl"
+          :alt="title"
+        />
+        <span class="flex-grow-1">{{ title }}</span>
+        <span :class="isOpen ? 'saooti-up' : 'saooti-down'" />
+      </button>
+      <div v-show="isOpen" class="body p-2">
+        <slot />
+      </div>
+    </template>
+    <slot v-else />
   </div>
 </template>
 
@@ -33,6 +36,7 @@ export default defineComponent({
     idComposer: { default: "", type: String },
     icon: { default: undefined, type: String },
     imageUrl: { default: undefined, type: String },
+    displayAccordion: { default: true, type: Boolean },
   },
   emits: ["open"],
   data() {

package/src/components/misc/TopBar.vue

@@ -36,7 +36,7 @@
       :reset="reset"
       @selected="onOrganisationSelected"
     />
-    <div class="d-flex justify-content-end flex-grow-1">
+    <div class="d-flex align-items-center justify-content-end flex-grow-1">
       <template v-for="link in routerLinkArray" :key="link.routeName">
         <router-link
           v-if="link.condition"

package/src/locale/de.ts

@@ -334,4 +334,13 @@ export default {
   "Characters number calculated over HTML code":
     "Die Zeichenzahl wird mit dem HTML-Code ermittelt, der mit diesem Editor erstellt wurde. Über den HTML-Button können Sie diesen Code einsehen.",
   Previously: "Bisher",
+  "Bold":"Deutlich",
+  "Italic":"Kursiv",
+  "Underline":"Unterstreichen",
+  "Link":"Verknüpfung",
+  "Heading3":"Überschrift 3",
+  "Heading4":"Überschrift 4",
+  "UnorderedList":"Ungeordnete Liste",
+  "List":"Aufführen",
+  "Display HTML":"HTML anzeigen",
 };

package/src/locale/en.ts

@@ -334,4 +334,13 @@ export default {
   "Characters number calculated over HTML code":
     'The number of characters is calculated from the HTML code generated by this editor. You can see this code using the "html" button.',
   Previously: "Previously",
+  "Bold":"Bold",
+  "Italic":"Italic",
+  "Underline":"Underline",
+  "Link":"Link",
+  "Heading3":"Heading 3",
+  "Heading4":"Heading 4",
+  "UnorderedList":"Unordered list",
+  "List":"List",
+  "Display HTML":"Display HTML",
 };

package/src/locale/es.ts

@@ -335,4 +335,13 @@ export default {
   "Characters number calculated over HTML code":
     "El número de caracteres se calcula a partir del código HTML generado por este editor. Puedes visualizar este código pulsando en «html».",
   Previously: "Previamente",
+  "Bold":"Atrevido",
+  "Italic":"Itálico",
+  "Underline":"Subrayar",
+  "Link":"Enlace",
+  "Heading3":"Título 3",
+  "Heading4":"Título 4",
+  "UnorderedList":"Lista desordenada",
+  "List":"Lista",
+  "Display HTML":"Mostrar HTML",
 };

package/src/locale/fr.ts

@@ -341,4 +341,13 @@ export default {
   "Characters number calculated over HTML code":
     'Le nombre de caractères est calculé à partir du code HTML généré par cet éditeur. Vous pouvez voir ce code grâce au bouton "html".',
   Previously: "Précédemment",
+  "Bold":"Gras",
+  "Italic":"Italique",
+  "Underline":"Souligner",
+  "Link":"Lien",
+  "Heading3":"Titre 3",
+  "Heading4":"Titre 4",
+  "UnorderedList":"Liste non ordonnée",
+  "List":"Liste",
+  "Display HTML":"Afficher HTML",
 };

package/src/locale/it.ts

@@ -329,4 +329,13 @@ export default {
   "Characters number calculated over HTML code":
     'Il numero di caratteri è calcolato dal codice HTML generato da questo editor. È possibile visualizzare il codice cliccando su "html".',
   Previously: "In precedenza",
+  "Bold":"Grassetto",
+  "Italic":"Corsivo",
+  "Underline":"Sottolineare",
+  "Link":"Collegamento",
+  "Heading3":"Titolo 3",
+  "Heading4":"Titolo 4",
+  "UnorderedList":"Lista non ordinata",
+  "List":"Elenco",
+  "Display HTML":"Visualizza HTML",
 };

package/src/locale/sl.ts

@@ -324,4 +324,13 @@ export default {
   "Characters number calculated over HTML code":
     "Število znakov se izračuna iz kode HTML, ki jo ustvari ta urejevalnik. Ogledate si jo lahko s klikom na gumb „html“.",
   Previously: "Prej",
+  "Bold":"Krepko",
+  "Italic":"Ležeče",
+  "Underline":"Podčrtaj",
+  "Link":"Povezava",
+  "Heading3":"Naslov 3",
+  "Heading4":"Naslov 4",
+  "UnorderedList":"Neurejen seznam",
+  "List":"Seznam",
+  "Display HTML":"Prikaži HTML",
 };