@saooti/octopus-sdk 33.2.13 → 33.2.14

package/package.json

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

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

@@ -38,21 +38,37 @@
       @click="play"
     >
       <div
-        :title="!playingPodcast? $t('Play') : textVisible"
+        v-if="!isLiveToBeRecorded"
         class="icon-container"
-        :class="{
-          'saooti-play text-primary': !playingPodcast,
-          'special-icon-play-button': !classicPodcastPlay,
-          iconName:!classicPodcastPlay || isLiveToBeRecorded,
-          'bloc-paddle':playingPodcast,
-          'error-icon':isLiveToBeRecorded
-        }"
       >
-        <template v-if="playingPodcast">
+        <div
+          v-if="!playingPodcast"
+          :title="$t('Play')"
+          class="saooti-play text-primary"
+        />
+        <div
+          v-if="!classicPodcastPlay"
+          class="special-icon-play-button"
+          :class="iconName"
+        />
+        <div
+          v-if="playingPodcast"
+          class="bloc-paddle"
+        >
           <span class="paddle1" />
           <span class="paddle2" />
           <span class="paddle3" />
-        </template>
+        </div>
+      </div>
+      <div
+        v-else
+        class="icon-container error-icon"
+      >
+        <div
+          :title="textVisible"
+          class="big-icon-error"
+          :class="iconName"
+        />
       </div>
       <div
         v-if="!classicPodcastPlay"
@@ -293,20 +309,6 @@ export default defineComponent({
     cursor: pointer;
     z-index: 3;
   }
-  .special-icon-play-button {
-    width: 30px;
-    height: 30px;
-    background-color: #ffd663;
-    border-radius: 50%;
-    position: absolute;
-    right: 4.5rem;
-    top: 6rem;
-    font-size: 0.9rem;
-    font-weight: bold;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-  }
   .transparent-background {
     background-color: rgba(255, 255, 255, 0.5);
   }
@@ -344,12 +346,30 @@ export default defineComponent({
       &:hover {
         background: #00000030;
       }
-      &.saooti-play {
+      .saooti-play {
         font-size: 2em;
         position: relative;
         right: -0.2rem;
       }
+      .big-icon-error {
+        font-size: 2em;
+        position: relative;
+      }
     }
   }
+  .special-icon-play-button {
+    width: 30px;
+    height: 30px;
+    background-color: #ffd663;
+    border-radius: 50%;
+    position: absolute;
+    right: 4.5rem;
+    top: 6rem;
+    font-size: 0.9rem;
+    font-weight: bold;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
 }
 </style>

package/src/components/misc/TopBar.vue

@@ -14,8 +14,6 @@
       @click="onDisplayMenu(true)"
     >
       <img
-        width="160"
-        height="50"
         :src="!filterOrga || '' === imgUrl ? logoUrl : proxyImageUrl(imgUrl, '', '50')"
         :alt="!filterOrga || '' === imgUrl ? $t('Logo of main page') : $t('Visual', {name: $store.state.filter?.name})"
         :class="isEducation ? 'educationLogo' : ''"