@saooti/octopus-sdk 33.2.9 → 33.2.10

package/package.json

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

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

@@ -12,6 +12,8 @@
       class="d-flex flex-grow-1 text-dark"
     >
       <img
+        width="260"
+        height="260"
         v-lazy="proxyImageUrl(emission.imageUrl, '260')"
         class="img-box"
         :title="$t('Emission name image', {name:emission.name})"

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

@@ -20,6 +20,8 @@
         class="img-box rounded-0"
       >
         <img
+          width="260"
+          height="260"
           v-lazy="proxyImageUrl(emission.imageUrl, '260')"
           :title="$t('Emission name image', {name:emission.name})"
           :alt="$t('Emission name image', {name:emission.name})"

package/src/components/display/organisation/OrganisationChooser.vue

@@ -44,6 +44,8 @@
       <template #singleLabel="{ option }">
         <div class="multiselect-octopus-proposition">
           <img
+            width="32"
+            height="32"
             v-if="!light"
             v-lazy="proxyImageUrl(option.imageUrl, '32')"
             class="option__image"
@@ -64,6 +66,8 @@
           "
         >
           <img
+            width="32"
+            height="32"
             v-if="!light"
             v-lazy="proxyImageUrl(option.imageUrl, '32')"
             class="option__image"

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

@@ -13,6 +13,8 @@
       :title="$t('Participant')"
     >
       <img
+        width="200"
+        height="200"
         v-lazy="proxyImageUrl(participant.imageUrl, '200')"
         :title="$t('Animator image')"
         :alt="$t('Animator image')"

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

@@ -13,6 +13,8 @@
       class="d-flex flex-grow-1 text-dark"
     >
       <img
+        width="260"
+        height="260"
         v-lazy="proxyImageUrl(playlist.imageUrl, '260')"
         :title="$t('Playlist name image', {name:name})"
         :alt="$t('Playlist name image', {name:name})"

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

@@ -4,6 +4,8 @@
     class="img-box d-flex flex-column justify-content-start align-items-start position-relative justify rounded-lg flex-shrink-0 float-start"
   >
     <img
+      width="260"
+      height="260"
       v-lazy="proxyImageUrl(podcast.imageUrl,'260')"
       class="img-box"
       :alt="$t('Episode name image', {name:podcast.title})"

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

@@ -16,6 +16,8 @@
         role="button"
       >
         <img
+          width="20"
+          height="20"
           v-if="isOuestFranceTag(tag)"
           class="ouest-france-logo"
           alt="Ouest France Logo"

package/src/components/misc/Accordion.vue

@@ -14,6 +14,8 @@
         :class="icon"
       />
       <img
+        width="30"
+        height="30"
         v-if="imageUrl"
         class="img-accordion"
         :src="imageUrl"

package/src/components/misc/Footer.vue

@@ -45,6 +45,8 @@
       :title="$t('Octopus is ACPM Podcast accredited')"
     >
       <img
+        width="44"
+        height="44"
         class="acpm_image"
         src="/img/ACPM.webp"
         :title="$t('Octopus is ACPM Podcast accredited')"

package/src/components/misc/player/PlayerCompact.vue

@@ -7,6 +7,8 @@
       :to="podcastShareUrl"
     >
       <img
+        width="48"
+        height="48"
         v-lazy="proxyImageUrl(podcastImage,'48')"
         :alt="$t('Podcast image')"
         class="player-image"

package/src/components/misc/player/PlayerLarge.vue

@@ -12,6 +12,8 @@
       :to="podcastShareUrl"
     >
       <img
+        width="200"
+        height="200"
         v-lazy="proxyImageUrl(podcastImage,'200')"
         :alt="$t('Podcast image')"
         class="img-box"

package/src/components/pages/Emission.vue

@@ -19,6 +19,8 @@
             </h2>
             <div class="mb-5 mt-3 descriptionText">
               <img
+                width="260"
+                height="260"
                 v-lazy="proxyImageUrl(imageUrl, '260')"
                 :alt="$t('Emission name image', { name: name })"
                 class="img-box shadow-element float-start me-3 mb-3"

package/src/components/pages/Error403Page.vue

@@ -3,6 +3,8 @@
     <div class="not-auth-content d-flex-column justify-content-between">
       <div class="d-flex flex-column justify-content-around">
         <img
+          width="250"
+          height="auto"
           class="logo-octopus"
           src="/img/logo_octopus_final.svg"
           :alt="$t('Logo of main page')"
@@ -10,6 +12,8 @@
         <h2>{{ $t('You do not have the right to access this page' ) }}</h2>
       </div>
       <img
+        width="600"
+        height="auto"
         class="stop-octopus-img"
         src="/img/403.webp"
         :alt="$t('You do not have the right to access this page')"

package/src/components/pages/Participant.vue

@@ -10,6 +10,8 @@
         class="d-flex flex-column align-items-center mb-3"
       >
         <img
+          width="200"
+          height="200"
           v-lazy="proxyImageUrl(participant.imageUrl, '200')"
           :title="$t('Animator image')"
           :alt="$t('Animator image')"

package/src/components/pages/Playlist.vue

@@ -14,6 +14,8 @@
             <h2>{{ name }}</h2>
             <div class="mb-5 mt-3 descriptionText">
               <img
+                width="260"
+                height="260"
                 v-lazy="proxyImageUrl(imageUrl, '260')"
                 :alt="$t('Playlist name image', { name: name })"
                 class="img-box shadow-element float-start me-3 mb-3"