@saooti/octopus-sdk 32.0.9 → 32.0.12

package/README.md

@@ -640,6 +640,8 @@ See [Configuration Reference](https://cli.vuejs.org/config/).
  * 31.0.47 Pétouilles Css multiselect
  * 31.0.48 Icones change
  * 31.0.49 Style select
+ * 31.0.50 Améliorations responsive
+ * 31.0.51 Newest
 
  * 32.0.0 Passage en 32
  * 32.0.1 Navigation clavier
@@ -650,4 +652,7 @@ See [Configuration Reference](https://cli.vuejs.org/config/).
  * 32.0.6 Update icones
  * 32.0.7 Améliorations
  * 32.0.8 Navigation clavier podcastmaker
- * 32.0.9 Update icones
+ * 32.0.9 Update icones
+ * 32.0.10 Ajout alt
+ * 32.0.11 Merge 31
+ * 32.0.12 Merge 31

package/package.json

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

package/src/assets/form.scss

@@ -9,10 +9,11 @@
 	select {
 		background: white !important;
 		outline-color: transparent !important;
-		padding: 9px 40px 0 20px;
+		padding: 0.25rem 0.4rem;
 		border: 0.1rem solid #dee2e6;
 		border-radius: 0.3rem;
 		height: 2rem;
+		padding-right: 40px;
 	}
 	.form-check-label {
 		cursor: pointer;

package/src/assets/modal.scss

@@ -24,9 +24,6 @@
 		border-radius: 0.8rem 0.8rem 0 0;
 		background: $octopus-primary-dark;
 		color: white;
-        @media (max-width: 450px) {
-            padding: 1rem 0;
-        } 
     }
 	.modal-body{
 		overflow-x: auto;
@@ -34,9 +31,6 @@
 			min-height: 200px;
 			height: 200px;
 		}
-		@media (max-width: 500px){
-			padding: 0;
-		}
 	}
 	.modal-dialog, .modal-content {
 		min-height: 300px;

package/src/assets/multiselect.scss

@@ -61,7 +61,7 @@
         cursor: pointer;
         position: absolute;
         right: 10px;
-        top: 11px;
+        top: 0.4rem;
         margin: 0;
         background-color: #ccc;
         border-radius: 50%;
@@ -71,9 +71,6 @@
         &:before{
             font-size: 0.8rem;
         }
-        @media (max-width: 450px) {
-            top: 14px;
-        }
     }
 
 

package/src/components/display/comments/CommentBasicView.vue

@@ -26,6 +26,7 @@
         src="/img/certified.png"
         :data-selenium="'certified-icon-' + seleniumFormat(comment.name)"
         :title="$t('Certified account')"
+        :alt="$t('Certified account')"
       >
       <div class="me-2">
         {{ date }}

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

@@ -15,6 +15,7 @@
         v-lazy="emission.imageUrl"
         class="img-box"
         :title="$t('Emission name image', {name:emission.name})"
+        :alt="$t('Emission name image', {name:emission.name})"
       >
       <div class="emission-item-text">
         <div
@@ -25,6 +26,7 @@
             class="icon-caution"
             src="/img/caution.png"
             :title="$t('Emission have not podcasts')"
+            :alt="$t('Emission have not podcasts')"
           >{{ emission.name }}
         </div>
         <div

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

@@ -22,6 +22,7 @@
         <img
           v-lazy="emission.imageUrl"
           :title="$t('Emission name image', {name:emission.name})"
+          :alt="$t('Emission name image', {name:emission.name})"
           class="img-box rounded-0"
         >
         <div

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

@@ -15,6 +15,7 @@
       <img
         v-lazy="participant.imageUrl"
         :title="$t('Animator image')"
+        :alt="$t('Animator image')"
         class="img-box-circle"
       >
       <div class="participant-name">
@@ -23,6 +24,7 @@
           src="/img/caution.png"
           class="icon-caution"
           :title="$t('Participant have not podcasts')"
+          :alt="$t('Participant have not podcasts')"
         >{{ name }}
       </div>
       <div

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

@@ -15,6 +15,7 @@
       <img
         v-lazy="playlist.imageUrl"
         :title="$t('Playlist name image', {name:name})"
+        :alt="$t('Playlist name image', {name:name})"
         class="img-box"
       >
       <div class="emission-item-text">
@@ -24,6 +25,7 @@
             class="icon-caution"
             src="/img/caution.png"
             :title="$t('Playlist have not podcasts')"
+            :alt="$t('Playlist have not podcasts')"
           >{{ name }}
         </div>
         <div

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

@@ -33,6 +33,7 @@
       class="mx-2"
     />
     <div class="d-flex justify-content-between">
+      <div class="useless-div-for-podcastmaker" />
       <router-link
         v-if="!isPodcastmaker"
         :to="{

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

@@ -18,7 +18,7 @@
         <img
           v-if="isOuestFranceTag(tag)"
           class="ouest-france-logo"
-          alt="Logo Ouest France"
+          alt="Ouest France Logo"
           src="/img/ouest_france_logo.svg"
         >
         {{ formateOfTag(tag) }}

package/src/components/misc/ErrorMessage.vue

@@ -8,7 +8,7 @@
     >
       <img
         src="/img/caution.png"
-        alt="Caution"
+        :alt="$t('Warning')"
         class="icon-caution"
       >
       <div class="alert-text">

package/src/components/misc/TopBar.vue

@@ -15,7 +15,7 @@
     >
       <img
         :src="!filterOrga || '' === imgUrl ? logoUrl : imgUrl"
-        :alt="$t('Logo of main page')"
+        :alt="!filterOrga || '' === imgUrl ? $t('Logo of main page') : $t('Visual', {name: $store.state.filter?.name})"
         :class="isEducation ? 'educationLogo' : ''"
       >
     </router-link>

package/src/components/mixins/organisationFilter.ts

@@ -19,6 +19,7 @@ export const orgaFilter = defineComponent({
         this.$store.commit('filterOrga', {
           orgaId: organisationId,
           imgUrl: response.imageUrl,
+          name: response.name,
           rubriquageArray: data.filter((element: Rubriquage)=>{
             return element.rubriques.length;
           }),

package/src/components/pages/Participant.vue

@@ -12,6 +12,7 @@
         <img
           v-lazy="participant.imageUrl"
           :title="$t('Animator image')"
+          :alt="$t('Animator image')"
           class="img-box-circle mb-3"
         >
         <h2 class="text-capitalize">

package/src/locale/de.ts

@@ -304,4 +304,6 @@ export default{
   "Oops":"Oups",
   "The page you are looking for cannot be found":"Die gesuchte Seite kann nicht gefunden werden",
   'Back to home': "Zurück zur Startseite",
+  "Warning":"Warnung",
+  "Visual":"Bild von {name}",
 }

package/src/locale/en.ts

@@ -311,4 +311,6 @@ export default{
   "Go to last page":"Go to last page",
   "Go to next page":"Go to next page",
   "Go to previous page":"Go to previous page",
+  "Warning":"Warning",
+  "Visual":"Visual of {name}",
 };

package/src/locale/es.ts

@@ -304,4 +304,6 @@ export default{
   "Oops":"Oups",
   "The page you are looking for cannot be found":"La página que busca no se encuentra",
   'Back to home': 'Volver a la página de inicio',
+  "Warning":"Advertencia",
+  "Visual":"Imagen de {name}",
 }

package/src/locale/fr.ts

@@ -311,4 +311,6 @@ export default{
   "Go to last page":"Aller à la dernière page",
   "Go to next page":"Aller à la page suivante",
   "Go to previous page":"Aller à la page précédente",
+  "Warning":"Avertissement",
+  "Visual":"Visuel de {name}",
 };

package/src/locale/it.ts

@@ -302,4 +302,6 @@ export default{
     "Oops":"Oups",
     "The page you are looking for cannot be found":"Impossibile trovare la pagina che stai cercando",
     'Back to home': "Torna alla schermata 'home'",
+    "Warning":"Avvertimento",
+    "Visual":"Visiva di {name}",
   };

package/src/locale/sl.ts

@@ -304,4 +304,6 @@ export default{
   "Oops":"Oups",
   "The page you are looking for cannot be found":"Strani, ki jo iščete, ni mogoče najti",
   'Back to home': 'Nazaj domov',
+  "Warning":"Opozorilo",
+  "Visual":"Slika od {name}",
 }

package/src/store/AppStore.ts

@@ -86,6 +86,9 @@ export default createStore({
       if (filter.imgUrl || !filter.orgaId) {
         state.filter.imgUrl = filter.imgUrl;
       }
+      if (filter.name || !filter.orgaId) {
+        state.filter.name = filter.name;
+      }
       if(filter.rubriquageArray){
         state.filter.rubriquageArray = filter.rubriquageArray;
       }

package/src/store/typeAppStore.ts

@@ -91,6 +91,7 @@ export function emptyPodcastData(): Podcast{
   export interface Filter{
     organisationId: string | undefined;
     imgUrl: string | undefined;
+    name: string | undefined;
     rubriquageArray: Array<Rubriquage>;
     rubriqueFilter: Array<RubriquageFilter>;
     rubriqueDisplay: Array<Rubrique>;
@@ -304,7 +305,8 @@ export function emptyPodcastData(): Podcast{
       
           filter: {
             organisationId: undefined ,
-            imgUrl: undefined ,
+            imgUrl: undefined,
+            name:undefined,
             rubriquageArray: [],
             rubriqueFilter: [],
             rubriqueDisplay:[],