npm - @saooti/octopus-sdk - Versions diffs - 42.3.0 → 42.3.1-beta1 - Mend

@saooti/octopus-sdk 42.3.0 → 42.3.1-beta1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (480) hide show

package/dist/CommentMoreActions-DPbJnEEV.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"CommentMoreActions-DPbJnEEV.mjs","names":["classicApi","_resolveComponent","_openBlock","_createElementBlock","_createBlock","_createCommentVNode","_createElementVNode","_createVNode","_withCtx","_Fragment","_renderList","_withKeys","_toDisplayString","_sfc_main"],"sources":["../src/components/display/comments/item/CommentMoreActions.vue","../src/components/display/comments/item/CommentMoreActions.vue"],"sourcesContent":["<template>\n <div v-if=\"isAtLeastOneMoreAction\">\n <ReportAbuseModal\n v-if=\"isReportAbuse\"\n v-model:comment=\"commentForVmodel\"\n @close=\"isReportAbuse = false\"\n />\n <EditCommentModal\n v-if=\"isEdit\"\n v-model:comment=\"commentForVmodel\"\n :edit-right=\"editRight\"\n @close=\"isEdit = false\"\n />\n <MessageModal\n v-if=\"confirmModal\"\n :validatetext=\"validateText\"\n :canceltext=\"canceltext\"\n :closable=\"false\"\n :title=\"modalTitle\"\n :message=\"modalMessage\"\n :focus=\"true\"\n @cancel=\"confirmModal = false\"\n @validate=\"actionComment\"\n @close=\"confirmModal = false\"\n />\n <button\n :id=\"'comment-dropdown' + comment.commentId\"\n class=\"btn share-btn\"\n :title=\"t('See more')\"\n :data-selenium=\"\n 'comment-dropdown-' + seleniumFormat(comment.poster.userName)\n \"\n >\n <DotsVerticalIcon />\n </button>\n <ClassicPopover\n :target=\"'comment-dropdown' + comment.commentId\"\n :only-click=\"true\"\n :left-pos=\"true\"\n >\n <template v-for=\"action in moreActions\" :key=\"action\">\n <button\n v-if=\"action.condition\"\n class=\"octopus-dropdown-item c-hand\"\n @mousedown=\"action.actionClick\"\n @keydown.enter=\"action.actionClick\"\n >\n {{ action.title }}\n </button>\n </template>\n </ClassicPopover>\n \n <CommentMoreActionsAdmin\n v-if=\"editRight\"\n v-model:comment=\"commentForVmodel\"\n v-model:actions-admin=\"actionsAdmin\"\n />\n </div>\n</template>\n\n<script setup lang=\"ts\">\nimport DotsVerticalIcon from \"vue-material-design-icons/DotsVertical.vue\";\nimport {useSelenium} from \"../../../composable/useSelenium\";\nimport classicApi from \"../../../../api/classicApi\";\nimport { useAuthStore } from \"../../../../stores/AuthStore\";\nimport { CommentPodcast } from \"@/stores/class/general/comment\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport { useCommentStore } from \"../../../../stores/CommentStore\";\nimport { defineAsyncComponent, ref, Ref, computed } from \"vue\";\nimport { CommentsConfig } from \"@/stores/class/config/commentsConfig\";\nimport { useI18n } from \"vue-i18n\";\nconst ClassicPopover = defineAsyncComponent(\n () => import(\"../../../misc/ClassicPopover.vue\"),\n);\nconst ReportAbuseModal = defineAsyncComponent(\n () => import(\"../modal/ReportAbuseModal.vue\"),\n);\nconst EditCommentModal = defineAsyncComponent(\n () => import(\"../modal/EditCommentModal.vue\"),\n);\nconst MessageModal = defineAsyncComponent(\n () => import(\"../../../misc/modal/MessageModal.vue\"),\n);\n\n//Props \nconst props = defineProps({\n comment: { default: () => ({}), type: Object as () => CommentPodcast },\n podcast: { default: undefined, type: Object as () => Podcast },\n config: { default: undefined, type: Object as () => CommentsConfig },\n editRight: { default: false, type: Boolean },\n})\n\n//Emits\nconst emit = defineEmits([\"update:comment\", \"deleteComment\"]);\n\n//Data \nconst isEdit = ref(false);\nconst isReportAbuse = ref(false);\nconst actionName: Ref<string | undefined> = ref(undefined);\nconst actionsAdmin: Ref<string | undefined> = ref(undefined);\nconst confirmModal = ref(false);\nconst actionInProgress = ref(false);\nconst isError = ref(false);\n\n//Composables\nconst { t } = useI18n();\nconst { seleniumFormat } = useSelenium();\nconst authStore = useAuthStore();\nconst commentStore = useCommentStore();\n\n//Computed\nconst commentForVmodel = computed({\n get(): CommentPodcast {\n return props.comment;\n },\n set(value: CommentPodcast) {\n emit(\"update:comment\", value);\n },\n});\nconst isMyComment = computed(() => {\n const uuid = authStore.authProfile?.userId ?? commentStore.commentUser?.uuidHash;\n return uuid === props.comment?.poster.uuid;\n});\nconst isAtLeastOneMoreAction = computed(() => {\n return moreActions.value.some((el) => {\n return el.condition;\n });\n});\nconst moreActions = computed(() => {\n return [\n {\n title: t(\"Report abuse\"),\n actionClick: () => {\n isReportAbuse.value = true;\n },\n condition:\n commentStore.getCanReportAbuse(\n props.config,\n undefined !== authStore.authOrgaId,\n ) && !isMyComment.value,\n },\n {\n title: t(\"Managing reported abuses\"),\n actionClick: () => {\n actionsAdmin.value = \"abuse\";\n },\n condition: props.editRight && props.comment.abuse,\n },\n {\n title: t(\"Edit comment\"),\n actionClick: () => {\n isEdit.value = true;\n },\n condition: props.editRight || isMyComment.value,\n },\n {\n title: t(\"Comment information\"),\n actionClick: () => {\n actionsAdmin.value = \"info\";\n },\n condition: props.editRight && !props.podcast,\n },\n {\n title: t(\"Validate\"),\n actionClick: () => {\n actionName.value = \"validate\";\n isError.value = false;\n confirmModal.value = true;\n },\n condition:\n props.editRight &&\n (\"PENDING\" === props.comment.state ||\n \"NOT_VALID\" === props.comment.state),\n },\n {\n title: t(\"Invalidate\"),\n actionClick: () => {\n actionName.value = \"invalidate\";\n isError.value = false;\n confirmModal.value = true;\n },\n condition:\n props.editRight &&\n (\"PENDING\" === props.comment.state ||\n \"VALIDATED\" === props.comment.state),\n },\n {\n title: t(\"Delete comment\"),\n actionClick: () => {\n actionName.value = \"delete\";\n isError.value = false;\n confirmModal.value = true;\n },\n condition: props.editRight || isMyComment.value,\n },\n ];\n});\nconst validateText = computed(() => {\n if (isError.value) {\n return t(\"Close\");\n }\n return actionInProgress.value ? undefined : t(\"Yes\");\n});\nconst canceltext = computed(() => isError.value ? undefined : t(\"No\"));\nconst modalMessage = computed(() => {\n if (actionInProgress.value) {\n return t(\"Saving\");\n }\n if (isError.value) {\n return t(\"An error occurred\");\n }\n const name = { name: props.comment.poster.userName };\n switch (actionName.value) {\n case \"delete\":\n return t(\"Confirm comment deletion text\", name);\n case \"validate\":\n return t(\"Confirm comment valid text\", name);\n case \"invalidate\":\n return t(\"Confirm comment invalid text\", name);\n default:\n return \"\";\n }\n});\nconst modalTitle = computed(() => {\n if (\"delete\" === actionName.value) {\n return t(\"Delete comment\");\n }\n return t(\"Update comment\");\n}); \n \n\n//Methods\nasync function actionComment() {\n if (!props.comment) {\n return;\n }\n actionInProgress.value = true;\n isError.value = false;\n try {\n if (\"delete\" === actionName.value) {\n await classicApi.deleteData({\n api: 2,\n path: \"comment/\" + props.comment.commentId,\n parameters: props.editRight\n ? undefined\n : { uuid: commentStore.commentUser?.uuid },\n isNotAuth: !props.editRight,\n });\n emit(\"deleteComment\");\n } else {\n const commentUpdated = await classicApi.putData({\n api: 2,\n path: \"comment/\",\n dataToSend: {\n commentId: props.comment.commentId,\n content: props.comment.content,\n name: props.comment.poster.userName,\n state: \"validate\" === actionName.value ? \"VALIDATED\" : \"NOT_VALID\",\n },\n });\n emit(\"update:comment\", commentUpdated);\n }\n confirmModal.value = false;\n } catch {\n isError.value = true;\n }\n actionInProgress.value = false;\n}\n</script>\n","<template>\n <div v-if=\"isAtLeastOneMoreAction\">\n <ReportAbuseModal\n v-if=\"isReportAbuse\"\n v-model:comment=\"commentForVmodel\"\n @close=\"isReportAbuse = false\"\n />\n <EditCommentModal\n v-if=\"isEdit\"\n v-model:comment=\"commentForVmodel\"\n :edit-right=\"editRight\"\n @close=\"isEdit = false\"\n />\n <MessageModal\n v-if=\"confirmModal\"\n :validatetext=\"validateText\"\n :canceltext=\"canceltext\"\n :closable=\"false\"\n :title=\"modalTitle\"\n :message=\"modalMessage\"\n :focus=\"true\"\n @cancel=\"confirmModal = false\"\n @validate=\"actionComment\"\n @close=\"confirmModal = false\"\n />\n <button\n :id=\"'comment-dropdown' + comment.commentId\"\n class=\"btn share-btn\"\n :title=\"t('See more')\"\n :data-selenium=\"\n 'comment-dropdown-' + seleniumFormat(comment.poster.userName)\n \"\n >\n <DotsVerticalIcon />\n </button>\n <ClassicPopover\n :target=\"'comment-dropdown' + comment.commentId\"\n :only-click=\"true\"\n :left-pos=\"true\"\n >\n <template v-for=\"action in moreActions\" :key=\"action\">\n <button\n v-if=\"action.condition\"\n class=\"octopus-dropdown-item c-hand\"\n @mousedown=\"action.actionClick\"\n @keydown.enter=\"action.actionClick\"\n >\n {{ action.title }}\n </button>\n </template>\n </ClassicPopover>\n \n <CommentMoreActionsAdmin\n v-if=\"editRight\"\n v-model:comment=\"commentForVmodel\"\n v-model:actions-admin=\"actionsAdmin\"\n />\n </div>\n</template>\n\n<script setup lang=\"ts\">\nimport DotsVerticalIcon from \"vue-material-design-icons/DotsVertical.vue\";\nimport {useSelenium} from \"../../../composable/useSelenium\";\nimport classicApi from \"../../../../api/classicApi\";\nimport { useAuthStore } from \"../../../../stores/AuthStore\";\nimport { CommentPodcast } from \"@/stores/class/general/comment\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport { useCommentStore } from \"../../../../stores/CommentStore\";\nimport { defineAsyncComponent, ref, Ref, computed } from \"vue\";\nimport { CommentsConfig } from \"@/stores/class/config/commentsConfig\";\nimport { useI18n } from \"vue-i18n\";\nconst ClassicPopover = defineAsyncComponent(\n () => import(\"../../../misc/ClassicPopover.vue\"),\n);\nconst ReportAbuseModal = defineAsyncComponent(\n () => import(\"../modal/ReportAbuseModal.vue\"),\n);\nconst EditCommentModal = defineAsyncComponent(\n () => import(\"../modal/EditCommentModal.vue\"),\n);\nconst MessageModal = defineAsyncComponent(\n () => import(\"../../../misc/modal/MessageModal.vue\"),\n);\n\n//Props \nconst props = defineProps({\n comment: { default: () => ({}), type: Object as () => CommentPodcast },\n podcast: { default: undefined, type: Object as () => Podcast },\n config: { default: undefined, type: Object as () => CommentsConfig },\n editRight: { default: false, type: Boolean },\n})\n\n//Emits\nconst emit = defineEmits([\"update:comment\", \"deleteComment\"]);\n\n//Data \nconst isEdit = ref(false);\nconst isReportAbuse = ref(false);\nconst actionName: Ref<string | undefined> = ref(undefined);\nconst actionsAdmin: Ref<string | undefined> = ref(undefined);\nconst confirmModal = ref(false);\nconst actionInProgress = ref(false);\nconst isError = ref(false);\n\n//Composables\nconst { t } = useI18n();\nconst { seleniumFormat } = useSelenium();\nconst authStore = useAuthStore();\nconst commentStore = useCommentStore();\n\n//Computed\nconst commentForVmodel = computed({\n get(): CommentPodcast {\n return props.comment;\n },\n set(value: CommentPodcast) {\n emit(\"update:comment\", value);\n },\n});\nconst isMyComment = computed(() => {\n const uuid = authStore.authProfile?.userId ?? commentStore.commentUser?.uuidHash;\n return uuid === props.comment?.poster.uuid;\n});\nconst isAtLeastOneMoreAction = computed(() => {\n return moreActions.value.some((el) => {\n return el.condition;\n });\n});\nconst moreActions = computed(() => {\n return [\n {\n title: t(\"Report abuse\"),\n actionClick: () => {\n isReportAbuse.value = true;\n },\n condition:\n commentStore.getCanReportAbuse(\n props.config,\n undefined !== authStore.authOrgaId,\n ) && !isMyComment.value,\n },\n {\n title: t(\"Managing reported abuses\"),\n actionClick: () => {\n actionsAdmin.value = \"abuse\";\n },\n condition: props.editRight && props.comment.abuse,\n },\n {\n title: t(\"Edit comment\"),\n actionClick: () => {\n isEdit.value = true;\n },\n condition: props.editRight || isMyComment.value,\n },\n {\n title: t(\"Comment information\"),\n actionClick: () => {\n actionsAdmin.value = \"info\";\n },\n condition: props.editRight && !props.podcast,\n },\n {\n title: t(\"Validate\"),\n actionClick: () => {\n actionName.value = \"validate\";\n isError.value = false;\n confirmModal.value = true;\n },\n condition:\n props.editRight &&\n (\"PENDING\" === props.comment.state ||\n \"NOT_VALID\" === props.comment.state),\n },\n {\n title: t(\"Invalidate\"),\n actionClick: () => {\n actionName.value = \"invalidate\";\n isError.value = false;\n confirmModal.value = true;\n },\n condition:\n props.editRight &&\n (\"PENDING\" === props.comment.state ||\n \"VALIDATED\" === props.comment.state),\n },\n {\n title: t(\"Delete comment\"),\n actionClick: () => {\n actionName.value = \"delete\";\n isError.value = false;\n confirmModal.value = true;\n },\n condition: props.editRight || isMyComment.value,\n },\n ];\n});\nconst validateText = computed(() => {\n if (isError.value) {\n return t(\"Close\");\n }\n return actionInProgress.value ? undefined : t(\"Yes\");\n});\nconst canceltext = computed(() => isError.value ? undefined : t(\"No\"));\nconst modalMessage = computed(() => {\n if (actionInProgress.value) {\n return t(\"Saving\");\n }\n if (isError.value) {\n return t(\"An error occurred\");\n }\n const name = { name: props.comment.poster.userName };\n switch (actionName.value) {\n case \"delete\":\n return t(\"Confirm comment deletion text\", name);\n case \"validate\":\n return t(\"Confirm comment valid text\", name);\n case \"invalidate\":\n return t(\"Confirm comment invalid text\", name);\n default:\n return \"\";\n }\n});\nconst modalTitle = computed(() => {\n if (\"delete\" === actionName.value) {\n return t(\"Delete comment\");\n }\n return t(\"Update comment\");\n}); \n \n\n//Methods\nasync function actionComment() {\n if (!props.comment) {\n return;\n }\n actionInProgress.value = true;\n isError.value = false;\n try {\n if (\"delete\" === actionName.value) {\n await classicApi.deleteData({\n api: 2,\n path: \"comment/\" + props.comment.commentId,\n parameters: props.editRight\n ? undefined\n : { uuid: commentStore.commentUser?.uuid },\n isNotAuth: !props.editRight,\n });\n emit(\"deleteComment\");\n } else {\n const commentUpdated = await classicApi.putData({\n api: 2,\n path: \"comment/\",\n dataToSend: {\n commentId: props.comment.commentId,\n content: props.comment.content,\n name: props.comment.poster.userName,\n state: \"validate\" === actionName.value ? \"VALIDATED\" : \"NOT_VALID\",\n },\n });\n emit(\"update:comment\", commentUpdated);\n }\n confirmModal.value = false;\n } catch {\n isError.value = true;\n }\n actionInProgress.value = false;\n}\n</script>\n"],"mappings":"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"}

package/dist/{CommentName-DslRo9jg.mjs → CommentName-C5cbnPOy.mjs} RENAMED Viewed

@@ -1,5 +1,5 @@
-import { i as e } from "./classicApi-pmODlqv5.mjs";
-import { t } from "./CommentStore-hPTYaDGr.mjs";
+import { i as e } from "./classicApi-CGipMqf7.mjs";
+import { t } from "./CommentStore-CysGkBHp.mjs";
 import { t as n } from "./config-DMjLBcZ2.mjs";
 import { t as r } from "./ClassicInputText-DJ5kURGM.mjs";
 import { Fragment as i, computed as a, createBlock as o, createElementBlock as s, createElementVNode as c, createTextVNode as l, createVNode as u, defineComponent as d, normalizeClass as f, openBlock as p, ref as m, resolveDynamicComponent as h, toDisplayString as g, unref as _, withCtx as v } from "vue";

package/dist/CommentName-D5HN8bGE.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"CommentName-D5HN8bGE.mjs","names":["Constants","_openBlock","_createElementBlock","_createBlock","_resolveDynamicComponent","_normalizeClass","_withCtx","_createTextVNode","_toDisplayString","_Fragment","_createVNode","_createElementVNode","_sfc_main"],"sources":["../src/components/display/comments/CommentName.vue","../src/components/display/comments/CommentName.vue"],"sourcesContent":["<template>\n <div \n class=\"d-flex align-items-center mb-2\">\n <component\n :is=\"canEditName ? 'button' : 'div'\"\n v-if=\"!isEditing\"\n class=\"h6 fw-bold\"\n :class=\"canEditName ? 'btn btn-transparent p-1' : ''\"\n @click=\"startEditingName\"\n >{{ commentStore.commentUser?.name }}</component\n >\n <template v-else>\n <ClassicInputText\n v-model:text-init=\"temporaryName\"\n v-model:error-variable=\"errorName\"\n input-id=\"comment-name-input\"\n focus\n :label=\"t('Your name')\"\n :max-length=\"Constants.MAX_COMMENT_NAME\"\n autocomplete-type=\"name\"\n class=\"me-3\"\n />\n <button class=\"btn m-1\" @click=\"isEditing = false\">\n {{ t(\"Cancel\") }}\n </button>\n <button\n class=\"btn btn-primary m-1\"\n :disabled=\"errorName\"\n @click=\"validEdit\"\n >\n {{ t(\"Yes\") }}\n </button>\n </template>\n </div>\n</template>\n\n<script setup lang=\"ts\">\nimport ClassicInputText from \"../../form/ClassicInputText.vue\";\nimport Constants from \"../../../../public/config\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\nimport { computed, ref } from \"vue\";\nimport { useCommentStore } from \"../../../stores/CommentStore\";\nimport { useI18n } from \"vue-i18n\";\n\n//Data \nconst isEditing = ref(false);\nconst temporaryName = ref(\"\");\nconst errorName = ref(true);\n\n//Composables\nconst { t } = useI18n();\nconst commentStore = useCommentStore();\nconst authStore = useAuthStore();\n\n\n//Computed\nconst canEditName = computed(() => undefined !== authStore.authProfile);\n\n//Methods\nfunction startEditingName(): void {\n if (!canEditName.value) {\n return;\n }\n temporaryName.value = commentStore.commentUser?.name ?? \"\";\n isEditing.value = true;\n}\nfunction validEdit(): void {\n commentStore.setCommentUser(temporaryName.value);\n isEditing.value = false;\n}\n</script>\n","<template>\n <div \n class=\"d-flex align-items-center mb-2\">\n <component\n :is=\"canEditName ? 'button' : 'div'\"\n v-if=\"!isEditing\"\n class=\"h6 fw-bold\"\n :class=\"canEditName ? 'btn btn-transparent p-1' : ''\"\n @click=\"startEditingName\"\n >{{ commentStore.commentUser?.name }}</component\n >\n <template v-else>\n <ClassicInputText\n v-model:text-init=\"temporaryName\"\n v-model:error-variable=\"errorName\"\n input-id=\"comment-name-input\"\n focus\n :label=\"t('Your name')\"\n :max-length=\"Constants.MAX_COMMENT_NAME\"\n autocomplete-type=\"name\"\n class=\"me-3\"\n />\n <button class=\"btn m-1\" @click=\"isEditing = false\">\n {{ t(\"Cancel\") }}\n </button>\n <button\n class=\"btn btn-primary m-1\"\n :disabled=\"errorName\"\n @click=\"validEdit\"\n >\n {{ t(\"Yes\") }}\n </button>\n </template>\n </div>\n</template>\n\n<script setup lang=\"ts\">\nimport ClassicInputText from \"../../form/ClassicInputText.vue\";\nimport Constants from \"../../../../public/config\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\nimport { computed, ref } from \"vue\";\nimport { useCommentStore } from \"../../../stores/CommentStore\";\nimport { useI18n } from \"vue-i18n\";\n\n//Data \nconst isEditing = ref(false);\nconst temporaryName = ref(\"\");\nconst errorName = ref(true);\n\n//Composables\nconst { t } = useI18n();\nconst commentStore = useCommentStore();\nconst authStore = useAuthStore();\n\n\n//Computed\nconst canEditName = computed(() => undefined !== authStore.authProfile);\n\n//Methods\nfunction startEditingName(): void {\n if (!canEditName.value) {\n return;\n }\n temporaryName.value = commentStore.commentUser?.name ?? \"\";\n isEditing.value = true;\n}\nfunction validEdit(): void {\n commentStore.setCommentUser(temporaryName.value);\n isEditing.value = false;\n}\n</script>\n"],"mappings":";;;;;;;;;;;;EA6CA,MAAM,YAAY,IAAI,KAAK;EAC3B,MAAM,gBAAgB,IAAI,EAAE;EAC5B,MAAM,YAAY,IAAI,IAAI;EAG1B,MAAM,EAAE,MAAM,QAAQ;EACtB,MAAM,eAAe,gBAAgB;EACrC,MAAM,YAAY,aAAa;EAI/B,MAAM,cAAc,eAAe,KAAA,MAAc,UAAU,WAAW;EAGtE,SAAS,mBAAyB;GAChC,IAAI,CAAC,YAAY,OACf;GAEF,cAAc,QAAQ,aAAa,aAAa,QAAQ;GACxD,UAAU,QAAQ;EACpB;EACA,SAAS,YAAkB;GACzB,aAAa,eAAe,cAAc,KAAK;GAC/C,UAAU,QAAQ;EACpB;;;;;;;;;;;;;;;;;;;;;;;;;ACnEI,IAAA,aAAA,EAAA,OAAM,iCAAgC;;;CADxC,OAAAC,UAAA,GAAAC,mBAgCM,OAhCN,YAgCM,CA5BK,CAAA,OAAA,aAFTD,UAAA,GAAAE,YAOCC,wBANM,OAAA,cAAW,WAAA,KAAA,GAAA;;EAEhB,OAAKC,eAAA,CAAC,cACE,OAAA,cAAW,4BAAA,EAAA,CAAA;EAClB,SAAO,OAAA;;EACP,SAAAC,cAAoC,CAAjCC,gBAAAC,gBAAA,OAAA,aAAa,aAAa,IAAI,GAAA,CAAA,CAAA,CAAA;;CAEpC,GAAA,GAAA,CAAA,OAAA,CAAA,MAAAP,UAAA,GAAAC,mBAqBWO,UAAA,EAAA,KAAA,EAAA,GAAA;EApBTC,YASE,OAAA,qBAAA;GARQ,aAAW,OAAA;GAAA,qBAAA,OAAA,OAAA,OAAA,MAAA,WAAA,OAAA,gBAAa;GACxB,kBAAgB,OAAA;GAAA,0BAAA,OAAA,OAAA,OAAA,MAAA,WAAA,OAAA,YAAS;GACjC,YAAS;GACT,OAAA;GACC,OAAO,OAAA,EAAC,WAAA;GACR,cAAY,OAAA,UAAU;GACvB,qBAAkB;GAClB,OAAM;;;;;;;EAERC,mBAES,UAAA;GAFD,OAAM;GAAW,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,OAAA,YAAS;EACpC,GAAAH,gBAAA,OAAA,EAAC,QAAA,CAAA,GAAA,CAAA;EAENG,mBAMS,UAAA;GALP,OAAM;GACL,UAAU,OAAA;GACV,SAAO,OAAA;EAEL,GAAAH,gBAAA,OAAA,EAAC,KAAA,CAAA,GAAA,GAAA,UAAA"}

package/dist/CommentName-DMom_kwo.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"CommentName-DMom_kwo.mjs","names":["Constants","_openBlock","_createElementBlock","_createBlock","_resolveDynamicComponent","_normalizeClass","_withCtx","_createTextVNode","_toDisplayString","_Fragment","_createVNode","_createElementVNode","_sfc_main"],"sources":["../src/components/display/comments/CommentName.vue","../src/components/display/comments/CommentName.vue"],"sourcesContent":["<template>\n <div \n class=\"d-flex align-items-center mb-2\">\n <component\n :is=\"canEditName ? 'button' : 'div'\"\n v-if=\"!isEditing\"\n class=\"h6 fw-bold\"\n :class=\"canEditName ? 'btn btn-transparent p-1' : ''\"\n @click=\"startEditingName\"\n >{{ commentStore.commentUser?.name }}</component\n >\n <template v-else>\n <ClassicInputText\n v-model:text-init=\"temporaryName\"\n v-model:error-variable=\"errorName\"\n input-id=\"comment-name-input\"\n focus\n :label=\"t('Your name')\"\n :max-length=\"Constants.MAX_COMMENT_NAME\"\n autocomplete-type=\"name\"\n class=\"me-3\"\n />\n <button class=\"btn m-1\" @click=\"isEditing = false\">\n {{ t(\"Cancel\") }}\n </button>\n <button\n class=\"btn btn-primary m-1\"\n :disabled=\"errorName\"\n @click=\"validEdit\"\n >\n {{ t(\"Yes\") }}\n </button>\n </template>\n </div>\n</template>\n\n<script setup lang=\"ts\">\nimport ClassicInputText from \"../../form/ClassicInputText.vue\";\nimport Constants from \"../../../../public/config\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\nimport { computed, ref } from \"vue\";\nimport { useCommentStore } from \"../../../stores/CommentStore\";\nimport { useI18n } from \"vue-i18n\";\n\n//Data \nconst isEditing = ref(false);\nconst temporaryName = ref(\"\");\nconst errorName = ref(true);\n\n//Composables\nconst { t } = useI18n();\nconst commentStore = useCommentStore();\nconst authStore = useAuthStore();\n\n\n//Computed\nconst canEditName = computed(() => undefined !== authStore.authProfile);\n\n//Methods\nfunction startEditingName(): void {\n if (!canEditName.value) {\n return;\n }\n temporaryName.value = commentStore.commentUser?.name ?? \"\";\n isEditing.value = true;\n}\nfunction validEdit(): void {\n commentStore.setCommentUser(temporaryName.value);\n isEditing.value = false;\n}\n</script>\n","<template>\n <div \n class=\"d-flex align-items-center mb-2\">\n <component\n :is=\"canEditName ? 'button' : 'div'\"\n v-if=\"!isEditing\"\n class=\"h6 fw-bold\"\n :class=\"canEditName ? 'btn btn-transparent p-1' : ''\"\n @click=\"startEditingName\"\n >{{ commentStore.commentUser?.name }}</component\n >\n <template v-else>\n <ClassicInputText\n v-model:text-init=\"temporaryName\"\n v-model:error-variable=\"errorName\"\n input-id=\"comment-name-input\"\n focus\n :label=\"t('Your name')\"\n :max-length=\"Constants.MAX_COMMENT_NAME\"\n autocomplete-type=\"name\"\n class=\"me-3\"\n />\n <button class=\"btn m-1\" @click=\"isEditing = false\">\n {{ t(\"Cancel\") }}\n </button>\n <button\n class=\"btn btn-primary m-1\"\n :disabled=\"errorName\"\n @click=\"validEdit\"\n >\n {{ t(\"Yes\") }}\n </button>\n </template>\n </div>\n</template>\n\n<script setup lang=\"ts\">\nimport ClassicInputText from \"../../form/ClassicInputText.vue\";\nimport Constants from \"../../../../public/config\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\nimport { computed, ref } from \"vue\";\nimport { useCommentStore } from \"../../../stores/CommentStore\";\nimport { useI18n } from \"vue-i18n\";\n\n//Data \nconst isEditing = ref(false);\nconst temporaryName = ref(\"\");\nconst errorName = ref(true);\n\n//Composables\nconst { t } = useI18n();\nconst commentStore = useCommentStore();\nconst authStore = useAuthStore();\n\n\n//Computed\nconst canEditName = computed(() => undefined !== authStore.authProfile);\n\n//Methods\nfunction startEditingName(): void {\n if (!canEditName.value) {\n return;\n }\n temporaryName.value = commentStore.commentUser?.name ?? \"\";\n isEditing.value = true;\n}\nfunction validEdit(): void {\n commentStore.setCommentUser(temporaryName.value);\n isEditing.value = false;\n}\n</script>\n"],"mappings":";;;;;;;;;;;;EA6CA,MAAM,YAAY,IAAI,KAAK;EAC3B,MAAM,gBAAgB,IAAI,EAAE;EAC5B,MAAM,YAAY,IAAI,IAAI;EAG1B,MAAM,EAAE,MAAM,QAAQ;EACtB,MAAM,eAAe,gBAAgB;EACrC,MAAM,YAAY,aAAa;EAI/B,MAAM,cAAc,eAAe,KAAA,MAAc,UAAU,WAAW;EAGtE,SAAS,mBAAyB;GAChC,IAAI,CAAC,YAAY,OACf;GAEF,cAAc,QAAQ,aAAa,aAAa,QAAQ;GACxD,UAAU,QAAQ;EACpB;EACA,SAAS,YAAkB;GACzB,aAAa,eAAe,cAAc,KAAK;GAC/C,UAAU,QAAQ;EACpB;;;;;;;;;;;;;;;;;;;;;;;;;ACnEI,IAAA,aAAA,EAAA,OAAM,iCAAgC;;;CADxC,OAAAC,UAAA,GAAAC,mBAgCM,OAhCN,YAgCM,CA5BK,CAAA,OAAA,aAFTD,UAAA,GAAAE,YAOCC,wBANM,OAAA,cAAW,WAAA,KAAA,GAAA;;EAEhB,OAAKC,eAAA,CAAC,cACE,OAAA,cAAW,4BAAA,EAAA,CAAA;EAClB,SAAO,OAAA;;EACP,SAAAC,cAAoC,CAAjCC,gBAAAC,gBAAA,OAAA,aAAa,aAAa,IAAI,GAAA,CAAA,CAAA,CAAA;;CAEpC,GAAA,GAAA,CAAA,OAAA,CAAA,MAAAP,UAAA,GAAAC,mBAqBWO,UAAA,EAAA,KAAA,EAAA,GAAA;EApBTC,YASE,OAAA,qBAAA;GARQ,aAAW,OAAA;GAAA,qBAAA,OAAA,OAAA,OAAA,MAAA,WAAA,OAAA,gBAAa;GACxB,kBAAgB,OAAA;GAAA,0BAAA,OAAA,OAAA,OAAA,MAAA,WAAA,OAAA,YAAS;GACjC,YAAS;GACT,OAAA;GACC,OAAO,OAAA,EAAC,WAAA;GACR,cAAY,OAAA,UAAU;GACvB,qBAAkB;GAClB,OAAM;;;;;;;EAERC,mBAES,UAAA;GAFD,OAAM;GAAW,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,OAAA,YAAS;EACpC,GAAAH,gBAAA,OAAA,EAAC,QAAA,CAAA,GAAA,CAAA;EAENG,mBAMS,UAAA;GALP,OAAM;GACL,UAAU,OAAA;GACV,SAAO,OAAA;EAEL,GAAAH,gBAAA,OAAA,EAAC,KAAA,CAAA,GAAA,GAAA,UAAA"}

package/dist/{CommentParentInfo-DMX3nkCb.mjs → CommentParentInfo-BO2YNPPR.mjs} RENAMED Viewed

@@ -1,6 +1,6 @@
 import { t as e } from "./ClassicLoading-CXfMjpyl.mjs";
-import { t } from "./classicApi-pmODlqv5.mjs";
-import { n } from "./CommentItem-CqWZPmbj.mjs";
+import { t } from "./classicApi-CGipMqf7.mjs";
+import { n } from "./CommentItem-BbUPCvEC.mjs";
 import { createBlock as r, createCommentVNode as i, createElementBlock as a, createVNode as o, defineComponent as s, onBeforeMount as c, openBlock as l, ref as u, unref as d } from "vue";
 import { useI18n as f } from "vue-i18n";
 //#region src/components/display/comments/CommentParentInfo.vue?vue&type=script&setup=true&lang.ts

package/dist/CommentParentInfo-DWVF5Ewh.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"CommentParentInfo-DWVF5Ewh.mjs","names":["classicApi","_openBlock","_createElementBlock","_createVNode","_createBlock","_createCommentVNode","_sfc_main"],"sources":["../src/components/display/comments/CommentParentInfo.vue","../src/components/display/comments/CommentParentInfo.vue"],"sourcesContent":["<template>\n <div class=\"mt-2\">\n <ClassicLoading\n :loading-text=\"loading ? t('Loading content ...') : undefined\"\n />\n <CommentBasicView\n v-if=\"!loading && comment\"\n :comment=\"comment\"\n :edit-right=\"editRight\"\n />\n </div>\n</template>\n\n<script setup lang=\"ts\">\nimport classicApi from \"../../../api/classicApi\";\nimport CommentBasicView from \"./item/CommentBasicView.vue\";\nimport ClassicLoading from \"../../form/ClassicLoading.vue\";\nimport { CommentPodcast } from \"@/stores/class/general/comment\";\nimport { onBeforeMount, Ref, ref } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \nconst props = defineProps({\n commentId: { default: undefined, type: Number },\n editRight: { default: false, type: Boolean },\n})\n\n//Data \nconst loading = ref(true);\nconst comment: Ref<CommentPodcast | undefined> = ref(undefined);\n\n//Composables\nconst { t } = useI18n();\n \n\nonBeforeMount(()=>fetchComment())\n\n//Methods\nasync function fetchComment(): Promise<void> {\n if (props.commentId) {\n comment.value = await classicApi.fetchData<CommentPodcast>({\n api: 2,\n path: `comment/${props.commentId}`,\n });\n }\n loading.value = false;\n}\n</script>\n","<template>\n <div class=\"mt-2\">\n <ClassicLoading\n :loading-text=\"loading ? t('Loading content ...') : undefined\"\n />\n <CommentBasicView\n v-if=\"!loading && comment\"\n :comment=\"comment\"\n :edit-right=\"editRight\"\n />\n </div>\n</template>\n\n<script setup lang=\"ts\">\nimport classicApi from \"../../../api/classicApi\";\nimport CommentBasicView from \"./item/CommentBasicView.vue\";\nimport ClassicLoading from \"../../form/ClassicLoading.vue\";\nimport { CommentPodcast } from \"@/stores/class/general/comment\";\nimport { onBeforeMount, Ref, ref } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \nconst props = defineProps({\n commentId: { default: undefined, type: Number },\n editRight: { default: false, type: Boolean },\n})\n\n//Data \nconst loading = ref(true);\nconst comment: Ref<CommentPodcast | undefined> = ref(undefined);\n\n//Composables\nconst { t } = useI18n();\n \n\nonBeforeMount(()=>fetchComment())\n\n//Methods\nasync function fetchComment(): Promise<void> {\n if (props.commentId) {\n comment.value = await classicApi.fetchData<CommentPodcast>({\n api: 2,\n path: `comment/${props.commentId}`,\n });\n }\n loading.value = false;\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;EAsBA,MAAM,QAAQ;EAMd,MAAM,UAAU,IAAI,IAAI;EACxB,MAAM,UAA2C,IAAI,KAAA,CAAS;EAG9D,MAAM,EAAE,MAAM,QAAQ;EAGtB,oBAAkB,aAAa,CAAC;EAGhC,eAAe,eAA8B;GAC3C,IAAI,MAAM,WACR,QAAQ,QAAQ,MAAMA,mBAAW,UAA0B;IACzD,KAAK;IACL,MAAM,WAAW,MAAM;GACzB,CAAC;GAEH,QAAQ,QAAQ;EAClB;;;;;;;;;;;;;;;;;;;AC7CO,IAAA,aAAA,EAAA,OAAM,OAAM;;CAAjB,OAAAC,UAAA,GAAAC,mBASM,OATN,YASM,CARJC,YAEE,OAAA,mBAAA,EADC,gBAAc,OAAA,UAAU,OAAA,EAAC,qBAAA,IAA0B,KAAA,EAAA,GAAA,MAAA,GAAA,CAAA,cAAA,CAAA,GAG7C,CAAA,OAAA,WAAW,OAAA,WADpBF,UAAA,GAAAG,YAIE,OAAA,qBAAA;;EAFC,SAAS,OAAA;EACT,cAAY,OAAA"}

package/dist/CommentParentInfo-DqHfDpKs.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"CommentParentInfo-DqHfDpKs.mjs","names":["classicApi","_openBlock","_createElementBlock","_createVNode","_createBlock","_createCommentVNode","_sfc_main"],"sources":["../src/components/display/comments/CommentParentInfo.vue","../src/components/display/comments/CommentParentInfo.vue"],"sourcesContent":["<template>\n <div class=\"mt-2\">\n <ClassicLoading\n :loading-text=\"loading ? t('Loading content ...') : undefined\"\n />\n <CommentBasicView\n v-if=\"!loading && comment\"\n :comment=\"comment\"\n :edit-right=\"editRight\"\n />\n </div>\n</template>\n\n<script setup lang=\"ts\">\nimport classicApi from \"../../../api/classicApi\";\nimport CommentBasicView from \"./item/CommentBasicView.vue\";\nimport ClassicLoading from \"../../form/ClassicLoading.vue\";\nimport { CommentPodcast } from \"@/stores/class/general/comment\";\nimport { onBeforeMount, Ref, ref } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \nconst props = defineProps({\n commentId: { default: undefined, type: Number },\n editRight: { default: false, type: Boolean },\n})\n\n//Data \nconst loading = ref(true);\nconst comment: Ref<CommentPodcast | undefined> = ref(undefined);\n\n//Composables\nconst { t } = useI18n();\n \n\nonBeforeMount(()=>fetchComment())\n\n//Methods\nasync function fetchComment(): Promise<void> {\n if (props.commentId) {\n comment.value = await classicApi.fetchData<CommentPodcast>({\n api: 2,\n path: `comment/${props.commentId}`,\n });\n }\n loading.value = false;\n}\n</script>\n","<template>\n <div class=\"mt-2\">\n <ClassicLoading\n :loading-text=\"loading ? t('Loading content ...') : undefined\"\n />\n <CommentBasicView\n v-if=\"!loading && comment\"\n :comment=\"comment\"\n :edit-right=\"editRight\"\n />\n </div>\n</template>\n\n<script setup lang=\"ts\">\nimport classicApi from \"../../../api/classicApi\";\nimport CommentBasicView from \"./item/CommentBasicView.vue\";\nimport ClassicLoading from \"../../form/ClassicLoading.vue\";\nimport { CommentPodcast } from \"@/stores/class/general/comment\";\nimport { onBeforeMount, Ref, ref } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \nconst props = defineProps({\n commentId: { default: undefined, type: Number },\n editRight: { default: false, type: Boolean },\n})\n\n//Data \nconst loading = ref(true);\nconst comment: Ref<CommentPodcast | undefined> = ref(undefined);\n\n//Composables\nconst { t } = useI18n();\n \n\nonBeforeMount(()=>fetchComment())\n\n//Methods\nasync function fetchComment(): Promise<void> {\n if (props.commentId) {\n comment.value = await classicApi.fetchData<CommentPodcast>({\n api: 2,\n path: `comment/${props.commentId}`,\n });\n }\n loading.value = false;\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;EAsBA,MAAM,QAAQ;EAMd,MAAM,UAAU,IAAI,IAAI;EACxB,MAAM,UAA2C,IAAI,KAAA,CAAS;EAG9D,MAAM,EAAE,MAAM,QAAQ;EAGtB,oBAAkB,aAAa,CAAC;EAGhC,eAAe,eAA8B;GAC3C,IAAI,MAAM,WACR,QAAQ,QAAQ,MAAMA,mBAAW,UAA0B;IACzD,KAAK;IACL,MAAM,WAAW,MAAM;GACzB,CAAC;GAEH,QAAQ,QAAQ;EAClB;;;;;;;;;;;;;;;;;;;AC7CO,IAAA,aAAA,EAAA,OAAM,OAAM;;CAAjB,OAAAC,UAAA,GAAAC,mBASM,OATN,YASM,CARJC,YAEE,OAAA,mBAAA,EADC,gBAAc,OAAA,UAAU,OAAA,EAAC,qBAAA,IAA0B,KAAA,EAAA,GAAA,MAAA,GAAA,CAAA,cAAA,CAAA,GAG7C,CAAA,OAAA,WAAW,OAAA,WADpBF,UAAA,GAAAG,YAIE,OAAA,qBAAA;;EAFC,SAAS,OAAA;EACT,cAAY,OAAA"}

package/dist/{CommentPlayer-D3JEVPKX.mjs → CommentPlayer-B4MXG-gG.mjs} RENAMED Viewed

@@ -1,6 +1,6 @@
-import { n as e } from "./PlayerStore-CKprkxa0.mjs";
+import { n as e } from "./PlayerStore-DggKki80.mjs";
 import { t } from "./useSelenium-DAM6EF3J.mjs";
-import { t as n } from "./CommentStore-hPTYaDGr.mjs";
+import { t as n } from "./CommentStore-CysGkBHp.mjs";
 import { Fragment as r, computed as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, defineComponent as c, normalizeStyle as l, openBlock as u, ref as d, renderList as f, toDisplayString as p, unref as m, watch as h } from "vue";
 //#region src/components/display/comments/CommentPlayer.vue?vue&type=script&setup=true&lang.ts
 var g = {

package/dist/CommentPlayer-B67saxPf.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"CommentPlayer-B67saxPf.mjs","names":["_openBlock","_createElementBlock","_Fragment","_renderList","_createElementVNode","_normalizeStyle","_toDisplayString","_createCommentVNode","_sfc_main"],"sources":["../src/components/display/comments/CommentPlayer.vue","../src/components/display/comments/CommentPlayer.vue"],"sourcesContent":["<template>\n <div v-if=\"commentsToDisplay.length\" class=\"comment-player-container\">\n <div\n v-for=\"c in commentsToDisplay\"\n :key=\"c.commentId\"\n class=\"c-hand\"\n @mouseenter=\"displayContent = c\"\n @mouseleave=\"displayContent = undefined\"\n @click=\"displayContent = c\"\n >\n <div\n :style=\"'margin-left: ' + percentPosition(c.timeline ?? 0) + '%'\"\n class=\"comment-border\"\n />\n <div\n :style=\"\n 'margin-left: calc(' + percentPosition(c.timeline ?? 0) + '% - 7px)'\n \"\n class=\"status-comment\"\n :data-selenium=\"'comment-' + seleniumFormat(c.poster.userName)\"\n />\n </div>\n <div v-if=\"displayContent\" class=\"d-flex align-itemx-center mt-4\">\n <div class=\"text-primary flex-shrink-0\">\n {{ displayContent.poster.userName }}\n </div>\n <div class=\"ms-1 me-1\">-</div>\n <div class=\"text-truncate\">\n {{ displayContent.content }}\n </div>\n </div>\n </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { CommentPodcast } from \"@/stores/class/general/comment\";\nimport {useSelenium} from \"../../composable/useSelenium\";\nimport { usePlayerStore } from \"../../../stores/PlayerStore\";\nimport { computed, Ref, ref, watch } from \"vue\";\nimport { useCommentStore } from \"../../../stores/CommentStore\";\n\n//Data \nconst displayContent: Ref<CommentPodcast | undefined> = ref(undefined);\nconst commentsToDisplay: Ref<Array<CommentPodcast>> = ref([]);\n\n//Composables\nconst { seleniumFormat } = useSelenium();\nconst playerStore = usePlayerStore();\nconst commentStore = useCommentStore();\n\n//Computed\nconst podcastId = computed(() => playerStore.playerPodcast?.podcastId);\n\n\n//Watch\nwatch(podcastId, () => {initComments()}, {immediate: true});\n\n\n//Methods\nasync function initComments() {\n if (playerStore.playerPodcast?.podcastId) {\n commentsToDisplay.value = await commentStore.fetchCommentsForPlayer(\n playerStore.playerPodcast.podcastId,\n );\n }\n}\nfunction percentPosition(time: number): number {\n let realDuration = playerStore.playerTotal;\n if (playerStore.playerPodcast?.duration) {\n realDuration = Math.round(playerStore.playerPodcast.duration / 1000);\n }\n if (realDuration < playerStore.playerTotal) {\n time = time + (playerStore.playerTotal - realDuration);\n }\n return Math.round((time * 100) / playerStore.playerTotal);\n}\n</script>\n\n<style lang=\"scss\">\n@use \"../../../style/comments\";\n\n.octopus-app {\n .comment-player-container {\n position: relative;\n width: 100%;\n height: 60px;\n display: flex;\n\n @media (width <= 960px) {\n display: none;\n }\n \n .comment-border {\n width: auto;\n position: absolute;\n border-left: solid 1px white;\n height: 10px;\n }\n\n .status-comment {\n margin-top: 10px;\n position: absolute;\n background: white;\n }\n }\n}\n</style>\n","<template>\n <div v-if=\"commentsToDisplay.length\" class=\"comment-player-container\">\n <div\n v-for=\"c in commentsToDisplay\"\n :key=\"c.commentId\"\n class=\"c-hand\"\n @mouseenter=\"displayContent = c\"\n @mouseleave=\"displayContent = undefined\"\n @click=\"displayContent = c\"\n >\n <div\n :style=\"'margin-left: ' + percentPosition(c.timeline ?? 0) + '%'\"\n class=\"comment-border\"\n />\n <div\n :style=\"\n 'margin-left: calc(' + percentPosition(c.timeline ?? 0) + '% - 7px)'\n \"\n class=\"status-comment\"\n :data-selenium=\"'comment-' + seleniumFormat(c.poster.userName)\"\n />\n </div>\n <div v-if=\"displayContent\" class=\"d-flex align-itemx-center mt-4\">\n <div class=\"text-primary flex-shrink-0\">\n {{ displayContent.poster.userName }}\n </div>\n <div class=\"ms-1 me-1\">-</div>\n <div class=\"text-truncate\">\n {{ displayContent.content }}\n </div>\n </div>\n </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { CommentPodcast } from \"@/stores/class/general/comment\";\nimport {useSelenium} from \"../../composable/useSelenium\";\nimport { usePlayerStore } from \"../../../stores/PlayerStore\";\nimport { computed, Ref, ref, watch } from \"vue\";\nimport { useCommentStore } from \"../../../stores/CommentStore\";\n\n//Data \nconst displayContent: Ref<CommentPodcast | undefined> = ref(undefined);\nconst commentsToDisplay: Ref<Array<CommentPodcast>> = ref([]);\n\n//Composables\nconst { seleniumFormat } = useSelenium();\nconst playerStore = usePlayerStore();\nconst commentStore = useCommentStore();\n\n//Computed\nconst podcastId = computed(() => playerStore.playerPodcast?.podcastId);\n\n\n//Watch\nwatch(podcastId, () => {initComments()}, {immediate: true});\n\n\n//Methods\nasync function initComments() {\n if (playerStore.playerPodcast?.podcastId) {\n commentsToDisplay.value = await commentStore.fetchCommentsForPlayer(\n playerStore.playerPodcast.podcastId,\n );\n }\n}\nfunction percentPosition(time: number): number {\n let realDuration = playerStore.playerTotal;\n if (playerStore.playerPodcast?.duration) {\n realDuration = Math.round(playerStore.playerPodcast.duration / 1000);\n }\n if (realDuration < playerStore.playerTotal) {\n time = time + (playerStore.playerTotal - realDuration);\n }\n return Math.round((time * 100) / playerStore.playerTotal);\n}\n</script>\n\n<style lang=\"scss\">\n@use \"../../../style/comments\";\n\n.octopus-app {\n .comment-player-container {\n position: relative;\n width: 100%;\n height: 60px;\n display: flex;\n\n @media (width <= 960px) {\n display: none;\n }\n \n .comment-border {\n width: auto;\n position: absolute;\n border-left: solid 1px white;\n height: 10px;\n }\n\n .status-comment {\n margin-top: 10px;\n position: absolute;\n background: white;\n }\n }\n}\n</style>\n"],"mappings":";;;;;;;;;;EA0CA,MAAM,iBAAkD,IAAI,KAAA,CAAS;EACrE,MAAM,oBAAgD,IAAI,CAAC,CAAC;EAG5D,MAAM,EAAE,mBAAmB,YAAY;EACvC,MAAM,cAAc,eAAe;EACnC,MAAM,eAAe,gBAAgB;EAGrC,MAAM,YAAY,eAAe,YAAY,eAAe,SAAS;EAIrE,MAAM,iBAAiB;GAAC,aAAa;EAAC,GAAG,EAAC,WAAW,KAAI,CAAC;EAI1D,eAAe,eAAe;GAC5B,IAAI,YAAY,eAAe,WAC7B,kBAAkB,QAAQ,MAAM,aAAa,uBAC3C,YAAY,cAAc,SAC5B;EAEJ;EACA,SAAS,gBAAgB,MAAsB;GAC7C,IAAI,eAAe,YAAY;GAC/B,IAAI,YAAY,eAAe,UAC7B,eAAe,KAAK,MAAM,YAAY,cAAc,WAAW,GAAI;GAErE,IAAI,eAAe,YAAY,aAC7B,OAAO,QAAQ,YAAY,cAAc;GAE3C,OAAO,KAAK,MAAO,OAAO,MAAO,YAAY,WAAW;EAC1D;;;;;;;;;;;;;;;;;;;;;;CC1EuC,OAAM;;;;;;CAqBd,OAAM;;AAC1B,IAAA,aAAA,EAAA,OAAM,6BAA4B;AAIlC,IAAA,aAAA,EAAA,OAAM,gBAAe;;CA1BnB,OAAA,OAAA,kBAAkB,UAA7BA,UAAA,GAAAC,mBA8BM,OA9BN,YA8BM,EA7BJD,UAAA,IAAA,GAAAC,mBAmBMC,UAAA,MAAAC,WAlBQ,OAAA,oBAAL,MAAC;EADV,OAAAH,UAAA,GAAAC,mBAmBM,OAAA;GAjBH,KAAK,EAAE;GACR,OAAM;GACL,eAAU,WAAE,OAAA,iBAAiB;GAC7B,cAAU,OAAA,OAAA,OAAA,MAAA,WAAE,OAAA,iBAAiB,KAAA;GAC7B,UAAK,WAAE,OAAA,iBAAiB;EAEzB,GAAA,CAAAG,mBAGE,OAAA;GAFC,OAAKC,eAAA,kBAAoB,OAAA,gBAAgB,EAAE,YAAQ,CAAA,IAAA,GAAA;GACpD,OAAM;EAER,GAAA,MAAA,CAAA,GAAAD,mBAME,OAAA;GALC,OAAKC,eAAoC,uBAAA,OAAA,gBAAgB,EAAE,YAAQ,CAAA,IAAA,UAAA;GAGpE,OAAM;GACL,iBAAa,aAAe,OAAA,eAAe,EAAE,OAAO,QAAQ;;CAGtD,CAAA,GAAA,GAAA,IAAA,OAAA,kBAAXL,UAAA,GAAAC,mBAQM,OARN,YAQM;EAPJG,mBAEM,OAFN,YAEME,gBADD,OAAA,eAAe,OAAO,QAAQ,GAAA,CAAA;EAEnC,OAAA,OAAA,OAAA,KAAAF,mBAA8B,OAAA,EAAzB,OAAM,YAAW,GAAC,KAAC,EAAA;EACxBA,mBAEM,OAFN,YAEME,gBADD,OAAA,eAAe,OAAO,GAAA,CAAA"}

package/dist/CommentPlayer-BUtEvkoV.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"CommentPlayer-BUtEvkoV.mjs","names":["_openBlock","_createElementBlock","_Fragment","_renderList","_createElementVNode","_normalizeStyle","_toDisplayString","_createCommentVNode","_sfc_main"],"sources":["../src/components/display/comments/CommentPlayer.vue","../src/components/display/comments/CommentPlayer.vue"],"sourcesContent":["<template>\n <div v-if=\"commentsToDisplay.length\" class=\"comment-player-container\">\n <div\n v-for=\"c in commentsToDisplay\"\n :key=\"c.commentId\"\n class=\"c-hand\"\n @mouseenter=\"displayContent = c\"\n @mouseleave=\"displayContent = undefined\"\n @click=\"displayContent = c\"\n >\n <div\n :style=\"'margin-left: ' + percentPosition(c.timeline ?? 0) + '%'\"\n class=\"comment-border\"\n />\n <div\n :style=\"\n 'margin-left: calc(' + percentPosition(c.timeline ?? 0) + '% - 7px)'\n \"\n class=\"status-comment\"\n :data-selenium=\"'comment-' + seleniumFormat(c.poster.userName)\"\n />\n </div>\n <div v-if=\"displayContent\" class=\"d-flex align-itemx-center mt-4\">\n <div class=\"text-primary flex-shrink-0\">\n {{ displayContent.poster.userName }}\n </div>\n <div class=\"ms-1 me-1\">-</div>\n <div class=\"text-truncate\">\n {{ displayContent.content }}\n </div>\n </div>\n </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { CommentPodcast } from \"@/stores/class/general/comment\";\nimport {useSelenium} from \"../../composable/useSelenium\";\nimport { usePlayerStore } from \"../../../stores/PlayerStore\";\nimport { computed, Ref, ref, watch } from \"vue\";\nimport { useCommentStore } from \"../../../stores/CommentStore\";\n\n//Data \nconst displayContent: Ref<CommentPodcast | undefined> = ref(undefined);\nconst commentsToDisplay: Ref<Array<CommentPodcast>> = ref([]);\n\n//Composables\nconst { seleniumFormat } = useSelenium();\nconst playerStore = usePlayerStore();\nconst commentStore = useCommentStore();\n\n//Computed\nconst podcastId = computed(() => playerStore.playerPodcast?.podcastId);\n\n\n//Watch\nwatch(podcastId, () => {initComments()}, {immediate: true});\n\n\n//Methods\nasync function initComments() {\n if (playerStore.playerPodcast?.podcastId) {\n commentsToDisplay.value = await commentStore.fetchCommentsForPlayer(\n playerStore.playerPodcast.podcastId,\n );\n }\n}\nfunction percentPosition(time: number): number {\n let realDuration = playerStore.playerTotal;\n if (playerStore.playerPodcast?.duration) {\n realDuration = Math.round(playerStore.playerPodcast.duration / 1000);\n }\n if (realDuration < playerStore.playerTotal) {\n time = time + (playerStore.playerTotal - realDuration);\n }\n return Math.round((time * 100) / playerStore.playerTotal);\n}\n</script>\n\n<style lang=\"scss\">\n@use \"../../../style/comments\";\n\n.octopus-app {\n .comment-player-container {\n position: relative;\n width: 100%;\n height: 60px;\n display: flex;\n\n @media (width <= 960px) {\n display: none;\n }\n \n .comment-border {\n width: auto;\n position: absolute;\n border-left: solid 1px white;\n height: 10px;\n }\n\n .status-comment {\n margin-top: 10px;\n position: absolute;\n background: white;\n }\n }\n}\n</style>\n","<template>\n <div v-if=\"commentsToDisplay.length\" class=\"comment-player-container\">\n <div\n v-for=\"c in commentsToDisplay\"\n :key=\"c.commentId\"\n class=\"c-hand\"\n @mouseenter=\"displayContent = c\"\n @mouseleave=\"displayContent = undefined\"\n @click=\"displayContent = c\"\n >\n <div\n :style=\"'margin-left: ' + percentPosition(c.timeline ?? 0) + '%'\"\n class=\"comment-border\"\n />\n <div\n :style=\"\n 'margin-left: calc(' + percentPosition(c.timeline ?? 0) + '% - 7px)'\n \"\n class=\"status-comment\"\n :data-selenium=\"'comment-' + seleniumFormat(c.poster.userName)\"\n />\n </div>\n <div v-if=\"displayContent\" class=\"d-flex align-itemx-center mt-4\">\n <div class=\"text-primary flex-shrink-0\">\n {{ displayContent.poster.userName }}\n </div>\n <div class=\"ms-1 me-1\">-</div>\n <div class=\"text-truncate\">\n {{ displayContent.content }}\n </div>\n </div>\n </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { CommentPodcast } from \"@/stores/class/general/comment\";\nimport {useSelenium} from \"../../composable/useSelenium\";\nimport { usePlayerStore } from \"../../../stores/PlayerStore\";\nimport { computed, Ref, ref, watch } from \"vue\";\nimport { useCommentStore } from \"../../../stores/CommentStore\";\n\n//Data \nconst displayContent: Ref<CommentPodcast | undefined> = ref(undefined);\nconst commentsToDisplay: Ref<Array<CommentPodcast>> = ref([]);\n\n//Composables\nconst { seleniumFormat } = useSelenium();\nconst playerStore = usePlayerStore();\nconst commentStore = useCommentStore();\n\n//Computed\nconst podcastId = computed(() => playerStore.playerPodcast?.podcastId);\n\n\n//Watch\nwatch(podcastId, () => {initComments()}, {immediate: true});\n\n\n//Methods\nasync function initComments() {\n if (playerStore.playerPodcast?.podcastId) {\n commentsToDisplay.value = await commentStore.fetchCommentsForPlayer(\n playerStore.playerPodcast.podcastId,\n );\n }\n}\nfunction percentPosition(time: number): number {\n let realDuration = playerStore.playerTotal;\n if (playerStore.playerPodcast?.duration) {\n realDuration = Math.round(playerStore.playerPodcast.duration / 1000);\n }\n if (realDuration < playerStore.playerTotal) {\n time = time + (playerStore.playerTotal - realDuration);\n }\n return Math.round((time * 100) / playerStore.playerTotal);\n}\n</script>\n\n<style lang=\"scss\">\n@use \"../../../style/comments\";\n\n.octopus-app {\n .comment-player-container {\n position: relative;\n width: 100%;\n height: 60px;\n display: flex;\n\n @media (width <= 960px) {\n display: none;\n }\n \n .comment-border {\n width: auto;\n position: absolute;\n border-left: solid 1px white;\n height: 10px;\n }\n\n .status-comment {\n margin-top: 10px;\n position: absolute;\n background: white;\n }\n }\n}\n</style>\n"],"mappings":";;;;;;;;;;EA0CA,MAAM,iBAAkD,IAAI,KAAA,CAAS;EACrE,MAAM,oBAAgD,IAAI,CAAC,CAAC;EAG5D,MAAM,EAAE,mBAAmB,YAAY;EACvC,MAAM,cAAc,eAAe;EACnC,MAAM,eAAe,gBAAgB;EAGrC,MAAM,YAAY,eAAe,YAAY,eAAe,SAAS;EAIrE,MAAM,iBAAiB;GAAC,aAAa;EAAC,GAAG,EAAC,WAAW,KAAI,CAAC;EAI1D,eAAe,eAAe;GAC5B,IAAI,YAAY,eAAe,WAC7B,kBAAkB,QAAQ,MAAM,aAAa,uBAC3C,YAAY,cAAc,SAC5B;EAEJ;EACA,SAAS,gBAAgB,MAAsB;GAC7C,IAAI,eAAe,YAAY;GAC/B,IAAI,YAAY,eAAe,UAC7B,eAAe,KAAK,MAAM,YAAY,cAAc,WAAW,GAAI;GAErE,IAAI,eAAe,YAAY,aAC7B,OAAO,QAAQ,YAAY,cAAc;GAE3C,OAAO,KAAK,MAAO,OAAO,MAAO,YAAY,WAAW;EAC1D;;;;;;;;;;;;;;;;;;;;;;CC1EuC,OAAM;;;;;;CAqBd,OAAM;;AAC1B,IAAA,aAAA,EAAA,OAAM,6BAA4B;AAIlC,IAAA,aAAA,EAAA,OAAM,gBAAe;;CA1BnB,OAAA,OAAA,kBAAkB,UAA7BA,UAAA,GAAAC,mBA8BM,OA9BN,YA8BM,EA7BJD,UAAA,IAAA,GAAAC,mBAmBMC,UAAA,MAAAC,WAlBQ,OAAA,oBAAL,MAAC;EADV,OAAAH,UAAA,GAAAC,mBAmBM,OAAA;GAjBH,KAAK,EAAE;GACR,OAAM;GACL,eAAU,WAAE,OAAA,iBAAiB;GAC7B,cAAU,OAAA,OAAA,OAAA,MAAA,WAAE,OAAA,iBAAiB,KAAA;GAC7B,UAAK,WAAE,OAAA,iBAAiB;EAEzB,GAAA,CAAAG,mBAGE,OAAA;GAFC,OAAKC,eAAA,kBAAoB,OAAA,gBAAgB,EAAE,YAAQ,CAAA,IAAA,GAAA;GACpD,OAAM;EAER,GAAA,MAAA,CAAA,GAAAD,mBAME,OAAA;GALC,OAAKC,eAAoC,uBAAA,OAAA,gBAAgB,EAAE,YAAQ,CAAA,IAAA,UAAA;GAGpE,OAAM;GACL,iBAAa,aAAe,OAAA,eAAe,EAAE,OAAO,QAAQ;;CAGtD,CAAA,GAAA,GAAA,IAAA,OAAA,kBAAXL,UAAA,GAAAC,mBAQM,OARN,YAQM;EAPJG,mBAEM,OAFN,YAEME,gBADD,OAAA,eAAe,OAAO,QAAQ,GAAA,CAAA;EAEnC,OAAA,OAAA,OAAA,KAAAF,mBAA8B,OAAA,EAAzB,OAAM,YAAW,GAAC,KAAC,EAAA;EACxBA,mBAEM,OAFN,YAEME,gBADD,OAAA,eAAe,OAAO,GAAA,CAAA"}

package/dist/CommentSection-BIZMRePu.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"CommentSection-BIZMRePu.mjs","names":["_withDirectives","_openBlock","_createElementBlock","_createElementVNode","_createBlock","_resolveDynamicComponent","_normalizeClass","_withCtx","_createTextVNode","_toDisplayString","_createVNode","_createCommentVNode","_vShow","_sfc_main"],"sources":["../src/components/display/comments/CommentSection.vue","../src/components/display/comments/CommentSection.vue"],"sourcesContent":["<template>\n <section v-show=\"displayCommentSection\" class=\"module-box\">\n <div class=\"d-flex align-items-center\">\n <component \n :is=\"inStudio? 'div':'h3'\" \n :class=\"inStudio? 'm-1 fw-bold':'mb-0 me-2'\">{{ t(\"Podcast's comments\") }}</component>\n <button\n :title=\"t('Refresh')\"\n class=\"btn btn-transparent\"\n @click=\"reload = !reload\"\n >\n <RefreshIcon />\n </button>\n </div>\n <CommentInput\n v-if=\"canPostComment\"\n :podcast=\"podcast\"\n @new-comment=\"newComment\"\n />\n <CommentList\n v-model:nb-comments=\"nbComments\"\n :class=\"inStudio? 'mt-2':'mt-5'\"\n :podcast=\"podcast\"\n :is-flat-list=\"inStudio\"\n :reload=\"reload\"\n :config=\"configPodcast\"\n :event-to-handle=\"eventToHandle\"\n :state-filter=\"stateFilter\"\n />\n </section>\n</template>\n\n<script setup lang=\"ts\">\nimport RefreshIcon from \"vue-material-design-icons/Refresh.vue\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport { computed, defineAsyncComponent, onBeforeMount, ref, Ref, watch } from \"vue\";\nimport { useCommentStore } from \"../../../stores/CommentStore\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\nimport {\n CommentMessage,\n CommentsConfig,\n} from \"@/stores/class/config/commentsConfig\";\nimport { CommentPodcast } from \"@/stores/class/general/comment\";\nimport { useI18n } from \"vue-i18n\";\nconst CommentList = defineAsyncComponent(() => import(\"./CommentList.vue\"));\nconst CommentInput = defineAsyncComponent(() => import(\"./CommentInput.vue\"));\n\n//Props \nconst props = defineProps({\n podcast: { default: undefined, type: Object as () => Podcast },\n inStudio: { default: false, type: Boolean },\n stateFilter: { default: \"\", type: String },\n})\n\n//Emits\nconst emit = defineEmits([\"commentReceived\"]);\n\n//Data \nconst reload = ref(false);\nconst configPodcast: Ref<CommentsConfig | undefined> = ref(undefined);\nconst nbComments = ref(0);\nconst eventToHandle: Ref<CommentMessage | undefined> = ref(undefined);\n\n//Composables\nconst { t } = useI18n();\nconst commentStore = useCommentStore();\nconst authStore = useAuthStore();\n\n\n//Computed\nconst displayCommentSection = computed(() => canPostComment.value || nbComments.value > 0);\nconst canPostComment = computed(() => {\n return commentStore.getCanPostComment(\n configPodcast.value,\n props.podcast,\n undefined !== authStore.authOrgaId,\n );\n});\nconst eventActive = computed(() => undefined !== props.podcast?.conferenceId);\n\n\n//Watch\nwatch(()=>commentStore.commentEventToHandle, async () => {\n if (\n !commentStore.commentEventToHandle.length ||\n commentStore.commentPodcastId !== props.podcast?.podcastId\n ){\n return;\n }\n eventToHandle.value = commentStore.commentEventToHandle[0];\n commentStore.commentEventHandled();\n emit('commentReceived');\n}, {deep: true});\n\n\nonBeforeMount(()=>fetchPodcastCommentsConfig())\n\n\n//Methods\nasync function fetchPodcastCommentsConfig() {\n if (!props.podcast?.podcastId) {\n return;\n }\n configPodcast.value = await commentStore.getCommentsConfig(props.podcast);\n if (!eventActive.value) {\n return;\n }\n initLiveComments();\n}\nasync function initLiveComments(): Promise<void> {\n if (!props.podcast?.podcastId || !props.podcast?.organisation.id) {\n return;\n }\n if (!commentStore.commentInitialized) {\n await commentStore.initialize();\n }\n await commentStore.initComments(\n props.podcast.podcastId,\n props.podcast.organisation.id,\n );\n}\nfunction newComment(comment: CommentPodcast) {\n if (eventActive.value) {\n return;\n }\n eventToHandle.value = { type: \"CREATE\", comment: comment };\n}\n</script>\n","<template>\n <section v-show=\"displayCommentSection\" class=\"module-box\">\n <div class=\"d-flex align-items-center\">\n <component \n :is=\"inStudio? 'div':'h3'\" \n :class=\"inStudio? 'm-1 fw-bold':'mb-0 me-2'\">{{ t(\"Podcast's comments\") }}</component>\n <button\n :title=\"t('Refresh')\"\n class=\"btn btn-transparent\"\n @click=\"reload = !reload\"\n >\n <RefreshIcon />\n </button>\n </div>\n <CommentInput\n v-if=\"canPostComment\"\n :podcast=\"podcast\"\n @new-comment=\"newComment\"\n />\n <CommentList\n v-model:nb-comments=\"nbComments\"\n :class=\"inStudio? 'mt-2':'mt-5'\"\n :podcast=\"podcast\"\n :is-flat-list=\"inStudio\"\n :reload=\"reload\"\n :config=\"configPodcast\"\n :event-to-handle=\"eventToHandle\"\n :state-filter=\"stateFilter\"\n />\n </section>\n</template>\n\n<script setup lang=\"ts\">\nimport RefreshIcon from \"vue-material-design-icons/Refresh.vue\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport { computed, defineAsyncComponent, onBeforeMount, ref, Ref, watch } from \"vue\";\nimport { useCommentStore } from \"../../../stores/CommentStore\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\nimport {\n CommentMessage,\n CommentsConfig,\n} from \"@/stores/class/config/commentsConfig\";\nimport { CommentPodcast } from \"@/stores/class/general/comment\";\nimport { useI18n } from \"vue-i18n\";\nconst CommentList = defineAsyncComponent(() => import(\"./CommentList.vue\"));\nconst CommentInput = defineAsyncComponent(() => import(\"./CommentInput.vue\"));\n\n//Props \nconst props = defineProps({\n podcast: { default: undefined, type: Object as () => Podcast },\n inStudio: { default: false, type: Boolean },\n stateFilter: { default: \"\", type: String },\n})\n\n//Emits\nconst emit = defineEmits([\"commentReceived\"]);\n\n//Data \nconst reload = ref(false);\nconst configPodcast: Ref<CommentsConfig | undefined> = ref(undefined);\nconst nbComments = ref(0);\nconst eventToHandle: Ref<CommentMessage | undefined> = ref(undefined);\n\n//Composables\nconst { t } = useI18n();\nconst commentStore = useCommentStore();\nconst authStore = useAuthStore();\n\n\n//Computed\nconst displayCommentSection = computed(() => canPostComment.value || nbComments.value > 0);\nconst canPostComment = computed(() => {\n return commentStore.getCanPostComment(\n configPodcast.value,\n props.podcast,\n undefined !== authStore.authOrgaId,\n );\n});\nconst eventActive = computed(() => undefined !== props.podcast?.conferenceId);\n\n\n//Watch\nwatch(()=>commentStore.commentEventToHandle, async () => {\n if (\n !commentStore.commentEventToHandle.length ||\n commentStore.commentPodcastId !== props.podcast?.podcastId\n ){\n return;\n }\n eventToHandle.value = commentStore.commentEventToHandle[0];\n commentStore.commentEventHandled();\n emit('commentReceived');\n}, {deep: true});\n\n\nonBeforeMount(()=>fetchPodcastCommentsConfig())\n\n\n//Methods\nasync function fetchPodcastCommentsConfig() {\n if (!props.podcast?.podcastId) {\n return;\n }\n configPodcast.value = await commentStore.getCommentsConfig(props.podcast);\n if (!eventActive.value) {\n return;\n }\n initLiveComments();\n}\nasync function initLiveComments(): Promise<void> {\n if (!props.podcast?.podcastId || !props.podcast?.organisation.id) {\n return;\n }\n if (!commentStore.commentInitialized) {\n await commentStore.initialize();\n }\n await commentStore.initComments(\n props.podcast.podcastId,\n props.podcast.organisation.id,\n );\n}\nfunction newComment(comment: CommentPodcast) {\n if (eventActive.value) {\n return;\n }\n eventToHandle.value = { type: \"CREATE\", comment: comment };\n}\n</script>\n"],"mappings":"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"}

package/dist/{CommentSection-Brn0VQcc.mjs → CommentSection-BpbKr-oT.mjs} RENAMED Viewed

@@ -1,5 +1,5 @@
-import { i as e } from "./classicApi-pmODlqv5.mjs";
-import { t } from "./CommentStore-hPTYaDGr.mjs";
+import { i as e } from "./classicApi-CGipMqf7.mjs";
+import { t } from "./CommentStore-CysGkBHp.mjs";
 import { computed as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createTextVNode as s, createVNode as c, defineAsyncComponent as l, defineComponent as u, normalizeClass as d, onBeforeMount as f, openBlock as p, ref as m, resolveDynamicComponent as h, toDisplayString as g, unref as _, vShow as v, watch as y, withCtx as b, withDirectives as x } from "vue";
 import { useI18n as S } from "vue-i18n";
 import C from "vue-material-design-icons/Refresh.vue";
@@ -22,7 +22,7 @@ var w = { class: "module-box" }, T = { class: "d-flex align-items-center" }, E =
 	},
 	emits: ["commentReceived"],
 	setup(u, { emit: D }) {
-		let O = l(() => import("./CommentList-CSYpqgNM.mjs")), k = l(() => import("./CommentInput-US8ZtNj1.mjs")), A = u, j = D, M = m(!1), N = m(void 0), P = m(0), F = m(void 0), { t: I } = S(), L = t(), R = e(), z = n(() => B.value || P.value > 0), B = n(() => L.getCanPostComment(N.value, A.podcast, R.authOrgaId !== void 0)), V = n(() => A.podcast?.conferenceId !== void 0);
+		let O = l(() => import("./CommentList-BmyJ4sBi.mjs")), k = l(() => import("./CommentInput-ByigNGTw.mjs")), A = u, j = D, M = m(!1), N = m(void 0), P = m(0), F = m(void 0), { t: I } = S(), L = t(), R = e(), z = n(() => B.value || P.value > 0), B = n(() => L.getCanPostComment(N.value, A.podcast, R.authOrgaId !== void 0)), V = n(() => A.podcast?.conferenceId !== void 0);
 		y(() => L.commentEventToHandle, async () => {
 			L.commentEventToHandle.length && L.commentPodcastId === A.podcast?.podcastId && (F.value = L.commentEventToHandle[0], L.commentEventHandled(), j("commentReceived"));
 		}, { deep: !0 }), f(() => H());

package/dist/CommentSection-MDKioQWf.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"CommentSection-MDKioQWf.mjs","names":["_withDirectives","_openBlock","_createElementBlock","_createElementVNode","_createBlock","_resolveDynamicComponent","_normalizeClass","_withCtx","_createTextVNode","_toDisplayString","_createVNode","_createCommentVNode","_vShow","_sfc_main"],"sources":["../src/components/display/comments/CommentSection.vue","../src/components/display/comments/CommentSection.vue"],"sourcesContent":["<template>\n <section v-show=\"displayCommentSection\" class=\"module-box\">\n <div class=\"d-flex align-items-center\">\n <component \n :is=\"inStudio? 'div':'h3'\" \n :class=\"inStudio? 'm-1 fw-bold':'mb-0 me-2'\">{{ t(\"Podcast's comments\") }}</component>\n <button\n :title=\"t('Refresh')\"\n class=\"btn btn-transparent\"\n @click=\"reload = !reload\"\n >\n <RefreshIcon />\n </button>\n </div>\n <CommentInput\n v-if=\"canPostComment\"\n :podcast=\"podcast\"\n @new-comment=\"newComment\"\n />\n <CommentList\n v-model:nb-comments=\"nbComments\"\n :class=\"inStudio? 'mt-2':'mt-5'\"\n :podcast=\"podcast\"\n :is-flat-list=\"inStudio\"\n :reload=\"reload\"\n :config=\"configPodcast\"\n :event-to-handle=\"eventToHandle\"\n :state-filter=\"stateFilter\"\n />\n </section>\n</template>\n\n<script setup lang=\"ts\">\nimport RefreshIcon from \"vue-material-design-icons/Refresh.vue\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport { computed, defineAsyncComponent, onBeforeMount, ref, Ref, watch } from \"vue\";\nimport { useCommentStore } from \"../../../stores/CommentStore\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\nimport {\n CommentMessage,\n CommentsConfig,\n} from \"@/stores/class/config/commentsConfig\";\nimport { CommentPodcast } from \"@/stores/class/general/comment\";\nimport { useI18n } from \"vue-i18n\";\nconst CommentList = defineAsyncComponent(() => import(\"./CommentList.vue\"));\nconst CommentInput = defineAsyncComponent(() => import(\"./CommentInput.vue\"));\n\n//Props \nconst props = defineProps({\n podcast: { default: undefined, type: Object as () => Podcast },\n inStudio: { default: false, type: Boolean },\n stateFilter: { default: \"\", type: String },\n})\n\n//Emits\nconst emit = defineEmits([\"commentReceived\"]);\n\n//Data \nconst reload = ref(false);\nconst configPodcast: Ref<CommentsConfig | undefined> = ref(undefined);\nconst nbComments = ref(0);\nconst eventToHandle: Ref<CommentMessage | undefined> = ref(undefined);\n\n//Composables\nconst { t } = useI18n();\nconst commentStore = useCommentStore();\nconst authStore = useAuthStore();\n\n\n//Computed\nconst displayCommentSection = computed(() => canPostComment.value || nbComments.value > 0);\nconst canPostComment = computed(() => {\n return commentStore.getCanPostComment(\n configPodcast.value,\n props.podcast,\n undefined !== authStore.authOrgaId,\n );\n});\nconst eventActive = computed(() => undefined !== props.podcast?.conferenceId);\n\n\n//Watch\nwatch(()=>commentStore.commentEventToHandle, async () => {\n if (\n !commentStore.commentEventToHandle.length ||\n commentStore.commentPodcastId !== props.podcast?.podcastId\n ){\n return;\n }\n eventToHandle.value = commentStore.commentEventToHandle[0];\n commentStore.commentEventHandled();\n emit('commentReceived');\n}, {deep: true});\n\n\nonBeforeMount(()=>fetchPodcastCommentsConfig())\n\n\n//Methods\nasync function fetchPodcastCommentsConfig() {\n if (!props.podcast?.podcastId) {\n return;\n }\n configPodcast.value = await commentStore.getCommentsConfig(props.podcast);\n if (!eventActive.value) {\n return;\n }\n initLiveComments();\n}\nasync function initLiveComments(): Promise<void> {\n if (!props.podcast?.podcastId || !props.podcast?.organisation.id) {\n return;\n }\n if (!commentStore.commentInitialized) {\n await commentStore.initialize();\n }\n await commentStore.initComments(\n props.podcast.podcastId,\n props.podcast.organisation.id,\n );\n}\nfunction newComment(comment: CommentPodcast) {\n if (eventActive.value) {\n return;\n }\n eventToHandle.value = { type: \"CREATE\", comment: comment };\n}\n</script>\n","<template>\n <section v-show=\"displayCommentSection\" class=\"module-box\">\n <div class=\"d-flex align-items-center\">\n <component \n :is=\"inStudio? 'div':'h3'\" \n :class=\"inStudio? 'm-1 fw-bold':'mb-0 me-2'\">{{ t(\"Podcast's comments\") }}</component>\n <button\n :title=\"t('Refresh')\"\n class=\"btn btn-transparent\"\n @click=\"reload = !reload\"\n >\n <RefreshIcon />\n </button>\n </div>\n <CommentInput\n v-if=\"canPostComment\"\n :podcast=\"podcast\"\n @new-comment=\"newComment\"\n />\n <CommentList\n v-model:nb-comments=\"nbComments\"\n :class=\"inStudio? 'mt-2':'mt-5'\"\n :podcast=\"podcast\"\n :is-flat-list=\"inStudio\"\n :reload=\"reload\"\n :config=\"configPodcast\"\n :event-to-handle=\"eventToHandle\"\n :state-filter=\"stateFilter\"\n />\n </section>\n</template>\n\n<script setup lang=\"ts\">\nimport RefreshIcon from \"vue-material-design-icons/Refresh.vue\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport { computed, defineAsyncComponent, onBeforeMount, ref, Ref, watch } from \"vue\";\nimport { useCommentStore } from \"../../../stores/CommentStore\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\nimport {\n CommentMessage,\n CommentsConfig,\n} from \"@/stores/class/config/commentsConfig\";\nimport { CommentPodcast } from \"@/stores/class/general/comment\";\nimport { useI18n } from \"vue-i18n\";\nconst CommentList = defineAsyncComponent(() => import(\"./CommentList.vue\"));\nconst CommentInput = defineAsyncComponent(() => import(\"./CommentInput.vue\"));\n\n//Props \nconst props = defineProps({\n podcast: { default: undefined, type: Object as () => Podcast },\n inStudio: { default: false, type: Boolean },\n stateFilter: { default: \"\", type: String },\n})\n\n//Emits\nconst emit = defineEmits([\"commentReceived\"]);\n\n//Data \nconst reload = ref(false);\nconst configPodcast: Ref<CommentsConfig | undefined> = ref(undefined);\nconst nbComments = ref(0);\nconst eventToHandle: Ref<CommentMessage | undefined> = ref(undefined);\n\n//Composables\nconst { t } = useI18n();\nconst commentStore = useCommentStore();\nconst authStore = useAuthStore();\n\n\n//Computed\nconst displayCommentSection = computed(() => canPostComment.value || nbComments.value > 0);\nconst canPostComment = computed(() => {\n return commentStore.getCanPostComment(\n configPodcast.value,\n props.podcast,\n undefined !== authStore.authOrgaId,\n );\n});\nconst eventActive = computed(() => undefined !== props.podcast?.conferenceId);\n\n\n//Watch\nwatch(()=>commentStore.commentEventToHandle, async () => {\n if (\n !commentStore.commentEventToHandle.length ||\n commentStore.commentPodcastId !== props.podcast?.podcastId\n ){\n return;\n }\n eventToHandle.value = commentStore.commentEventToHandle[0];\n commentStore.commentEventHandled();\n emit('commentReceived');\n}, {deep: true});\n\n\nonBeforeMount(()=>fetchPodcastCommentsConfig())\n\n\n//Methods\nasync function fetchPodcastCommentsConfig() {\n if (!props.podcast?.podcastId) {\n return;\n }\n configPodcast.value = await commentStore.getCommentsConfig(props.podcast);\n if (!eventActive.value) {\n return;\n }\n initLiveComments();\n}\nasync function initLiveComments(): Promise<void> {\n if (!props.podcast?.podcastId || !props.podcast?.organisation.id) {\n return;\n }\n if (!commentStore.commentInitialized) {\n await commentStore.initialize();\n }\n await commentStore.initComments(\n props.podcast.podcastId,\n props.podcast.organisation.id,\n );\n}\nfunction newComment(comment: CommentPodcast) {\n if (eventActive.value) {\n return;\n }\n eventToHandle.value = { type: \"CREATE\", comment: comment };\n}\n</script>\n"],"mappings":"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"}

package/dist/CommentStore-BBm8MjxW.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"CommentStore-BBm8MjxW.mjs","names":["classicApi","cookiesHelper","stringHelper","WebSocketEngine"],"sources":["../src/websocket/wss.ts","../src/websocket/commentWebsocket.ts","../src/stores/CommentStore.ts"],"sourcesContent":["/* eslint-disable */\nlet SockJS: any = null;\nlet Stomp: any = null;\n/* eslint-enable */\n\ninterface Subscription {\n id: string;\n topic: string;\n callback: (message: { body: string }) => void;\n subscription?: () => void;\n}\n\nexport default class WssConnection {\n url: string;\n endpoint: string;\n subscriptions: Array<Subscription>;\n /* eslint-disable */\n socket: {\n (url: string, _reserved?: any, options?: SockJS.Options | undefined): WebSocket;\n new (url: string, _reserved?: any, options?: SockJS.Options | undefined): WebSocket;\n prototype: WebSocket;\n CONNECTING: SockJS.CONNECTING;\n OPEN: SockJS.OPEN;\n CLOSING: SockJS.CLOSING;\n CLOSED: SockJS.CLOSED;\n }|undefined ;\n client: any;\n queuedMessages: Array<any>;\n processingMsg: boolean;\n wssBroken: boolean;\n /* eslint-enable */\n /**\n *\n * @param {String} url url of the wss\n * @param {String} endpoint of the wss\n * @param {Map<String, Function>} topics list of topics and associated callback\n */\n constructor(url: string, endpoint: string) {\n this.url = url;\n this.endpoint = endpoint;\n this.subscriptions = [];\n this.processingMsg = false;\n this.queuedMessages = [];\n this.wssBroken = false;\n }\n async processQueuedMessages() {\n if (this.processingMsg) {\n return;\n }\n if (this.queuedMessages.length === 0) {\n return;\n }\n this.processingMsg = true;\n try {\n const message = this.queuedMessages.shift();\n await message.callback(message.message);\n } catch (error) {\n console.log(error);\n }\n this.processingMsg = false;\n this.processQueuedMessages();\n }\n\n async connect(): Promise<void> {\n return new Promise<void>((resolve, reject) => {\n (async () => {\n if (null === SockJS) {\n await import(\"sockjs-client/dist/sockjs\").then((sockLibrary) => {\n SockJS = sockLibrary.default;\n });\n }\n if (null === Stomp) {\n await import(\"@stomp/stompjs\").then((stompLibrary) => {\n Stomp = stompLibrary.Stomp;\n });\n }\n this.socket = new SockJS(\"https://\" + this.url + \"/\" + this.endpoint);\n this.client = Stomp.over(this.socket);\n this.client.heartbeat.outgoing = 2000;\n this.client.heartbeat.incoming = 2000;\n this.client.debug = (sockMessage: string) => {\n if (\n sockMessage.includes(\"did not receive server activity for the last\")\n ) {\n this.wssBroken = true;\n }\n };\n this.client.onConnect = () => {\n this.connectionSuccess();\n resolve();\n };\n this.client.onStompError = () => {\n this.wssBroken = true;\n this.connectionErrorReconnect();\n reject(new Error());\n };\n this.client.onWebSocketError = () => {\n this.wssBroken = true;\n this.connectionErrorReconnect();\n reject(new Error());\n };\n this.client.onDisconnect = () => {\n this.connectionErrorReconnect();\n reject(new Error());\n };\n this.client.onWebSocketClose = () => {\n this.connectionErrorReconnect();\n reject(new Error());\n };\n\n this.client.activate();\n })();\n });\n }\n\n async connectionErrorReconnect() {\n if (!this.wssBroken) {\n return;\n }\n console.log(\"Error in ws try to reconnect\");\n setTimeout(() => {\n this.connect();\n }, 10);\n this.wssBroken = false;\n }\n\n connectionSuccess(): void {\n this.subscriptions.forEach((element: Subscription) => {\n // On récupère tous les évènements freeswitch\n try {\n this.subscribe(element.topic, element.callback);\n } catch {\n setTimeout(() => {\n this.connect();\n }, 10000);\n return;\n }\n });\n }\n\n subscribe(topic: string, callback: (message: { body: string }) => any): void {\n const subscription = this.client.subscribe(topic, (message: any) => {\n this.queuedMessages.push({ message: message, callback: callback });\n this.processQueuedMessages();\n });\n this.subscriptions.push({\n id: subscription.id,\n topic: topic,\n callback: callback,\n });\n }\n\n unsubscribe(topic: string): void {\n if (!topic) {\n throw new Error(\n \"Cannot remove subscription if no search pattern is founded\",\n );\n }\n const removedSubscriptions: Array<Subscription> = [];\n this.subscriptions.forEach((item: Subscription) => {\n let valid = true;\n if (item.topic !== topic) {\n valid = false;\n }\n if (valid) {\n removedSubscriptions.push(item);\n try {\n this.client.unsubscribe(item.id);\n } catch {\n console.log(\"Error while deconnecting client with item \" + item.id);\n }\n }\n });\n this.subscriptions = this.subscriptions.filter(\n (item: Subscription) => !removedSubscriptions.includes(item),\n );\n }\n\n disconnect(): void {\n this.client.deactivate();\n }\n}\n","import { CommentMessage } from \"@/stores/class/config/commentsConfig\";\nimport WssConnection from \"./wss\";\n\nexport default class CommentEngine {\n uri: string;\n connection: WssConnection | undefined;\n subscribedEventComment: number|undefined;\n\n constructor(wssDomain: string) {\n this.uri = wssDomain;\n this.connection = undefined;\n this.subscribedEventComment = undefined;\n }\n\n async initialize(): Promise<void> {\n this.connection = new WssConnection(this.uri, \"websocket\");\n await this.connection.connect();\n }\n async close(): Promise<void> {\n if (!this.connection) {\n return;\n }\n this.connection.disconnect();\n this.connection = undefined;\n }\n\n subscribeToPodcastCommentEventBus(\n podcastId: number,\n queueName: string,\n callback: (jsonMessage: CommentMessage) => void,\n ): void {\n if (!this.connection) {\n throw new Error(\n \"Websocket engine must be initialized, before it can subscribe to any events\",\n );\n }\n if (podcastId) {\n this.connection.subscribe(\n queueName,\n (message) => {\n const jsonMessage = JSON.parse(message.body);\n callback.call(this, jsonMessage);\n },\n );\n this.subscribedEventComment = podcastId;\n }\n }\n\n unsubscribeToPodcastCommentEventBus(podcastId: number, queueName: string): void {\n if (!this.connection) {\n throw new Error(\n \"Websocket engine must be initialized, before it can unsubscribe to any events\",\n );\n }\n if (!podcastId) {\n throw new Error(\n \"Cannot unsubscribe to comments event bus if no id provided\",\n );\n }\n this.connection.unsubscribe(queueName);\n this.subscribedEventComment = undefined;\n }\n\n isPodcastCommentEventConnected(podcastId: number): boolean {\n return podcastId===this.subscribedEventComment;\n }\n}\n","//Import dayjs extend\nimport dayjs from \"dayjs\";\nimport relativeTime from \"dayjs/plugin/relativeTime\";\ndayjs.extend(relativeTime);\n\nimport { defineStore } from \"pinia\";\nimport cookiesHelper from \"../helper/cookiesHelper\";\nimport WebSocketEngine from \"../websocket/commentWebsocket\";\nimport { CommentPodcast } from \"./class/general/comment\";\nimport { useAuthStore } from \"./AuthStore\";\nimport { useApiStore } from \"./ApiStore\";\nimport stringHelper from \"../helper/stringHelper\";\nimport { CommentMessage, CommentsConfig } from \"./class/config/commentsConfig\";\nimport classicApi from \"../api/classicApi\";\nimport { Podcast } from \"./class/general/podcast\";\nimport { ListClassicReturn } from \"./class/general/listReturn\";\nfunction errorCommentsConfig(): CommentsConfig {\n return {\n inherited: false,\n abuse: {\n authRequired: true,\n },\n commentLikes: {\n authRequired: true,\n dislikeEnabled: false,\n likeEnabled: false,\n },\n comments: {\n authRequired: true,\n commentAllowed: \"NONE\",\n defaultState: \"PENDING\",\n depth: 2,\n },\n podcastLikes: {\n authRequired: true,\n dislikeEnabled: false,\n likeEnabled: false,\n },\n };\n}\n\n\nexport interface CommentUser {\n name: string | null;\n uuid: string | null;\n uuidHash: string | null;\n}\ninterface CommentState {\n commentInitialized: boolean;\n commentWebsocketengine: WebSocketEngine | undefined;\n commentPodcastId?: number;\n commentQueueName?: string;\n commentEventToHandle: Array<CommentMessage>;\n commentUser?: CommentUser;\n commentsForPlayer: { [key: number]: Array<CommentPodcast> };\n podcastsCommentsConfig: { [key: number]: CommentsConfig };\n}\nexport const useCommentStore = defineStore(\"CommentStore\", {\n state: (): CommentState => ({\n commentInitialized: false,\n commentWebsocketengine: undefined,\n commentPodcastId: undefined,\n commentQueueName: undefined,\n commentEventToHandle: [],\n commentsForPlayer: {},\n podcastsCommentsConfig: {},\n }),\n actions: {\n async fetchCommentsForPlayer(podcastId: number) {\n if (!this.commentsForPlayer[podcastId]) {\n this.commentsForPlayer[podcastId] = [];\n const size = 50;\n let first = 0;\n let keepFetching = true;\n while (keepFetching) {\n const data = await classicApi.fetchData<ListClassicReturn<CommentPodcast>>({\n api:2,\n path:\"comment/list\",\n parameters:{\n first: first,\n size: size,\n podcastId: podcastId,\n sort: \"DATE_DESC\",\n hideAnswers: true,\n state: \"VALIDATED\",\n },\n isNotAuth:true\n });\n first += size;\n this.commentsForPlayer[podcastId] = this.commentsForPlayer[\n podcastId\n ].concat(data.result);\n keepFetching =\n data.count !== this.commentsForPlayer[podcastId].length;\n }\n }\n return this.commentsForPlayer[podcastId];\n },\n async digest(message: string) {\n return Array.from(\n new Uint8Array(\n await crypto.subtle.digest(\n \"SHA-1\",\n new TextEncoder().encode(message),\n ),\n ),\n (byte) => byte.toString(16).padStart(2, \"0\"),\n ).join(\"\");\n },\n async initCommentUser() {\n if (this.commentUser) {\n return;\n }\n const authStore = useAuthStore();\n if (authStore.authProfile) {\n this.commentUser = {\n name: authStore.authName,\n uuid: authStore.authProfile.userId,\n };\n return;\n }\n let uuid = cookiesHelper.getCookie(\"comment-octopus-uuid\");\n if (null === uuid) {\n uuid = stringHelper.uuidv4();\n cookiesHelper.setCookie(\"comment-octopus-uuid\", uuid);\n }\n const hash = await this.digest(uuid);\n this.commentUser = {\n name: cookiesHelper.getCookie(\"comment-octopus-name\"),\n uuid: uuid,\n uuidHash: hash,\n };\n if (\"#miniplayer\" === this.commentUser?.name) {\n this.commentUser.name = null;\n }\n },\n setCommentUser(name: string) {\n const authStore = useAuthStore();\n if (authStore.authProfile || !this.commentUser) {\n return;\n }\n cookiesHelper.setCookie(\"comment-octopus-name\", name);\n this.commentUser.name = name;\n },\n async getCommentsConfig(podcast: Podcast): Promise<CommentsConfig> {\n if (this.podcastsCommentsConfig[podcast.podcastId]) {\n return this.podcastsCommentsConfig[podcast.podcastId];\n }\n try {\n this.podcastsCommentsConfig[podcast.podcastId] = await classicApi.fetchData<CommentsConfig>({\n api: 2,\n path:\"config/podcast/\" + podcast.podcastId,\n });\n } catch {\n try {\n this.podcastsCommentsConfig[podcast.podcastId] = await classicApi.fetchData<CommentsConfig>({\n api: 2,\n path: \"config/emission/\" + podcast.emission.emissionId,\n });\n } catch {\n this.podcastsCommentsConfig[podcast.podcastId] = errorCommentsConfig(); \n }\n }\n return this.podcastsCommentsConfig[podcast.podcastId];\n },\n resetPodcastsConfig() {\n this.podcastsCommentsConfig = {};\n },\n updatePodcastsConfig(podcastId: number, config: CommentsConfig) {\n this.podcastsCommentsConfig[podcastId] = config;\n },\n getCanPostCommentAllowed(\n config: CommentsConfig,\n podcast: Podcast,\n ): boolean {\n if (\"NONE\" === config.comments.commentAllowed) {\n return false;\n }\n const rightsLiveOnly =\n \"LIVE_ONLY\" === config.comments.commentAllowed &&\n undefined !== podcast.conferenceId &&\n \"READY_TO_RECORD\" === podcast.processingStatus;\n const rightsLiveRecord =\n \"LIVE_AND_REPLAY\" === config.comments.commentAllowed &&\n undefined !== podcast.conferenceId;\n return (\n \"ALL\" === config.comments.commentAllowed ||\n rightsLiveOnly ||\n rightsLiveRecord\n );\n },\n getCanPostComment(\n config: CommentsConfig | undefined,\n podcast: Podcast | undefined,\n isAuth: boolean,\n ): boolean {\n if (!config || !podcast) {\n return false;\n }\n return (\n this.getCanPostCommentAllowed(config, podcast) &&\n (!config.comments.authRequired ||\n (config.comments.authRequired && isAuth))\n );\n },\n getCanReportAbuse(\n config: CommentsConfig | undefined,\n isAuth: boolean,\n ): boolean {\n if (!config) {\n return false;\n }\n return (\n !config.abuse.authRequired || (config.abuse.authRequired && isAuth)\n );\n },\n\n /*--------------------------------------------------------------------------------------------------------------\n | |\n | Initializing state |\n | |\n --------------------------------------------------------------------------------------------------------------*/\n async initialize() {\n const apiStore = useApiStore();\n const commentUrl = apiStore.commentUrl?? \"https://comments.dev2.saooti.org/\";\n const url = stringHelper.trimChar(commentUrl.replace(\"https://\", \"\"),\"/\");\n const engine = new WebSocketEngine(url);\n await engine.initialize();\n this.commentWebsocketengine = engine;\n this.commentInitialized = true;\n },\n\n /*--------------------------------------------------------------------------------------------------------------\n | |\n | Comments management methods |\n | |\n --------------------------------------------------------------------------------------------------------------*/\n unsubscribeToEvent() {\n if (!this.commentWebsocketengine) {\n return;\n }\n if (\n this.commentPodcastId &&\n this.commentQueueName &&\n this.commentWebsocketengine.isPodcastCommentEventConnected(\n this.commentPodcastId,\n )\n ) {\n this.commentWebsocketengine.unsubscribeToPodcastCommentEventBus(\n this.commentPodcastId,\n this.commentQueueName,\n );\n }\n },\n\n subscribeToEvents() {\n if (!this.commentWebsocketengine) {\n return;\n }\n if (this.commentPodcastId && this.commentQueueName) {\n this.commentWebsocketengine.subscribeToPodcastCommentEventBus(\n this.commentPodcastId,\n this.commentQueueName,\n (message) => {\n this.commentEventToHandleUpdate(message);\n },\n );\n }\n },\n\n async initComments(podcastId: number, organisationId: string) {\n this.unsubscribeToEvent();\n this.commentQueueName =\n \"/topic/comment.\" + organisationId + \".\" + podcastId;\n this.commentPodcastId = podcastId;\n this.subscribeToEvents();\n },\n async unsubscribeComments() {\n this.unsubscribeComments();\n this.commentPodcastId = undefined;\n },\n\n /*--------------------------------------------------------------------------------------------------------------\n | |\n | Managing conference WebSocket Event Received |\n | |\n --------------------------------------------------------------------------------------------------------------*/\n commentEventHandled() {\n this.commentEventToHandle.shift();\n },\n commentEventToHandleUpdate(eventToHandle: {\n comment: CommentPodcast;\n type: string;\n }) {\n if (eventToHandle) {\n this.commentEventToHandle.push(eventToHandle);\n } else {\n this.commentEventToHandle.splice(0, this.commentEventToHandle.length);\n }\n },\n },\n});\n"],"mappings":"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"}

package/dist/{CommentStore-hPTYaDGr.mjs → CommentStore-CysGkBHp.mjs} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { O as e, i as t, t as n } from "./classicApi-pmODlqv5.mjs";
+import { i as e, k as t, t as n } from "./classicApi-CGipMqf7.mjs";
 import { t as r } from "./stringHelper-BtFJzuX4.mjs";
 import { t as i } from "./cookiesHelper-5uZhLulK.mjs";
 import { defineStore as a } from "pinia";
@@ -193,11 +193,11 @@ var p = a("CommentStore", {
 		},
 		async initCommentUser() {
 			if (this.commentUser) return;
-			let e = t();
-			if (e.authProfile) {
+			let t = e();
+			if (t.authProfile) {
 				this.commentUser = {
-					name: e.authName,
-					uuid: e.authProfile.userId
+					name: t.authName,
+					uuid: t.authProfile.userId
 				};
 				return;
 			}
@@ -210,8 +210,8 @@ var p = a("CommentStore", {
 				uuidHash: a
 			}, this.commentUser?.name === "#miniplayer" && (this.commentUser.name = null);
 		},
-		setCommentUser(e) {
-			!t().authProfile && this.commentUser && (i.setCookie("comment-octopus-name", e), this.commentUser.name = e);
+		setCommentUser(t) {
+			!e().authProfile && this.commentUser && (i.setCookie("comment-octopus-name", t), this.commentUser.name = t);
 		},
 		async getCommentsConfig(e) {
 			if (this.podcastsCommentsConfig[e.podcastId]) return this.podcastsCommentsConfig[e.podcastId];
@@ -250,7 +250,7 @@ var p = a("CommentStore", {
 			return e ? !e.abuse.authRequired || e.abuse.authRequired && t : !1;
 		},
 		async initialize() {
-			let t = e().commentUrl ?? "https://comments.dev2.saooti.org/", n = new d(r.trimChar(t.replace("https://", ""), "/"));
+			let e = t().commentUrl ?? "https://comments.dev2.saooti.org/", n = new d(r.trimChar(e.replace("https://", ""), "/"));
 			await n.initialize(), this.commentWebsocketengine = n, this.commentInitialized = !0;
 		},
 		unsubscribeToEvent() {

package/dist/CommentStore-F5MVSrDw.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"CommentStore-F5MVSrDw.mjs","names":["classicApi","cookiesHelper","stringHelper","WebSocketEngine"],"sources":["../src/websocket/wss.ts","../src/websocket/commentWebsocket.ts","../src/stores/CommentStore.ts"],"sourcesContent":["/* eslint-disable */\nlet SockJS: any = null;\nlet Stomp: any = null;\n/* eslint-enable */\n\ninterface Subscription {\n id: string;\n topic: string;\n callback: (message: { body: string }) => void;\n subscription?: () => void;\n}\n\nexport default class WssConnection {\n url: string;\n endpoint: string;\n subscriptions: Array<Subscription>;\n /* eslint-disable */\n socket: {\n (url: string, _reserved?: any, options?: SockJS.Options | undefined): WebSocket;\n new (url: string, _reserved?: any, options?: SockJS.Options | undefined): WebSocket;\n prototype: WebSocket;\n CONNECTING: SockJS.CONNECTING;\n OPEN: SockJS.OPEN;\n CLOSING: SockJS.CLOSING;\n CLOSED: SockJS.CLOSED;\n }|undefined ;\n client: any;\n queuedMessages: Array<any>;\n processingMsg: boolean;\n wssBroken: boolean;\n /* eslint-enable */\n /**\n *\n * @param {String} url url of the wss\n * @param {String} endpoint of the wss\n * @param {Map<String, Function>} topics list of topics and associated callback\n */\n constructor(url: string, endpoint: string) {\n this.url = url;\n this.endpoint = endpoint;\n this.subscriptions = [];\n this.processingMsg = false;\n this.queuedMessages = [];\n this.wssBroken = false;\n }\n async processQueuedMessages() {\n if (this.processingMsg) {\n return;\n }\n if (this.queuedMessages.length === 0) {\n return;\n }\n this.processingMsg = true;\n try {\n const message = this.queuedMessages.shift();\n await message.callback(message.message);\n } catch (error) {\n console.log(error);\n }\n this.processingMsg = false;\n this.processQueuedMessages();\n }\n\n async connect(): Promise<void> {\n return new Promise<void>((resolve, reject) => {\n (async () => {\n if (null === SockJS) {\n await import(\"sockjs-client/dist/sockjs\").then((sockLibrary) => {\n SockJS = sockLibrary.default;\n });\n }\n if (null === Stomp) {\n await import(\"@stomp/stompjs\").then((stompLibrary) => {\n Stomp = stompLibrary.Stomp;\n });\n }\n this.socket = new SockJS(\"https://\" + this.url + \"/\" + this.endpoint);\n this.client = Stomp.over(this.socket);\n this.client.heartbeat.outgoing = 2000;\n this.client.heartbeat.incoming = 2000;\n this.client.debug = (sockMessage: string) => {\n if (\n sockMessage.includes(\"did not receive server activity for the last\")\n ) {\n this.wssBroken = true;\n }\n };\n this.client.onConnect = () => {\n this.connectionSuccess();\n resolve();\n };\n this.client.onStompError = () => {\n this.wssBroken = true;\n this.connectionErrorReconnect();\n reject(new Error());\n };\n this.client.onWebSocketError = () => {\n this.wssBroken = true;\n this.connectionErrorReconnect();\n reject(new Error());\n };\n this.client.onDisconnect = () => {\n this.connectionErrorReconnect();\n reject(new Error());\n };\n this.client.onWebSocketClose = () => {\n this.connectionErrorReconnect();\n reject(new Error());\n };\n\n this.client.activate();\n })();\n });\n }\n\n async connectionErrorReconnect() {\n if (!this.wssBroken) {\n return;\n }\n console.log(\"Error in ws try to reconnect\");\n setTimeout(() => {\n this.connect();\n }, 10);\n this.wssBroken = false;\n }\n\n connectionSuccess(): void {\n this.subscriptions.forEach((element: Subscription) => {\n // On récupère tous les évènements freeswitch\n try {\n this.subscribe(element.topic, element.callback);\n } catch {\n setTimeout(() => {\n this.connect();\n }, 10000);\n return;\n }\n });\n }\n\n subscribe(topic: string, callback: (message: { body: string }) => any): void {\n const subscription = this.client.subscribe(topic, (message: any) => {\n this.queuedMessages.push({ message: message, callback: callback });\n this.processQueuedMessages();\n });\n this.subscriptions.push({\n id: subscription.id,\n topic: topic,\n callback: callback,\n });\n }\n\n unsubscribe(topic: string): void {\n if (!topic) {\n throw new Error(\n \"Cannot remove subscription if no search pattern is founded\",\n );\n }\n const removedSubscriptions: Array<Subscription> = [];\n this.subscriptions.forEach((item: Subscription) => {\n let valid = true;\n if (item.topic !== topic) {\n valid = false;\n }\n if (valid) {\n removedSubscriptions.push(item);\n try {\n this.client.unsubscribe(item.id);\n } catch {\n console.log(\"Error while deconnecting client with item \" + item.id);\n }\n }\n });\n this.subscriptions = this.subscriptions.filter(\n (item: Subscription) => !removedSubscriptions.includes(item),\n );\n }\n\n disconnect(): void {\n this.client.deactivate();\n }\n}\n","import { CommentMessage } from \"@/stores/class/config/commentsConfig\";\nimport WssConnection from \"./wss\";\n\nexport default class CommentEngine {\n uri: string;\n connection: WssConnection | undefined;\n subscribedEventComment: number|undefined;\n\n constructor(wssDomain: string) {\n this.uri = wssDomain;\n this.connection = undefined;\n this.subscribedEventComment = undefined;\n }\n\n async initialize(): Promise<void> {\n this.connection = new WssConnection(this.uri, \"websocket\");\n await this.connection.connect();\n }\n async close(): Promise<void> {\n if (!this.connection) {\n return;\n }\n this.connection.disconnect();\n this.connection = undefined;\n }\n\n subscribeToPodcastCommentEventBus(\n podcastId: number,\n queueName: string,\n callback: (jsonMessage: CommentMessage) => void,\n ): void {\n if (!this.connection) {\n throw new Error(\n \"Websocket engine must be initialized, before it can subscribe to any events\",\n );\n }\n if (podcastId) {\n this.connection.subscribe(\n queueName,\n (message) => {\n const jsonMessage = JSON.parse(message.body);\n callback.call(this, jsonMessage);\n },\n );\n this.subscribedEventComment = podcastId;\n }\n }\n\n unsubscribeToPodcastCommentEventBus(podcastId: number, queueName: string): void {\n if (!this.connection) {\n throw new Error(\n \"Websocket engine must be initialized, before it can unsubscribe to any events\",\n );\n }\n if (!podcastId) {\n throw new Error(\n \"Cannot unsubscribe to comments event bus if no id provided\",\n );\n }\n this.connection.unsubscribe(queueName);\n this.subscribedEventComment = undefined;\n }\n\n isPodcastCommentEventConnected(podcastId: number): boolean {\n return podcastId===this.subscribedEventComment;\n }\n}\n","//Import dayjs extend\nimport dayjs from \"dayjs\";\nimport relativeTime from \"dayjs/plugin/relativeTime\";\ndayjs.extend(relativeTime);\n\nimport { defineStore } from \"pinia\";\nimport cookiesHelper from \"../helper/cookiesHelper\";\nimport WebSocketEngine from \"../websocket/commentWebsocket\";\nimport { CommentPodcast } from \"./class/general/comment\";\nimport { useAuthStore } from \"./AuthStore\";\nimport { useApiStore } from \"./ApiStore\";\nimport stringHelper from \"../helper/stringHelper\";\nimport { CommentMessage, CommentsConfig } from \"./class/config/commentsConfig\";\nimport classicApi from \"../api/classicApi\";\nimport { Podcast } from \"./class/general/podcast\";\nimport { ListClassicReturn } from \"./class/general/listReturn\";\nfunction errorCommentsConfig(): CommentsConfig {\n return {\n inherited: false,\n abuse: {\n authRequired: true,\n },\n commentLikes: {\n authRequired: true,\n dislikeEnabled: false,\n likeEnabled: false,\n },\n comments: {\n authRequired: true,\n commentAllowed: \"NONE\",\n defaultState: \"PENDING\",\n depth: 2,\n },\n podcastLikes: {\n authRequired: true,\n dislikeEnabled: false,\n likeEnabled: false,\n },\n };\n}\n\n\nexport interface CommentUser {\n name: string | null;\n uuid: string | null;\n uuidHash: string | null;\n}\ninterface CommentState {\n commentInitialized: boolean;\n commentWebsocketengine: WebSocketEngine | undefined;\n commentPodcastId?: number;\n commentQueueName?: string;\n commentEventToHandle: Array<CommentMessage>;\n commentUser?: CommentUser;\n commentsForPlayer: { [key: number]: Array<CommentPodcast> };\n podcastsCommentsConfig: { [key: number]: CommentsConfig };\n}\nexport const useCommentStore = defineStore(\"CommentStore\", {\n state: (): CommentState => ({\n commentInitialized: false,\n commentWebsocketengine: undefined,\n commentPodcastId: undefined,\n commentQueueName: undefined,\n commentEventToHandle: [],\n commentsForPlayer: {},\n podcastsCommentsConfig: {},\n }),\n actions: {\n async fetchCommentsForPlayer(podcastId: number) {\n if (!this.commentsForPlayer[podcastId]) {\n this.commentsForPlayer[podcastId] = [];\n const size = 50;\n let first = 0;\n let keepFetching = true;\n while (keepFetching) {\n const data = await classicApi.fetchData<ListClassicReturn<CommentPodcast>>({\n api:2,\n path:\"comment/list\",\n parameters:{\n first: first,\n size: size,\n podcastId: podcastId,\n sort: \"DATE_DESC\",\n hideAnswers: true,\n state: \"VALIDATED\",\n },\n isNotAuth:true\n });\n first += size;\n this.commentsForPlayer[podcastId] = this.commentsForPlayer[\n podcastId\n ].concat(data.result);\n keepFetching =\n data.count !== this.commentsForPlayer[podcastId].length;\n }\n }\n return this.commentsForPlayer[podcastId];\n },\n async digest(message: string) {\n return Array.from(\n new Uint8Array(\n await crypto.subtle.digest(\n \"SHA-1\",\n new TextEncoder().encode(message),\n ),\n ),\n (byte) => byte.toString(16).padStart(2, \"0\"),\n ).join(\"\");\n },\n async initCommentUser() {\n if (this.commentUser) {\n return;\n }\n const authStore = useAuthStore();\n if (authStore.authProfile) {\n this.commentUser = {\n name: authStore.authName,\n uuid: authStore.authProfile.userId,\n };\n return;\n }\n let uuid = cookiesHelper.getCookie(\"comment-octopus-uuid\");\n if (null === uuid) {\n uuid = stringHelper.uuidv4();\n cookiesHelper.setCookie(\"comment-octopus-uuid\", uuid);\n }\n const hash = await this.digest(uuid);\n this.commentUser = {\n name: cookiesHelper.getCookie(\"comment-octopus-name\"),\n uuid: uuid,\n uuidHash: hash,\n };\n if (\"#miniplayer\" === this.commentUser?.name) {\n this.commentUser.name = null;\n }\n },\n setCommentUser(name: string) {\n const authStore = useAuthStore();\n if (authStore.authProfile || !this.commentUser) {\n return;\n }\n cookiesHelper.setCookie(\"comment-octopus-name\", name);\n this.commentUser.name = name;\n },\n async getCommentsConfig(podcast: Podcast): Promise<CommentsConfig> {\n if (this.podcastsCommentsConfig[podcast.podcastId]) {\n return this.podcastsCommentsConfig[podcast.podcastId];\n }\n try {\n this.podcastsCommentsConfig[podcast.podcastId] = await classicApi.fetchData<CommentsConfig>({\n api: 2,\n path:\"config/podcast/\" + podcast.podcastId,\n });\n } catch {\n try {\n this.podcastsCommentsConfig[podcast.podcastId] = await classicApi.fetchData<CommentsConfig>({\n api: 2,\n path: \"config/emission/\" + podcast.emission.emissionId,\n });\n } catch {\n this.podcastsCommentsConfig[podcast.podcastId] = errorCommentsConfig(); \n }\n }\n return this.podcastsCommentsConfig[podcast.podcastId];\n },\n resetPodcastsConfig() {\n this.podcastsCommentsConfig = {};\n },\n updatePodcastsConfig(podcastId: number, config: CommentsConfig) {\n this.podcastsCommentsConfig[podcastId] = config;\n },\n getCanPostCommentAllowed(\n config: CommentsConfig,\n podcast: Podcast,\n ): boolean {\n if (\"NONE\" === config.comments.commentAllowed) {\n return false;\n }\n const rightsLiveOnly =\n \"LIVE_ONLY\" === config.comments.commentAllowed &&\n undefined !== podcast.conferenceId &&\n \"READY_TO_RECORD\" === podcast.processingStatus;\n const rightsLiveRecord =\n \"LIVE_AND_REPLAY\" === config.comments.commentAllowed &&\n undefined !== podcast.conferenceId;\n return (\n \"ALL\" === config.comments.commentAllowed ||\n rightsLiveOnly ||\n rightsLiveRecord\n );\n },\n getCanPostComment(\n config: CommentsConfig | undefined,\n podcast: Podcast | undefined,\n isAuth: boolean,\n ): boolean {\n if (!config || !podcast) {\n return false;\n }\n return (\n this.getCanPostCommentAllowed(config, podcast) &&\n (!config.comments.authRequired ||\n (config.comments.authRequired && isAuth))\n );\n },\n getCanReportAbuse(\n config: CommentsConfig | undefined,\n isAuth: boolean,\n ): boolean {\n if (!config) {\n return false;\n }\n return (\n !config.abuse.authRequired || (config.abuse.authRequired && isAuth)\n );\n },\n\n /*--------------------------------------------------------------------------------------------------------------\n | |\n | Initializing state |\n | |\n --------------------------------------------------------------------------------------------------------------*/\n async initialize() {\n const apiStore = useApiStore();\n const commentUrl = apiStore.commentUrl?? \"https://comments.dev2.saooti.org/\";\n const url = stringHelper.trimChar(commentUrl.replace(\"https://\", \"\"),\"/\");\n const engine = new WebSocketEngine(url);\n await engine.initialize();\n this.commentWebsocketengine = engine;\n this.commentInitialized = true;\n },\n\n /*--------------------------------------------------------------------------------------------------------------\n | |\n | Comments management methods |\n | |\n --------------------------------------------------------------------------------------------------------------*/\n unsubscribeToEvent() {\n if (!this.commentWebsocketengine) {\n return;\n }\n if (\n this.commentPodcastId &&\n this.commentQueueName &&\n this.commentWebsocketengine.isPodcastCommentEventConnected(\n this.commentPodcastId,\n )\n ) {\n this.commentWebsocketengine.unsubscribeToPodcastCommentEventBus(\n this.commentPodcastId,\n this.commentQueueName,\n );\n }\n },\n\n subscribeToEvents() {\n if (!this.commentWebsocketengine) {\n return;\n }\n if (this.commentPodcastId && this.commentQueueName) {\n this.commentWebsocketengine.subscribeToPodcastCommentEventBus(\n this.commentPodcastId,\n this.commentQueueName,\n (message) => {\n this.commentEventToHandleUpdate(message);\n },\n );\n }\n },\n\n async initComments(podcastId: number, organisationId: string) {\n this.unsubscribeToEvent();\n this.commentQueueName =\n \"/topic/comment.\" + organisationId + \".\" + podcastId;\n this.commentPodcastId = podcastId;\n this.subscribeToEvents();\n },\n async unsubscribeComments() {\n this.unsubscribeComments();\n this.commentPodcastId = undefined;\n },\n\n /*--------------------------------------------------------------------------------------------------------------\n | |\n | Managing conference WebSocket Event Received |\n | |\n --------------------------------------------------------------------------------------------------------------*/\n commentEventHandled() {\n this.commentEventToHandle.shift();\n },\n commentEventToHandleUpdate(eventToHandle: {\n comment: CommentPodcast;\n type: string;\n }) {\n if (eventToHandle) {\n this.commentEventToHandle.push(eventToHandle);\n } else {\n this.commentEventToHandle.splice(0, this.commentEventToHandle.length);\n }\n },\n },\n});\n"],"mappings":"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"}

package/dist/ContractPreviewModal-CFSkXgB4.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ContractPreviewModal-CFSkXgB4.mjs","names":["_openBlock","_createBlock","_withCtx","_createElementVNode","_toDisplayString","_createElementBlock","_Fragment","_renderList","_createVNode","_sfc_main"],"sources":["../src/components/misc/modal/ContractPreviewModal.vue","../src/components/misc/modal/ContractPreviewModal.vue"],"sourcesContent":["<template>\n <ClassicModal\n id-modal=\"checking-modal\"\n :title-modal=\"t('Contract preview')\"\n @close=\"closePopup\"\n >\n <template #body>\n <h2 class=\"mb-3\">{{ selectedContract?.name }}</h2>\n <div v-for=\"page in thisPages\" :key=\"page\">\n <VuePDF :pdf=\"thisPdf\" :page=\"page\" />\n </div>\n </template>\n <template #footer>\n <div class=\"d-flex justify-content-end\">\n <button class=\"btn btn-primary m-1\" @click=\"onDownloadContract()\">\n {{ t(\"Download\") }}\n </button>\n <button class=\"btn m-1 btn-primary\" @click=\"closePopup\">\n {{ t(\"Close\") }}\n </button>\n </div>\n </template>\n </ClassicModal>\n</template>\n\n<script setup lang=\"ts\">\nimport { useApiStore } from \"../../../stores/ApiStore\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\nimport { Contract } from \"../../../stores/class/contract/contract\";\n// @ts-expect-error Problème de bibliothèque\nimport { usePDF, VuePDF, PDFDocumentLoadingTask } from \"@tato30/vue-pdf\";\nimport { defineAsyncComponent, ShallowRef, ref, Ref, computed, watch, onMounted } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\nconst ClassicModal = defineAsyncComponent(() => import(\"./ClassicModal.vue\"));\n\n\n//Props \nconst props = defineProps({\n selectedContract: { default: undefined, type: Object as () => Contract },\n})\n\n//Emits\nconst emit = defineEmits([\"download\", \"close\"]);\n\n\n//Data \nconst pdfSource = ref(\"\");\nconst thisPdf: Ref<PDFDocumentLoadingTask> = ref(undefined);\nconst thisPages: Ref< number | ShallowRef<number>> = ref(0);\n\n//Composables\nconst { t } = useI18n();\nconst authStore = useAuthStore();\nconst apiStore = useApiStore();\n\n//Computed\nconst pdfToDisplay = computed(() => {\n if (\"\" !== pdfSource.value) {\n return pdfSource.value;\n }\n return undefined;\n});\n\n//Watch\nwatch(pdfToDisplay, async () => {\n if (undefined === pdfToDisplay.value) {\n return;\n }\n const { pdf, pages } = usePDF(pdfToDisplay.value);\n thisPdf.value = pdf;\n thisPages.value = pages;\n});\n\nonMounted(()=>initSrcContract())\n\n\n//Methods\nfunction closePopup(): void {\n emit(\"close\");\n}\nfunction initSrcContract(): void {\n let source = \"\";\n if (props.selectedContract) {\n source = apiStore.keycloakUrl + \"contract/\" + props.selectedContract.id;\n }\n pdfSource.value = source + \"?access_token=\" + authStore.authParam.accessToken;\n}\nfunction onDownloadContract(): void {\n emit(\"download\", props.selectedContract);\n}\n</script>\n","<template>\n <ClassicModal\n id-modal=\"checking-modal\"\n :title-modal=\"t('Contract preview')\"\n @close=\"closePopup\"\n >\n <template #body>\n <h2 class=\"mb-3\">{{ selectedContract?.name }}</h2>\n <div v-for=\"page in thisPages\" :key=\"page\">\n <VuePDF :pdf=\"thisPdf\" :page=\"page\" />\n </div>\n </template>\n <template #footer>\n <div class=\"d-flex justify-content-end\">\n <button class=\"btn btn-primary m-1\" @click=\"onDownloadContract()\">\n {{ t(\"Download\") }}\n </button>\n <button class=\"btn m-1 btn-primary\" @click=\"closePopup\">\n {{ t(\"Close\") }}\n </button>\n </div>\n </template>\n </ClassicModal>\n</template>\n\n<script setup lang=\"ts\">\nimport { useApiStore } from \"../../../stores/ApiStore\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\nimport { Contract } from \"../../../stores/class/contract/contract\";\n// @ts-expect-error Problème de bibliothèque\nimport { usePDF, VuePDF, PDFDocumentLoadingTask } from \"@tato30/vue-pdf\";\nimport { defineAsyncComponent, ShallowRef, ref, Ref, computed, watch, onMounted } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\nconst ClassicModal = defineAsyncComponent(() => import(\"./ClassicModal.vue\"));\n\n\n//Props \nconst props = defineProps({\n selectedContract: { default: undefined, type: Object as () => Contract },\n})\n\n//Emits\nconst emit = defineEmits([\"download\", \"close\"]);\n\n\n//Data \nconst pdfSource = ref(\"\");\nconst thisPdf: Ref<PDFDocumentLoadingTask> = ref(undefined);\nconst thisPages: Ref< number | ShallowRef<number>> = ref(0);\n\n//Composables\nconst { t } = useI18n();\nconst authStore = useAuthStore();\nconst apiStore = useApiStore();\n\n//Computed\nconst pdfToDisplay = computed(() => {\n if (\"\" !== pdfSource.value) {\n return pdfSource.value;\n }\n return undefined;\n});\n\n//Watch\nwatch(pdfToDisplay, async () => {\n if (undefined === pdfToDisplay.value) {\n return;\n }\n const { pdf, pages } = usePDF(pdfToDisplay.value);\n thisPdf.value = pdf;\n thisPages.value = pages;\n});\n\nonMounted(()=>initSrcContract())\n\n\n//Methods\nfunction closePopup(): void {\n emit(\"close\");\n}\nfunction initSrcContract(): void {\n let source = \"\";\n if (props.selectedContract) {\n source = apiStore.keycloakUrl + \"contract/\" + props.selectedContract.id;\n }\n pdfSource.value = source + \"?access_token=\" + authStore.authParam.accessToken;\n}\nfunction onDownloadContract(): void {\n emit(\"download\", props.selectedContract);\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;EAiCA,MAAM,eAAe,2BAA2B,OAAO,8BAAqB,CAAA,MAAA,MAAA,EAAA,CAAA,CAAA;EAI5E,MAAM,QAAQ;EAKd,MAAM,OAAO;EAIb,MAAM,YAAY,IAAI,EAAE;EACxB,MAAM,UAAuC,IAAI,KAAA,CAAS;EAC1D,MAAM,YAA+C,IAAI,CAAC;EAG1D,MAAM,EAAE,MAAM,QAAQ;EACtB,MAAM,YAAY,aAAa;EAC/B,MAAM,WAAW,YAAY;EAG7B,MAAM,eAAe,eAAe;GAClC,IAAI,OAAO,UAAU,OACnB,OAAO,UAAU;EAGrB,CAAC;EAGD,MAAM,cAAc,YAAY;GAC9B,IAAI,KAAA,MAAc,aAAa,OAC7B;GAEF,MAAM,EAAE,KAAK,UAAU,OAAO,aAAa,KAAK;GAChD,QAAQ,QAAQ;GAChB,UAAU,QAAQ;EACpB,CAAC;EAED,gBAAc,gBAAgB,CAAC;EAI/B,SAAS,aAAmB;GAC1B,KAAK,OAAO;EACd;EACA,SAAS,kBAAwB;GAC/B,IAAI,SAAS;GACb,IAAI,MAAM,kBACR,SAAS,SAAS,cAAc,cAAc,MAAM,iBAAiB;GAEvE,UAAU,QAAQ,SAAS,mBAAmB,UAAU,UAAU;EACpE;EACA,SAAS,qBAA2B;GAClC,KAAK,YAAY,MAAM,gBAAgB;EACzC;;;;;;;;;;;;;;;;;;;;;;;;;;;;AClFU,IAAA,aAAA,EAAA,OAAM,OAAM;AAMX,IAAA,aAAA,EAAA,OAAM,6BAA4B;;CAZ3C,OAAAA,UAAA,GAAAC,YAqBe,OAAA,iBAAA;EApBb,YAAS;EACR,eAAa,OAAA,EAAC,kBAAA;EACd,SAAO,OAAA;;EAEG,MAAIC,cACqC,CAAlDC,mBAAkD,MAAlD,YAAkDC,gBAA9B,OAAA,kBAAkB,IAAI,GAAA,CAAA,IAC1CJ,UAAA,IAAA,GAAAK,mBAEMC,UAAA,MAAAC,WAFc,OAAA,YAAR,SAAI;GAAhB,OAAAP,UAAA,GAAAK,mBAEM,OAAA,EAF0B,KAAK,KAAI,GAAA,CACvCG,YAAsC,OAAA,WAAA;IAA7B,KAAK,OAAA;IAAgB;;;EAGvB,QAAMN,cAQT,CAPNC,mBAOM,OAPN,YAOM,CANJA,mBAES,UAAA;GAFD,OAAM;GAAuB,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,OAAA,mBAAkB;EACzD,GAAAC,gBAAA,OAAA,EAAC,UAAA,CAAA,GAAA,CAAA,GAEND,mBAES,UAAA;GAFD,OAAM;GAAuB,SAAO,OAAA;EACvC,GAAAC,gBAAA,OAAA,EAAC,OAAA,CAAA,GAAA,CAAA,CAAA,CAAA,CAAA,CAAA"}

package/dist/ContractPreviewModal-CKL6Rb_V.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ContractPreviewModal-CKL6Rb_V.mjs","names":["_openBlock","_createBlock","_withCtx","_createElementVNode","_toDisplayString","_createElementBlock","_Fragment","_renderList","_createVNode","_sfc_main"],"sources":["../src/components/misc/modal/ContractPreviewModal.vue","../src/components/misc/modal/ContractPreviewModal.vue"],"sourcesContent":["<template>\n <ClassicModal\n id-modal=\"checking-modal\"\n :title-modal=\"t('Contract preview')\"\n @close=\"closePopup\"\n >\n <template #body>\n <h2 class=\"mb-3\">{{ selectedContract?.name }}</h2>\n <div v-for=\"page in thisPages\" :key=\"page\">\n <VuePDF :pdf=\"thisPdf\" :page=\"page\" />\n </div>\n </template>\n <template #footer>\n <div class=\"d-flex justify-content-end\">\n <button class=\"btn btn-primary m-1\" @click=\"onDownloadContract()\">\n {{ t(\"Download\") }}\n </button>\n <button class=\"btn m-1 btn-primary\" @click=\"closePopup\">\n {{ t(\"Close\") }}\n </button>\n </div>\n </template>\n </ClassicModal>\n</template>\n\n<script setup lang=\"ts\">\nimport { useApiStore } from \"../../../stores/ApiStore\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\nimport { Contract } from \"../../../stores/class/contract/contract\";\n// @ts-expect-error Problème de bibliothèque\nimport { usePDF, VuePDF, PDFDocumentLoadingTask } from \"@tato30/vue-pdf\";\nimport { defineAsyncComponent, ShallowRef, ref, Ref, computed, watch, onMounted } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\nconst ClassicModal = defineAsyncComponent(() => import(\"./ClassicModal.vue\"));\n\n\n//Props \nconst props = defineProps({\n selectedContract: { default: undefined, type: Object as () => Contract },\n})\n\n//Emits\nconst emit = defineEmits([\"download\", \"close\"]);\n\n\n//Data \nconst pdfSource = ref(\"\");\nconst thisPdf: Ref<PDFDocumentLoadingTask> = ref(undefined);\nconst thisPages: Ref< number | ShallowRef<number>> = ref(0);\n\n//Composables\nconst { t } = useI18n();\nconst authStore = useAuthStore();\nconst apiStore = useApiStore();\n\n//Computed\nconst pdfToDisplay = computed(() => {\n if (\"\" !== pdfSource.value) {\n return pdfSource.value;\n }\n return undefined;\n});\n\n//Watch\nwatch(pdfToDisplay, async () => {\n if (undefined === pdfToDisplay.value) {\n return;\n }\n const { pdf, pages } = usePDF(pdfToDisplay.value);\n thisPdf.value = pdf;\n thisPages.value = pages;\n});\n\nonMounted(()=>initSrcContract())\n\n\n//Methods\nfunction closePopup(): void {\n emit(\"close\");\n}\nfunction initSrcContract(): void {\n let source = \"\";\n if (props.selectedContract) {\n source = apiStore.keycloakUrl + \"contract/\" + props.selectedContract.id;\n }\n pdfSource.value = source + \"?access_token=\" + authStore.authParam.accessToken;\n}\nfunction onDownloadContract(): void {\n emit(\"download\", props.selectedContract);\n}\n</script>\n","<template>\n <ClassicModal\n id-modal=\"checking-modal\"\n :title-modal=\"t('Contract preview')\"\n @close=\"closePopup\"\n >\n <template #body>\n <h2 class=\"mb-3\">{{ selectedContract?.name }}</h2>\n <div v-for=\"page in thisPages\" :key=\"page\">\n <VuePDF :pdf=\"thisPdf\" :page=\"page\" />\n </div>\n </template>\n <template #footer>\n <div class=\"d-flex justify-content-end\">\n <button class=\"btn btn-primary m-1\" @click=\"onDownloadContract()\">\n {{ t(\"Download\") }}\n </button>\n <button class=\"btn m-1 btn-primary\" @click=\"closePopup\">\n {{ t(\"Close\") }}\n </button>\n </div>\n </template>\n </ClassicModal>\n</template>\n\n<script setup lang=\"ts\">\nimport { useApiStore } from \"../../../stores/ApiStore\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\nimport { Contract } from \"../../../stores/class/contract/contract\";\n// @ts-expect-error Problème de bibliothèque\nimport { usePDF, VuePDF, PDFDocumentLoadingTask } from \"@tato30/vue-pdf\";\nimport { defineAsyncComponent, ShallowRef, ref, Ref, computed, watch, onMounted } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\nconst ClassicModal = defineAsyncComponent(() => import(\"./ClassicModal.vue\"));\n\n\n//Props \nconst props = defineProps({\n selectedContract: { default: undefined, type: Object as () => Contract },\n})\n\n//Emits\nconst emit = defineEmits([\"download\", \"close\"]);\n\n\n//Data \nconst pdfSource = ref(\"\");\nconst thisPdf: Ref<PDFDocumentLoadingTask> = ref(undefined);\nconst thisPages: Ref< number | ShallowRef<number>> = ref(0);\n\n//Composables\nconst { t } = useI18n();\nconst authStore = useAuthStore();\nconst apiStore = useApiStore();\n\n//Computed\nconst pdfToDisplay = computed(() => {\n if (\"\" !== pdfSource.value) {\n return pdfSource.value;\n }\n return undefined;\n});\n\n//Watch\nwatch(pdfToDisplay, async () => {\n if (undefined === pdfToDisplay.value) {\n return;\n }\n const { pdf, pages } = usePDF(pdfToDisplay.value);\n thisPdf.value = pdf;\n thisPages.value = pages;\n});\n\nonMounted(()=>initSrcContract())\n\n\n//Methods\nfunction closePopup(): void {\n emit(\"close\");\n}\nfunction initSrcContract(): void {\n let source = \"\";\n if (props.selectedContract) {\n source = apiStore.keycloakUrl + \"contract/\" + props.selectedContract.id;\n }\n pdfSource.value = source + \"?access_token=\" + authStore.authParam.accessToken;\n}\nfunction onDownloadContract(): void {\n emit(\"download\", props.selectedContract);\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;EAiCA,MAAM,eAAe,2BAA2B,OAAO,8BAAqB,CAAA,MAAA,MAAA,EAAA,CAAA,CAAA;EAI5E,MAAM,QAAQ;EAKd,MAAM,OAAO;EAIb,MAAM,YAAY,IAAI,EAAE;EACxB,MAAM,UAAuC,IAAI,KAAA,CAAS;EAC1D,MAAM,YAA+C,IAAI,CAAC;EAG1D,MAAM,EAAE,MAAM,QAAQ;EACtB,MAAM,YAAY,aAAa;EAC/B,MAAM,WAAW,YAAY;EAG7B,MAAM,eAAe,eAAe;GAClC,IAAI,OAAO,UAAU,OACnB,OAAO,UAAU;EAGrB,CAAC;EAGD,MAAM,cAAc,YAAY;GAC9B,IAAI,KAAA,MAAc,aAAa,OAC7B;GAEF,MAAM,EAAE,KAAK,UAAU,OAAO,aAAa,KAAK;GAChD,QAAQ,QAAQ;GAChB,UAAU,QAAQ;EACpB,CAAC;EAED,gBAAc,gBAAgB,CAAC;EAI/B,SAAS,aAAmB;GAC1B,KAAK,OAAO;EACd;EACA,SAAS,kBAAwB;GAC/B,IAAI,SAAS;GACb,IAAI,MAAM,kBACR,SAAS,SAAS,cAAc,cAAc,MAAM,iBAAiB;GAEvE,UAAU,QAAQ,SAAS,mBAAmB,UAAU,UAAU;EACpE;EACA,SAAS,qBAA2B;GAClC,KAAK,YAAY,MAAM,gBAAgB;EACzC;;;;;;;;;;;;;;;;;;;;;;;;;;;;AClFU,IAAA,aAAA,EAAA,OAAM,OAAM;AAMX,IAAA,aAAA,EAAA,OAAM,6BAA4B;;CAZ3C,OAAAA,UAAA,GAAAC,YAqBe,OAAA,iBAAA;EApBb,YAAS;EACR,eAAa,OAAA,EAAC,kBAAA;EACd,SAAO,OAAA;;EAEG,MAAIC,cACqC,CAAlDC,mBAAkD,MAAlD,YAAkDC,gBAA9B,OAAA,kBAAkB,IAAI,GAAA,CAAA,IAC1CJ,UAAA,IAAA,GAAAK,mBAEMC,UAAA,MAAAC,WAFc,OAAA,YAAR,SAAI;GAAhB,OAAAP,UAAA,GAAAK,mBAEM,OAAA,EAF0B,KAAK,KAAI,GAAA,CACvCG,YAAsC,OAAA,WAAA;IAA7B,KAAK,OAAA;IAAgB;;;EAGvB,QAAMN,cAQT,CAPNC,mBAOM,OAPN,YAOM,CANJA,mBAES,UAAA;GAFD,OAAM;GAAuB,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,OAAA,mBAAkB;EACzD,GAAAC,gBAAA,OAAA,EAAC,UAAA,CAAA,GAAA,CAAA,GAEND,mBAES,UAAA;GAFD,OAAM;GAAuB,SAAO,OAAA;EACvC,GAAAC,gBAAA,OAAA,EAAC,OAAA,CAAA,GAAA,CAAA,CAAA,CAAA,CAAA,CAAA"}

package/dist/{ContractPreviewModal-48Je4Wuy.mjs → ContractPreviewModal-Dd-1KasR.mjs} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { O as e, i as t } from "./classicApi-pmODlqv5.mjs";
+import { i as e, k as t } from "./classicApi-CGipMqf7.mjs";
 import { Fragment as n, computed as r, createBlock as i, createElementBlock as a, createElementVNode as o, createVNode as s, defineAsyncComponent as c, defineComponent as l, onMounted as u, openBlock as d, ref as f, renderList as p, toDisplayString as m, unref as h, watch as g, withCtx as _ } from "vue";
 import { useI18n as v } from "vue-i18n";
 import { VuePDF as y, usePDF as b } from "@tato30/vue-pdf";
@@ -11,7 +11,7 @@ var x = { class: "mb-3" }, S = { class: "d-flex justify-content-end" }, C = /* @
 	} },
 	emits: ["download", "close"],
 	setup(l, { emit: C }) {
-		let w = c(() => import("./ClassicModal-Dl2IdzXZ.mjs").then((e) => e.n)), T = l, E = C, D = f(""), O = f(void 0), k = f(0), { t: A } = v(), j = t(), M = e(), N = r(() => {
+		let w = c(() => import("./ClassicModal-Dl2IdzXZ.mjs").then((e) => e.n)), T = l, E = C, D = f(""), O = f(void 0), k = f(0), { t: A } = v(), j = e(), M = t(), N = r(() => {
 			if (D.value !== "") return D.value;
 		});
 		g(N, async () => {

package/dist/DateFilter-CGTz76bp.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"DateFilter-CGTz76bp.mjs","names":["_openBlock","_createElementBlock","_toDisplayString","_createCommentVNode","_Fragment","_renderList","_createElementVNode","_createVNode","_sfc_main"],"sources":["../src/components/display/filter/DateFilter.vue","../src/components/display/filter/DateFilter.vue"],"sourcesContent":["<template>\n <div class=\"d-flex mt-3 align-items-center flex-wrap\">\n <div v-if=\"isEmission\" class=\"me-2\">\n {{ t(\"Emission with episode published :\") }}\n </div>\n <div v-for=\"index in 2\" :key=\"index\" class=\"d-flex align-items-center\">\n <ClassicCheckbox\n v-model:text-init=\"isActive[index - 1]\"\n class=\"flex-shrink-0\"\n :id-checkbox=\"'search-checkbox' + index\"\n :label=\"1 === index ? t('From the :') : t('To the :')\"\n />\n <ClassicDatePicker\n :id=\"'date-filter-chooser'+index\"\n :label=\"1 === index ? t('From the :') : t('To the :')\"\n :date=\"internDates[index - 1]\"\n class=\"mx-2\"\n @update-date=\"updateDate(index - 1, $event)\"\n />\n </div>\n </div>\n</template>\n\n<script setup lang=\"ts\">\nimport dayjs from \"dayjs\";\nimport ClassicCheckbox from \"../../form/ClassicCheckbox.vue\";\nimport ClassicDatePicker from \"../../form/ClassicDatePicker.vue\";\nimport { ref, watch } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props\nconst props = defineProps({\n isEmission: { default: false, type: Boolean },\n fromDate: { default: undefined, type: String },\n toDate: { default: undefined, type: String },\n})\n\n//Emits\nconst emit = defineEmits([\"updateDates\"]);\n\n//Data\nconst isActive = ref([false, false]);\nconst internDates = ref([\n dayjs().subtract(10, \"days\").startOf(\"day\").toDate(),\n dayjs().endOf(\"day\").toDate(),\n]);\n\n//Composables\nconst { t } = useI18n();\n\n\n//Watch\nwatch(isActive, () => {\n emit(\"updateDates\", {\n from: isActive.value[0]\n ? dayjs(internDates.value[0]).toISOString()\n : undefined,\n to: isActive.value[1]\n ? dayjs(internDates.value[1]).toISOString()\n : undefined,\n });\n}, { deep: true });\n\nwatch(()=>props.toDate, () => {\n isActive.value[1] = undefined !== props.toDate;\n if (props.toDate && props.toDate !== internDates.value[1].toISOString()) {\n internDates.value[1] = dayjs(props.toDate).toDate();\n }\n}, {immediate: true});\nwatch(()=>props.fromDate, () => {\n isActive.value[0] = undefined !== props.fromDate;\n if (props.fromDate && props.fromDate !== internDates.value[0].toISOString()) {\n internDates.value[0] = dayjs(props.fromDate).toDate();\n }\n}, {immediate: true});\nwatch(()=>props.fromDate, () => {\n emit(\"updateDates\", {\n from: isActive.value[0]\n ? dayjs(internDates.value[0]).toISOString()\n : undefined,\n to: isActive.value[1]\n ? dayjs(internDates.value[1]).toISOString()\n : undefined,\n });\n}, {deep: true});\n\n\n//Methods\n\n\nfunction updateDate(index: number, value: Date): void {\n internDates.value[index] = value;\n if (\n (0 === index &&\n dayjs(internDates.value[0]).startOf(\"minute\").toISOString() ===\n dayjs().subtract(10, \"days\").startOf(\"minute\").toISOString()) ||\n (1 === index &&\n dayjs(internDates.value[1]).startOf(\"minute\").toISOString() ===\n dayjs().startOf(\"minute\").toISOString())\n ) {\n return;\n }\n if (isActive.value[index]) {\n emit(\"updateDates\", {\n from:\n 0 === index\n ? dayjs(internDates.value[0]).toISOString()\n : props.fromDate,\n to:\n 1 === index\n ? dayjs(internDates.value[1]).toISOString()\n : props.toDate,\n });\n } else {\n isActive.value[index] = true;\n }\n}\n</script>\n","<template>\n <div class=\"d-flex mt-3 align-items-center flex-wrap\">\n <div v-if=\"isEmission\" class=\"me-2\">\n {{ t(\"Emission with episode published :\") }}\n </div>\n <div v-for=\"index in 2\" :key=\"index\" class=\"d-flex align-items-center\">\n <ClassicCheckbox\n v-model:text-init=\"isActive[index - 1]\"\n class=\"flex-shrink-0\"\n :id-checkbox=\"'search-checkbox' + index\"\n :label=\"1 === index ? t('From the :') : t('To the :')\"\n />\n <ClassicDatePicker\n :id=\"'date-filter-chooser'+index\"\n :label=\"1 === index ? t('From the :') : t('To the :')\"\n :date=\"internDates[index - 1]\"\n class=\"mx-2\"\n @update-date=\"updateDate(index - 1, $event)\"\n />\n </div>\n </div>\n</template>\n\n<script setup lang=\"ts\">\nimport dayjs from \"dayjs\";\nimport ClassicCheckbox from \"../../form/ClassicCheckbox.vue\";\nimport ClassicDatePicker from \"../../form/ClassicDatePicker.vue\";\nimport { ref, watch } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props\nconst props = defineProps({\n isEmission: { default: false, type: Boolean },\n fromDate: { default: undefined, type: String },\n toDate: { default: undefined, type: String },\n})\n\n//Emits\nconst emit = defineEmits([\"updateDates\"]);\n\n//Data\nconst isActive = ref([false, false]);\nconst internDates = ref([\n dayjs().subtract(10, \"days\").startOf(\"day\").toDate(),\n dayjs().endOf(\"day\").toDate(),\n]);\n\n//Composables\nconst { t } = useI18n();\n\n\n//Watch\nwatch(isActive, () => {\n emit(\"updateDates\", {\n from: isActive.value[0]\n ? dayjs(internDates.value[0]).toISOString()\n : undefined,\n to: isActive.value[1]\n ? dayjs(internDates.value[1]).toISOString()\n : undefined,\n });\n}, { deep: true });\n\nwatch(()=>props.toDate, () => {\n isActive.value[1] = undefined !== props.toDate;\n if (props.toDate && props.toDate !== internDates.value[1].toISOString()) {\n internDates.value[1] = dayjs(props.toDate).toDate();\n }\n}, {immediate: true});\nwatch(()=>props.fromDate, () => {\n isActive.value[0] = undefined !== props.fromDate;\n if (props.fromDate && props.fromDate !== internDates.value[0].toISOString()) {\n internDates.value[0] = dayjs(props.fromDate).toDate();\n }\n}, {immediate: true});\nwatch(()=>props.fromDate, () => {\n emit(\"updateDates\", {\n from: isActive.value[0]\n ? dayjs(internDates.value[0]).toISOString()\n : undefined,\n to: isActive.value[1]\n ? dayjs(internDates.value[1]).toISOString()\n : undefined,\n });\n}, {deep: true});\n\n\n//Methods\n\n\nfunction updateDate(index: number, value: Date): void {\n internDates.value[index] = value;\n if (\n (0 === index &&\n dayjs(internDates.value[0]).startOf(\"minute\").toISOString() ===\n dayjs().subtract(10, \"days\").startOf(\"minute\").toISOString()) ||\n (1 === index &&\n dayjs(internDates.value[1]).startOf(\"minute\").toISOString() ===\n dayjs().startOf(\"minute\").toISOString())\n ) {\n return;\n }\n if (isActive.value[index]) {\n emit(\"updateDates\", {\n from:\n 0 === index\n ? dayjs(internDates.value[0]).toISOString()\n : props.fromDate,\n to:\n 1 === index\n ? dayjs(internDates.value[1]).toISOString()\n : props.toDate,\n });\n } else {\n isActive.value[index] = true;\n }\n}\n</script>\n"],"mappings":"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"}

package/dist/DateFilter-CfeYepTO.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"DateFilter-CfeYepTO.mjs","names":["_openBlock","_createElementBlock","_toDisplayString","_createCommentVNode","_Fragment","_renderList","_createElementVNode","_createVNode","_sfc_main"],"sources":["../src/components/display/filter/DateFilter.vue","../src/components/display/filter/DateFilter.vue"],"sourcesContent":["<template>\n <div class=\"d-flex mt-3 align-items-center flex-wrap\">\n <div v-if=\"isEmission\" class=\"me-2\">\n {{ t(\"Emission with episode published :\") }}\n </div>\n <div v-for=\"index in 2\" :key=\"index\" class=\"d-flex align-items-center\">\n <ClassicCheckbox\n v-model:text-init=\"isActive[index - 1]\"\n class=\"flex-shrink-0\"\n :id-checkbox=\"'search-checkbox' + index\"\n :label=\"1 === index ? t('From the :') : t('To the :')\"\n />\n <ClassicDatePicker\n :id=\"'date-filter-chooser'+index\"\n :label=\"1 === index ? t('From the :') : t('To the :')\"\n :date=\"internDates[index - 1]\"\n class=\"mx-2\"\n @update-date=\"updateDate(index - 1, $event)\"\n />\n </div>\n </div>\n</template>\n\n<script setup lang=\"ts\">\nimport dayjs from \"dayjs\";\nimport ClassicCheckbox from \"../../form/ClassicCheckbox.vue\";\nimport ClassicDatePicker from \"../../form/ClassicDatePicker.vue\";\nimport { ref, watch } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props\nconst props = defineProps({\n isEmission: { default: false, type: Boolean },\n fromDate: { default: undefined, type: String },\n toDate: { default: undefined, type: String },\n})\n\n//Emits\nconst emit = defineEmits([\"updateDates\"]);\n\n//Data\nconst isActive = ref([false, false]);\nconst internDates = ref([\n dayjs().subtract(10, \"days\").startOf(\"day\").toDate(),\n dayjs().endOf(\"day\").toDate(),\n]);\n\n//Composables\nconst { t } = useI18n();\n\n\n//Watch\nwatch(isActive, () => {\n emit(\"updateDates\", {\n from: isActive.value[0]\n ? dayjs(internDates.value[0]).toISOString()\n : undefined,\n to: isActive.value[1]\n ? dayjs(internDates.value[1]).toISOString()\n : undefined,\n });\n}, { deep: true });\n\nwatch(()=>props.toDate, () => {\n isActive.value[1] = undefined !== props.toDate;\n if (props.toDate && props.toDate !== internDates.value[1].toISOString()) {\n internDates.value[1] = dayjs(props.toDate).toDate();\n }\n}, {immediate: true});\nwatch(()=>props.fromDate, () => {\n isActive.value[0] = undefined !== props.fromDate;\n if (props.fromDate && props.fromDate !== internDates.value[0].toISOString()) {\n internDates.value[0] = dayjs(props.fromDate).toDate();\n }\n}, {immediate: true});\nwatch(()=>props.fromDate, () => {\n emit(\"updateDates\", {\n from: isActive.value[0]\n ? dayjs(internDates.value[0]).toISOString()\n : undefined,\n to: isActive.value[1]\n ? dayjs(internDates.value[1]).toISOString()\n : undefined,\n });\n}, {deep: true});\n\n\n//Methods\n\n\nfunction updateDate(index: number, value: Date): void {\n internDates.value[index] = value;\n if (\n (0 === index &&\n dayjs(internDates.value[0]).startOf(\"minute\").toISOString() ===\n dayjs().subtract(10, \"days\").startOf(\"minute\").toISOString()) ||\n (1 === index &&\n dayjs(internDates.value[1]).startOf(\"minute\").toISOString() ===\n dayjs().startOf(\"minute\").toISOString())\n ) {\n return;\n }\n if (isActive.value[index]) {\n emit(\"updateDates\", {\n from:\n 0 === index\n ? dayjs(internDates.value[0]).toISOString()\n : props.fromDate,\n to:\n 1 === index\n ? dayjs(internDates.value[1]).toISOString()\n : props.toDate,\n });\n } else {\n isActive.value[index] = true;\n }\n}\n</script>\n","<template>\n <div class=\"d-flex mt-3 align-items-center flex-wrap\">\n <div v-if=\"isEmission\" class=\"me-2\">\n {{ t(\"Emission with episode published :\") }}\n </div>\n <div v-for=\"index in 2\" :key=\"index\" class=\"d-flex align-items-center\">\n <ClassicCheckbox\n v-model:text-init=\"isActive[index - 1]\"\n class=\"flex-shrink-0\"\n :id-checkbox=\"'search-checkbox' + index\"\n :label=\"1 === index ? t('From the :') : t('To the :')\"\n />\n <ClassicDatePicker\n :id=\"'date-filter-chooser'+index\"\n :label=\"1 === index ? t('From the :') : t('To the :')\"\n :date=\"internDates[index - 1]\"\n class=\"mx-2\"\n @update-date=\"updateDate(index - 1, $event)\"\n />\n </div>\n </div>\n</template>\n\n<script setup lang=\"ts\">\nimport dayjs from \"dayjs\";\nimport ClassicCheckbox from \"../../form/ClassicCheckbox.vue\";\nimport ClassicDatePicker from \"../../form/ClassicDatePicker.vue\";\nimport { ref, watch } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props\nconst props = defineProps({\n isEmission: { default: false, type: Boolean },\n fromDate: { default: undefined, type: String },\n toDate: { default: undefined, type: String },\n})\n\n//Emits\nconst emit = defineEmits([\"updateDates\"]);\n\n//Data\nconst isActive = ref([false, false]);\nconst internDates = ref([\n dayjs().subtract(10, \"days\").startOf(\"day\").toDate(),\n dayjs().endOf(\"day\").toDate(),\n]);\n\n//Composables\nconst { t } = useI18n();\n\n\n//Watch\nwatch(isActive, () => {\n emit(\"updateDates\", {\n from: isActive.value[0]\n ? dayjs(internDates.value[0]).toISOString()\n : undefined,\n to: isActive.value[1]\n ? dayjs(internDates.value[1]).toISOString()\n : undefined,\n });\n}, { deep: true });\n\nwatch(()=>props.toDate, () => {\n isActive.value[1] = undefined !== props.toDate;\n if (props.toDate && props.toDate !== internDates.value[1].toISOString()) {\n internDates.value[1] = dayjs(props.toDate).toDate();\n }\n}, {immediate: true});\nwatch(()=>props.fromDate, () => {\n isActive.value[0] = undefined !== props.fromDate;\n if (props.fromDate && props.fromDate !== internDates.value[0].toISOString()) {\n internDates.value[0] = dayjs(props.fromDate).toDate();\n }\n}, {immediate: true});\nwatch(()=>props.fromDate, () => {\n emit(\"updateDates\", {\n from: isActive.value[0]\n ? dayjs(internDates.value[0]).toISOString()\n : undefined,\n to: isActive.value[1]\n ? dayjs(internDates.value[1]).toISOString()\n : undefined,\n });\n}, {deep: true});\n\n\n//Methods\n\n\nfunction updateDate(index: number, value: Date): void {\n internDates.value[index] = value;\n if (\n (0 === index &&\n dayjs(internDates.value[0]).startOf(\"minute\").toISOString() ===\n dayjs().subtract(10, \"days\").startOf(\"minute\").toISOString()) ||\n (1 === index &&\n dayjs(internDates.value[1]).startOf(\"minute\").toISOString() ===\n dayjs().startOf(\"minute\").toISOString())\n ) {\n return;\n }\n if (isActive.value[index]) {\n emit(\"updateDates\", {\n from:\n 0 === index\n ? dayjs(internDates.value[0]).toISOString()\n : props.fromDate,\n to:\n 1 === index\n ? dayjs(internDates.value[1]).toISOString()\n : props.toDate,\n });\n } else {\n isActive.value[index] = true;\n }\n}\n</script>\n"],"mappings":"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"}