@saooti/octopus-sdk 32.0.8 → 32.0.11

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
+
 
  * 32.0.0 Passage en 32
  * 32.0.1 Navigation clavier
@@ -650,3 +652,6 @@ 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.10 Ajout alt
+ * 32.0.11 Merge 31

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@saooti/octopus-sdk",
-  "version": "32.0.8",
+  "version": "32.0.11",
   "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: 0.25rem 0.4rem;;
+		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/assets/share.scss

@@ -15,7 +15,7 @@
 		}
 	}
   .saooti-help {
-		font-size: 1.5rem;
+		font-size: 1.2rem;
 		border-radius: 50%;
 		margin: 0 auto;
 		align-items: center;

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/comments/CommentItem.vue

@@ -83,7 +83,7 @@
         </span>
         <span 
           :class="collapseVisible? 'arrow-transform': ''"
-          class="saooti-down"
+          class="ms-1 saooti-down"
         />
       </button>
       <EditCommentBox

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

@@ -6,21 +6,17 @@
     >
       <div class="hide-phone">
         <button
-          class="btn admin-button m-1"
+          class="btn admin-button m-1 saooti-left"
           :class="{ disabled: !previousAvailable }"
           :title="$t('Display previous')"
           @click="displayPrevious()"
-        >
-          <div class="saooti-left fw-bold" />
-        </button>
+        />
         <button
-          class="btn admin-button m-1"
+          class="btn admin-button m-1 saooti-right"
           :class="{ disabled: !nextAvailable }"
           :title="$t('Display next')"
           @click="displayNext()"
-        >
-          <div class="saooti-right fw-bold" />
-        </button>
+        />
       </div>
     </div>
     <ClassicLoading

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/filter/AdvancedSearch.vue

@@ -1,12 +1,12 @@
 <template>
   <div class="d-flex flex-column justify-content-center align-items-center">
     <button
-      class="d-flex justify-content-center mb-3 text-secondary btn-transparent"
+      class="d-flex justify-content-center align-items-center mb-3 text-secondary btn-transparent"
       @click="showFilters = !showFilters"
     >
       <div>{{ $t('Advanced filters') }}</div>
       <div 
-        class="h3 saooti-down mx-1"
+        class="saooti-down mx-1"
         :class="{ 'arrow-transform': showFilters }"
       />
     </button>

package/src/components/display/filter/MonetizableFilter.vue

@@ -5,7 +5,7 @@
       <select
         ref="select"
         v-model="monetization"
-        class="ms-2 mb-0 pe-4 c-hand"
+        class="ms-2 mb-0 c-hand"
         @change="onChange"
       >
         <option value="UNDEFINED">{{ allString }}</option>

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/playlist/PodcastPlaylistInlineList.vue

@@ -9,21 +9,17 @@
       class="d-flex justify-content-end hide-phone"
     >
       <button
-        class="btn admin-button m-1"
+        class="btn admin-button m-1 saooti-left"
         :class="{ disabled: !previousAvailable }"
         :title="$t('Display previous')"
         @click="displayPrevious()"
-      >
-        <div class="saooti-left fw-bold" />
-      </button>
+      />
       <button
-        class="btn admin-button m-1"
+        class="btn admin-button m-1 saooti-right"
         :class="{ disabled: !nextAvailable }"
         :title="$t('Display next')"
         @click="displayNext()"
-      >
-        <div class="saooti-right fw-bold" />
-      </button>
+      />
     </div>
     <ClassicLoading
       :loading-text="loading?$t('Loading podcasts ...'):undefined"

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

@@ -36,21 +36,17 @@
         class="hide-phone"
       >
         <button
-          class="btn admin-button m-1"
+          class="btn admin-button m-1 saooti-left"
           :class="{ disabled: !previousAvailable }"
           :title="$t('Display previous')"
           @click="displayPrevious()"
-        >
-          <div class="saooti-left fw-bold" />
-        </button>
+        />
         <button
-          class="btn admin-button m-1"
+          class="btn admin-button m-1 saooti-right"
           :class="{ disabled: !nextAvailable }"
           :title="$t('Display next')"
           @click="displayNext()"
-        >
-          <div class="saooti-right fw-bold" />
-        </button>
+        />
       </div>
     </div>
     <slot name="list-inline" />

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>
@@ -221,8 +221,7 @@ export default defineComponent({
   .saooti-menu {
     display: none;
     cursor: pointer;
-    font-size: 2rem;
-    font-weight: bold;
+    font-size: 1.5rem;
     margin: 0.5rem;
   }
 

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

@@ -23,7 +23,10 @@
       class="btn play-button-box text-light primary-bg"
       @click="switchPausePlay"
     >
-      <span v-if="!isPaused&&!isPlaying" class="spinner-border flex-shrink-0"></span>
+      <span
+        v-if="!isPaused&&!isPlaying"
+        class="spinner-border flex-shrink-0"
+      />
     </button>
     <div class="text-light player-grow-content">
       <div class="d-flex mb-1">

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

@@ -62,7 +62,10 @@
         class="btn play-big-button-box text-light primary-bg"
         @click="switchPausePlay"
       >
-        <span v-if="!isPaused&&!isPlaying" class="spinner-border flex-shrink-0"></span>
+        <span
+          v-if="!isPaused&&!isPlaying"
+          class="spinner-border flex-shrink-0"
+        />
       </button>
       <button
         class="btn fs-1 bg-transparent text-light saooti-forward"

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:[],