@saooti/octopus-sdk 33.0.1 → 33.0.2

package/package.json

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

package/src/assets/share.scss

@@ -32,11 +32,6 @@
 			border: 0;
 		}
 	}
-  .icon-caution {
-      margin-right: 5px;
-      margin-bottom: 2px;
-      height: 25px;
-  }
 
   .vue-swatches__trigger{
     border: solid 1px black;

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

@@ -18,16 +18,16 @@
         :alt="$t('Emission name image', {name:emission.name})"
       >
       <div class="emission-item-text">
-        <div
-          class="emission-name"
-        >
-          <img
+        <div class="d-flex align-items-center">
+          <span
             v-if="!activeEmission && !isPodcastmaker && editRight"
-            class="icon-caution"
-            src="/img/caution.png"
             :title="$t('Emission have not podcasts')"
-            :alt="$t('Emission have not podcasts')"
-          >{{ emission.name }}
+            class="saooti-warning text-danger me-1"/>
+          <div
+            class="emission-name"
+          >
+            {{ emission.name }}
+          </div>
         </div>
         <div
           ref="descriptionEmissionContainer"

package/src/components/display/participant/ParticipantItem.vue

@@ -18,14 +18,14 @@
         :alt="$t('Animator image')"
         class="img-box-circle"
       >
-      <div class="participant-name">
-        <img
+      <div class="d-flex align-items-center">
+        <span
           v-if="!activeParticipant && !isPodcastmaker && editRight"
-          src="/img/caution.png"
-          class="icon-caution"
           :title="$t('Participant have not podcasts')"
-          :alt="$t('Participant have not podcasts')"
-        >{{ name }}
+          class="saooti-warning text-danger me-1"/>
+        <div class="participant-name">
+          {{ name }}
+        </div>
       </div>
       <div
         ref="descriptionParticipantContainer"

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

@@ -19,14 +19,14 @@
         class="img-box"
       >
       <div class="emission-item-text">
-        <div class="emission-name">
-          <img
+        <div class="d-flex align-items-center">
+          <span
             v-if="!activePlaylist && !isPodcastmaker"
-            class="icon-caution"
-            src="/img/caution.png"
             :title="$t('Playlist have not podcasts')"
-            :alt="$t('Playlist have not podcasts')"
-          >{{ name }}
+            class="saooti-warning text-danger me-1"/>
+          <div class="emission-name">
+            {{ name }}
+          </div>
         </div>
         <div
           ref="descriptionPlaylistContainer"

package/src/components/misc/ErrorMessage.vue

@@ -6,11 +6,9 @@
     <div
       class="d-flex align-items-center bg-error-message p-2 rounded my-1"
     >
-      <img
-        src="/img/caution.png"
-        :alt="$t('Warning')"
-        class="icon-caution"
-      >
+      <span
+        :title="$t('Warning')"
+        class="saooti-warning text-danger me-1"/>
       <div class="alert-text">
         {{ message }}
       </div>

package/src/components/misc/TopBar.vue

@@ -14,7 +14,7 @@
       @click="onDisplayMenu(true)"
     >
       <img
-        :src="!filterOrga || '' === imgUrl ? logoUrl : proxyImageUrl(imgUrl, '160')"
+        :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' : ''"
       >

package/src/components/mixins/functions.ts

@@ -9,12 +9,13 @@ export const selenium ={
 };
 export const imageProxy ={
   methods: {
-    proxyImageUrl(url:string, width:string): string{
+    proxyImageUrl(url:string, width:string, height?:string): string{
       if(!url){
         return "";
       }
       if(state.octopusApi.imageUrl && url.includes('http')){
-        return state.octopusApi.imageUrl+"image/"+btoa(url)+"?width="+width+"&useWebp=true";
+        const size = height ? "height="+height:"width="+width;
+        return state.octopusApi.imageUrl+"image/"+btoa(url)+"?"+size+"&useWebp=true";
       }
       return url;
     },

package/src/main.ts

@@ -10,7 +10,7 @@ import paramStore from '@/store/paramStore';
 const nameEQ = 'octopus-language=';
 const ca = document.cookie.split(';');
 let language = "";
-for (let valueCookie in ca) {
+for (let valueCookie of ca) {
   let c = valueCookie;
   while (c.charAt(0) == ' ') c = c.substring(1, c.length);
   if (0 === c.indexOf(nameEQ)){

package/src/sass/_variables.scss

@@ -2,7 +2,7 @@
 $body-bg: #f8fafc;
 
 // Typography
-$font-family-sans-serif: 'Roboto', sans-serif;
+$font-family-sans-serif: sans-serif;
 $font-size-base: 0.9rem;
 $line-height-base: 1.6;
 $primary: #32815C;