@saooti/octopus-sdk 41.1.13 → 41.1.15

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # CHANGELOG
 
+## 41.1.15 (19/12/2025)
+
+**Fixes**
+
+- Correction de l'affichage de certaines émission sur iPhone
+
+**Misc**
+
+- Troncature des descriptions d'émissions sur mobile
+
+## 41.1.14 (18/12/2025)
+
+**Misc**
+
+- Ajustements affichage pour smartphones
+
 ## 41.1.13 (18/12/2025)
 
 **Misc**

package/package.json

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

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

@@ -12,7 +12,7 @@
         <EmissionPresentationItem
           v-if="emissionDisplay === 'simple'"
           :emission="option"
-          class="mx-2"
+          class="mx-2 inline-list-element"
           is-description
           :is-vertical="emissionVertical"
         />
@@ -162,7 +162,7 @@ function mainRubriquage(emission: Emission): string {
 }
 </script>
 
-<style lang="scss">
+<style scoped lang="scss">
 .octopus-app {
   .list-episode {
     padding: 2rem 0 1rem !important;
@@ -176,4 +176,10 @@ function mainRubriquage(emission: Emission): string {
     }
   }
 }
+
+.inline-list-element {
+  @media (width <= 960px) {
+    height: 334px;
+  }
+}
 </style>

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

@@ -38,7 +38,7 @@
           <!-- eslint-disable vue/no-v-html -->
           <div
             ref="descriptionEmission"
-            v-html="urlify(emission.description || '')"
+            v-html="description"
           />
           <!-- eslint-enable -->
         </div>
@@ -71,6 +71,7 @@ import { ListClassicReturn } from "@/stores/class/general/listReturn";
 import ClassicImageBanner from '../../misc/ClassicImageBanner.vue';
 
 import { useI18n } from "vue-i18n";
+import { useResizePhone } from "../../composable/useResizePhone";
 
 //Props 
 const props = defineProps<{
@@ -111,6 +112,25 @@ onMounted(()=>{
   }
 })
 
+const { isPhone } = useResizePhone();
+const description = computed((): string => {
+  let str = props.emission.description;
+  if (!str) {
+    return '';
+  }
+
+  // Truncate description on phones
+  if (isPhone.value === true) {
+    const pattern = /^(.+?<\/p>)/;
+    const matches = str.match(pattern);
+    if (matches && matches.length === 2) {
+      str = matches[1];
+    }
+  }
+
+  return urlify(str);
+});
+
 //Methods
 function urlify(text:string|undefined){
   return displayHelper.urlify(text);
@@ -142,8 +162,8 @@ article {
     max-height: 500px;
 
     a {
-      flex-direction: column;
-      flex-wrap: nowrap;
+      flex-direction: column !important;
+      flex-wrap: nowrap !important;
     }
 
     .element-name {

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

@@ -20,6 +20,7 @@
       >
         <template #after-image>
           <PodcastPlayButton
+            v-if="!isPhone"
             :podcast="item"
             :hide-play="false"
             :show-processing="false"

package/src/components/layout/PresentationItem.vue

@@ -82,7 +82,13 @@ const { useProxyImageUrl } = useImageProxy();
 // 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.vertical ? '396' : '250';
+  if (props.vertical) {
+    return '396';
+  } else if (isPhone.value) {
+    return '246';
+  } else {
+    return '250';
+  }
 });
 
 //Watch