@saooti/octopus-sdk 37.0.56 → 37.0.57

package/package.json

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

package/src/components/misc/FooterSection.vue

@@ -66,6 +66,7 @@ import cookies from "../mixins/cookies";
 import ClassicSelect from "../form/ClassicSelect.vue";
 import AcpmImage from "./AcpmImage.vue";
 import { state } from "../../stores/ParamSdkStore";
+import { orgaComputed } from "../mixins/orgaComputed";
 import { loadLocaleMessages } from "@/i18n";
 import octopusApi from "@saooti/octopus-api";
 import { useFilterStore } from "@/stores/FilterStore";
@@ -82,7 +83,7 @@ export default defineComponent({
     AcpmImage,
   },
 
-  mixins: [cookies],
+  mixins: [cookies, orgaComputed],
   data() {
     return {
       language: this.$i18n.locale,
@@ -152,7 +153,7 @@ export default defineComponent({
     },
     changeLanguage(): void {
       this.setCookie("octopus-language", this.language);
-      loadLocaleMessages(this.$i18n, this.language, this.platformEducation);
+      loadLocaleMessages(this.$i18n, this.language, this.authenticated, this.platformEducation);
       octopusApi
         .fetchDataWithParams<Array<Category>>(
           0,

package/src/components/mixins/imageProxy.ts

@@ -1,7 +1,7 @@
 import { state } from "../../stores/ParamSdkStore";
 export default {
   methods: {
-    proxyImageUrl(url: string, width: string, height?: string): string {
+    proxyImageUrl(url: string|undefined, width: string, height?: string): string {
       if (!url) {
         return "";
       }

package/src/components/pages/EmissionPage.vue

@@ -11,7 +11,7 @@
         <div class="module-box">
           <div class="mb-5 descriptionText">
             <img
-              v-lazy="proxyImageUrl(imageUrl, '250')"
+              v-lazy="proxyImageUrl(emission.imageUrl, '250')"
               width="250"
               height="250"
               :alt="$t('Emission name image', { name: name })"
@@ -158,9 +158,6 @@ export default defineComponent({
     name(): string {
       return this.emission?.name ?? "";
     },
-    imageUrl(): string {
-      return this.emission ? `${this.emission.imageUrl}` : "";
-    },
     description(): string {
       return this.emission?.description ?? "";
     },
@@ -196,7 +193,7 @@ export default defineComponent({
       if (!this.emission) {
         return "";
       }
-      return `background-image: url('${this.emission.imageUrl}');`;
+      return `background-image: url('${this.proxyImageUrl(this.emission.imageUrl, '250')}');`;
     },
   },
   watch: {

package/src/components/pages/PlaylistPage.vue

@@ -11,7 +11,7 @@
         <div class="module-box">
           <div class="mb-5 mt-3 descriptionText">
             <img
-              v-lazy="proxyImageUrl(imageUrl, '250')"
+              v-lazy="proxyImageUrl(playlist.imageUrl, '250')"
               width="250"
               height="250"
               :alt="$t('Playlist name image', { name: name })"
@@ -114,9 +114,6 @@ export default defineComponent({
     name(): string {
       return this.playlist?.title ?? "";
     },
-    imageUrl(): string {
-      return this.playlist?.imageUrl ?? "";
-    },
     description(): string {
       return this.playlist?.description ?? "";
     },
@@ -131,7 +128,7 @@ export default defineComponent({
       if (!this.playlist) {
         return "";
       }
-      return `background-image: url('${this.playlist.imageUrl}');`;
+      return `background-image: url('${this.proxyImageUrl(this.playlist.imageUrl, '250')}');`;
     },
   },
   watch: {

package/src/components/pages/PodcastPage.vue

@@ -72,6 +72,7 @@
 </template>
 
 <script lang="ts">
+import imageProxy from "../mixins/imageProxy";
 import { orgaComputed } from "../mixins/orgaComputed";
 import PodcastInlineList from "../display/podcasts/PodcastInlineList.vue";
 import PodcastModuleBox from "../display/podcasts/PodcastModuleBox.vue";
@@ -117,7 +118,7 @@ export default defineComponent({
     ClassicLoading,
   },
 
-  mixins: [handle403, orgaComputed],
+  mixins: [handle403, orgaComputed, imageProxy],
 
   props: {
     updateStatus: { default: undefined, type: String },
@@ -145,7 +146,7 @@ export default defineComponent({
       if (!this.podcast) {
         return "";
       }
-      return `background-image: url('${this.podcast.imageUrl}');`;
+      return `background-image: url('${this.proxyImageUrl(this.podcast.imageUrl, '270')}');`;
     },
     isPodcastmaker(): boolean {
       return state.generalParameters.podcastmaker as boolean;

package/src/components/pages/RadioPage.vue

@@ -99,7 +99,7 @@ export default defineComponent({
     backgroundDisplay(): string {
       return !this.radio
         ? ""
-        : `background-image: url('${this.radio.imageUrl}');`;
+        : `background-image: url('${this.proxyImageUrl(this.radio.imageUrl, '270')}');`;
     },
   },
   watch: {

package/src/i18n.ts

@@ -7,9 +7,9 @@ import "dayjs/locale/fr";
 import "dayjs/locale/it";
 import "dayjs/locale/sl";
 
-export function setupI18n(options: { locale: string }, isEducation: boolean) {
+export function setupI18n(options: { locale: string }, isAuthenticated: boolean, isEducation: boolean) {
   const i18n = createI18n(options);
-  loadLocaleMessages(i18n.global, options.locale, isEducation);
+  loadLocaleMessages(i18n.global, options.locale,  isAuthenticated, isEducation);
   return i18n;
 }
 
@@ -25,6 +25,7 @@ export function setI18nLanguage(i18n: any, locale: string) {
 export async function loadLocaleMessages(
   i18n: any,
   locale: string,
+  isAuthenticated: boolean,
   isEducation: boolean,
 ) {
   if (

package/src/main.ts

@@ -33,7 +33,7 @@ if (0 === language.length) {
   }
 }
 
-const i18n = setupI18n({ locale: language }, false);
+const i18n = setupI18n({ locale: language }, false, false);
 
 paramStore.initialize({
   generalParameters: {},