@saooti/octopus-sdk 38.3.7 → 38.3.9

package/package.json

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

package/src/assets/share.scss

@@ -1,4 +1,25 @@
 .octopus-app{
+  .sticker-empty-ressource{
+    position: absolute;
+    top: 5px;
+    right: 5px;
+    align-self: center;
+    background: $blue-octopus;
+    padding: 0.5rem;
+    transition: all 0.5s ease;
+    color: white;
+    font-size: 0.6rem;
+    font-weight: bold;
+    letter-spacing: 1px;
+    box-shadow: 10px 10px 34px -15px hsla(0, 0%, 0%, 0.4);
+    border-radius: 255px 15px 225px 15px/15px 225px 15px 255px;
+    border: solid 2px #41403e;
+    cursor: auto;
+    &:hover {
+      box-shadow: 2px 8px 4px -6px hsla(0, 0%, 0%, 0.3);
+      background: $octopus-primary-color;
+    }
+  }
   .category-filter-no-filter {
     position: absolute;
     top: 0;
@@ -146,6 +167,7 @@
   }
     
   .emission-item-container{
+    position: relative;
     list-style: none;
     background: #fff;
     border-radius: $octopus-borderradius;

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

@@ -1,5 +1,5 @@
 <template>
-  <div v-if="editRight || activePlaylist" class="emission-item-container">
+  <div class="emission-item-container">
     <router-link
       :to="{
         name: 'playlist',
@@ -10,12 +10,10 @@
       class="d-flex flex-grow-1 text-dark"
     >
       <div class="emission-item-text">
+        <div v-if="!activePlaylist" class="sticker-empty-ressource">
+          {{ $t("Empty playlist") }}
+        </div>
         <div class="d-flex align-items-center emission-name">
-          <span
-            v-if="!activePlaylist && !isPodcastmaker"
-            :title="$t('Playlist have not podcasts')"
-            class="saooti-warning text-danger me-1"
-          />
           {{ name }}
         </div>
         <div
@@ -84,13 +82,6 @@ export default defineComponent({
     organisationId(): string | undefined {
       return state.generalParameters.organisationId;
     },
-    editRight(): boolean {
-      return (
-        (true === state.generalParameters.isPlaylist &&
-          this.organisationId === this.playlist.organisation?.id) ||
-        (state.generalParameters.isAdmin as boolean)
-      );
-    },
     activePlaylist(): boolean {
       return 0 !== Object.keys(this.playlist.samplingViews ?? []).length;
     },

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

@@ -303,7 +303,7 @@ export default defineComponent({
     if (this.isLiveReadyToRecord) {
       this.iFrameModel = "large";
     }
-    if("true"===this.podcast?.annotations?.["fromTTS"]){
+    if ("true" === this.podcast?.annotations?.["fromTTS"]) {
       this.displayTranscript = false;
     }
   },

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

@@ -70,8 +70,9 @@ export default defineComponent({
   computed: {
     ...mapState(useAuthStore, ["authOrganisation"]),
     iFrameSrc(): string {
-      return `${state.podcastPage.MiniplayerUri}miniplayer/radio/${this.canal
-        ?.id}?distributorId=${this.organisationId}&color=${this.color.substring(
+      return `${state.podcastPage.MiniplayerUri}miniplayer/radio/${
+        this.canal?.id
+      }?distributorId=${this.organisationId}&color=${this.color.substring(
         1,
       )}&theme=${this.theme.substring(1)}`;
     },

package/src/components/misc/FooterSection.vue

@@ -187,15 +187,9 @@ export default defineComponent({
         this.platformEducation,
       );
       octopusApi
-        .fetchDataWithParams<Array<Category>>(
-          0,
-          `iab/list${
-            state.octopusApi.organisationId
-              ? "/" + state.octopusApi.organisationId
-              : ""
-          }`,
-          { lang: this.$i18n.locale },
-        )
+        .fetchDataWithParams<
+          Array<Category>
+        >(0, `iab/list${state.octopusApi.organisationId ? "/" + state.octopusApi.organisationId : ""}`, { lang: this.$i18n.locale })
         .then((data: Array<Category>) => {
           this.storedUpdateCategories(data);
           if (this.filterIab) {

package/src/components/misc/HomeDropdown.vue

@@ -19,57 +19,60 @@
       :title="$t('User menu')"
     />
     <teleport to=".octopus-app" :disabled="scrolled">
-    <ClassicPopover
-      target="home-dropdown"
-      :only-click="true"
-      :is-fixed="true"
-      :left-pos="true"
-    >
-      <template v-if="!isAuthenticated">
-        <a class="octopus-dropdown-item" href="/sso/login" realLink="true">
-          {{ $t("Login") }}
-        </a>
-        <router-link
-          v-if="!isPodcastmaker"
-          class="octopus-dropdown-item"
-          to="/main/pub/create"
-        >
-          {{ $t("Create an account") }}
-        </router-link>
-      </template>
-      <template v-else>
-        <template v-for="routerBack in routerBackoffice" :key="routerBack.path">
+      <ClassicPopover
+        target="home-dropdown"
+        :only-click="true"
+        :is-fixed="true"
+        :left-pos="true"
+      >
+        <template v-if="!isAuthenticated">
+          <a class="octopus-dropdown-item" href="/sso/login" realLink="true">
+            {{ $t("Login") }}
+          </a>
           <router-link
-            v-if="!isPodcastmaker && routerBack.condition"
-            :class="routerBack.class"
-            :to="routerBack.path"
+            v-if="!isPodcastmaker"
+            class="octopus-dropdown-item"
+            to="/main/pub/create"
           >
-            {{ routerBack.title }}
+            {{ $t("Create an account") }}
           </router-link>
         </template>
-        <template v-if="helpLinks.length">
-          <hr />
-          <template v-for="helpLink in helpLinks" :key="helpLink.title">
-            <a
-              :href="helpLink.href"
-              class="octopus-dropdown-item"
-              rel="noopener"
-              target="_blank"
-              realLink="true"
+        <template v-else>
+          <template
+            v-for="routerBack in routerBackoffice"
+            :key="routerBack.path"
+          >
+            <router-link
+              v-if="!isPodcastmaker && routerBack.condition"
+              :class="routerBack.class"
+              :to="routerBack.path"
             >
-              {{ helpLink.title }}
-            </a>
+              {{ routerBack.title }}
+            </router-link>
           </template>
+          <template v-if="helpLinks.length">
+            <hr />
+            <template v-for="helpLink in helpLinks" :key="helpLink.title">
+              <a
+                :href="helpLink.href"
+                class="octopus-dropdown-item"
+                rel="noopener"
+                target="_blank"
+                realLink="true"
+              >
+                {{ helpLink.title }}
+              </a>
+            </template>
+          </template>
+          <hr />
+          <a class="octopus-dropdown-item c-hand" @click="logoutFunction">
+            {{ $t("Logout") }}
+          </a>
         </template>
-        <hr />
-        <a class="octopus-dropdown-item c-hand" @click="logoutFunction">
-          {{ $t("Logout") }}
-        </a>
-      </template>
-      <router-link class="octopus-dropdown-item" to="/main/pub/contact">
-        {{ $t("Contact") }}
-      </router-link>
-    </ClassicPopover>
+        <router-link class="octopus-dropdown-item" to="/main/pub/contact">
+          {{ $t("Contact") }}
+        </router-link>
+      </ClassicPopover>
     </teleport>
   </div>
 </template>

package/src/components/misc/TopBar.vue

@@ -60,7 +60,12 @@ export default defineComponent({
   computed: {
     ...mapState(useGeneralStore, ["contentToDisplay"]),
     isContentToDisplay(): boolean {
-      return "podcast" === this.$route.name || "emission" === this.$route.name || "playlist" === this.$route.name|| "radio" === this.$route.name;
+      return (
+        "podcast" === this.$route.name ||
+        "emission" === this.$route.name ||
+        "playlist" === this.$route.name ||
+        "radio" === this.$route.name
+      );
     },
     backgroundDisplay(): string {
       if (!this.contentToDisplay) {

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

@@ -12,7 +12,7 @@
             <h4 class="mb-3">
               {{ $t("Configure your Newsletter tile") }}
             </h4>
-            <div 
+            <div
               v-for="colors in arrayColors"
               :key="colors.mainText"
               class="d-flex align-items-center mb-3"
@@ -28,11 +28,13 @@
               />
               <div class="d-flex flex-column">
                 <div class="fw-bold">{{ colors.mainText }}</div>
-                <div v-if="colors.secondText" class="descriptionText">{{ colors.secondText }}</div>
+                <div v-if="colors.secondText" class="descriptionText">
+                  {{ colors.secondText }}
+                </div>
               </div>
             </div>
           </div>
-        <!-- eslint-disable vue/no-v-html -->
+          <!-- eslint-disable vue/no-v-html -->
           <div v-html="newsletterHtml" />
           <!-- eslint-enable -->
         </div>
@@ -40,7 +42,7 @@
           class="btn flex-grow-1 mt-3 fw-bold"
           @click="onCopyCode(newsletterHtml, afterCopy)"
         >
-          <span class="saooti-copy me-2"/>
+          <span class="saooti-copy me-2" />
           {{ $t("Copy and embed the HTML code into your email tool") }}
         </button>
         <SnackBar ref="snackbar" position="bottom-left" />
@@ -91,9 +93,14 @@ export default defineComponent({
   data() {
     return {
       arrayColors: [
-        {color:"#40a372", mainText: this.$t('Choose main color'),secondText: this.$t('Newsletter elements') },
-        {color:"#000000", mainText: this.$t('Choose text color') },
-        {color:"#FFFFFF", mainText: this.$t('Choose background color') }],
+        {
+          color: "#40a372",
+          mainText: this.$t("Choose main color"),
+          secondText: this.$t("Newsletter elements"),
+        },
+        { color: "#000000", mainText: this.$t("Choose text color") },
+        { color: "#FFFFFF", mainText: this.$t("Choose background color") },
+      ],
       shareUrl: window.location.href,
     };
   },
@@ -106,7 +113,7 @@ export default defineComponent({
           imageUrl: `${this.podcast.imageUrl}" alt="${this.$t(
             "Podcast image",
           )}`,
-          title:this.podcast.title,
+          title: this.podcast.title,
           description: this.podcast.description ?? "",
           shareText: this.$t("Listen this episode"),
           emissionHtml: `<tr><td style="padding:5px 0;">
@@ -206,11 +213,14 @@ export default defineComponent({
         "" !== this.authOrganisation.id
           ? this.authOrganisation.id
           : state.generalParameters.organisationId;
-      if(!orgaId ||orgaId?.length){
+      if (!orgaId || orgaId?.length) {
         return;
       }
       const attributes = await this.getOrgaAttributes(orgaId ?? "");
-      if (Object.hasOwn(attributes, "podcastmakerUrl") && (attributes.podcastmakerUrl as string|undefined|null)?.length) {
+      if (
+        Object.hasOwn(attributes, "podcastmakerUrl") &&
+        (attributes.podcastmakerUrl as string | undefined | null)?.length
+      ) {
         this.shareUrl =
           attributes.podcastmakerUrl +
           window.location.pathname +
@@ -234,9 +244,9 @@ export default defineComponent({
 <style lang="scss">
 .octopus-app {
   #newsletter-modal {
-    .octopus-modal-body{
+    .octopus-modal-body {
       overflow-x: inherit;
-      @media (max-width: 500px){
+      @media (max-width: 500px) {
         overflow-x: auto;
       }
     }

package/src/components/pages/PodcastPage.vue

@@ -44,22 +44,24 @@
           :podcast="podcast"
           :organisation-id="podcast.organisation.id"
         />
-        <ClassicLazy :min-height="550">
-          <PodcastInlineList
-            class="mt-4"
-            :podcast-id="podcastId"
-            :title="$t('Suggested listening')"
-          />
-        </ClassicLazy>
-        <ClassicLazy v-for="c in categories" :key="c.id" :min-height="550">
-          <PodcastInlineList
-            class="mt-4"
-            :iab-id="c.id"
-            :href="'/main/pub/category/' + c.id"
-            :title="$t('More episodes of this category : ', { name: c.name })"
-            :button-text="$t('All podcast button', { name: c.name })"
-          />
-        </ClassicLazy>
+        <template v-if="!hideSuggestions">
+          <ClassicLazy :min-height="550">
+            <PodcastInlineList
+              class="mt-4"
+              :podcast-id="podcastId"
+              :title="$t('Suggested listening')"
+            />
+          </ClassicLazy>
+          <ClassicLazy v-for="c in categories" :key="c.id" :min-height="550">
+            <PodcastInlineList
+              class="mt-4"
+              :iab-id="c.id"
+              :href="'/main/pub/category/' + c.id"
+              :title="$t('More episodes of this category : ', { name: c.name })"
+              :button-text="$t('All podcast button', { name: c.name })"
+            />
+          </ClassicLazy>
+        </template>
       </div>
     </template>
     <ClassicLoading
@@ -144,6 +146,14 @@ export default defineComponent({
 
   computed: {
     ...mapState(useGeneralStore, ["storedCategories"]),
+    hideSuggestions(): boolean {
+      return (
+        "true" ===
+        (this.podcast?.emission?.annotations?.["HIDE_SUGGESTIONS"] as
+          | string
+          | undefined)
+      );
+    },
     isComments(): boolean {
       if (!this.podcast) return true;
       let podcastComment = "INHERIT";

package/src/locale/de.ts

@@ -223,8 +223,7 @@ export default {
   "All playlists": "Alle Wiedergabelisten",
   "Look for playlist name": "Wiedergabeliste nach Titel suchen",
   "Number playlists": "{NB} Wiedergabelisten",
-  "Playlist have not podcasts":
-    "In der Wiedergabeliste gibt es keinen Podcast.",
+  "Empty playlist":"Leere Playlist",
   "Playlist doesn't exist": "Gesuchte Wiedergabeliste nicht gefunden",
   "Playlist name image": "Wiedergabeliste {name}",
   "Create playlist": "Wiedergabeliste erstellen",

package/src/locale/en.ts

@@ -220,7 +220,7 @@ export default {
   "All playlists": "All playlists",
   "Look for playlist name": "Look for playlist by title",
   "Number playlists": "{nb} playlists",
-  "Playlist have not podcasts": "Playlist does not have any podcasts",
+  "Empty playlist": "Empty playlist",
   "Playlist doesn't exist": "The playlist requested doesn't exist",
   "Playlist name image": "Playlist title {name}",
   "Create playlist": "Create playlist",

package/src/locale/es.ts

@@ -224,8 +224,7 @@ export default {
   "All playlists": "Todas las listas de reproducción",
   "Look for playlist name": "Buscar lista de reproducción por título",
   "Number playlists": "{nb} listas de reproducción",
-  "Playlist have not podcasts":
-    "Esta lista de reproducción no contiene pódcast",
+  "Empty playlist":"Lista de reproducción vacía",
   "Playlist doesn't exist": "La lista de reproducción solicitada no existe",
   "Playlist name image": "Título de la lista de reproducción {name}",
   "Create playlist": "Crear lista de reproducción",

package/src/locale/fr.ts

@@ -224,7 +224,7 @@ export default {
   "All playlists": "Toutes les playlists",
   "Look for playlist name": "Rechercher une playlist par titre",
   "Number playlists": "{nb} playlists",
-  "Playlist have not podcasts": "Cette playlist n'a pas d'épisodes",
+  "Empty playlist": "Playlist vide",
   "Playlist doesn't exist": "La playlist demandée n'existe pas",
   "Playlist name image": "Image de la playlist {name}",
   "Create playlist": "Créer une playlist",

package/src/locale/it.ts

@@ -219,7 +219,7 @@ export default{
     'All playlists': 'Tutte le playlist',
     'Look for playlist name': 'Ricerca playlist per titolo',
     'Number playlists': '{nb} playlist',
-    'Playlist have not podcasts': "Questa playlist non contiene nessun podcast",
+    'Empty playlist': "Playlist vuota",
     "Playlist doesn't exist": "La playlist richiesta non esiste",
     'Playlist name image': 'Titolo playlist {name}',
     'Create playlist': 'Crea playlist',

package/src/locale/sl.ts

@@ -218,7 +218,7 @@ export default {
   "All playlists": "Vsi seznami predvajanja",
   "Look for playlist name": "Poišči seznam predvajanja po naslovu",
   "Number playlists": "{nb} seznamov predvajanja?",
-  "Playlist have not podcasts": "Seznam predvajanja ne vsebuje podkastov",
+  "Empty playlist": "Prazen seznam predvajanja",
   "Playlist doesn't exist": "Zahtevani seznam predvajanja ne obstaja",
   "Playlist name image": "Naslov seznama predvajanja {name}",
   "Create playlist": "Ustvari seznam predvajanja",