@saooti/octopus-sdk 39.3.2 → 39.3.4

package/index.ts

@@ -55,6 +55,8 @@ export const getPodcastPlaylistInlineList = () => import("./src/components/displ
 export const getLiveList = () => import("./src/components/display/live/LiveList.vue");
 export const getEmissionPresentationList = () => import("./src/components/display/emission/EmissionPresentationList.vue");
 export const getPodcastPlayButton = () => import("./src/components/display/podcasts/PodcastPlayButton.vue");
+export const getParticipantInlineList = () => import("./src/components/display/participant/ParticipantInlineList.vue");
+
 
 //Radio
 export const getRadioCurrently = () => import("./src/components/display/live/RadioCurrently.vue");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@saooti/octopus-sdk",
-  "version": "39.3.2",
+  "version": "39.3.4",
   "private": false,
   "description": "Javascript SDK for using octopus",
   "author": "Saooti",
@@ -12,45 +12,41 @@
     "proxy_non_authentifié": "node proxy.ts false",
     "lint": "eslint --ext .js,.vue --fix src",
     "build_bundle": "vue-cli-service build --target lib --name octopus ./index.js",
-    "sonar": "node sonarqube-scanner.js",
-    "test": "jest --coverage"
+    "sonar": "node sonarqube-scanner.js"
   },
   "dependencies": {
     "@multiformats/murmur3": "^2.1.8",
     "@popperjs/core": "^2.11.8",
     "@stomp/stompjs": "^7.0.0",
-    "@tato30/vue-pdf": "^1.11.2",
+    "@tato30/vue-pdf": "^1.11.3",
     "@tiptap/extension-hard-break": "^2.9.1",
     "@tiptap/extension-link": "^2.9.1",
     "@tiptap/extension-text-style": "^2.9.1",
     "@tiptap/extension-underline": "^2.9.1",
     "@tiptap/starter-kit": "^2.9.1",
     "@tiptap/vue-3": "^2.9.1",
-    "@vue/cli": "^5.0.8",
-    "@vue/compat": "^3.5.12",
     "@vuepic/vue-datepicker": "^10.0.0",
-    "@vueuse/core": "^11.2.0",
+    "@vueuse/core": "^12.0.0",
     "autoprefixer": "^10.4.20",
-    "axios": "^1.7.7",
+    "axios": "^1.7.9",
     "dayjs": "^1.11.13",
     "emoji-mart-vue-fast": "^15.0.3",
     "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-prettier": "^5.2.1",
-    "express": "^4.21.1",
+    "express": "^4.21.2",
     "hls.js": "^1.5.17",
     "humanize-duration": "^3.32.1",
-    "jest": "^29.7.0",
-    "pinia": "^2.2.6",
+    "pinia": "^2.3.0",
     "qrcode.vue": "^3.6.0",
-    "sass": "^1.80.7",
+    "sass": "^1.82.0",
     "sockjs-client": "^1.6.1",
     "sonarqube-scanner": "^3.3.0",
     "swiper": "^11.1.14",
-    "video.js": "^8.19.1",
+    "video.js": "^8.21.0",
     "videojs-quality-selector-hls": "^1.1.1",
     "vite": "^5.4.11",
     "vue": "^3.5.12",
-    "vue-i18n": "^9.14.1",
+    "vue-i18n": "^10.0.5",
     "vue-material-design-icons": "^5.3.1",
     "vue-recaptcha": "^2.0.3",
     "vue-router": "^4.4.5",
@@ -60,14 +56,11 @@
   },
   "devDependencies": {
     "@types/sockjs-client": "^1.5.4",
-    "@types/vue-select": "^3.16.8",
-    "@typescript-eslint/eslint-plugin": "^7.18.0",
-    "@typescript-eslint/parser": "^7.18.0",
+    "@typescript-eslint/eslint-plugin": "^8.18.0",
+    "@typescript-eslint/parser": "^8.18.0",
     "@vitejs/plugin-vue": "^5.1.4",
-    "@vue/compiler-sfc": "^3.5.12",
-    "@vue/eslint-config-typescript": "^13.0.0",
-    "eslint": "^8.57.0",
-    "eslint-plugin-vue": "^9.29.1",
+    "eslint": "^9.16.0",
+    "eslint-plugin-vue": "^9.32.0",
     "typescript": "^5.6.3"
   },
   "eslintConfig": {
@@ -122,10 +115,5 @@
   "repository": {
     "type": "git",
     "url": "git+https://github.com/saooti/octopus-sdk.git"
-  },
-  "jestSonar": {
-    "reportPath": "coverage",
-    "reportFile": "test-reporter.xml",
-    "indent": 4
   }
 }

package/src/components/display/participant/ParticipantInlineList.vue

@@ -0,0 +1,96 @@
+<template>
+  <div class="d-flex flex-column p-3 list-participants">
+    <ClassicLoading
+      :loading-text="loading ? $t('Loading participants ...') : undefined"
+    />
+    <SwiperList
+      v-if="!loading && allParticipants.length"
+      :size-item-overload="itemSize"
+      :list-object="allParticipants"
+    >
+      <template #octopusSlide="{ option }">
+        <ParticipantItem
+          v-if="0 !== option.participantId" 
+          :participant="option"
+        />
+      </template>
+    </SwiperList>
+    <router-link
+      :to="href"
+      class="btn btn-primary align-self-center width-fit-content m-4"
+    >
+      {{ buttonText }}
+    </router-link>
+  </div>
+</template>
+
+<script lang="ts">
+import ParticipantItem from "./ParticipantItem.vue";
+import SwiperList from "../list/SwiperList.vue";
+import classicApi from "../../../api/classicApi";
+import { handle403 } from "../../mixins/handle403";
+import ClassicLoading from "../../form/ClassicLoading.vue";
+import { defineComponent } from "vue";
+import { AxiosError } from "axios";
+import imageProxy from "../../mixins/imageProxy";
+import resizePhone from "../../mixins/resizePhone";
+import { ListClassicReturn } from "@/stores/class/general/listReturn";
+import { Participant } from "@/stores/class/general/participant";
+export default defineComponent({
+  name: "ParticipantInlineList",
+
+  components: {
+    ParticipantItem,
+    ClassicLoading,
+    SwiperList,
+  },
+
+  mixins: [handle403, imageProxy, resizePhone],
+
+  props: {
+    organisationId: { default: undefined, type: String },
+    href: { default: undefined, type: String },
+    buttonText: { default: undefined, type: String },
+    itemSize: { default: undefined, type: Number },
+  },
+
+  data() {
+    return {
+      loading: true as boolean,
+      allParticipants: [] as Array<Participant>,
+    };
+  },
+
+  mounted() {
+    this.fetchNext();
+  },
+  methods: {
+    async fetchNext(): Promise<void> {
+      try {
+        const data = await classicApi.fetchData<ListClassicReturn<Participant>>({
+          api: 0,
+          path: "participant/search",
+          parameters: {
+            first: 0,
+            size: 10,
+            organisationId: this.organisationId,
+            sort: "LAST_PODCAST_DESC",
+          },
+          specialTreatement: true,
+        });
+        this.allParticipants = this.allParticipants.concat(
+          data.result.filter((part: Participant | null) => null !== part),
+        );
+        this.loading = false;
+      } catch (error) {
+        this.handle403(error as AxiosError);
+      }
+    },
+
+    reset(): void {
+      this.loading = true;
+      this.allParticipants.length = 0;
+    },
+  },
+});
+</script>

package/src/components/form/ClassicDatePicker.vue

@@ -3,6 +3,7 @@
     <VueDatePicker
       :model-value="modelVal"
       :time-picker="isTimePicker"
+      :time-picker-inline="isTimePicker && timePickerInline"
       :input-class-name="templateClass"
       :clearable="false"
       :text-input="true"
@@ -70,6 +71,7 @@ export default defineComponent({
     monthPicker: { default: false, type: Boolean },
     customPosition: { default: null, type: Function },
     isInline: { default: false, type: Boolean },
+    timePickerInline: { default: false, type: Boolean },
   },
 
   emits: ["updateDate", "update:date"],

package/src/components/misc/ClassicPopover.vue

@@ -190,6 +190,10 @@ export default defineComponent({
         this.isTabAction = false;
         return;
       }
+      //Exception timepicker in popover
+      if (e?.target?.classList?.contains("dp__time_display")) {
+        return;
+      }
       if (!e.relatedTarget) {
         return this.clearClick();
       }