@saooti/octopus-sdk 41.1.11 → 41.1.13

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # CHANGELOG
 
+## 41.1.13 (18/12/2025)
+
+**Misc**
+
+- Ajustements affichage pour smartphones
+
+## 41.1.12 (18/12/2025)
+
+**Feature**
+
+- Ajout option de configuration dans `SdkParam` pour désactiver l'affichage des
+  mots-clés.
+
 ## 41.1.11 (16/12/2025)
 
 **Misc**

package/package.json

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

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

@@ -73,9 +73,10 @@ import ClassicImageBanner from '../../misc/ClassicImageBanner.vue';
 import { useI18n } from "vue-i18n";
 
 //Props 
-const props = defineProps({
-  emission: { default: () => ({}), type: Object as () => Emission },
-});
+const props = defineProps<{
+  /** The emission to display */
+  emission: Emission;
+}>();
 
 //Data 
 const activeEmission = ref(true);
@@ -135,5 +136,23 @@ async function hasPodcast(): Promise<void> {
 <style scoped lang="scss">
 article {
   max-height: 254px;  // Image size + a few pixels for border
+
+  // Adjust display for small screens
+  @media (width <= 960px) {
+    max-height: 500px;
+
+    a {
+      flex-direction: column;
+      flex-wrap: nowrap;
+    }
+
+    .element-name {
+      font-size: 1rem;
+    }
+
+    .element-description {
+      font-size: 0.7rem;
+    }
+  }
 }
-</style>
+</style>

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

@@ -130,7 +130,7 @@
       </div>
     </div>
     <TagList
-      v-if="undefined !== tags && 0 !== tags.length"
+      v-if="showTags"
       :tag-list="tags"
       :orga-id="podcast.organisation.id"
       :podcast-annotations="podcast.annotations"
@@ -196,11 +196,11 @@ import { useI18n } from "vue-i18n";
 import { useRouter } from "vue-router";
 
 //Props 
-const props = defineProps({
-  playingPodcast: { default: undefined, type: Object as () => Podcast },
-  podcast: { default: undefined, type: Object as () => Podcast },
-  podcastConference: { default: undefined, type: Object as () => Conference },
-})
+const props = defineProps<{
+  podcast: Podcast;
+  playingPodcast?: Podcast;
+  podcastConference?: Conference;
+}>();
 
 //Emits
 const emit = defineEmits(["updatePodcast"]);
@@ -297,4 +297,12 @@ function removeDeleted(): void {
     router.push("/");
   }
 }
+
+const showTags = computed((): boolean => {
+  if (state.emissionsPage.hideTags === true) {
+    return false;
+  }
+
+  return undefined !== tags.value && 0 !== tags.value.length;
+});
 </script>

package/src/components/layout/PresentationItem.vue

@@ -107,7 +107,7 @@ function urlify(text:string|undefined){
 }
 </script>
 
-<style lang="scss">
+<style scoped lang="scss">
 .octopus-app {
   .item-presentation-container {
     @media (width <= 960px) {

package/src/components/pages/EmissionPage.vue

@@ -60,7 +60,7 @@
 
             <!-- Tag list -->
             <TagList
-              v-if="undefined !== emission.tags && 0 !== emission.tags.length"
+              v-if="showTags"
               :tag-list="emission.tags"
               :orga-id="authOrgaId"
               :emission-annotations="emission.annotations"
@@ -173,16 +173,19 @@ const TagList = defineAsyncComponent(() => import("../display/podcasts/TagList.v
 
 
 //Props 
-const props = defineProps({
-  emissionId: { default: undefined, type: Number },
-  pr: { default: 0, type: Number },
-  ps: { default: 30, type: Number },
-  routeQuery: { default: "", type: String },
+const props = withDefaults(defineProps<{
+  emissionId: number;
+  pr?: number;
+  ps?: number;
+  routeQuery?: string;
   /** When true, display emission title in podcastmaker header */
-  useEmissionTitle: { default: false, type: Boolean }
+  useEmissionTitle?: boolean;
+}>(), {
+  pr: 0,
+  ps: 30,
+  routeQuery: ''
 });
 
-
 //Data 
 const loaded = ref(false);
 const error = ref(false);
@@ -271,4 +274,13 @@ function podcastsFetched(podcasts: Array<Podcast>) {
     }
   }
 }
+
+/** Indicates whether to show tags */
+const showTags = computed((): boolean => {
+  if (state.podcastPage.hideTags === true) {
+    return false;
+  }
+
+  return undefined !== emission.value.tags && 0 !== emission.value.tags.length;
+});
 </script>

package/src/components/pages/PodcastPage.vue

@@ -110,13 +110,13 @@ const PodcastmakerHeader = defineAsyncComponent(
 );
 
 //Props 
-const props = defineProps({
-  updateStatus: { default: undefined, type: String },
-  playingPodcast: { default: undefined, type: Object as () => Podcast },
-  podcastId: { default: 0, type: Number },
+const props = defineProps<{
+  updateStatus?: string;
+  playingPodcast?: Podcast;
+  podcastId: number;
   /** When true, display emission title in podcastmaker header */
-  useEmissionTitle: { default: false, type: Boolean }
-});
+  useEmissionTitle?: boolean;
+}>();
 
 
 //Data 

package/src/stores/ParamSdkStore.ts

@@ -24,6 +24,7 @@ const state: ParamStore = {
     isVideoPage:false,
   },
 };
+
 export interface ParamStore {
   generalParameters: {
     forceOrganisationId?: string;
@@ -38,6 +39,8 @@ export interface ParamStore {
     ShareButtons?: boolean;
     mainRubrique?: number;
     downloadButton?:boolean;
+    /** If true, hide tags on podcast page */
+    hideTags?: boolean;
   };
   emissionsPage: {
     itemPlayer?: boolean;
@@ -45,14 +48,23 @@ export interface ParamStore {
     mainRubrique?: number;
     buttonMore?: boolean;
     progressBar?: boolean;
+    /** If true, hide tags on emission page */
+    hideTags?: boolean;
   },
   player: {
     isVideoPage?:boolean;
   };
 }
-const definedProps = (obj:unknown) => Object.fromEntries(Object.entries(obj).filter(([, v]) => v !== undefined));
 
-const initialize = function initialize(initObject: ParamStore): void {
+function definedProps<T>(obj: Partial<T>|undefined): Partial<T> {
+  if (obj === undefined) {
+    return {};
+  } else {
+    return Object.fromEntries(Object.entries(obj).filter(([, v]) => v !== undefined)) as Partial<T>;
+  }
+}
+
+const initialize = function initialize(initObject: Partial<ParamStore>): void {
   state.generalParameters = Object.assign(
     state.generalParameters,
     definedProps(initObject.generalParameters),