@saooti/octopus-sdk 37.0.55 → 37.0.57

package/package.json

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

package/src/assets/form.scss

@@ -24,7 +24,7 @@
 		border: 0.1rem solid #dee2e6;
 		border-radius: $octopus-borderradius;
 		height: 2rem;
-		max-width: 100%;
+		max-width: 85vw;
 		padding-right: 40px;
 	}
 	input[type="checkbox"], input[type="radio"]{

package/src/assets/share.scss

@@ -285,35 +285,19 @@
         font-size: 1.8rem;
         color: white;
       }
-      /* &.hover-type-audio, &.hover-type-video{
-        color: $newLightenColor;
-        .bloc-paddle > span{
-          background: $newLightenColor !important;
-        }
-      } */
-      &.hover-type-video{
-        /*.saooti-play{
-          color: white;
-        }
-        .saooti-play-video{
-          color: $newLightenColor;
-        } */
-        &.has-video{
-          .saooti-play-video{
-            font-size: 2.5rem;
+      @media (min-width: 500px) {
+        &.hover-type-video{
+          &.has-video{
+            .saooti-play-video{
+              font-size: 2.5rem;
+            }
           }
-        }
-      } 
-      &.hover-type-audio{
-        /* .saooti-play{
-          color: $newLightenColor;
-        }
-        .saooti-play-video{
-          color: white;
-        } */
-        &.has-video{
-          .saooti-play{
-            font-size: 2.5rem;
+        } 
+        &.hover-type-audio{
+          &.has-video{
+            .saooti-play{
+              font-size: 2.5rem;
+            }
           }
         }
       }

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/misc/player/PlayerVideo.vue

@@ -68,18 +68,12 @@ export default defineComponent({
     right: 1rem;
   }
   @media (max-width: 500px) {
-    .video-wrapper {
-      position: relative;
-      padding-bottom: 56.25%;
-      height: 0;
+    .video-close {
+      bottom: 10.5rem;
     }
     .video-wrapper iframe {
-      position: absolute;
-      top: 0;
-      left: 0;
-      width: 100% !important;
-      height: 100%;
-      margin: 0 !important;
+      width: 100%;
+      max-height: 150px;
     }
   }
 }

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/mixins/player/playerLive.ts

@@ -94,13 +94,15 @@ export const playerLive = defineComponent({
         this.hls.loadSource(hlsStreamUrl);
       });
     },
-    endingLive(): void {
+    async endingLive(): Promise<void> {
       const audio: HTMLElement | null = document.getElementById("audio-player");
       if (audio && this.hls) {
         this.hls.destroy();
-        (audio as HTMLAudioElement).src = "";
         this.hls = null;
+      }else{
+        await (audio as HTMLAudioElement).pause();
       }
+      (audio as HTMLAudioElement).src = "";
     },
   },
 });

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: {},