@saooti/octopus-sdk 41.0.12 → 41.0.13

package/package.json

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

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

@@ -13,9 +13,9 @@
       :class="isVertical ? 'flex-column' : ''"
     >
       <img
-        v-lazy="useProxyImageUrl(emission.imageUrl, isVertical ? '400' : '250')"
-        :width="isVertical ? '400' : '250'"
-        :height="isVertical ? '400' : '250'"
+        v-lazy="useProxyImageUrl(emission.imageUrl, tailleImage)"
+        :width="tailleImage"
+        :height="tailleImage"
         :class="isVertical ? 'img-box-bigger' : ''"
         class="img-box"
         aria-hidden="true"
@@ -49,7 +49,7 @@ import {useResizePhone} from "../../composable/useResizePhone";
 import { Emission } from "@/stores/class/general/emission";
 import {useImageProxy} from "../../composable/useImageProxy";
 import displayHelper from "../../../helper/displayHelper";
-import { nextTick, useTemplateRef, watch } from "vue";
+import { nextTick, useTemplateRef, watch, computed } from "vue";
 import { useI18n } from "vue-i18n";
 
 //Props 
@@ -69,6 +69,13 @@ const { t } = useI18n();
 const { isPhone } = useResizePhone();
 const { useProxyImageUrl } = useImageProxy();
 
+// Computed
+// Calcul de la taille de l'image
+const tailleImage = computed(() => {
+  // L'élément fait 400 de large à la verticale, mais on prend en compte les bordures
+  return props.isVertical ? '396' : '250';
+});
+
 //Watch
 watch(isPhone, async () => {
   nextTick(() => {
@@ -114,8 +121,9 @@ function urlify(text:string|undefined){
   }
 
   .img-box-bigger {
-    width: 400px;
-    height: 400px;
+    // L'élément fait 400 de large à la verticale, mais on prend en compte les bordures
+    width: 396px;
+    height: 396px;
   }
 }
 </style>

package/src/components/display/rubriques/RubriqueChooser.vue

@@ -7,7 +7,7 @@
     :display-label="displayLabel"
     :label="label ?? t('By rubric')"
     :text-danger="textDanger"
-    :placeholder="t('Type string to filter by categories')"
+    :placeholder="placeholderText"
     :max-element="maxElement"
     :multiple="multiple"
     :min-search-length="1"
@@ -30,8 +30,14 @@ import { useI18n } from "vue-i18n";
 const props = defineProps({
   defaultanswer: { default: "", type: String },
   width: { default: "100%", type: String },
+  /**
+   * Active la sélection multiple
+   */
   multiple: { default: false, type: Boolean },
   reset: { default: false, type: Boolean },
+  /**
+   * Les rubriques à afficher
+   */
   allRubriques: { default: () => [], type: Array as () => Array<Rubrique> },
   rubriqueSelected: { default: undefined, type: Number },
   rubriqueSelectedArray: {
@@ -46,6 +52,10 @@ const props = defineProps({
   label:{default: undefined, type: String },
   displayLabel: { default: false, type: Boolean },
   textDanger :{ default: undefined, type: String },
+  /**
+   * Le texte affiché là où l'utilisateur doit effectuer sa saisie
+   */
+  placeholder: { type: String, required: false, default: undefined }
 })
 
 
@@ -55,7 +65,9 @@ const emit = defineEmits([
   "update:rubriqueSelectedArray",
   "selected"
 ]);
-//COmposables
+
+
+//Composables
 const { t } = useI18n();
 
 
@@ -102,6 +114,16 @@ const model = computed({
   },
 })
 
+/**
+ * Le texte à afficher dans la saisie de l'utilisateur
+ */
+const placeholderText = computed(() => {
+  if (props.placeholder) {
+    return props.placeholder;
+  } else {
+    return t('Type string to filter by categories');
+  }
+});
 
 //Watch
 watch(()=>props.rubriqueSelected, () => {

package/src/components/display/rubriques/RubriqueList.vue

@@ -1,6 +1,8 @@
 <template>
   <div class="d-inline-flex w-100 mb-3 px-3 hide-phone">
     <div ref="rubriqueListContainer" class="rubrique-list-container">
+
+      <!-- Liste déroulante pour sélectionner le rubriquage -->
       <select
         v-model="rubriquage"
         :title="t('By topic')"
@@ -15,6 +17,8 @@
           {{ myRubriquage.title }}
         </option>
       </select>
+
+      <!-- Boutons de sélection de la rubrique -->
       <button
         v-for="rubrique in rubriqueDisplay"
         :id="'rubrique' + rubrique.rubriqueId"
@@ -25,6 +29,8 @@
         {{ rubrique.name }}
       </button>
     </div>
+
+    <!-- Bouton pour afficher les rubriques cachées -->
     <button
       v-show="hidenRubriques.length"
       id="rubriques-dropdown"
@@ -33,6 +39,8 @@
     >
       <PlusIcon />
     </button>
+
+    <!-- Popup de sélection des rubriques cachées -->
     <ClassicPopover
       ref="popoverRubrique"
       target="rubriques-dropdown"
@@ -43,6 +51,7 @@
         v-if="hidenRubriques.length"
         class="rubrique-chooser-minwidth"
         :all-rubriques="hidenRubriques"
+        :placeholder="rubriqueChooserText"
         @selected="addFilterFromPopover($event)"
       />
     </ClassicPopover>
@@ -107,6 +116,15 @@ const rubriquageDisplay = computed(() => {
   });
 });
 
+// Retourne le texte à afficher dans le RubriqueChooser
+const rubriqueChooserText = computed(() => {
+  if (!rubriquage.value) {
+    return '';
+  }
+  let topic = rubriquage.value.title;
+  return t('Enter name of topic', { topic });
+});
+
 
 //Watch
 watch(()=>filterStore.filterRubrique, () => {

package/src/components/pages/HomePage.vue

@@ -43,7 +43,7 @@
             name: 'podcasts',
             query: {
               iabId: filterStore.filterIab?.id,
-              rubriquesId: rubriqueQueryParam.value,
+              rubriquesId: rubriqueQueryParam,
               productor: filterStore.filterOrgaId
             },
           }"

package/src/locale/de.ts

@@ -57,6 +57,9 @@ export default {
   "Type string to filter by organisation": "Nach Organisation filtern",
   "Type string to filter by emission": "Nach Reihe filtern",
   "Type string to filter by podcast": "Nach Podcast filtern",
+  "Type string to filter by categories": "Nach Kategorien filtern",
+  "Type string to filter by rubrics": "Nach Rubriken filtern",
+  "Enter name of topic": "Geben Sie den Titel ein \"{topic}\"",
   "No organisation filter": "Keine Organisation",
   "No emission filter": "Keine Reihe",
   "No podcast filter": "Kein Podcast",
@@ -74,7 +77,6 @@ export default {
   Duration: "Dauer: {duration}",
   Animator: "Autor",
   "No category filter": "Keine Kategorie",
-  "Type string to filter by categories": "Nach Kategorien filtern",
   Search: "Suche",
   Close: "Schließen",
   Embed: "Player",
@@ -131,7 +133,6 @@ export default {
   Advertising: "Werbung",
   "By topic": "Nach Thema",
   "By rubric": "Nach Rubrik",
-  "Type string to filter by rubrics": "Nach Rubriken filtern",
   "No rubric filter": "Keine Rubrik",
   "From the :": "Vom:",
   "To the :": "Bis zum:",

package/src/locale/en.ts

@@ -58,6 +58,9 @@ export default {
   "Type string to filter by organisation": "Filter by organization",
   "Type string to filter by emission": "Filter by series",
   "Type string to filter by podcast": "Filter by podcast",
+  "Type string to filter by categories": "Filter categories by title",
+  "Type string to filter by rubrics": "Filter by rubrics",
+  "Enter name of topic": "Enter name of \"{topic}\"",
   "No organisation filter": "No organization filter",
   "No emission filter": "No series filter",
   "No podcast filter": "No podcast filter",
@@ -75,7 +78,6 @@ export default {
   Duration: "Duration : {duration}",
   Animator: "Host",
   "No category filter": "No category filter",
-  "Type string to filter by categories": "Filter categories by title",
   Search: "Search",
   Close: "Close",
   Embed: "Player",
@@ -131,7 +133,6 @@ export default {
   Advertising: "Advertising",
   "By topic": "By topic",
   "By rubric": "By rubric",
-  "Type string to filter by rubrics": "Filter by rubrics",
   "No rubric filter": "No rubric filter",
   "From the :": "From the :",
   "To the :": "To the :",

package/src/locale/es.ts

@@ -57,6 +57,9 @@ export default {
   "Type string to filter by organisation": "Filtrar por organización",
   "Type string to filter by emission": "Filtrar por programa",
   "Type string to filter by podcast": "Filtrar por pódcast",
+  "Type string to filter by categories": "Filtrar las categorías por título",
+  "Type string to filter by rubrics": "Filtrar por sección",
+  "Enter name of topic": "Introduzca el título de",
   "No organisation filter": "Sin filtro de organización",
   "No emission filter": "Sin filtro de programa",
   "No podcast filter": "Sin filtro de pódcast",
@@ -74,7 +77,6 @@ export default {
   Duration: "Duración: {duration}",
   Animator: "Presentador/a",
   "No category filter": "Sin filtro de categoría",
-  "Type string to filter by categories": "Filtrar las categorías por título",
   Search: "Buscar",
   Close: "Cerrar",
   Embed: "Reproductor",
@@ -130,7 +132,6 @@ export default {
   Advertising: "Publicidad",
   "By topic": "Por tema",
   "By rubric": "Por sección",
-  "Type string to filter by rubrics": "Filtrar por sección",
   "No rubric filter": "Sin filtro de sección",
   "From the :": "De:",
   "To the :": "A:",

package/src/locale/fr.ts

@@ -58,6 +58,9 @@ export default {
   "Type string to filter by organisation": "Filtrer les producteurs par nom",
   "Type string to filter by emission": "Filtrer les émissions par titre",
   "Type string to filter by podcast": "Filtrer les épisodes par titre",
+  "Type string to filter by rubrics": "Filtrer les rubriques",
+  "Type string to filter by categories": "Filtrer les thématiques par intitulé",
+  "Enter name of topic": "Saisir l'intitulé de \"{topic}\"",
   "No organisation filter": "Tous les producteurs",
   "No emission filter": "Toutes les émissions",
   "No podcast filter": "Tous les épisodes",
@@ -74,7 +77,6 @@ export default {
   Duration: "Durée : {duration}",
   Animator: "Intervenant",
   "No category filter": "Toutes les thématiques",
-  "Type string to filter by categories": "Filtrer les thématiques par intitulé",
   Search: "Rechercher",
   Close: "Fermer",
   Embed: "Player",
@@ -131,7 +133,6 @@ export default {
   Advertising: "Publicité",
   "By topic": "Selon rubriquage",
   "By rubric": "Par rubrique",
-  "Type string to filter by rubrics": "Filtrer les rubriques",
   "No rubric filter": "Toutes les rubriques",
   "From the :": "Depuis le :",
   "To the :": "Jusqu'au :",

package/src/locale/it.ts

@@ -56,6 +56,9 @@ export default{
     'Type string to filter by organisation': 'Filtra per organizzazione', 
     'Type string to filter by emission': 'Filtra per serie', 
     'Type string to filter by podcast': 'Filtra per podcast', 
+    'Type string to filter by categories': 'Filtra la categoria tramite il titolo', 
+    'Type string to filter by rubrics': 'Filtra per rubriche',
+    'Enter name of topic': 'Inserisci il titolo di {topic}',
     'No organisation filter': 'Nessun filtro per organizzazione', 
     'No emission filter': 'Nessun filtro per serie', 
     'No podcast filter': 'Nessun filtro per podcast', 
@@ -71,7 +74,6 @@ export default{
     Duration: 'Durata: {duration}', 
     Animator: 'Host',
     'No category filter': 'Nessun filtro per la categoria', 
-    'Type string to filter by categories': 'Filtra la categoria tramite il titolo', 
     Search: 'Ricerca', 
     Close: 'Chiudi', 
     Embed: 'Player',
@@ -127,7 +129,6 @@ export default{
     Advertising: 'Pubblicità',
     'By topic': 'Per tema',
     'By rubric': 'Per rubrica',
-    'Type string to filter by rubrics': 'Filtra per rubriche',
     'No rubric filter': 'No filtri rubrica',
     'From the :': 'Dal :',
     'To the :': "Al :",

package/src/locale/sl.ts

@@ -56,6 +56,9 @@ export default {
   "Type string to filter by organisation": "Išči po organizaciji",
   "Type string to filter by emission": "Išči po oddaji",
   "Type string to filter by podcast": "Išči po podkastu",
+  "Type string to filter by categories": "Razvrsti po kategorijah",
+  "Type string to filter by rubrics": "Razvrsti po rubrikah",
+  "Enter name of topic": "Vnesite naslov {topic}",
   "No organisation filter": "Brez filtra za organizacije",
   "No emission filter": "Brez filtra za oddaje",
   "No podcast filter": "Brez filtra za podkaste",
@@ -72,7 +75,6 @@ export default {
   Duration: "Trajanje: {duration}",
   Animator: "Napovedovalec",
   "No category filter": "Brez filtra za kategorijo",
-  "Type string to filter by categories": "Razvrsti po kategorijah",
   Search: "Išči",
   Close: "Zapri",
   Embed: "Predvajalnik",
@@ -128,7 +130,6 @@ export default {
   Advertising: "Oglaševanje",
   "By topic": "Po temi",
   "By rubric": "Po rubriki",
-  "Type string to filter by rubrics": "Razvrsti po rubrikah",
   "No rubric filter": "Brez filtra po rubriki",
   "From the :": "Od:",
   "To the :": "Do:",