@saooti/octopus-sdk 37.0.57 → 37.0.58

package/package.json

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

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

@@ -59,7 +59,7 @@
               {{ p.title }}
             </div>
           </router-link>
-          <PodcastPlayBar :podcast-id="p.podcastId" :duration="p.duration" />
+          <PodcastPlayBar v-else :podcast-id="p.podcastId" :duration="p.duration" />
         </div>
         <button
           v-if="
@@ -99,13 +99,15 @@ import octopusApi from "@saooti/octopus-api";
 import { Emission } from "@/stores/class/general/emission";
 import { Podcast } from "@/stores/class/general/podcast";
 import { state } from "../../../stores/ParamSdkStore";
-import PodcastPlayBar from "../podcasts/PodcastPlayBar.vue";
 import imageProxy from "../../mixins/imageProxy";
 import displayMethods from "../../mixins/displayMethods";
 import { usePlayerStore } from "@/stores/PlayerStore";
 import { useFilterStore } from "@/stores/FilterStore";
 import { mapState, mapActions } from "pinia";
-import { defineComponent } from "vue";
+import { defineAsyncComponent, defineComponent } from "vue";
+const PodcastPlayBar = defineAsyncComponent(
+  () => import("../podcasts/PodcastPlayBar.vue"),
+);
 export default defineComponent({
   name: "EmissionPlayerItem",
 

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

@@ -13,7 +13,7 @@
     >
       {{ title }}
     </router-link>
-    <PodcastPlayBar :podcast-id="podcastId" :duration="duration" class="mx-2" />
+    <PodcastPlayBar v-if="isProgressBar" :podcast-id="podcastId" :duration="duration" class="mx-2" />
 
     <div class="mx-2 d-flex align-items-center justify-content-between mt-2">
       <div v-if="isPodcastmaker" class="useless-div-for-podcastmaker" />
@@ -42,9 +42,11 @@ import AnimatorsItem from "./AnimatorsItem.vue";
 import { state } from "../../../stores/ParamSdkStore";
 import { orgaComputed } from "../../mixins/orgaComputed";
 import dayjs from "dayjs";
-import PodcastPlayBar from "./PodcastPlayBar.vue";
-import { defineComponent } from "vue";
+import { defineAsyncComponent, defineComponent } from "vue";
 import { Participant } from "@/stores/class/general/participant";
+const PodcastPlayBar = defineAsyncComponent(
+  () => import("./PodcastPlayBar.vue"),
+);
 export default defineComponent({
   name: "PodcastItemInfo",
 
@@ -66,6 +68,9 @@ export default defineComponent({
   },
 
   computed: {
+    isProgressBar(): boolean {
+      return state.emissionsPage.progressBar as boolean;
+    },
     isPodcastmaker(): boolean {
       return state.generalParameters.podcastmaker as boolean;
     },

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

@@ -93,6 +93,7 @@
             :is-guest="true"
           />
           <PodcastPlayBar
+            v-if="isProgressBar"
             :podcast-id="podcast.podcastId"
             :duration="podcast.duration"
           />
@@ -129,7 +130,6 @@
 </template>
 
 <script lang="ts">
-import PodcastPlayBar from "./PodcastPlayBar.vue";
 import PodcastImage from "./PodcastImage.vue";
 import ParticipantDescription from "./ParticipantDescription.vue";
 import TagList from "./TagList.vue";
@@ -152,6 +152,9 @@ const RecordingItemButton = defineAsyncComponent(
 const EditBox = defineAsyncComponent(
   () => import("@/components/display/edit/EditBox.vue"),
 );
+const PodcastPlayBar = defineAsyncComponent(
+  () => import("./PodcastPlayBar.vue"),
+);
 export default defineComponent({
   name: "PodcastModuleBox",
   components: {
@@ -187,6 +190,9 @@ export default defineComponent({
     isPodcastmaker(): boolean {
       return state.generalParameters.podcastmaker as boolean;
     },
+    isProgressBar(): boolean {
+      return state.emissionsPage.progressBar as boolean;
+    },
     date(): string {
       if (!this.podcast || 1970 === dayjs(this.podcast.pubDate).year()) {
         return "";

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

@@ -1,5 +1,5 @@
 <template>
-  <div v-if="isProgressBar" class="d-flex align-items-center podcast-play-bar">
+  <div class="d-flex align-items-center podcast-play-bar">
     <div class="me-2">
       {{ playedTime }}
     </div>
@@ -20,7 +20,6 @@
 import ProgressBar from "../../misc/ProgressBar.vue";
 import DurationHelper from "../../../helper/duration";
 import displayMethods from "../../mixins/displayMethods";
-import { state } from "../../../stores/ParamSdkStore";
 import { usePlayerStore } from "@/stores/PlayerStore";
 import { mapState, mapActions } from "pinia";
 import { defineComponent } from "vue";
@@ -40,9 +39,6 @@ export default defineComponent({
       "playerElapsed",
       "playerTotal",
     ]),
-    isProgressBar(): boolean {
-      return state.emissionsPage.progressBar as boolean;
-    },
     percentProgress(): number {
       if (this.podcastId !== this.playerPodcast?.podcastId) {
         return 0;

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

@@ -34,9 +34,13 @@
 </template>
 
 <script lang="ts">
-import ClassicPopover from "../../misc/ClassicPopover.vue";
-import tagOfMixins from "../../mixins/tagOfMixins";
-import { defineComponent } from "vue";
+import { defineAsyncComponent, defineComponent } from "vue";
+const ClassicPopover = defineAsyncComponent(
+  () => import("../../misc/ClassicPopover.vue"),
+);
+const tagOfMixins = defineAsyncComponent(
+  () => import("../../mixins/tagOfMixins"),
+);
 export default defineComponent({
   name: "TagList",
   components: {

package/src/components/display/sharing/ShareButtonsIntern.vue

@@ -100,7 +100,7 @@
       :url-page="urlPage"
       @close="qrCode = false"
     />
-    <SnackBar ref="snackbar" position="bottom-left" />
+    <SnackBar v-if="lazyLoadingSnackbar" ref="snackbar" position="bottom-left" />
   </div>
 </template>
 
@@ -111,7 +111,6 @@ import octopusApi from "@saooti/octopus-api";
 import { Emission } from "@/stores/class/general/emission";
 import { Podcast } from "@/stores/class/general/podcast";
 import { state } from "../../../stores/ParamSdkStore";
-import SnackBar from "../../misc/SnackBar.vue";
 import displayMethods from "../../mixins/displayMethods";
 import { defineComponent, defineAsyncComponent } from "vue";
 import { Playlist } from "@/stores/class/general/playlist";
@@ -124,6 +123,9 @@ const NewsletterModal = defineAsyncComponent(
 const QrCodeModal = defineAsyncComponent(
   () => import("../../misc/modal/QrCodeModal.vue"),
 );
+const SnackBar = defineAsyncComponent(
+  () => import("../../misc/SnackBar.vue"),
+);
 export default defineComponent({
   components: {
     ClipboardModal,
@@ -150,6 +152,7 @@ export default defineComponent({
       newsletter: false as boolean,
       qrCode: false as boolean,
       displayRss: false as boolean,
+      lazyLoadingSnackbar: false as boolean,
     };
   },
   computed: {
@@ -237,9 +240,16 @@ export default defineComponent({
       this.dataRSSSave = !this.dataRSSSave;
     },
     afterCopy(): void {
-      (this.$refs.snackbar as InstanceType<typeof SnackBar>).open(
-        this.$t("Link in clipboard"),
-      );
+      if(!this.lazyLoadingSnackbar){
+        this.lazyLoadingSnackbar = true;
+        setTimeout(() => {
+          this.afterCopy();
+        }, 500);
+      }else{
+        (this.$refs.snackbar as InstanceType<typeof SnackBar>).open(
+          this.$t("Link in clipboard"),
+        );
+      }
     },
   },
 });

package/src/components/display/sharing/ShareDistribution.vue

@@ -27,7 +27,7 @@
         <span :class="platform.icon" />{{ platform.title }}
       </router-link>
     </div>
-    <SnackBar ref="snackbar" position="bottom-left" />
+    <SnackBar v-if="lazyLoadingSnackbar" ref="snackbar" position="bottom-left" />
   </div>
 </template>
 
@@ -56,6 +56,7 @@ export default defineComponent({
     return {
       emission: undefined as Emission | undefined,
       rss: "" as string,
+      lazyLoadingSnackbar: false as boolean,
     };
   },
   computed: {
@@ -128,9 +129,16 @@ export default defineComponent({
       this.rss = `${state.octopusApi.url}rss/emission/${this.emissionId}.rss`;
     },
     afterCopy(): void {
-      (this.$refs.snackbar as InstanceType<typeof SnackBar>).open(
-        this.$t("Link in clipboard"),
-      );
+      if(!this.lazyLoadingSnackbar){
+        this.lazyLoadingSnackbar = true;
+        setTimeout(() => {
+          this.afterCopy();
+        }, 500);
+      }else{
+        (this.$refs.snackbar as InstanceType<typeof SnackBar>).open(
+          this.$t("Link in clipboard"),
+        );
+      }
     },
   },
 });

package/src/components/misc/LeftMenu.vue

@@ -14,7 +14,7 @@
       </router-link>
     </template>
     <OrganisationChooserLight
-      v-if="!isPodcastmaker"
+      v-if="!isPodcastmaker && organisationId"
       width="auto"
       page="leftMenu"
       :defaultanswer="$t('No organisation filter')"

package/src/components/misc/TopBar.vue

@@ -28,7 +28,7 @@
       />
     </router-link>
     <OrganisationChooserLight
-      v-if="!isPodcastmaker"
+      v-if="!isPodcastmaker && organisation"
       page="topBar"
       width="auto"
       :defaultanswer="$t('No organisation filter')"

package/src/stores/ParamSdkStore.ts

@@ -3,15 +3,15 @@ import { Category } from "./class/general/category";
 
 const state: ParamStore = {
   generalParameters: {
-    organisationId: /* "7e67406d-c1f5-4f98-91ca-dd45583aa1a6" */"ecbd98d9-79bd-4312-ad5e-fc7c1c4a191c",
-    authenticated: true,
-    isAdmin: true,
-    isRoleLive: true,
+    organisationId: undefined/* "ecbd98d9-79bd-4312-ad5e-fc7c1c4a191c" */,
+    authenticated: false,
+    isAdmin: false,
+    isRoleLive: false,
     isCommments: false,
     isOrganisation: false,
     isPlaylist: false,
     isProduction: false,
-    isContribution: true,
+    isContribution: false,
     ApiUri: "https://api.dev2.saooti.org/",
     podcastmaker: false,
     buttonPlus: true,