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

@saooti/octopus-sdk 42.3.0 → 42.3.1

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 (615) hide show

package/dist/UserButtonContent-Dqgyrgzv.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"UserButtonContent-Dqgyrgzv.mjs","names":["_resolveComponent","_openBlock","_createElementBlock","_createElementVNode","_Fragment","_renderList","_createBlock","_normalizeClass","_withCtx","_createTextVNode","_toDisplayString","_createCommentVNode","_createVNode","_sfc_main"],"sources":["../src/components/misc/UserButtonContent.vue","../src/components/misc/UserButtonContent.vue"],"sourcesContent":["<template>\n <nav :aria-label=\"navLabel\">\n <ul class=\"p-0 m-0\">\n <template v-if=\"specificRoutes.length\">\n <li\n v-for=\"routerBack in specificRoutes\"\n :key=\"routerBack.path\"\n class=\"li-style-none\"\n >\n <router-link\n v-if=\"!state.generalParameters.podcastmaker && routerBack.condition\"\n :class=\"routerBack.class\"\n :to=\"routerBack.path\"\n >\n {{ routerBack.title }}\n </router-link>\n </li>\n <hr v-if=\"displayUserContent\">\n </template>\n <template v-if=\"displayUserContent\">\n <template v-if=\"!isAuthenticated\">\n <li class=\"li-style-none\">\n <a class=\"octopus-dropdown-item realLink\" :href=\"pathLogin\">\n {{ t(\"Login\") }}\n </a>\n </li>\n <li class=\"li-style-none\">\n <router-link\n v-if=\"!state.generalParameters.podcastmaker\"\n class=\"octopus-dropdown-item\"\n to=\"/main/pub/create\"\n >\n {{ t(\"Create an account\") }}\n </router-link>\n </li>\n </template>\n <template v-else>\n <li\n v-for=\"routeBackoffice in routerBackoffice\"\n :key=\"routeBackoffice.path\"\n class=\"li-style-none\"\n >\n <router-link\n v-if=\"!state.generalParameters.podcastmaker && routeBackoffice.condition\"\n :class=\"routeBackoffice.class\"\n :to=\"routeBackoffice.path\"\n >\n {{ routeBackoffice.title }}\n </router-link>\n </li>\n <hr>\n <template v-if=\"helpLinks.length\">\n <li\n v-for=\"helpLink in helpLinks\"\n :key=\"helpLink.title\"\n class=\"li-style-none\"\n >\n <a\n :href=\"helpLink.href\"\n class=\"octopus-dropdown-item realLink\"\n rel=\"noreferrer noopener\"\n target=\"_blank\"\n :title=\"t('New window', {text: helpLink.title})\"\n >\n {{ helpLink.title }}\n <OpenInNewIcon class=\"ms-1\" :size=\"15\" />\n </a>\n </li>\n <hr>\n </template>\n <li class=\"li-style-none\">\n <a class=\"octopus-dropdown-item c-hand\" href=\"/logout\">\n {{ t(\"Logout\") }}\n </a>\n </li>\n </template>\n <li class=\"li-style-none\">\n <router-link\n v-if=\"!authStore.isGarRole\"\n class=\"octopus-dropdown-item\"\n to=\"/main/pub/contact\"\n >\n {{ t(\"Contact\") }}\n </router-link>\n </li>\n </template>\n </ul>\n </nav>\n</template>\n\n<script setup lang=\"ts\">\nimport OpenInNewIcon from \"vue-material-design-icons/OpenInNew.vue\";\nimport { state } from \"../../stores/ParamSdkStore\";\nimport { useAuthStore } from \"../../stores/AuthStore\";\nimport { computed } from \"vue\";\nimport { useApiStore } from \"../../stores/ApiStore\";\nimport { useI18n } from \"vue-i18n\";\nimport { RouteLocationAsPathGeneric, RouteLocationAsRelativeGeneric, useRoute } from \"vue-router\";\n\n//Interface\ninterface RouteInfo{\n title: string;\n class: string;\n path: string | RouteLocationAsRelativeGeneric | RouteLocationAsPathGeneric;\n condition: boolean\n}\n\n//Props \nconst props = defineProps({\n isEducation: { default: false, type: Boolean },\n navLabel: { default: \"\", type: String },\n specificRoutes: { default: ()=>[], type: Array as ()=> Array<RouteInfo> },\n displayUserContent: { default: true, type: Boolean },\n})\n\n//Composables\nconst { t } = useI18n();\nconst authStore = useAuthStore();\nconst apiStore = useApiStore();\nconst route = useRoute();\n\n//Computed\nconst isAuthenticated = computed(() => undefined !== authStore.authProfile?.userId);\nconst pathLogin = computed(() => \"/sso/login?redirect_url=\"+encodeURI(apiStore.frontendUrl + route.fullPath));\nconst isAuthenticatedWithOrga = computed(() => undefined !== authStore.authOrgaId);\nconst organisationsAvailable = computed(() => authStore.authProfile?.organisations ?? []);\n\nconst helpLinks = computed(() => {\n if (authStore.isGarRole || props.isEducation) {\n return [];\n }\n return [\n { title:t(\"Help\"), href: \"https://help.octopus.saooti.com/Aide/\"},\n { title: t(\"TutoMag\"), href: \"https://help.octopus.saooti.com/\" },\n ];\n});\nconst routerBackoffice = computed(() => {\n if(!isAuthenticated.value){\n return [];\n }\n\n return [\n {\n title: t(\"My space\"),\n class: \"octopus-dropdown-item show-small-screen\",\n path: { name: \"backoffice\" },\n condition: isAuthenticatedWithOrga.value,\n },\n {\n title: t(\"Upload\"),\n class: \"octopus-dropdown-item show-small-screen\",\n path: { name: \"upload-podcast\" },\n condition: isAuthenticatedWithOrga.value && authStore.isRoleContribution,\n },\n {\n title: t(\"User profile - Title - My profile\"),\n class: \"octopus-dropdown-item\",\n path: { name: \"my-profile\" },\n condition: true,\n },\n {\n title: t(\"Edit my organisation\"),\n class: \"octopus-dropdown-item\",\n path: { name: \"edit-organisation\" },\n condition:\n isAuthenticatedWithOrga.value &&\n (authStore.isRoleOrganisation || 1 < organisationsAvailable.value.length),\n },\n {\n title: t(\"My space\"),\n class: \"octopus-dropdown-item\",\n path: { name: \"backoffice\" },\n condition: isAuthenticatedWithOrga.value\n },\n ];\n});\n\n</script>\n","<template>\n <nav :aria-label=\"navLabel\">\n <ul class=\"p-0 m-0\">\n <template v-if=\"specificRoutes.length\">\n <li\n v-for=\"routerBack in specificRoutes\"\n :key=\"routerBack.path\"\n class=\"li-style-none\"\n >\n <router-link\n v-if=\"!state.generalParameters.podcastmaker && routerBack.condition\"\n :class=\"routerBack.class\"\n :to=\"routerBack.path\"\n >\n {{ routerBack.title }}\n </router-link>\n </li>\n <hr v-if=\"displayUserContent\">\n </template>\n <template v-if=\"displayUserContent\">\n <template v-if=\"!isAuthenticated\">\n <li class=\"li-style-none\">\n <a class=\"octopus-dropdown-item realLink\" :href=\"pathLogin\">\n {{ t(\"Login\") }}\n </a>\n </li>\n <li class=\"li-style-none\">\n <router-link\n v-if=\"!state.generalParameters.podcastmaker\"\n class=\"octopus-dropdown-item\"\n to=\"/main/pub/create\"\n >\n {{ t(\"Create an account\") }}\n </router-link>\n </li>\n </template>\n <template v-else>\n <li\n v-for=\"routeBackoffice in routerBackoffice\"\n :key=\"routeBackoffice.path\"\n class=\"li-style-none\"\n >\n <router-link\n v-if=\"!state.generalParameters.podcastmaker && routeBackoffice.condition\"\n :class=\"routeBackoffice.class\"\n :to=\"routeBackoffice.path\"\n >\n {{ routeBackoffice.title }}\n </router-link>\n </li>\n <hr>\n <template v-if=\"helpLinks.length\">\n <li\n v-for=\"helpLink in helpLinks\"\n :key=\"helpLink.title\"\n class=\"li-style-none\"\n >\n <a\n :href=\"helpLink.href\"\n class=\"octopus-dropdown-item realLink\"\n rel=\"noreferrer noopener\"\n target=\"_blank\"\n :title=\"t('New window', {text: helpLink.title})\"\n >\n {{ helpLink.title }}\n <OpenInNewIcon class=\"ms-1\" :size=\"15\" />\n </a>\n </li>\n <hr>\n </template>\n <li class=\"li-style-none\">\n <a class=\"octopus-dropdown-item c-hand\" href=\"/logout\">\n {{ t(\"Logout\") }}\n </a>\n </li>\n </template>\n <li class=\"li-style-none\">\n <router-link\n v-if=\"!authStore.isGarRole\"\n class=\"octopus-dropdown-item\"\n to=\"/main/pub/contact\"\n >\n {{ t(\"Contact\") }}\n </router-link>\n </li>\n </template>\n </ul>\n </nav>\n</template>\n\n<script setup lang=\"ts\">\nimport OpenInNewIcon from \"vue-material-design-icons/OpenInNew.vue\";\nimport { state } from \"../../stores/ParamSdkStore\";\nimport { useAuthStore } from \"../../stores/AuthStore\";\nimport { computed } from \"vue\";\nimport { useApiStore } from \"../../stores/ApiStore\";\nimport { useI18n } from \"vue-i18n\";\nimport { RouteLocationAsPathGeneric, RouteLocationAsRelativeGeneric, useRoute } from \"vue-router\";\n\n//Interface\ninterface RouteInfo{\n title: string;\n class: string;\n path: string | RouteLocationAsRelativeGeneric | RouteLocationAsPathGeneric;\n condition: boolean\n}\n\n//Props \nconst props = defineProps({\n isEducation: { default: false, type: Boolean },\n navLabel: { default: \"\", type: String },\n specificRoutes: { default: ()=>[], type: Array as ()=> Array<RouteInfo> },\n displayUserContent: { default: true, type: Boolean },\n})\n\n//Composables\nconst { t } = useI18n();\nconst authStore = useAuthStore();\nconst apiStore = useApiStore();\nconst route = useRoute();\n\n//Computed\nconst isAuthenticated = computed(() => undefined !== authStore.authProfile?.userId);\nconst pathLogin = computed(() => \"/sso/login?redirect_url=\"+encodeURI(apiStore.frontendUrl + route.fullPath));\nconst isAuthenticatedWithOrga = computed(() => undefined !== authStore.authOrgaId);\nconst organisationsAvailable = computed(() => authStore.authProfile?.organisations ?? []);\n\nconst helpLinks = computed(() => {\n if (authStore.isGarRole || props.isEducation) {\n return [];\n }\n return [\n { title:t(\"Help\"), href: \"https://help.octopus.saooti.com/Aide/\"},\n { title: t(\"TutoMag\"), href: \"https://help.octopus.saooti.com/\" },\n ];\n});\nconst routerBackoffice = computed(() => {\n if(!isAuthenticated.value){\n return [];\n }\n\n return [\n {\n title: t(\"My space\"),\n class: \"octopus-dropdown-item show-small-screen\",\n path: { name: \"backoffice\" },\n condition: isAuthenticatedWithOrga.value,\n },\n {\n title: t(\"Upload\"),\n class: \"octopus-dropdown-item show-small-screen\",\n path: { name: \"upload-podcast\" },\n condition: isAuthenticatedWithOrga.value && authStore.isRoleContribution,\n },\n {\n title: t(\"User profile - Title - My profile\"),\n class: \"octopus-dropdown-item\",\n path: { name: \"my-profile\" },\n condition: true,\n },\n {\n title: t(\"Edit my organisation\"),\n class: \"octopus-dropdown-item\",\n path: { name: \"edit-organisation\" },\n condition:\n isAuthenticatedWithOrga.value &&\n (authStore.isRoleOrganisation || 1 < organisationsAvailable.value.length),\n },\n {\n title: t(\"My space\"),\n class: \"octopus-dropdown-item\",\n path: { name: \"backoffice\" },\n condition: isAuthenticatedWithOrga.value\n },\n ];\n});\n\n</script>\n"],"mappings":"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"}

package/dist/VideoModuleBox-9QgBI-Q-.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"VideoModuleBox-9QgBI-Q-.mjs","names":["displayHelper","_openBlock","_createElementBlock","_createElementVNode","_toDisplayString","_createCommentVNode","_createVNode","_sfc_main"],"sources":["../src/components/display/podcasts/VideoModuleBox.vue","../src/components/display/podcasts/VideoModuleBox.vue"],"sourcesContent":["<template>\n <section v-if=\"podcast\" class=\"d-flex flex-column flex-grow-1 mt-2\">\n <div class=\"d-flex justify-content-between flex-wrap\">\n <time v-if=\"0 !== date.length\" class=\"me-2\" :datetime=\"podcast.pubDate\">\n {{ date }}\n </time>\n <time :datetime=\"durationIso\">\n {{ duration }}\n </time>\n </div>\n <div class=\"my-3 h3\">{{ podcast.title }}</div>\n \n <div\n v-if=\"podcast.description\"\n class=\"description-text html-wysiwyg-content mb-3\"\n v-html=\"urlify(podcast.description)\"\n />\n \n <ParticipantDescription :participants=\"podcast.animators\" />\n <ParticipantDescription :participants=\"podcast.guests\" :is-guest=\"true\" />\n <PodcastRawTranscript class=\"mt-3\" :podcast-id=\"podcast.podcastId\" />\n </section>\n</template>\n\n<script setup lang=\"ts\">\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport displayHelper from \"../../../helper/displayHelper\";\nimport PodcastRawTranscript from \"./PodcastRawTranscript.vue\";\nimport { defineAsyncComponent } from \"vue\";\nconst ParticipantDescription = defineAsyncComponent(\n () => import(\"./ParticipantDescription.vue\"),\n);\n\n//Props \ndefineProps({\n podcast: { default: undefined, type: Object as () => Podcast },\n date: { default: \"\", type: String },\n duration: { default: \"\", type: String },\n durationIso: { default: \"\", type: String },\n})\n\n//Methods\nfunction urlify(text:string|undefined){\n return displayHelper.urlify(text);\n}\n</script>\n","<template>\n <section v-if=\"podcast\" class=\"d-flex flex-column flex-grow-1 mt-2\">\n <div class=\"d-flex justify-content-between flex-wrap\">\n <time v-if=\"0 !== date.length\" class=\"me-2\" :datetime=\"podcast.pubDate\">\n {{ date }}\n </time>\n <time :datetime=\"durationIso\">\n {{ duration }}\n </time>\n </div>\n <div class=\"my-3 h3\">{{ podcast.title }}</div>\n \n <div\n v-if=\"podcast.description\"\n class=\"description-text html-wysiwyg-content mb-3\"\n v-html=\"urlify(podcast.description)\"\n />\n \n <ParticipantDescription :participants=\"podcast.animators\" />\n <ParticipantDescription :participants=\"podcast.guests\" :is-guest=\"true\" />\n <PodcastRawTranscript class=\"mt-3\" :podcast-id=\"podcast.podcastId\" />\n </section>\n</template>\n\n<script setup lang=\"ts\">\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport displayHelper from \"../../../helper/displayHelper\";\nimport PodcastRawTranscript from \"./PodcastRawTranscript.vue\";\nimport { defineAsyncComponent } from \"vue\";\nconst ParticipantDescription = defineAsyncComponent(\n () => import(\"./ParticipantDescription.vue\"),\n);\n\n//Props \ndefineProps({\n podcast: { default: undefined, type: Object as () => Podcast },\n date: { default: \"\", type: String },\n duration: { default: \"\", type: String },\n durationIso: { default: \"\", type: String },\n})\n\n//Methods\nfunction urlify(text:string|undefined){\n return displayHelper.urlify(text);\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;EA6BA,MAAM,yBAAyB,2BACvB,OAAO,wCACf,CAAA,MAAA,MAAA,EAAA,CAAA,CAAA;EAWA,SAAS,OAAO,MAAsB;GACpC,OAAOA,sBAAc,OAAO,IAAI;EAClC;;;;;;;;;;;;;;;;;CC3C0B,OAAM;;AACvB,IAAA,aAAA,EAAA,OAAM,2CAA0C;;;AAQhD,IAAA,aAAA,EAAA,OAAM,UAAS;;;CATP,OAAA,OAAA,WAAfC,UAAA,GAAAC,mBAoBU,WApBV,YAoBU;EAnBRC,mBAOM,OAPN,YAOM,CANc,MAAA,OAAA,KAAK,UAAvBF,UAAA,GAAAC,mBAEO,QAAA;;GAFwB,OAAM;GAAQ,UAAU,OAAA,QAAQ;EAC1D,GAAAE,gBAAA,OAAA,IAAI,GAAA,GAAA,UAAA,KAAAC,mBAAA,QAAA,IAAA,GAETF,mBAEO,QAAA,EAFA,UAAU,OAAA,YAAW,GAAAC,gBACvB,OAAA,QAAQ,GAAA,GAAA,UAAA,CAAA,CAAA;EAGfD,mBAA8C,OAA9C,YAA8CC,gBAAtB,OAAA,QAAQ,KAAK,GAAA,CAAA;EACrCC,mBAAA,gCAAA;EAEQ,OAAA,QAAQ,eADhBJ,UAAA,GAAAC,mBAIE,OAAA;;GAFA,OAAM;GACN,WAAQ,OAAA,OAAO,OAAA,QAAQ,WAAW;;EAEpCG,mBAAA,iBAAA;EACAC,YAA4D,OAAA,2BAAA,EAAnC,cAAc,OAAA,QAAQ,UAAA,GAAA,MAAA,GAAA,CAAA,cAAA,CAAA;EAC/CA,YAA0E,OAAA,2BAAA;GAAjD,cAAc,OAAA,QAAQ;GAAS,YAAU;;EAClEA,YAAqE,OAAA,yBAAA;GAA/C,OAAM;GAAQ,cAAY,OAAA,QAAQ"}

package/dist/{VideoModuleBox-DxYJVwy3.mjs → VideoModuleBox-Bcqman6a.mjs} RENAMED Viewed

@@ -1,5 +1,5 @@
 import { t as e } from "./displayHelper-DQtoqc_6.mjs";
-import { t } from "./PodcastRawTranscript-Cktqtbcg.mjs";
+import { t } from "./PodcastRawTranscript-BiuftXu-.mjs";
 import { createCommentVNode as n, createElementBlock as r, createElementVNode as i, createVNode as a, defineAsyncComponent as o, defineComponent as s, openBlock as c, toDisplayString as l, unref as u } from "vue";
 //#region src/components/display/podcasts/VideoModuleBox.vue?vue&type=script&setup=true&lang.ts
 var d = {

package/dist/VideoModuleBox-BrVK2bDZ.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"VideoModuleBox-BrVK2bDZ.mjs","names":["displayHelper","_openBlock","_createElementBlock","_createElementVNode","_toDisplayString","_createCommentVNode","_createVNode","_sfc_main"],"sources":["../src/components/display/podcasts/VideoModuleBox.vue","../src/components/display/podcasts/VideoModuleBox.vue"],"sourcesContent":["<template>\n <section v-if=\"podcast\" class=\"d-flex flex-column flex-grow-1 mt-2\">\n <div class=\"d-flex justify-content-between flex-wrap\">\n <time v-if=\"0 !== date.length\" class=\"me-2\" :datetime=\"podcast.pubDate\">\n {{ date }}\n </time>\n <time :datetime=\"durationIso\">\n {{ duration }}\n </time>\n </div>\n <div class=\"my-3 h3\">{{ podcast.title }}</div>\n \n <div\n v-if=\"podcast.description\"\n class=\"description-text html-wysiwyg-content mb-3\"\n v-html=\"urlify(podcast.description)\"\n />\n \n <ParticipantDescription :participants=\"podcast.animators\" />\n <ParticipantDescription :participants=\"podcast.guests\" :is-guest=\"true\" />\n <PodcastRawTranscript class=\"mt-3\" :podcast-id=\"podcast.podcastId\" />\n </section>\n</template>\n\n<script setup lang=\"ts\">\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport displayHelper from \"../../../helper/displayHelper\";\nimport PodcastRawTranscript from \"./PodcastRawTranscript.vue\";\nimport { defineAsyncComponent } from \"vue\";\nconst ParticipantDescription = defineAsyncComponent(\n () => import(\"./ParticipantDescription.vue\"),\n);\n\n//Props \ndefineProps({\n podcast: { default: undefined, type: Object as () => Podcast },\n date: { default: \"\", type: String },\n duration: { default: \"\", type: String },\n durationIso: { default: \"\", type: String },\n})\n\n//Methods\nfunction urlify(text:string|undefined){\n return displayHelper.urlify(text);\n}\n</script>\n","<template>\n <section v-if=\"podcast\" class=\"d-flex flex-column flex-grow-1 mt-2\">\n <div class=\"d-flex justify-content-between flex-wrap\">\n <time v-if=\"0 !== date.length\" class=\"me-2\" :datetime=\"podcast.pubDate\">\n {{ date }}\n </time>\n <time :datetime=\"durationIso\">\n {{ duration }}\n </time>\n </div>\n <div class=\"my-3 h3\">{{ podcast.title }}</div>\n \n <div\n v-if=\"podcast.description\"\n class=\"description-text html-wysiwyg-content mb-3\"\n v-html=\"urlify(podcast.description)\"\n />\n \n <ParticipantDescription :participants=\"podcast.animators\" />\n <ParticipantDescription :participants=\"podcast.guests\" :is-guest=\"true\" />\n <PodcastRawTranscript class=\"mt-3\" :podcast-id=\"podcast.podcastId\" />\n </section>\n</template>\n\n<script setup lang=\"ts\">\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport displayHelper from \"../../../helper/displayHelper\";\nimport PodcastRawTranscript from \"./PodcastRawTranscript.vue\";\nimport { defineAsyncComponent } from \"vue\";\nconst ParticipantDescription = defineAsyncComponent(\n () => import(\"./ParticipantDescription.vue\"),\n);\n\n//Props \ndefineProps({\n podcast: { default: undefined, type: Object as () => Podcast },\n date: { default: \"\", type: String },\n duration: { default: \"\", type: String },\n durationIso: { default: \"\", type: String },\n})\n\n//Methods\nfunction urlify(text:string|undefined){\n return displayHelper.urlify(text);\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;EA6BA,MAAM,yBAAyB,2BACvB,OAAO,wCACf,CAAA,MAAA,MAAA,EAAA,CAAA,CAAA;EAWA,SAAS,OAAO,MAAsB;GACpC,OAAOA,sBAAc,OAAO,IAAI;EAClC;;;;;;;;;;;;;;;;;CC3C0B,OAAM;;AACvB,IAAA,aAAA,EAAA,OAAM,2CAA0C;;;AAQhD,IAAA,aAAA,EAAA,OAAM,UAAS;;;CATP,OAAA,OAAA,WAAfC,UAAA,GAAAC,mBAoBU,WApBV,YAoBU;EAnBRC,mBAOM,OAPN,YAOM,CANc,MAAA,OAAA,KAAK,UAAvBF,UAAA,GAAAC,mBAEO,QAAA;;GAFwB,OAAM;GAAQ,UAAU,OAAA,QAAQ;EAC1D,GAAAE,gBAAA,OAAA,IAAI,GAAA,GAAA,UAAA,KAAAC,mBAAA,QAAA,IAAA,GAETF,mBAEO,QAAA,EAFA,UAAU,OAAA,YAAW,GAAAC,gBACvB,OAAA,QAAQ,GAAA,GAAA,UAAA,CAAA,CAAA;EAGfD,mBAA8C,OAA9C,YAA8CC,gBAAtB,OAAA,QAAQ,KAAK,GAAA,CAAA;EACrCC,mBAAA,gCAAA;EAEQ,OAAA,QAAQ,eADhBJ,UAAA,GAAAC,mBAIE,OAAA;;GAFA,OAAM;GACN,WAAQ,OAAA,OAAO,OAAA,QAAQ,WAAW;;EAEpCG,mBAAA,iBAAA;EACAC,YAA4D,OAAA,2BAAA,EAAnC,cAAc,OAAA,QAAQ,UAAA,GAAA,MAAA,GAAA,CAAA,cAAA,CAAA;EAC/CA,YAA0E,OAAA,2BAAA;GAAjD,cAAc,OAAA,QAAQ;GAAS,YAAU;;EAClEA,YAAqE,OAAA,yBAAA;GAA/C,OAAM;GAAQ,cAAY,OAAA,QAAQ"}

package/dist/VideoModuleBox-DWO47_bZ.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"VideoModuleBox-DWO47_bZ.mjs","names":["displayHelper","_openBlock","_createElementBlock","_createElementVNode","_toDisplayString","_createCommentVNode","_createVNode","_sfc_main"],"sources":["../src/components/display/podcasts/VideoModuleBox.vue","../src/components/display/podcasts/VideoModuleBox.vue"],"sourcesContent":["<template>\n <section v-if=\"podcast\" class=\"d-flex flex-column flex-grow-1 mt-2\">\n <div class=\"d-flex justify-content-between flex-wrap\">\n <time v-if=\"0 !== date.length\" class=\"me-2\" :datetime=\"podcast.pubDate\">\n {{ date }}\n </time>\n <time :datetime=\"durationIso\">\n {{ duration }}\n </time>\n </div>\n <div class=\"my-3 h3\">{{ podcast.title }}</div>\n \n <div\n v-if=\"podcast.description\"\n class=\"description-text html-wysiwyg-content mb-3\"\n v-html=\"urlify(podcast.description)\"\n />\n \n <ParticipantDescription :participants=\"podcast.animators\" />\n <ParticipantDescription :participants=\"podcast.guests\" :is-guest=\"true\" />\n <PodcastRawTranscript class=\"mt-3\" :podcast-id=\"podcast.podcastId\" />\n </section>\n</template>\n\n<script setup lang=\"ts\">\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport displayHelper from \"../../../helper/displayHelper\";\nimport PodcastRawTranscript from \"./PodcastRawTranscript.vue\";\nimport { defineAsyncComponent } from \"vue\";\nconst ParticipantDescription = defineAsyncComponent(\n () => import(\"./ParticipantDescription.vue\"),\n);\n\n//Props \ndefineProps({\n podcast: { default: undefined, type: Object as () => Podcast },\n date: { default: \"\", type: String },\n duration: { default: \"\", type: String },\n durationIso: { default: \"\", type: String },\n})\n\n//Methods\nfunction urlify(text:string|undefined){\n return displayHelper.urlify(text);\n}\n</script>\n","<template>\n <section v-if=\"podcast\" class=\"d-flex flex-column flex-grow-1 mt-2\">\n <div class=\"d-flex justify-content-between flex-wrap\">\n <time v-if=\"0 !== date.length\" class=\"me-2\" :datetime=\"podcast.pubDate\">\n {{ date }}\n </time>\n <time :datetime=\"durationIso\">\n {{ duration }}\n </time>\n </div>\n <div class=\"my-3 h3\">{{ podcast.title }}</div>\n \n <div\n v-if=\"podcast.description\"\n class=\"description-text html-wysiwyg-content mb-3\"\n v-html=\"urlify(podcast.description)\"\n />\n \n <ParticipantDescription :participants=\"podcast.animators\" />\n <ParticipantDescription :participants=\"podcast.guests\" :is-guest=\"true\" />\n <PodcastRawTranscript class=\"mt-3\" :podcast-id=\"podcast.podcastId\" />\n </section>\n</template>\n\n<script setup lang=\"ts\">\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport displayHelper from \"../../../helper/displayHelper\";\nimport PodcastRawTranscript from \"./PodcastRawTranscript.vue\";\nimport { defineAsyncComponent } from \"vue\";\nconst ParticipantDescription = defineAsyncComponent(\n () => import(\"./ParticipantDescription.vue\"),\n);\n\n//Props \ndefineProps({\n podcast: { default: undefined, type: Object as () => Podcast },\n date: { default: \"\", type: String },\n duration: { default: \"\", type: String },\n durationIso: { default: \"\", type: String },\n})\n\n//Methods\nfunction urlify(text:string|undefined){\n return displayHelper.urlify(text);\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;EA6BA,MAAM,yBAAyB,2BACvB,OAAO,wCACf,CAAA,MAAA,MAAA,EAAA,CAAA,CAAA;EAWA,SAAS,OAAO,MAAsB;GACpC,OAAOA,sBAAc,OAAO,IAAI;EAClC;;;;;;;;;;;;;;;;;CC3C0B,OAAM;;AACvB,IAAA,aAAA,EAAA,OAAM,2CAA0C;;;AAQhD,IAAA,aAAA,EAAA,OAAM,UAAS;;;CATP,OAAA,OAAA,WAAfC,UAAA,GAAAC,mBAoBU,WApBV,YAoBU;EAnBRC,mBAOM,OAPN,YAOM,CANc,MAAA,OAAA,KAAK,UAAvBF,UAAA,GAAAC,mBAEO,QAAA;;GAFwB,OAAM;GAAQ,UAAU,OAAA,QAAQ;EAC1D,GAAAE,gBAAA,OAAA,IAAI,GAAA,GAAA,UAAA,KAAAC,mBAAA,QAAA,IAAA,GAETF,mBAEO,QAAA,EAFA,UAAU,OAAA,YAAW,GAAAC,gBACvB,OAAA,QAAQ,GAAA,GAAA,UAAA,CAAA,CAAA;EAGfD,mBAA8C,OAA9C,YAA8CC,gBAAtB,OAAA,QAAQ,KAAK,GAAA,CAAA;EACrCC,mBAAA,gCAAA;EAEQ,OAAA,QAAQ,eADhBJ,UAAA,GAAAC,mBAIE,OAAA;;GAFA,OAAM;GACN,WAAQ,OAAA,OAAO,OAAA,QAAQ,WAAW;;EAEpCG,mBAAA,iBAAA;EACAC,YAA4D,OAAA,2BAAA,EAAnC,cAAc,OAAA,QAAQ,UAAA,GAAA,MAAA,GAAA,CAAA,cAAA,CAAA;EAC/CA,YAA0E,OAAA,2BAAA;GAAjD,cAAc,OAAA,QAAQ;GAAS,YAAU;;EAClEA,YAAqE,OAAA,yBAAA;GAA/C,OAAM;GAAQ,cAAY,OAAA,QAAQ"}

package/dist/VideoPage-4MB4zmnA.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"VideoPage-4MB4zmnA.mjs","names":["classicApi","_resolveComponent","_openBlock","_createElementBlock","_Fragment","_createVNode","_withCtx","_createTextVNode","_toDisplayString","_createElementVNode","_createBlock","_createCommentVNode","_createSlots","_renderList","_sfc_main"],"sources":["../src/components/pages/VideoPage.vue","../src/components/pages/VideoPage.vue"],"sourcesContent":["<template>\n <section class=\"page-box\">\n <template v-if=\"loaded && !error\">\n <router-link\n :to=\"{\n name: 'podcast',\n params: { podcastId: podcastId },\n }\"\n class=\"mt-3 mb-3 w-fit-content d-flex align-items-center\"\n :title=\"t('Episode name page', { name: podcast?.title })\"\n >\n <ChevronLeftIcon />{{ t(\"Episode page\") }}\n </router-link>\n <div\n v-if=\"videoId || isLiveReadyToRecord\"\n class=\"d-flex video-page-container\"\n >\n <div class=\"w-70-responsive\">\n <template v-if=\"isLiveReadyToRecord\">\n <PlayerVideoHls\n v-if=\"recordingLive\"\n :hls-url=\"hlsVideoUrl\"\n :is-secured=\"isSecured\"\n :responsive=\"true\"\n />\n <div\n v-if=\"isCounter || overrideText\"\n class=\"d-flex flex-column align-items-center flex-grow-1 blue-bg p-3\"\n >\n <CountdownOctopus\n :time-remaining=\"timeRemaining\"\n :override-text=\"overrideText\"\n />\n </div>\n </template>\n <PlayerVideoDigiteka\n v-else\n :video-id=\"videoId\"\n :podcast-id=\"podcastId\"\n responsive\n />\n </div>\n <div class=\"w-30-responsive info-video-container\">\n <div class=\"d-flex flex-column flex-grow-1 w-100\">\n <ClassicNav\n v-if=\"tabs.length\"\n v-model:active-tab=\"activeTab\"\n :tab-number=\"tabs.length\"\n :transparent=\"true\"\n >\n <template v-for=\"(tab, index) in tabs\" #[index]>\n {{ tab }}\n </template>\n <template #tab0>\n <VideoModuleBox\n :podcast=\"podcast\"\n :date=\"date\"\n :duration=\"duration\"\n />\n </template>\n <template #tab1>\n <section>\n <CommentSection\n :podcast=\"podcast\"\n class=\"module-box-transparent\"\n />\n </section>\n </template>\n </ClassicNav>\n <VideoModuleBox\n v-else\n class=\"p-2 video-module-box\"\n :podcast=\"podcast\"\n :date=\"date\"\n :duration=\"duration\"\n :duration-iso=\"durationIso\"\n />\n </div>\n </div>\n </div>\n </template>\n <div\n v-if=\"!error && !videoId && !isLiveReadyToRecord\"\n class=\"text-center text-danger h3\"\n >\n {{ t(\"The episode does not have an associated video\") }}\n </div>\n <ClassicLoading\n :loading-text=\"!loaded ? t('Loading content ...') : undefined\"\n :error-text=\"\n error\n ? t(`This episode is not available for (re)listening`)\n : undefined\n \"\n />\n </section>\n</template>\n\n<script setup lang=\"ts\">\nimport ChevronLeftIcon from \"vue-material-design-icons/ChevronLeft.vue\";\nimport ClassicLoading from \"../form/ClassicLoading.vue\";\nimport classicApi from \"../../api/classicApi\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport ClassicNav from \"../misc/ClassicNav.vue\";\nimport {useSeoTitleUrl} from \"../composable/route/useSeoTitleUrl\";\nimport {usePodcastView} from \"../composable/podcasts/usePodcastView\";\nimport { computed, defineAsyncComponent, onBeforeUnmount, Ref, ref, watch } from \"vue\";\nimport { AxiosError } from \"axios\";\nimport { useFilterStore } from \"../../stores/FilterStore\";\nimport { useAuthStore } from \"../../stores/AuthStore\";\nimport { useCommentStore } from \"../../stores/CommentStore\";\nimport { useApiStore } from \"../../stores/ApiStore\";\nimport { CommentsConfig } from \"@/stores/class/config/commentsConfig\";\nimport {\n Conference,\n ConferencePublicInfo,\n} from \"@/stores/class/conference/conference\";\nimport { usePlayerStore } from \"../../stores/PlayerStore\";\nimport { useGeneralStore } from \"../../stores/GeneralStore\";\nimport { useI18n } from \"vue-i18n\";\nimport { useRoute } from \"vue-router\";\nimport { useErrorHandler } from \"../composable/useErrorHandler\";\nconst PlayerVideoDigiteka = defineAsyncComponent(\n () => import(\"../misc/player/video/PlayerVideoDigiteka.vue\"),\n);\nconst PlayerVideoHls = defineAsyncComponent(\n () => import(\"../misc/player/video/PlayerVideoHls.vue\"),\n);\nconst CommentSection = defineAsyncComponent(\n () => import(\"../display/comments/CommentSection.vue\"),\n);\nconst VideoModuleBox = defineAsyncComponent(\n () => import(\"../display/podcasts/VideoModuleBox.vue\"),\n);\nconst CountdownOctopus = defineAsyncComponent(\n () => import(\"../display/live/CountdownOctopus.vue\"),\n);\n\n//Props \nconst props = defineProps({\n podcastId:{ default: 0, type: Number },\n})\n\n//Data \nconst loaded = ref(false);\nconst podcast: Ref<Podcast | undefined> = ref(undefined);\nconst error = ref(false);\nconst activeTab = ref(0);\nconst configPodcast: Ref<CommentsConfig | undefined> = ref(undefined);\nconst podcastConference: Ref<Conference | undefined> = ref(undefined);\nconst intervalStatusConference: Ref<ReturnType<typeof setTimeout> | undefined> = ref(undefined);\n\n//Composables\nconst { \n isLiveReadyToRecord,\n isCounter,\n timeRemaining,\n date,\n duration,\n durationIso,\n editRight\n} = usePodcastView(podcast, podcastConference);\nconst {handle403} = useErrorHandler();\nconst { updatePathParams } = useSeoTitleUrl();\nconst authStore = useAuthStore();\nconst apiStore = useApiStore();\nconst generalStore = useGeneralStore();\nconst playerStore = usePlayerStore();\nconst filterStore = useFilterStore();\nconst commentStore = useCommentStore();\nconst {t} = useI18n();\nconst route = useRoute();\n\n//Computed\nconst videoId = computed(() => podcast.value?.video?.videoId);\nconst canPostComment = computed(() => {\n return commentStore.getCanPostComment(\n configPodcast.value,\n podcast.value,\n undefined !== authStore.authOrgaId,\n );\n});\nconst tabs = computed(() => {\n if (canPostComment.value) {\n return [t(\"Information\"), t(\"Comments\")];\n }\n return [];\n});\nconst recordingLive = computed(() => {\n return (\n undefined !== podcastConference.value &&\n -1 !== podcastConference.value.conferenceId &&\n (\"RECORDING\" === podcastConference.value.status ||\n \"PENDING\" === podcastConference.value.status)\n );\n});\nconst hlsVideoUrl = computed(() => {\n if (!recordingLive.value || !podcastConference.value) {\n return \"\";\n }\n return `${apiStore.hlsUrl}live/video_${podcastConference.value.hlsIdentifier}/index.m3u8`;\n});\nconst isSecured = computed(() => {\n return \"SECURED\" === podcast.value?.organisation?.privacy;\n});\nconst overrideText = computed(() => {\n if (\"PUBLISHING\" !== podcastConference.value?.status) {\n return;\n }\n return t(\"In the process of being published\");\n});\n\n//Watch\nwatch(()=>props.podcastId, async () => {\n await getPodcastDetails();\n if (!podcast.value) {\n return;\n }\n commentStore.initCommentUser();\n configPodcast.value = await commentStore.getCommentsConfig(podcast.value);\n}, {immediate: true});\n\n\nonBeforeUnmount(() => {\n clearInterval(intervalStatusConference.value as unknown as number);\n})\n\n//Methods\nasync function getPodcastDetails(): Promise<void> {\n loaded.value = false;\n error.value = false;\n try {\n podcast.value = await classicApi.fetchData<Podcast>({\n api: 0,\n path: \"podcast/\" + props.podcastId,\n });\n document.title = podcast.value.title + \" - \"+generalStore.metaTitle;\n const orga = podcast.value.organisation;\n const privateAccess =\n \"PUBLIC\" !== orga.privacy &&\n filterStore.filterOrgaId !== orga.id &&\n route.query.productor !== orga.id;\n const notValid =\n (!podcast.value.availability.visibility ||\n ![\"READY_TO_RECORD\", \"READY\", \"PROCESSING\"].includes(\n podcast.value.processingStatus ?? \"\",\n ) ||\n !podcast.value.valid) &&\n !editRight.value;\n if (privateAccess || notValid) {\n error.value = true;\n } else {\n updatePathParams(podcast.value.title);\n if (\n podcast.value.conferenceId &&\n \"READY\" !== podcast.value.processingStatus\n ) {\n await fetchConferenceStatus();\n intervalStatusConference.value = setInterval(() => { fetchConferenceStatus(); }, 3000);\n playerStore.playerPlay(\n {\n ...podcast.value,\n ...{ \n conferenceId: podcast.value.conferenceId,\n hlsIdentifier: podcastConference.value?.hlsIdentifier,\n },\n },\n true,\n );\n }\n }\n } catch (errorCatched) {\n handle403(errorCatched as AxiosError);\n error.value = true;\n }\n loaded.value = true;\n}\n\nasync function fetchConferenceStatus() {\n if (!podcast.value?.conferenceId) {\n return;\n }\n const data = await classicApi.fetchData<ConferencePublicInfo>({\n api: 9,\n path: \"conference/info/\" + podcast.value.conferenceId,\n });\n podcastConference.value = {\n ...data,\n ...{\n conferenceId: podcast.value.conferenceId,\n title: \"\",\n },\n };\n if (\"DEBRIEFING\" === data.status) {\n clearInterval(intervalStatusConference.value as unknown as number);\n }\n}\n</script>\n<style lang=\"scss\">\n.octopus-app .video-page-container {\n align-items: stretch;\n flex-grow: 1;\n background: var(--octopus-primary-really-transparent);\n border-radius: var(--octopus-border-radius);\n box-shadow: 0 0 10px 1px var(--octopus-primary-transparent);\n\n .info-video-container {\n display: flex;\n flex-direction: column;\n\n .octopus-tab-pane,\n .video-module-box {\n height: 0;\n overflow-y: auto;\n\n @media (width <= 960px) {\n height: inherit;\n }\n }\n\n .classic-nav-tab-container {\n flex-direction: column;\n }\n }\n\n .module-box.module-box-transparent {\n margin: 0;\n background: transparent;\n border: 0;\n padding: 0;\n }\n\n .w-70-responsive {\n width: 70%;\n aspect-ratio: 16/9;\n }\n\n .w-30-responsive {\n width: 30%;\n }\n\n .w-70-responsive,\n .w-30-responsive {\n display: flex;\n align-items: stretch;\n flex-grow: 1;\n\n @media (width <= 960px) {\n width: 100%;\n padding: 0 !important;\n }\n }\n\n .really-light-secondary-bg {\n background: white;\n }\n}\n</style>\n","<template>\n <section class=\"page-box\">\n <template v-if=\"loaded && !error\">\n <router-link\n :to=\"{\n name: 'podcast',\n params: { podcastId: podcastId },\n }\"\n class=\"mt-3 mb-3 w-fit-content d-flex align-items-center\"\n :title=\"t('Episode name page', { name: podcast?.title })\"\n >\n <ChevronLeftIcon />{{ t(\"Episode page\") }}\n </router-link>\n <div\n v-if=\"videoId || isLiveReadyToRecord\"\n class=\"d-flex video-page-container\"\n >\n <div class=\"w-70-responsive\">\n <template v-if=\"isLiveReadyToRecord\">\n <PlayerVideoHls\n v-if=\"recordingLive\"\n :hls-url=\"hlsVideoUrl\"\n :is-secured=\"isSecured\"\n :responsive=\"true\"\n />\n <div\n v-if=\"isCounter || overrideText\"\n class=\"d-flex flex-column align-items-center flex-grow-1 blue-bg p-3\"\n >\n <CountdownOctopus\n :time-remaining=\"timeRemaining\"\n :override-text=\"overrideText\"\n />\n </div>\n </template>\n <PlayerVideoDigiteka\n v-else\n :video-id=\"videoId\"\n :podcast-id=\"podcastId\"\n responsive\n />\n </div>\n <div class=\"w-30-responsive info-video-container\">\n <div class=\"d-flex flex-column flex-grow-1 w-100\">\n <ClassicNav\n v-if=\"tabs.length\"\n v-model:active-tab=\"activeTab\"\n :tab-number=\"tabs.length\"\n :transparent=\"true\"\n >\n <template v-for=\"(tab, index) in tabs\" #[index]>\n {{ tab }}\n </template>\n <template #tab0>\n <VideoModuleBox\n :podcast=\"podcast\"\n :date=\"date\"\n :duration=\"duration\"\n />\n </template>\n <template #tab1>\n <section>\n <CommentSection\n :podcast=\"podcast\"\n class=\"module-box-transparent\"\n />\n </section>\n </template>\n </ClassicNav>\n <VideoModuleBox\n v-else\n class=\"p-2 video-module-box\"\n :podcast=\"podcast\"\n :date=\"date\"\n :duration=\"duration\"\n :duration-iso=\"durationIso\"\n />\n </div>\n </div>\n </div>\n </template>\n <div\n v-if=\"!error && !videoId && !isLiveReadyToRecord\"\n class=\"text-center text-danger h3\"\n >\n {{ t(\"The episode does not have an associated video\") }}\n </div>\n <ClassicLoading\n :loading-text=\"!loaded ? t('Loading content ...') : undefined\"\n :error-text=\"\n error\n ? t(`This episode is not available for (re)listening`)\n : undefined\n \"\n />\n </section>\n</template>\n\n<script setup lang=\"ts\">\nimport ChevronLeftIcon from \"vue-material-design-icons/ChevronLeft.vue\";\nimport ClassicLoading from \"../form/ClassicLoading.vue\";\nimport classicApi from \"../../api/classicApi\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport ClassicNav from \"../misc/ClassicNav.vue\";\nimport {useSeoTitleUrl} from \"../composable/route/useSeoTitleUrl\";\nimport {usePodcastView} from \"../composable/podcasts/usePodcastView\";\nimport { computed, defineAsyncComponent, onBeforeUnmount, Ref, ref, watch } from \"vue\";\nimport { AxiosError } from \"axios\";\nimport { useFilterStore } from \"../../stores/FilterStore\";\nimport { useAuthStore } from \"../../stores/AuthStore\";\nimport { useCommentStore } from \"../../stores/CommentStore\";\nimport { useApiStore } from \"../../stores/ApiStore\";\nimport { CommentsConfig } from \"@/stores/class/config/commentsConfig\";\nimport {\n Conference,\n ConferencePublicInfo,\n} from \"@/stores/class/conference/conference\";\nimport { usePlayerStore } from \"../../stores/PlayerStore\";\nimport { useGeneralStore } from \"../../stores/GeneralStore\";\nimport { useI18n } from \"vue-i18n\";\nimport { useRoute } from \"vue-router\";\nimport { useErrorHandler } from \"../composable/useErrorHandler\";\nconst PlayerVideoDigiteka = defineAsyncComponent(\n () => import(\"../misc/player/video/PlayerVideoDigiteka.vue\"),\n);\nconst PlayerVideoHls = defineAsyncComponent(\n () => import(\"../misc/player/video/PlayerVideoHls.vue\"),\n);\nconst CommentSection = defineAsyncComponent(\n () => import(\"../display/comments/CommentSection.vue\"),\n);\nconst VideoModuleBox = defineAsyncComponent(\n () => import(\"../display/podcasts/VideoModuleBox.vue\"),\n);\nconst CountdownOctopus = defineAsyncComponent(\n () => import(\"../display/live/CountdownOctopus.vue\"),\n);\n\n//Props \nconst props = defineProps({\n podcastId:{ default: 0, type: Number },\n})\n\n//Data \nconst loaded = ref(false);\nconst podcast: Ref<Podcast | undefined> = ref(undefined);\nconst error = ref(false);\nconst activeTab = ref(0);\nconst configPodcast: Ref<CommentsConfig | undefined> = ref(undefined);\nconst podcastConference: Ref<Conference | undefined> = ref(undefined);\nconst intervalStatusConference: Ref<ReturnType<typeof setTimeout> | undefined> = ref(undefined);\n\n//Composables\nconst { \n isLiveReadyToRecord,\n isCounter,\n timeRemaining,\n date,\n duration,\n durationIso,\n editRight\n} = usePodcastView(podcast, podcastConference);\nconst {handle403} = useErrorHandler();\nconst { updatePathParams } = useSeoTitleUrl();\nconst authStore = useAuthStore();\nconst apiStore = useApiStore();\nconst generalStore = useGeneralStore();\nconst playerStore = usePlayerStore();\nconst filterStore = useFilterStore();\nconst commentStore = useCommentStore();\nconst {t} = useI18n();\nconst route = useRoute();\n\n//Computed\nconst videoId = computed(() => podcast.value?.video?.videoId);\nconst canPostComment = computed(() => {\n return commentStore.getCanPostComment(\n configPodcast.value,\n podcast.value,\n undefined !== authStore.authOrgaId,\n );\n});\nconst tabs = computed(() => {\n if (canPostComment.value) {\n return [t(\"Information\"), t(\"Comments\")];\n }\n return [];\n});\nconst recordingLive = computed(() => {\n return (\n undefined !== podcastConference.value &&\n -1 !== podcastConference.value.conferenceId &&\n (\"RECORDING\" === podcastConference.value.status ||\n \"PENDING\" === podcastConference.value.status)\n );\n});\nconst hlsVideoUrl = computed(() => {\n if (!recordingLive.value || !podcastConference.value) {\n return \"\";\n }\n return `${apiStore.hlsUrl}live/video_${podcastConference.value.hlsIdentifier}/index.m3u8`;\n});\nconst isSecured = computed(() => {\n return \"SECURED\" === podcast.value?.organisation?.privacy;\n});\nconst overrideText = computed(() => {\n if (\"PUBLISHING\" !== podcastConference.value?.status) {\n return;\n }\n return t(\"In the process of being published\");\n});\n\n//Watch\nwatch(()=>props.podcastId, async () => {\n await getPodcastDetails();\n if (!podcast.value) {\n return;\n }\n commentStore.initCommentUser();\n configPodcast.value = await commentStore.getCommentsConfig(podcast.value);\n}, {immediate: true});\n\n\nonBeforeUnmount(() => {\n clearInterval(intervalStatusConference.value as unknown as number);\n})\n\n//Methods\nasync function getPodcastDetails(): Promise<void> {\n loaded.value = false;\n error.value = false;\n try {\n podcast.value = await classicApi.fetchData<Podcast>({\n api: 0,\n path: \"podcast/\" + props.podcastId,\n });\n document.title = podcast.value.title + \" - \"+generalStore.metaTitle;\n const orga = podcast.value.organisation;\n const privateAccess =\n \"PUBLIC\" !== orga.privacy &&\n filterStore.filterOrgaId !== orga.id &&\n route.query.productor !== orga.id;\n const notValid =\n (!podcast.value.availability.visibility ||\n ![\"READY_TO_RECORD\", \"READY\", \"PROCESSING\"].includes(\n podcast.value.processingStatus ?? \"\",\n ) ||\n !podcast.value.valid) &&\n !editRight.value;\n if (privateAccess || notValid) {\n error.value = true;\n } else {\n updatePathParams(podcast.value.title);\n if (\n podcast.value.conferenceId &&\n \"READY\" !== podcast.value.processingStatus\n ) {\n await fetchConferenceStatus();\n intervalStatusConference.value = setInterval(() => { fetchConferenceStatus(); }, 3000);\n playerStore.playerPlay(\n {\n ...podcast.value,\n ...{ \n conferenceId: podcast.value.conferenceId,\n hlsIdentifier: podcastConference.value?.hlsIdentifier,\n },\n },\n true,\n );\n }\n }\n } catch (errorCatched) {\n handle403(errorCatched as AxiosError);\n error.value = true;\n }\n loaded.value = true;\n}\n\nasync function fetchConferenceStatus() {\n if (!podcast.value?.conferenceId) {\n return;\n }\n const data = await classicApi.fetchData<ConferencePublicInfo>({\n api: 9,\n path: \"conference/info/\" + podcast.value.conferenceId,\n });\n podcastConference.value = {\n ...data,\n ...{\n conferenceId: podcast.value.conferenceId,\n title: \"\",\n },\n };\n if (\"DEBRIEFING\" === data.status) {\n clearInterval(intervalStatusConference.value as unknown as number);\n }\n}\n</script>\n<style lang=\"scss\">\n.octopus-app .video-page-container {\n align-items: stretch;\n flex-grow: 1;\n background: var(--octopus-primary-really-transparent);\n border-radius: var(--octopus-border-radius);\n box-shadow: 0 0 10px 1px var(--octopus-primary-transparent);\n\n .info-video-container {\n display: flex;\n flex-direction: column;\n\n .octopus-tab-pane,\n .video-module-box {\n height: 0;\n overflow-y: auto;\n\n @media (width <= 960px) {\n height: inherit;\n }\n }\n\n .classic-nav-tab-container {\n flex-direction: column;\n }\n }\n\n .module-box.module-box-transparent {\n margin: 0;\n background: transparent;\n border: 0;\n padding: 0;\n }\n\n .w-70-responsive {\n width: 70%;\n aspect-ratio: 16/9;\n }\n\n .w-30-responsive {\n width: 30%;\n }\n\n .w-70-responsive,\n .w-30-responsive {\n display: flex;\n align-items: stretch;\n flex-grow: 1;\n\n @media (width <= 960px) {\n width: 100%;\n padding: 0 !important;\n }\n }\n\n .really-light-secondary-bg {\n background: white;\n }\n}\n</style>\n"],"mappings":"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"}

package/dist/VideoPage-BDGvtr1o.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"VideoPage-BDGvtr1o.mjs","names":["classicApi","_resolveComponent","_openBlock","_createElementBlock","_Fragment","_createVNode","_withCtx","_createTextVNode","_toDisplayString","_createElementVNode","_createBlock","_createCommentVNode","_createSlots","_renderList","_sfc_main"],"sources":["../src/components/pages/VideoPage.vue","../src/components/pages/VideoPage.vue"],"sourcesContent":["<template>\n <section class=\"page-box\">\n <template v-if=\"loaded && !error\">\n <router-link\n :to=\"{\n name: 'podcast',\n params: { podcastId: podcastId },\n }\"\n class=\"mt-3 mb-3 w-fit-content d-flex align-items-center\"\n :title=\"t('Episode name page', { name: podcast?.title })\"\n >\n <ChevronLeftIcon />{{ t(\"Episode page\") }}\n </router-link>\n <div\n v-if=\"videoId || isLiveReadyToRecord\"\n class=\"d-flex video-page-container\"\n >\n <div class=\"w-70-responsive\">\n <template v-if=\"isLiveReadyToRecord\">\n <PlayerVideoHls\n v-if=\"recordingLive\"\n :hls-url=\"hlsVideoUrl\"\n :is-secured=\"isSecured\"\n :responsive=\"true\"\n />\n <div\n v-if=\"isCounter || overrideText\"\n class=\"d-flex flex-column align-items-center flex-grow-1 blue-bg p-3\"\n >\n <CountdownOctopus\n :time-remaining=\"timeRemaining\"\n :override-text=\"overrideText\"\n />\n </div>\n </template>\n <PlayerVideoDigiteka\n v-else\n :video-id=\"videoId\"\n :podcast-id=\"podcastId\"\n responsive\n />\n </div>\n <div class=\"w-30-responsive info-video-container\">\n <div class=\"d-flex flex-column flex-grow-1 w-100\">\n <ClassicNav\n v-if=\"tabs.length\"\n v-model:active-tab=\"activeTab\"\n :tab-number=\"tabs.length\"\n :transparent=\"true\"\n >\n <template v-for=\"(tab, index) in tabs\" #[index]>\n {{ tab }}\n </template>\n <template #tab0>\n <VideoModuleBox\n :podcast=\"podcast\"\n :date=\"date\"\n :duration=\"duration\"\n />\n </template>\n <template #tab1>\n <section>\n <CommentSection\n :podcast=\"podcast\"\n class=\"module-box-transparent\"\n />\n </section>\n </template>\n </ClassicNav>\n <VideoModuleBox\n v-else\n class=\"p-2 video-module-box\"\n :podcast=\"podcast\"\n :date=\"date\"\n :duration=\"duration\"\n :duration-iso=\"durationIso\"\n />\n </div>\n </div>\n </div>\n </template>\n <div\n v-if=\"!error && !videoId && !isLiveReadyToRecord\"\n class=\"text-center text-danger h3\"\n >\n {{ t(\"The episode does not have an associated video\") }}\n </div>\n <ClassicLoading\n :loading-text=\"!loaded ? t('Loading content ...') : undefined\"\n :error-text=\"\n error\n ? t(`This episode is not available for (re)listening`)\n : undefined\n \"\n />\n </section>\n</template>\n\n<script setup lang=\"ts\">\nimport ChevronLeftIcon from \"vue-material-design-icons/ChevronLeft.vue\";\nimport ClassicLoading from \"../form/ClassicLoading.vue\";\nimport classicApi from \"../../api/classicApi\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport ClassicNav from \"../misc/ClassicNav.vue\";\nimport {useSeoTitleUrl} from \"../composable/route/useSeoTitleUrl\";\nimport {usePodcastView} from \"../composable/podcasts/usePodcastView\";\nimport { computed, defineAsyncComponent, onBeforeUnmount, Ref, ref, watch } from \"vue\";\nimport { AxiosError } from \"axios\";\nimport { useFilterStore } from \"../../stores/FilterStore\";\nimport { useAuthStore } from \"../../stores/AuthStore\";\nimport { useCommentStore } from \"../../stores/CommentStore\";\nimport { useApiStore } from \"../../stores/ApiStore\";\nimport { CommentsConfig } from \"@/stores/class/config/commentsConfig\";\nimport {\n Conference,\n ConferencePublicInfo,\n} from \"@/stores/class/conference/conference\";\nimport { usePlayerStore } from \"../../stores/PlayerStore\";\nimport { useGeneralStore } from \"../../stores/GeneralStore\";\nimport { useI18n } from \"vue-i18n\";\nimport { useRoute } from \"vue-router\";\nimport { useErrorHandler } from \"../composable/useErrorHandler\";\nconst PlayerVideoDigiteka = defineAsyncComponent(\n () => import(\"../misc/player/video/PlayerVideoDigiteka.vue\"),\n);\nconst PlayerVideoHls = defineAsyncComponent(\n () => import(\"../misc/player/video/PlayerVideoHls.vue\"),\n);\nconst CommentSection = defineAsyncComponent(\n () => import(\"../display/comments/CommentSection.vue\"),\n);\nconst VideoModuleBox = defineAsyncComponent(\n () => import(\"../display/podcasts/VideoModuleBox.vue\"),\n);\nconst CountdownOctopus = defineAsyncComponent(\n () => import(\"../display/live/CountdownOctopus.vue\"),\n);\n\n//Props \nconst props = defineProps({\n podcastId:{ default: 0, type: Number },\n})\n\n//Data \nconst loaded = ref(false);\nconst podcast: Ref<Podcast | undefined> = ref(undefined);\nconst error = ref(false);\nconst activeTab = ref(0);\nconst configPodcast: Ref<CommentsConfig | undefined> = ref(undefined);\nconst podcastConference: Ref<Conference | undefined> = ref(undefined);\nconst intervalStatusConference: Ref<ReturnType<typeof setTimeout> | undefined> = ref(undefined);\n\n//Composables\nconst { \n isLiveReadyToRecord,\n isCounter,\n timeRemaining,\n date,\n duration,\n durationIso,\n editRight\n} = usePodcastView(podcast, podcastConference);\nconst {handle403} = useErrorHandler();\nconst { updatePathParams } = useSeoTitleUrl();\nconst authStore = useAuthStore();\nconst apiStore = useApiStore();\nconst generalStore = useGeneralStore();\nconst playerStore = usePlayerStore();\nconst filterStore = useFilterStore();\nconst commentStore = useCommentStore();\nconst {t} = useI18n();\nconst route = useRoute();\n\n//Computed\nconst videoId = computed(() => podcast.value?.video?.videoId);\nconst canPostComment = computed(() => {\n return commentStore.getCanPostComment(\n configPodcast.value,\n podcast.value,\n undefined !== authStore.authOrgaId,\n );\n});\nconst tabs = computed(() => {\n if (canPostComment.value) {\n return [t(\"Information\"), t(\"Comments\")];\n }\n return [];\n});\nconst recordingLive = computed(() => {\n return (\n undefined !== podcastConference.value &&\n -1 !== podcastConference.value.conferenceId &&\n (\"RECORDING\" === podcastConference.value.status ||\n \"PENDING\" === podcastConference.value.status)\n );\n});\nconst hlsVideoUrl = computed(() => {\n if (!recordingLive.value || !podcastConference.value) {\n return \"\";\n }\n return `${apiStore.hlsUrl}live/video_${podcastConference.value.hlsIdentifier}/index.m3u8`;\n});\nconst isSecured = computed(() => {\n return \"SECURED\" === podcast.value?.organisation?.privacy;\n});\nconst overrideText = computed(() => {\n if (\"PUBLISHING\" !== podcastConference.value?.status) {\n return;\n }\n return t(\"In the process of being published\");\n});\n\n//Watch\nwatch(()=>props.podcastId, async () => {\n await getPodcastDetails();\n if (!podcast.value) {\n return;\n }\n commentStore.initCommentUser();\n configPodcast.value = await commentStore.getCommentsConfig(podcast.value);\n}, {immediate: true});\n\n\nonBeforeUnmount(() => {\n clearInterval(intervalStatusConference.value as unknown as number);\n})\n\n//Methods\nasync function getPodcastDetails(): Promise<void> {\n loaded.value = false;\n error.value = false;\n try {\n podcast.value = await classicApi.fetchData<Podcast>({\n api: 0,\n path: \"podcast/\" + props.podcastId,\n });\n document.title = podcast.value.title + \" - \"+generalStore.metaTitle;\n const orga = podcast.value.organisation;\n const privateAccess =\n \"PUBLIC\" !== orga.privacy &&\n filterStore.filterOrgaId !== orga.id &&\n route.query.productor !== orga.id;\n const notValid =\n (!podcast.value.availability.visibility ||\n ![\"READY_TO_RECORD\", \"READY\", \"PROCESSING\"].includes(\n podcast.value.processingStatus ?? \"\",\n ) ||\n !podcast.value.valid) &&\n !editRight.value;\n if (privateAccess || notValid) {\n error.value = true;\n } else {\n updatePathParams(podcast.value.title);\n if (\n podcast.value.conferenceId &&\n \"READY\" !== podcast.value.processingStatus\n ) {\n await fetchConferenceStatus();\n intervalStatusConference.value = setInterval(() => { fetchConferenceStatus(); }, 3000);\n playerStore.playerPlay(\n {\n ...podcast.value,\n ...{ \n conferenceId: podcast.value.conferenceId,\n hlsIdentifier: podcastConference.value?.hlsIdentifier,\n },\n },\n true,\n );\n }\n }\n } catch (errorCatched) {\n handle403(errorCatched as AxiosError);\n error.value = true;\n }\n loaded.value = true;\n}\n\nasync function fetchConferenceStatus() {\n if (!podcast.value?.conferenceId) {\n return;\n }\n const data = await classicApi.fetchData<ConferencePublicInfo>({\n api: 9,\n path: \"conference/info/\" + podcast.value.conferenceId,\n });\n podcastConference.value = {\n ...data,\n ...{\n conferenceId: podcast.value.conferenceId,\n title: \"\",\n },\n };\n if (\"DEBRIEFING\" === data.status) {\n clearInterval(intervalStatusConference.value as unknown as number);\n }\n}\n</script>\n<style lang=\"scss\">\n.octopus-app .video-page-container {\n align-items: stretch;\n flex-grow: 1;\n background: var(--octopus-primary-really-transparent);\n border-radius: var(--octopus-border-radius);\n box-shadow: 0 0 10px 1px var(--octopus-primary-transparent);\n\n .info-video-container {\n display: flex;\n flex-direction: column;\n\n .octopus-tab-pane,\n .video-module-box {\n height: 0;\n overflow-y: auto;\n\n @media (width <= 960px) {\n height: inherit;\n }\n }\n\n .classic-nav-tab-container {\n flex-direction: column;\n }\n }\n\n .module-box.module-box-transparent {\n margin: 0;\n background: transparent;\n border: 0;\n padding: 0;\n }\n\n .w-70-responsive {\n width: 70%;\n aspect-ratio: 16/9;\n }\n\n .w-30-responsive {\n width: 30%;\n }\n\n .w-70-responsive,\n .w-30-responsive {\n display: flex;\n align-items: stretch;\n flex-grow: 1;\n\n @media (width <= 960px) {\n width: 100%;\n padding: 0 !important;\n }\n }\n\n .really-light-secondary-bg {\n background: white;\n }\n}\n</style>\n","<template>\n <section class=\"page-box\">\n <template v-if=\"loaded && !error\">\n <router-link\n :to=\"{\n name: 'podcast',\n params: { podcastId: podcastId },\n }\"\n class=\"mt-3 mb-3 w-fit-content d-flex align-items-center\"\n :title=\"t('Episode name page', { name: podcast?.title })\"\n >\n <ChevronLeftIcon />{{ t(\"Episode page\") }}\n </router-link>\n <div\n v-if=\"videoId || isLiveReadyToRecord\"\n class=\"d-flex video-page-container\"\n >\n <div class=\"w-70-responsive\">\n <template v-if=\"isLiveReadyToRecord\">\n <PlayerVideoHls\n v-if=\"recordingLive\"\n :hls-url=\"hlsVideoUrl\"\n :is-secured=\"isSecured\"\n :responsive=\"true\"\n />\n <div\n v-if=\"isCounter || overrideText\"\n class=\"d-flex flex-column align-items-center flex-grow-1 blue-bg p-3\"\n >\n <CountdownOctopus\n :time-remaining=\"timeRemaining\"\n :override-text=\"overrideText\"\n />\n </div>\n </template>\n <PlayerVideoDigiteka\n v-else\n :video-id=\"videoId\"\n :podcast-id=\"podcastId\"\n responsive\n />\n </div>\n <div class=\"w-30-responsive info-video-container\">\n <div class=\"d-flex flex-column flex-grow-1 w-100\">\n <ClassicNav\n v-if=\"tabs.length\"\n v-model:active-tab=\"activeTab\"\n :tab-number=\"tabs.length\"\n :transparent=\"true\"\n >\n <template v-for=\"(tab, index) in tabs\" #[index]>\n {{ tab }}\n </template>\n <template #tab0>\n <VideoModuleBox\n :podcast=\"podcast\"\n :date=\"date\"\n :duration=\"duration\"\n />\n </template>\n <template #tab1>\n <section>\n <CommentSection\n :podcast=\"podcast\"\n class=\"module-box-transparent\"\n />\n </section>\n </template>\n </ClassicNav>\n <VideoModuleBox\n v-else\n class=\"p-2 video-module-box\"\n :podcast=\"podcast\"\n :date=\"date\"\n :duration=\"duration\"\n :duration-iso=\"durationIso\"\n />\n </div>\n </div>\n </div>\n </template>\n <div\n v-if=\"!error && !videoId && !isLiveReadyToRecord\"\n class=\"text-center text-danger h3\"\n >\n {{ t(\"The episode does not have an associated video\") }}\n </div>\n <ClassicLoading\n :loading-text=\"!loaded ? t('Loading content ...') : undefined\"\n :error-text=\"\n error\n ? t(`This episode is not available for (re)listening`)\n : undefined\n \"\n />\n </section>\n</template>\n\n<script setup lang=\"ts\">\nimport ChevronLeftIcon from \"vue-material-design-icons/ChevronLeft.vue\";\nimport ClassicLoading from \"../form/ClassicLoading.vue\";\nimport classicApi from \"../../api/classicApi\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport ClassicNav from \"../misc/ClassicNav.vue\";\nimport {useSeoTitleUrl} from \"../composable/route/useSeoTitleUrl\";\nimport {usePodcastView} from \"../composable/podcasts/usePodcastView\";\nimport { computed, defineAsyncComponent, onBeforeUnmount, Ref, ref, watch } from \"vue\";\nimport { AxiosError } from \"axios\";\nimport { useFilterStore } from \"../../stores/FilterStore\";\nimport { useAuthStore } from \"../../stores/AuthStore\";\nimport { useCommentStore } from \"../../stores/CommentStore\";\nimport { useApiStore } from \"../../stores/ApiStore\";\nimport { CommentsConfig } from \"@/stores/class/config/commentsConfig\";\nimport {\n Conference,\n ConferencePublicInfo,\n} from \"@/stores/class/conference/conference\";\nimport { usePlayerStore } from \"../../stores/PlayerStore\";\nimport { useGeneralStore } from \"../../stores/GeneralStore\";\nimport { useI18n } from \"vue-i18n\";\nimport { useRoute } from \"vue-router\";\nimport { useErrorHandler } from \"../composable/useErrorHandler\";\nconst PlayerVideoDigiteka = defineAsyncComponent(\n () => import(\"../misc/player/video/PlayerVideoDigiteka.vue\"),\n);\nconst PlayerVideoHls = defineAsyncComponent(\n () => import(\"../misc/player/video/PlayerVideoHls.vue\"),\n);\nconst CommentSection = defineAsyncComponent(\n () => import(\"../display/comments/CommentSection.vue\"),\n);\nconst VideoModuleBox = defineAsyncComponent(\n () => import(\"../display/podcasts/VideoModuleBox.vue\"),\n);\nconst CountdownOctopus = defineAsyncComponent(\n () => import(\"../display/live/CountdownOctopus.vue\"),\n);\n\n//Props \nconst props = defineProps({\n podcastId:{ default: 0, type: Number },\n})\n\n//Data \nconst loaded = ref(false);\nconst podcast: Ref<Podcast | undefined> = ref(undefined);\nconst error = ref(false);\nconst activeTab = ref(0);\nconst configPodcast: Ref<CommentsConfig | undefined> = ref(undefined);\nconst podcastConference: Ref<Conference | undefined> = ref(undefined);\nconst intervalStatusConference: Ref<ReturnType<typeof setTimeout> | undefined> = ref(undefined);\n\n//Composables\nconst { \n isLiveReadyToRecord,\n isCounter,\n timeRemaining,\n date,\n duration,\n durationIso,\n editRight\n} = usePodcastView(podcast, podcastConference);\nconst {handle403} = useErrorHandler();\nconst { updatePathParams } = useSeoTitleUrl();\nconst authStore = useAuthStore();\nconst apiStore = useApiStore();\nconst generalStore = useGeneralStore();\nconst playerStore = usePlayerStore();\nconst filterStore = useFilterStore();\nconst commentStore = useCommentStore();\nconst {t} = useI18n();\nconst route = useRoute();\n\n//Computed\nconst videoId = computed(() => podcast.value?.video?.videoId);\nconst canPostComment = computed(() => {\n return commentStore.getCanPostComment(\n configPodcast.value,\n podcast.value,\n undefined !== authStore.authOrgaId,\n );\n});\nconst tabs = computed(() => {\n if (canPostComment.value) {\n return [t(\"Information\"), t(\"Comments\")];\n }\n return [];\n});\nconst recordingLive = computed(() => {\n return (\n undefined !== podcastConference.value &&\n -1 !== podcastConference.value.conferenceId &&\n (\"RECORDING\" === podcastConference.value.status ||\n \"PENDING\" === podcastConference.value.status)\n );\n});\nconst hlsVideoUrl = computed(() => {\n if (!recordingLive.value || !podcastConference.value) {\n return \"\";\n }\n return `${apiStore.hlsUrl}live/video_${podcastConference.value.hlsIdentifier}/index.m3u8`;\n});\nconst isSecured = computed(() => {\n return \"SECURED\" === podcast.value?.organisation?.privacy;\n});\nconst overrideText = computed(() => {\n if (\"PUBLISHING\" !== podcastConference.value?.status) {\n return;\n }\n return t(\"In the process of being published\");\n});\n\n//Watch\nwatch(()=>props.podcastId, async () => {\n await getPodcastDetails();\n if (!podcast.value) {\n return;\n }\n commentStore.initCommentUser();\n configPodcast.value = await commentStore.getCommentsConfig(podcast.value);\n}, {immediate: true});\n\n\nonBeforeUnmount(() => {\n clearInterval(intervalStatusConference.value as unknown as number);\n})\n\n//Methods\nasync function getPodcastDetails(): Promise<void> {\n loaded.value = false;\n error.value = false;\n try {\n podcast.value = await classicApi.fetchData<Podcast>({\n api: 0,\n path: \"podcast/\" + props.podcastId,\n });\n document.title = podcast.value.title + \" - \"+generalStore.metaTitle;\n const orga = podcast.value.organisation;\n const privateAccess =\n \"PUBLIC\" !== orga.privacy &&\n filterStore.filterOrgaId !== orga.id &&\n route.query.productor !== orga.id;\n const notValid =\n (!podcast.value.availability.visibility ||\n ![\"READY_TO_RECORD\", \"READY\", \"PROCESSING\"].includes(\n podcast.value.processingStatus ?? \"\",\n ) ||\n !podcast.value.valid) &&\n !editRight.value;\n if (privateAccess || notValid) {\n error.value = true;\n } else {\n updatePathParams(podcast.value.title);\n if (\n podcast.value.conferenceId &&\n \"READY\" !== podcast.value.processingStatus\n ) {\n await fetchConferenceStatus();\n intervalStatusConference.value = setInterval(() => { fetchConferenceStatus(); }, 3000);\n playerStore.playerPlay(\n {\n ...podcast.value,\n ...{ \n conferenceId: podcast.value.conferenceId,\n hlsIdentifier: podcastConference.value?.hlsIdentifier,\n },\n },\n true,\n );\n }\n }\n } catch (errorCatched) {\n handle403(errorCatched as AxiosError);\n error.value = true;\n }\n loaded.value = true;\n}\n\nasync function fetchConferenceStatus() {\n if (!podcast.value?.conferenceId) {\n return;\n }\n const data = await classicApi.fetchData<ConferencePublicInfo>({\n api: 9,\n path: \"conference/info/\" + podcast.value.conferenceId,\n });\n podcastConference.value = {\n ...data,\n ...{\n conferenceId: podcast.value.conferenceId,\n title: \"\",\n },\n };\n if (\"DEBRIEFING\" === data.status) {\n clearInterval(intervalStatusConference.value as unknown as number);\n }\n}\n</script>\n<style lang=\"scss\">\n.octopus-app .video-page-container {\n align-items: stretch;\n flex-grow: 1;\n background: var(--octopus-primary-really-transparent);\n border-radius: var(--octopus-border-radius);\n box-shadow: 0 0 10px 1px var(--octopus-primary-transparent);\n\n .info-video-container {\n display: flex;\n flex-direction: column;\n\n .octopus-tab-pane,\n .video-module-box {\n height: 0;\n overflow-y: auto;\n\n @media (width <= 960px) {\n height: inherit;\n }\n }\n\n .classic-nav-tab-container {\n flex-direction: column;\n }\n }\n\n .module-box.module-box-transparent {\n margin: 0;\n background: transparent;\n border: 0;\n padding: 0;\n }\n\n .w-70-responsive {\n width: 70%;\n aspect-ratio: 16/9;\n }\n\n .w-30-responsive {\n width: 30%;\n }\n\n .w-70-responsive,\n .w-30-responsive {\n display: flex;\n align-items: stretch;\n flex-grow: 1;\n\n @media (width <= 960px) {\n width: 100%;\n padding: 0 !important;\n }\n }\n\n .really-light-secondary-bg {\n background: white;\n }\n}\n</style>\n"],"mappings":"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"}

package/dist/{VideoPage-BaeTduNB.mjs → VideoPage-BjlaP2DU.mjs} RENAMED Viewed

@@ -1,12 +1,12 @@
 import { t as e } from "./ClassicLoading-CXfMjpyl.mjs";
-import { O as t, i as n, r, t as i } from "./classicApi-pmODlqv5.mjs";
-import { n as ee } from "./PlayerStore-CKprkxa0.mjs";
+import { i as t, k as n, r, t as i } from "./classicApi-CGipMqf7.mjs";
+import { n as ee } from "./PlayerStore-DggKki80.mjs";
 import { t as a } from "./GeneralStore-Darfv4af.mjs";
-import { t as o } from "./useErrorHandler-D9W2BURn.mjs";
+import { t as o } from "./useErrorHandler-x9sjDYSz.mjs";
 import { t as s } from "./useSeoTitleUrl-UfPXDCPa.mjs";
-import { t as c } from "./CommentStore-hPTYaDGr.mjs";
+import { t as c } from "./CommentStore-CysGkBHp.mjs";
 import { t as l } from "./ClassicNav-DYez6p1J.mjs";
-import { t as te } from "./usePodcastView-CoDJJr6Y.mjs";
+import { t as te } from "./usePodcastView-CkM-n6iO.mjs";
 import { Fragment as u, computed as d, createBlock as f, createCommentVNode as p, createElementBlock as m, createElementVNode as h, createSlots as g, createTextVNode as _, createVNode as v, defineAsyncComponent as y, defineComponent as b, onBeforeUnmount as x, openBlock as S, ref as C, renderList as ne, resolveComponent as re, toDisplayString as w, unref as T, watch as E, withCtx as D } from "vue";
 import { useI18n as O } from "vue-i18n";
 import { useRoute as k } from "vue-router";
@@ -28,7 +28,7 @@ var ie = { class: "page-box" }, ae = {
 		type: Number
 	} },
 	setup(b) {
-		let j = y(() => import("./PlayerVideoDigiteka-DZIqqN8a.mjs")), M = y(() => import("./PlayerVideoHls-BirHOkZD.mjs")), N = y(() => import("./CommentSection-Brn0VQcc.mjs")), P = y(() => import("./VideoModuleBox-DxYJVwy3.mjs")), F = y(() => import("./CountdownOctopus-D0X5hVBu.mjs")), I = b, L = C(!1), R = C(void 0), z = C(!1), B = C(0), V = C(void 0), H = C(void 0), U = C(void 0), { isLiveReadyToRecord: W, isCounter: de, timeRemaining: fe, date: G, duration: K, durationIso: pe, editRight: me } = te(R, H), { handle403: he } = o(), { updatePathParams: ge } = s(), _e = n(), ve = t(), ye = a(), be = ee(), xe = r(), q = c(), { t: J } = O(), Se = k(), Y = d(() => R.value?.video?.videoId), Ce = d(() => q.getCanPostComment(V.value, R.value, _e.authOrgaId !== void 0)), X = d(() => Ce.value ? [J("Information"), J("Comments")] : []), Z = d(() => H.value !== void 0 && H.value.conferenceId !== -1 && (H.value.status === "RECORDING" || H.value.status === "PENDING")), we = d(() => !Z.value || !H.value ? "" : `${ve.hlsUrl}live/video_${H.value.hlsIdentifier}/index.m3u8`), Te = d(() => R.value?.organisation?.privacy === "SECURED"), Q = d(() => {
+		let j = y(() => import("./PlayerVideoDigiteka-Dxx63XHI.mjs")), M = y(() => import("./PlayerVideoHls-DzbyXZsQ.mjs")), N = y(() => import("./CommentSection-DZf04NxT.mjs")), P = y(() => import("./VideoModuleBox-Bcqman6a.mjs")), F = y(() => import("./CountdownOctopus-D0X5hVBu.mjs")), I = b, L = C(!1), R = C(void 0), z = C(!1), B = C(0), V = C(void 0), H = C(void 0), U = C(void 0), { isLiveReadyToRecord: W, isCounter: de, timeRemaining: fe, date: G, duration: K, durationIso: pe, editRight: me } = te(R, H), { handle403: he } = o(), { updatePathParams: ge } = s(), _e = t(), ve = n(), ye = a(), be = ee(), xe = r(), q = c(), { t: J } = O(), Se = k(), Y = d(() => R.value?.video?.videoId), Ce = d(() => q.getCanPostComment(V.value, R.value, _e.authOrgaId !== void 0)), X = d(() => Ce.value ? [J("Information"), J("Comments")] : []), Z = d(() => H.value !== void 0 && H.value.conferenceId !== -1 && (H.value.status === "RECORDING" || H.value.status === "PENDING")), we = d(() => !Z.value || !H.value ? "" : `${ve.hlsUrl}live/video_${H.value.hlsIdentifier}/index.m3u8`), Te = d(() => R.value?.organisation?.privacy === "SECURED"), Q = d(() => {
 			if (H.value?.status === "PUBLISHING") return J("In the process of being published");
 		});
 		E(() => I.podcastId, async () => {

package/dist/VideoPage-C-yjvvhl.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"VideoPage-C-yjvvhl.mjs","names":["classicApi","_resolveComponent","_openBlock","_createElementBlock","_Fragment","_createVNode","_withCtx","_createTextVNode","_toDisplayString","_createElementVNode","_createBlock","_createCommentVNode","_createSlots","_renderList","_sfc_main"],"sources":["../src/components/pages/VideoPage.vue","../src/components/pages/VideoPage.vue"],"sourcesContent":["<template>\n <section class=\"page-box\">\n <template v-if=\"loaded && !error\">\n <router-link\n :to=\"{\n name: 'podcast',\n params: { podcastId: podcastId },\n }\"\n class=\"mt-3 mb-3 w-fit-content d-flex align-items-center\"\n :title=\"t('Episode name page', { name: podcast?.title })\"\n >\n <ChevronLeftIcon />{{ t(\"Episode page\") }}\n </router-link>\n <div\n v-if=\"videoId || isLiveReadyToRecord\"\n class=\"d-flex video-page-container\"\n >\n <div class=\"w-70-responsive\">\n <template v-if=\"isLiveReadyToRecord\">\n <PlayerVideoHls\n v-if=\"recordingLive\"\n :hls-url=\"hlsVideoUrl\"\n :is-secured=\"isSecured\"\n :responsive=\"true\"\n />\n <div\n v-if=\"isCounter || overrideText\"\n class=\"d-flex flex-column align-items-center flex-grow-1 blue-bg p-3\"\n >\n <CountdownOctopus\n :time-remaining=\"timeRemaining\"\n :override-text=\"overrideText\"\n />\n </div>\n </template>\n <PlayerVideoDigiteka\n v-else\n :video-id=\"videoId\"\n :podcast-id=\"podcastId\"\n responsive\n />\n </div>\n <div class=\"w-30-responsive info-video-container\">\n <div class=\"d-flex flex-column flex-grow-1 w-100\">\n <ClassicNav\n v-if=\"tabs.length\"\n v-model:active-tab=\"activeTab\"\n :tab-number=\"tabs.length\"\n :transparent=\"true\"\n >\n <template v-for=\"(tab, index) in tabs\" #[index]>\n {{ tab }}\n </template>\n <template #tab0>\n <VideoModuleBox\n :podcast=\"podcast\"\n :date=\"date\"\n :duration=\"duration\"\n />\n </template>\n <template #tab1>\n <section>\n <CommentSection\n :podcast=\"podcast\"\n class=\"module-box-transparent\"\n />\n </section>\n </template>\n </ClassicNav>\n <VideoModuleBox\n v-else\n class=\"p-2 video-module-box\"\n :podcast=\"podcast\"\n :date=\"date\"\n :duration=\"duration\"\n :duration-iso=\"durationIso\"\n />\n </div>\n </div>\n </div>\n </template>\n <div\n v-if=\"!error && !videoId && !isLiveReadyToRecord\"\n class=\"text-center text-danger h3\"\n >\n {{ t(\"The episode does not have an associated video\") }}\n </div>\n <ClassicLoading\n :loading-text=\"!loaded ? t('Loading content ...') : undefined\"\n :error-text=\"\n error\n ? t(`This episode is not available for (re)listening`)\n : undefined\n \"\n />\n </section>\n</template>\n\n<script setup lang=\"ts\">\nimport ChevronLeftIcon from \"vue-material-design-icons/ChevronLeft.vue\";\nimport ClassicLoading from \"../form/ClassicLoading.vue\";\nimport classicApi from \"../../api/classicApi\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport ClassicNav from \"../misc/ClassicNav.vue\";\nimport {useSeoTitleUrl} from \"../composable/route/useSeoTitleUrl\";\nimport {usePodcastView} from \"../composable/podcasts/usePodcastView\";\nimport { computed, defineAsyncComponent, onBeforeUnmount, Ref, ref, watch } from \"vue\";\nimport { AxiosError } from \"axios\";\nimport { useFilterStore } from \"../../stores/FilterStore\";\nimport { useAuthStore } from \"../../stores/AuthStore\";\nimport { useCommentStore } from \"../../stores/CommentStore\";\nimport { useApiStore } from \"../../stores/ApiStore\";\nimport { CommentsConfig } from \"@/stores/class/config/commentsConfig\";\nimport {\n Conference,\n ConferencePublicInfo,\n} from \"@/stores/class/conference/conference\";\nimport { usePlayerStore } from \"../../stores/PlayerStore\";\nimport { useGeneralStore } from \"../../stores/GeneralStore\";\nimport { useI18n } from \"vue-i18n\";\nimport { useRoute } from \"vue-router\";\nimport { useErrorHandler } from \"../composable/useErrorHandler\";\nconst PlayerVideoDigiteka = defineAsyncComponent(\n () => import(\"../misc/player/video/PlayerVideoDigiteka.vue\"),\n);\nconst PlayerVideoHls = defineAsyncComponent(\n () => import(\"../misc/player/video/PlayerVideoHls.vue\"),\n);\nconst CommentSection = defineAsyncComponent(\n () => import(\"../display/comments/CommentSection.vue\"),\n);\nconst VideoModuleBox = defineAsyncComponent(\n () => import(\"../display/podcasts/VideoModuleBox.vue\"),\n);\nconst CountdownOctopus = defineAsyncComponent(\n () => import(\"../display/live/CountdownOctopus.vue\"),\n);\n\n//Props \nconst props = defineProps({\n podcastId:{ default: 0, type: Number },\n})\n\n//Data \nconst loaded = ref(false);\nconst podcast: Ref<Podcast | undefined> = ref(undefined);\nconst error = ref(false);\nconst activeTab = ref(0);\nconst configPodcast: Ref<CommentsConfig | undefined> = ref(undefined);\nconst podcastConference: Ref<Conference | undefined> = ref(undefined);\nconst intervalStatusConference: Ref<ReturnType<typeof setTimeout> | undefined> = ref(undefined);\n\n//Composables\nconst { \n isLiveReadyToRecord,\n isCounter,\n timeRemaining,\n date,\n duration,\n durationIso,\n editRight\n} = usePodcastView(podcast, podcastConference);\nconst {handle403} = useErrorHandler();\nconst { updatePathParams } = useSeoTitleUrl();\nconst authStore = useAuthStore();\nconst apiStore = useApiStore();\nconst generalStore = useGeneralStore();\nconst playerStore = usePlayerStore();\nconst filterStore = useFilterStore();\nconst commentStore = useCommentStore();\nconst {t} = useI18n();\nconst route = useRoute();\n\n//Computed\nconst videoId = computed(() => podcast.value?.video?.videoId);\nconst canPostComment = computed(() => {\n return commentStore.getCanPostComment(\n configPodcast.value,\n podcast.value,\n undefined !== authStore.authOrgaId,\n );\n});\nconst tabs = computed(() => {\n if (canPostComment.value) {\n return [t(\"Information\"), t(\"Comments\")];\n }\n return [];\n});\nconst recordingLive = computed(() => {\n return (\n undefined !== podcastConference.value &&\n -1 !== podcastConference.value.conferenceId &&\n (\"RECORDING\" === podcastConference.value.status ||\n \"PENDING\" === podcastConference.value.status)\n );\n});\nconst hlsVideoUrl = computed(() => {\n if (!recordingLive.value || !podcastConference.value) {\n return \"\";\n }\n return `${apiStore.hlsUrl}live/video_${podcastConference.value.hlsIdentifier}/index.m3u8`;\n});\nconst isSecured = computed(() => {\n return \"SECURED\" === podcast.value?.organisation?.privacy;\n});\nconst overrideText = computed(() => {\n if (\"PUBLISHING\" !== podcastConference.value?.status) {\n return;\n }\n return t(\"In the process of being published\");\n});\n\n//Watch\nwatch(()=>props.podcastId, async () => {\n await getPodcastDetails();\n if (!podcast.value) {\n return;\n }\n commentStore.initCommentUser();\n configPodcast.value = await commentStore.getCommentsConfig(podcast.value);\n}, {immediate: true});\n\n\nonBeforeUnmount(() => {\n clearInterval(intervalStatusConference.value as unknown as number);\n})\n\n//Methods\nasync function getPodcastDetails(): Promise<void> {\n loaded.value = false;\n error.value = false;\n try {\n podcast.value = await classicApi.fetchData<Podcast>({\n api: 0,\n path: \"podcast/\" + props.podcastId,\n });\n document.title = podcast.value.title + \" - \"+generalStore.metaTitle;\n const orga = podcast.value.organisation;\n const privateAccess =\n \"PUBLIC\" !== orga.privacy &&\n filterStore.filterOrgaId !== orga.id &&\n route.query.productor !== orga.id;\n const notValid =\n (!podcast.value.availability.visibility ||\n ![\"READY_TO_RECORD\", \"READY\", \"PROCESSING\"].includes(\n podcast.value.processingStatus ?? \"\",\n ) ||\n !podcast.value.valid) &&\n !editRight.value;\n if (privateAccess || notValid) {\n error.value = true;\n } else {\n updatePathParams(podcast.value.title);\n if (\n podcast.value.conferenceId &&\n \"READY\" !== podcast.value.processingStatus\n ) {\n await fetchConferenceStatus();\n intervalStatusConference.value = setInterval(() => { fetchConferenceStatus(); }, 3000);\n playerStore.playerPlay(\n {\n ...podcast.value,\n ...{ \n conferenceId: podcast.value.conferenceId,\n hlsIdentifier: podcastConference.value?.hlsIdentifier,\n },\n },\n true,\n );\n }\n }\n } catch (errorCatched) {\n handle403(errorCatched as AxiosError);\n error.value = true;\n }\n loaded.value = true;\n}\n\nasync function fetchConferenceStatus() {\n if (!podcast.value?.conferenceId) {\n return;\n }\n const data = await classicApi.fetchData<ConferencePublicInfo>({\n api: 9,\n path: \"conference/info/\" + podcast.value.conferenceId,\n });\n podcastConference.value = {\n ...data,\n ...{\n conferenceId: podcast.value.conferenceId,\n title: \"\",\n },\n };\n if (\"DEBRIEFING\" === data.status) {\n clearInterval(intervalStatusConference.value as unknown as number);\n }\n}\n</script>\n<style lang=\"scss\">\n.octopus-app .video-page-container {\n align-items: stretch;\n flex-grow: 1;\n background: var(--octopus-primary-really-transparent);\n border-radius: var(--octopus-border-radius);\n box-shadow: 0 0 10px 1px var(--octopus-primary-transparent);\n\n .info-video-container {\n display: flex;\n flex-direction: column;\n\n .octopus-tab-pane,\n .video-module-box {\n height: 0;\n overflow-y: auto;\n\n @media (width <= 960px) {\n height: inherit;\n }\n }\n\n .classic-nav-tab-container {\n flex-direction: column;\n }\n }\n\n .module-box.module-box-transparent {\n margin: 0;\n background: transparent;\n border: 0;\n padding: 0;\n }\n\n .w-70-responsive {\n width: 70%;\n aspect-ratio: 16/9;\n }\n\n .w-30-responsive {\n width: 30%;\n }\n\n .w-70-responsive,\n .w-30-responsive {\n display: flex;\n align-items: stretch;\n flex-grow: 1;\n\n @media (width <= 960px) {\n width: 100%;\n padding: 0 !important;\n }\n }\n\n .really-light-secondary-bg {\n background: white;\n }\n}\n</style>\n","<template>\n <section class=\"page-box\">\n <template v-if=\"loaded && !error\">\n <router-link\n :to=\"{\n name: 'podcast',\n params: { podcastId: podcastId },\n }\"\n class=\"mt-3 mb-3 w-fit-content d-flex align-items-center\"\n :title=\"t('Episode name page', { name: podcast?.title })\"\n >\n <ChevronLeftIcon />{{ t(\"Episode page\") }}\n </router-link>\n <div\n v-if=\"videoId || isLiveReadyToRecord\"\n class=\"d-flex video-page-container\"\n >\n <div class=\"w-70-responsive\">\n <template v-if=\"isLiveReadyToRecord\">\n <PlayerVideoHls\n v-if=\"recordingLive\"\n :hls-url=\"hlsVideoUrl\"\n :is-secured=\"isSecured\"\n :responsive=\"true\"\n />\n <div\n v-if=\"isCounter || overrideText\"\n class=\"d-flex flex-column align-items-center flex-grow-1 blue-bg p-3\"\n >\n <CountdownOctopus\n :time-remaining=\"timeRemaining\"\n :override-text=\"overrideText\"\n />\n </div>\n </template>\n <PlayerVideoDigiteka\n v-else\n :video-id=\"videoId\"\n :podcast-id=\"podcastId\"\n responsive\n />\n </div>\n <div class=\"w-30-responsive info-video-container\">\n <div class=\"d-flex flex-column flex-grow-1 w-100\">\n <ClassicNav\n v-if=\"tabs.length\"\n v-model:active-tab=\"activeTab\"\n :tab-number=\"tabs.length\"\n :transparent=\"true\"\n >\n <template v-for=\"(tab, index) in tabs\" #[index]>\n {{ tab }}\n </template>\n <template #tab0>\n <VideoModuleBox\n :podcast=\"podcast\"\n :date=\"date\"\n :duration=\"duration\"\n />\n </template>\n <template #tab1>\n <section>\n <CommentSection\n :podcast=\"podcast\"\n class=\"module-box-transparent\"\n />\n </section>\n </template>\n </ClassicNav>\n <VideoModuleBox\n v-else\n class=\"p-2 video-module-box\"\n :podcast=\"podcast\"\n :date=\"date\"\n :duration=\"duration\"\n :duration-iso=\"durationIso\"\n />\n </div>\n </div>\n </div>\n </template>\n <div\n v-if=\"!error && !videoId && !isLiveReadyToRecord\"\n class=\"text-center text-danger h3\"\n >\n {{ t(\"The episode does not have an associated video\") }}\n </div>\n <ClassicLoading\n :loading-text=\"!loaded ? t('Loading content ...') : undefined\"\n :error-text=\"\n error\n ? t(`This episode is not available for (re)listening`)\n : undefined\n \"\n />\n </section>\n</template>\n\n<script setup lang=\"ts\">\nimport ChevronLeftIcon from \"vue-material-design-icons/ChevronLeft.vue\";\nimport ClassicLoading from \"../form/ClassicLoading.vue\";\nimport classicApi from \"../../api/classicApi\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport ClassicNav from \"../misc/ClassicNav.vue\";\nimport {useSeoTitleUrl} from \"../composable/route/useSeoTitleUrl\";\nimport {usePodcastView} from \"../composable/podcasts/usePodcastView\";\nimport { computed, defineAsyncComponent, onBeforeUnmount, Ref, ref, watch } from \"vue\";\nimport { AxiosError } from \"axios\";\nimport { useFilterStore } from \"../../stores/FilterStore\";\nimport { useAuthStore } from \"../../stores/AuthStore\";\nimport { useCommentStore } from \"../../stores/CommentStore\";\nimport { useApiStore } from \"../../stores/ApiStore\";\nimport { CommentsConfig } from \"@/stores/class/config/commentsConfig\";\nimport {\n Conference,\n ConferencePublicInfo,\n} from \"@/stores/class/conference/conference\";\nimport { usePlayerStore } from \"../../stores/PlayerStore\";\nimport { useGeneralStore } from \"../../stores/GeneralStore\";\nimport { useI18n } from \"vue-i18n\";\nimport { useRoute } from \"vue-router\";\nimport { useErrorHandler } from \"../composable/useErrorHandler\";\nconst PlayerVideoDigiteka = defineAsyncComponent(\n () => import(\"../misc/player/video/PlayerVideoDigiteka.vue\"),\n);\nconst PlayerVideoHls = defineAsyncComponent(\n () => import(\"../misc/player/video/PlayerVideoHls.vue\"),\n);\nconst CommentSection = defineAsyncComponent(\n () => import(\"../display/comments/CommentSection.vue\"),\n);\nconst VideoModuleBox = defineAsyncComponent(\n () => import(\"../display/podcasts/VideoModuleBox.vue\"),\n);\nconst CountdownOctopus = defineAsyncComponent(\n () => import(\"../display/live/CountdownOctopus.vue\"),\n);\n\n//Props \nconst props = defineProps({\n podcastId:{ default: 0, type: Number },\n})\n\n//Data \nconst loaded = ref(false);\nconst podcast: Ref<Podcast | undefined> = ref(undefined);\nconst error = ref(false);\nconst activeTab = ref(0);\nconst configPodcast: Ref<CommentsConfig | undefined> = ref(undefined);\nconst podcastConference: Ref<Conference | undefined> = ref(undefined);\nconst intervalStatusConference: Ref<ReturnType<typeof setTimeout> | undefined> = ref(undefined);\n\n//Composables\nconst { \n isLiveReadyToRecord,\n isCounter,\n timeRemaining,\n date,\n duration,\n durationIso,\n editRight\n} = usePodcastView(podcast, podcastConference);\nconst {handle403} = useErrorHandler();\nconst { updatePathParams } = useSeoTitleUrl();\nconst authStore = useAuthStore();\nconst apiStore = useApiStore();\nconst generalStore = useGeneralStore();\nconst playerStore = usePlayerStore();\nconst filterStore = useFilterStore();\nconst commentStore = useCommentStore();\nconst {t} = useI18n();\nconst route = useRoute();\n\n//Computed\nconst videoId = computed(() => podcast.value?.video?.videoId);\nconst canPostComment = computed(() => {\n return commentStore.getCanPostComment(\n configPodcast.value,\n podcast.value,\n undefined !== authStore.authOrgaId,\n );\n});\nconst tabs = computed(() => {\n if (canPostComment.value) {\n return [t(\"Information\"), t(\"Comments\")];\n }\n return [];\n});\nconst recordingLive = computed(() => {\n return (\n undefined !== podcastConference.value &&\n -1 !== podcastConference.value.conferenceId &&\n (\"RECORDING\" === podcastConference.value.status ||\n \"PENDING\" === podcastConference.value.status)\n );\n});\nconst hlsVideoUrl = computed(() => {\n if (!recordingLive.value || !podcastConference.value) {\n return \"\";\n }\n return `${apiStore.hlsUrl}live/video_${podcastConference.value.hlsIdentifier}/index.m3u8`;\n});\nconst isSecured = computed(() => {\n return \"SECURED\" === podcast.value?.organisation?.privacy;\n});\nconst overrideText = computed(() => {\n if (\"PUBLISHING\" !== podcastConference.value?.status) {\n return;\n }\n return t(\"In the process of being published\");\n});\n\n//Watch\nwatch(()=>props.podcastId, async () => {\n await getPodcastDetails();\n if (!podcast.value) {\n return;\n }\n commentStore.initCommentUser();\n configPodcast.value = await commentStore.getCommentsConfig(podcast.value);\n}, {immediate: true});\n\n\nonBeforeUnmount(() => {\n clearInterval(intervalStatusConference.value as unknown as number);\n})\n\n//Methods\nasync function getPodcastDetails(): Promise<void> {\n loaded.value = false;\n error.value = false;\n try {\n podcast.value = await classicApi.fetchData<Podcast>({\n api: 0,\n path: \"podcast/\" + props.podcastId,\n });\n document.title = podcast.value.title + \" - \"+generalStore.metaTitle;\n const orga = podcast.value.organisation;\n const privateAccess =\n \"PUBLIC\" !== orga.privacy &&\n filterStore.filterOrgaId !== orga.id &&\n route.query.productor !== orga.id;\n const notValid =\n (!podcast.value.availability.visibility ||\n ![\"READY_TO_RECORD\", \"READY\", \"PROCESSING\"].includes(\n podcast.value.processingStatus ?? \"\",\n ) ||\n !podcast.value.valid) &&\n !editRight.value;\n if (privateAccess || notValid) {\n error.value = true;\n } else {\n updatePathParams(podcast.value.title);\n if (\n podcast.value.conferenceId &&\n \"READY\" !== podcast.value.processingStatus\n ) {\n await fetchConferenceStatus();\n intervalStatusConference.value = setInterval(() => { fetchConferenceStatus(); }, 3000);\n playerStore.playerPlay(\n {\n ...podcast.value,\n ...{ \n conferenceId: podcast.value.conferenceId,\n hlsIdentifier: podcastConference.value?.hlsIdentifier,\n },\n },\n true,\n );\n }\n }\n } catch (errorCatched) {\n handle403(errorCatched as AxiosError);\n error.value = true;\n }\n loaded.value = true;\n}\n\nasync function fetchConferenceStatus() {\n if (!podcast.value?.conferenceId) {\n return;\n }\n const data = await classicApi.fetchData<ConferencePublicInfo>({\n api: 9,\n path: \"conference/info/\" + podcast.value.conferenceId,\n });\n podcastConference.value = {\n ...data,\n ...{\n conferenceId: podcast.value.conferenceId,\n title: \"\",\n },\n };\n if (\"DEBRIEFING\" === data.status) {\n clearInterval(intervalStatusConference.value as unknown as number);\n }\n}\n</script>\n<style lang=\"scss\">\n.octopus-app .video-page-container {\n align-items: stretch;\n flex-grow: 1;\n background: var(--octopus-primary-really-transparent);\n border-radius: var(--octopus-border-radius);\n box-shadow: 0 0 10px 1px var(--octopus-primary-transparent);\n\n .info-video-container {\n display: flex;\n flex-direction: column;\n\n .octopus-tab-pane,\n .video-module-box {\n height: 0;\n overflow-y: auto;\n\n @media (width <= 960px) {\n height: inherit;\n }\n }\n\n .classic-nav-tab-container {\n flex-direction: column;\n }\n }\n\n .module-box.module-box-transparent {\n margin: 0;\n background: transparent;\n border: 0;\n padding: 0;\n }\n\n .w-70-responsive {\n width: 70%;\n aspect-ratio: 16/9;\n }\n\n .w-30-responsive {\n width: 30%;\n }\n\n .w-70-responsive,\n .w-30-responsive {\n display: flex;\n align-items: stretch;\n flex-grow: 1;\n\n @media (width <= 960px) {\n width: 100%;\n padding: 0 !important;\n }\n }\n\n .really-light-secondary-bg {\n background: white;\n }\n}\n</style>\n"],"mappings":"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"}

package/dist/VideoPage-C0_t7XMC.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"VideoPage-C0_t7XMC.mjs","names":["classicApi","_resolveComponent","_openBlock","_createElementBlock","_Fragment","_createVNode","_withCtx","_createTextVNode","_toDisplayString","_createElementVNode","_createBlock","_createCommentVNode","_createSlots","_renderList","_sfc_main"],"sources":["../src/components/pages/VideoPage.vue","../src/components/pages/VideoPage.vue"],"sourcesContent":["<template>\n <section class=\"page-box\">\n <template v-if=\"loaded && !error\">\n <router-link\n :to=\"{\n name: 'podcast',\n params: { podcastId: podcastId },\n }\"\n class=\"mt-3 mb-3 w-fit-content d-flex align-items-center\"\n :title=\"t('Episode name page', { name: podcast?.title })\"\n >\n <ChevronLeftIcon />{{ t(\"Episode page\") }}\n </router-link>\n <div\n v-if=\"videoId || isLiveReadyToRecord\"\n class=\"d-flex video-page-container\"\n >\n <div class=\"w-70-responsive\">\n <template v-if=\"isLiveReadyToRecord\">\n <PlayerVideoHls\n v-if=\"recordingLive\"\n :hls-url=\"hlsVideoUrl\"\n :is-secured=\"isSecured\"\n :responsive=\"true\"\n />\n <div\n v-if=\"isCounter || overrideText\"\n class=\"d-flex flex-column align-items-center flex-grow-1 blue-bg p-3\"\n >\n <CountdownOctopus\n :time-remaining=\"timeRemaining\"\n :override-text=\"overrideText\"\n />\n </div>\n </template>\n <PlayerVideoDigiteka\n v-else\n :video-id=\"videoId\"\n :podcast-id=\"podcastId\"\n responsive\n />\n </div>\n <div class=\"w-30-responsive info-video-container\">\n <div class=\"d-flex flex-column flex-grow-1 w-100\">\n <ClassicNav\n v-if=\"tabs.length\"\n v-model:active-tab=\"activeTab\"\n :tab-number=\"tabs.length\"\n :transparent=\"true\"\n >\n <template v-for=\"(tab, index) in tabs\" #[index]>\n {{ tab }}\n </template>\n <template #tab0>\n <VideoModuleBox\n :podcast=\"podcast\"\n :date=\"date\"\n :duration=\"duration\"\n />\n </template>\n <template #tab1>\n <section>\n <CommentSection\n :podcast=\"podcast\"\n class=\"module-box-transparent\"\n />\n </section>\n </template>\n </ClassicNav>\n <VideoModuleBox\n v-else\n class=\"p-2 video-module-box\"\n :podcast=\"podcast\"\n :date=\"date\"\n :duration=\"duration\"\n :duration-iso=\"durationIso\"\n />\n </div>\n </div>\n </div>\n </template>\n <div\n v-if=\"!error && !videoId && !isLiveReadyToRecord\"\n class=\"text-center text-danger h3\"\n >\n {{ t(\"The episode does not have an associated video\") }}\n </div>\n <ClassicLoading\n :loading-text=\"!loaded ? t('Loading content ...') : undefined\"\n :error-text=\"\n error\n ? t(`This episode is not available for (re)listening`)\n : undefined\n \"\n />\n </section>\n</template>\n\n<script setup lang=\"ts\">\nimport ChevronLeftIcon from \"vue-material-design-icons/ChevronLeft.vue\";\nimport ClassicLoading from \"../form/ClassicLoading.vue\";\nimport classicApi from \"../../api/classicApi\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport ClassicNav from \"../misc/ClassicNav.vue\";\nimport {useSeoTitleUrl} from \"../composable/route/useSeoTitleUrl\";\nimport {usePodcastView} from \"../composable/podcasts/usePodcastView\";\nimport { computed, defineAsyncComponent, onBeforeUnmount, Ref, ref, watch } from \"vue\";\nimport { AxiosError } from \"axios\";\nimport { useFilterStore } from \"../../stores/FilterStore\";\nimport { useAuthStore } from \"../../stores/AuthStore\";\nimport { useCommentStore } from \"../../stores/CommentStore\";\nimport { useApiStore } from \"../../stores/ApiStore\";\nimport { CommentsConfig } from \"@/stores/class/config/commentsConfig\";\nimport {\n Conference,\n ConferencePublicInfo,\n} from \"@/stores/class/conference/conference\";\nimport { usePlayerStore } from \"../../stores/PlayerStore\";\nimport { useGeneralStore } from \"../../stores/GeneralStore\";\nimport { useI18n } from \"vue-i18n\";\nimport { useRoute } from \"vue-router\";\nimport { useErrorHandler } from \"../composable/useErrorHandler\";\nconst PlayerVideoDigiteka = defineAsyncComponent(\n () => import(\"../misc/player/video/PlayerVideoDigiteka.vue\"),\n);\nconst PlayerVideoHls = defineAsyncComponent(\n () => import(\"../misc/player/video/PlayerVideoHls.vue\"),\n);\nconst CommentSection = defineAsyncComponent(\n () => import(\"../display/comments/CommentSection.vue\"),\n);\nconst VideoModuleBox = defineAsyncComponent(\n () => import(\"../display/podcasts/VideoModuleBox.vue\"),\n);\nconst CountdownOctopus = defineAsyncComponent(\n () => import(\"../display/live/CountdownOctopus.vue\"),\n);\n\n//Props \nconst props = defineProps({\n podcastId:{ default: 0, type: Number },\n})\n\n//Data \nconst loaded = ref(false);\nconst podcast: Ref<Podcast | undefined> = ref(undefined);\nconst error = ref(false);\nconst activeTab = ref(0);\nconst configPodcast: Ref<CommentsConfig | undefined> = ref(undefined);\nconst podcastConference: Ref<Conference | undefined> = ref(undefined);\nconst intervalStatusConference: Ref<ReturnType<typeof setTimeout> | undefined> = ref(undefined);\n\n//Composables\nconst { \n isLiveReadyToRecord,\n isCounter,\n timeRemaining,\n date,\n duration,\n durationIso,\n editRight\n} = usePodcastView(podcast, podcastConference);\nconst {handle403} = useErrorHandler();\nconst { updatePathParams } = useSeoTitleUrl();\nconst authStore = useAuthStore();\nconst apiStore = useApiStore();\nconst generalStore = useGeneralStore();\nconst playerStore = usePlayerStore();\nconst filterStore = useFilterStore();\nconst commentStore = useCommentStore();\nconst {t} = useI18n();\nconst route = useRoute();\n\n//Computed\nconst videoId = computed(() => podcast.value?.video?.videoId);\nconst canPostComment = computed(() => {\n return commentStore.getCanPostComment(\n configPodcast.value,\n podcast.value,\n undefined !== authStore.authOrgaId,\n );\n});\nconst tabs = computed(() => {\n if (canPostComment.value) {\n return [t(\"Information\"), t(\"Comments\")];\n }\n return [];\n});\nconst recordingLive = computed(() => {\n return (\n undefined !== podcastConference.value &&\n -1 !== podcastConference.value.conferenceId &&\n (\"RECORDING\" === podcastConference.value.status ||\n \"PENDING\" === podcastConference.value.status)\n );\n});\nconst hlsVideoUrl = computed(() => {\n if (!recordingLive.value || !podcastConference.value) {\n return \"\";\n }\n return `${apiStore.hlsUrl}live/video_${podcastConference.value.hlsIdentifier}/index.m3u8`;\n});\nconst isSecured = computed(() => {\n return \"SECURED\" === podcast.value?.organisation?.privacy;\n});\nconst overrideText = computed(() => {\n if (\"PUBLISHING\" !== podcastConference.value?.status) {\n return;\n }\n return t(\"In the process of being published\");\n});\n\n//Watch\nwatch(()=>props.podcastId, async () => {\n await getPodcastDetails();\n if (!podcast.value) {\n return;\n }\n commentStore.initCommentUser();\n configPodcast.value = await commentStore.getCommentsConfig(podcast.value);\n}, {immediate: true});\n\n\nonBeforeUnmount(() => {\n clearInterval(intervalStatusConference.value as unknown as number);\n})\n\n//Methods\nasync function getPodcastDetails(): Promise<void> {\n loaded.value = false;\n error.value = false;\n try {\n podcast.value = await classicApi.fetchData<Podcast>({\n api: 0,\n path: \"podcast/\" + props.podcastId,\n });\n document.title = podcast.value.title + \" - \"+generalStore.metaTitle;\n const orga = podcast.value.organisation;\n const privateAccess =\n \"PUBLIC\" !== orga.privacy &&\n filterStore.filterOrgaId !== orga.id &&\n route.query.productor !== orga.id;\n const notValid =\n (!podcast.value.availability.visibility ||\n ![\"READY_TO_RECORD\", \"READY\", \"PROCESSING\"].includes(\n podcast.value.processingStatus ?? \"\",\n ) ||\n !podcast.value.valid) &&\n !editRight.value;\n if (privateAccess || notValid) {\n error.value = true;\n } else {\n updatePathParams(podcast.value.title);\n if (\n podcast.value.conferenceId &&\n \"READY\" !== podcast.value.processingStatus\n ) {\n await fetchConferenceStatus();\n intervalStatusConference.value = setInterval(() => { fetchConferenceStatus(); }, 3000);\n playerStore.playerPlay(\n {\n ...podcast.value,\n ...{ \n conferenceId: podcast.value.conferenceId,\n hlsIdentifier: podcastConference.value?.hlsIdentifier,\n },\n },\n true,\n );\n }\n }\n } catch (errorCatched) {\n handle403(errorCatched as AxiosError);\n error.value = true;\n }\n loaded.value = true;\n}\n\nasync function fetchConferenceStatus() {\n if (!podcast.value?.conferenceId) {\n return;\n }\n const data = await classicApi.fetchData<ConferencePublicInfo>({\n api: 9,\n path: \"conference/info/\" + podcast.value.conferenceId,\n });\n podcastConference.value = {\n ...data,\n ...{\n conferenceId: podcast.value.conferenceId,\n title: \"\",\n },\n };\n if (\"DEBRIEFING\" === data.status) {\n clearInterval(intervalStatusConference.value as unknown as number);\n }\n}\n</script>\n<style lang=\"scss\">\n.octopus-app .video-page-container {\n align-items: stretch;\n flex-grow: 1;\n background: var(--octopus-primary-really-transparent);\n border-radius: var(--octopus-border-radius);\n box-shadow: 0 0 10px 1px var(--octopus-primary-transparent);\n\n .info-video-container {\n display: flex;\n flex-direction: column;\n\n .octopus-tab-pane,\n .video-module-box {\n height: 0;\n overflow-y: auto;\n\n @media (width <= 960px) {\n height: inherit;\n }\n }\n\n .classic-nav-tab-container {\n flex-direction: column;\n }\n }\n\n .module-box.module-box-transparent {\n margin: 0;\n background: transparent;\n border: 0;\n padding: 0;\n }\n\n .w-70-responsive {\n width: 70%;\n aspect-ratio: 16/9;\n }\n\n .w-30-responsive {\n width: 30%;\n }\n\n .w-70-responsive,\n .w-30-responsive {\n display: flex;\n align-items: stretch;\n flex-grow: 1;\n\n @media (width <= 960px) {\n width: 100%;\n padding: 0 !important;\n }\n }\n\n .really-light-secondary-bg {\n background: white;\n }\n}\n</style>\n","<template>\n <section class=\"page-box\">\n <template v-if=\"loaded && !error\">\n <router-link\n :to=\"{\n name: 'podcast',\n params: { podcastId: podcastId },\n }\"\n class=\"mt-3 mb-3 w-fit-content d-flex align-items-center\"\n :title=\"t('Episode name page', { name: podcast?.title })\"\n >\n <ChevronLeftIcon />{{ t(\"Episode page\") }}\n </router-link>\n <div\n v-if=\"videoId || isLiveReadyToRecord\"\n class=\"d-flex video-page-container\"\n >\n <div class=\"w-70-responsive\">\n <template v-if=\"isLiveReadyToRecord\">\n <PlayerVideoHls\n v-if=\"recordingLive\"\n :hls-url=\"hlsVideoUrl\"\n :is-secured=\"isSecured\"\n :responsive=\"true\"\n />\n <div\n v-if=\"isCounter || overrideText\"\n class=\"d-flex flex-column align-items-center flex-grow-1 blue-bg p-3\"\n >\n <CountdownOctopus\n :time-remaining=\"timeRemaining\"\n :override-text=\"overrideText\"\n />\n </div>\n </template>\n <PlayerVideoDigiteka\n v-else\n :video-id=\"videoId\"\n :podcast-id=\"podcastId\"\n responsive\n />\n </div>\n <div class=\"w-30-responsive info-video-container\">\n <div class=\"d-flex flex-column flex-grow-1 w-100\">\n <ClassicNav\n v-if=\"tabs.length\"\n v-model:active-tab=\"activeTab\"\n :tab-number=\"tabs.length\"\n :transparent=\"true\"\n >\n <template v-for=\"(tab, index) in tabs\" #[index]>\n {{ tab }}\n </template>\n <template #tab0>\n <VideoModuleBox\n :podcast=\"podcast\"\n :date=\"date\"\n :duration=\"duration\"\n />\n </template>\n <template #tab1>\n <section>\n <CommentSection\n :podcast=\"podcast\"\n class=\"module-box-transparent\"\n />\n </section>\n </template>\n </ClassicNav>\n <VideoModuleBox\n v-else\n class=\"p-2 video-module-box\"\n :podcast=\"podcast\"\n :date=\"date\"\n :duration=\"duration\"\n :duration-iso=\"durationIso\"\n />\n </div>\n </div>\n </div>\n </template>\n <div\n v-if=\"!error && !videoId && !isLiveReadyToRecord\"\n class=\"text-center text-danger h3\"\n >\n {{ t(\"The episode does not have an associated video\") }}\n </div>\n <ClassicLoading\n :loading-text=\"!loaded ? t('Loading content ...') : undefined\"\n :error-text=\"\n error\n ? t(`This episode is not available for (re)listening`)\n : undefined\n \"\n />\n </section>\n</template>\n\n<script setup lang=\"ts\">\nimport ChevronLeftIcon from \"vue-material-design-icons/ChevronLeft.vue\";\nimport ClassicLoading from \"../form/ClassicLoading.vue\";\nimport classicApi from \"../../api/classicApi\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport ClassicNav from \"../misc/ClassicNav.vue\";\nimport {useSeoTitleUrl} from \"../composable/route/useSeoTitleUrl\";\nimport {usePodcastView} from \"../composable/podcasts/usePodcastView\";\nimport { computed, defineAsyncComponent, onBeforeUnmount, Ref, ref, watch } from \"vue\";\nimport { AxiosError } from \"axios\";\nimport { useFilterStore } from \"../../stores/FilterStore\";\nimport { useAuthStore } from \"../../stores/AuthStore\";\nimport { useCommentStore } from \"../../stores/CommentStore\";\nimport { useApiStore } from \"../../stores/ApiStore\";\nimport { CommentsConfig } from \"@/stores/class/config/commentsConfig\";\nimport {\n Conference,\n ConferencePublicInfo,\n} from \"@/stores/class/conference/conference\";\nimport { usePlayerStore } from \"../../stores/PlayerStore\";\nimport { useGeneralStore } from \"../../stores/GeneralStore\";\nimport { useI18n } from \"vue-i18n\";\nimport { useRoute } from \"vue-router\";\nimport { useErrorHandler } from \"../composable/useErrorHandler\";\nconst PlayerVideoDigiteka = defineAsyncComponent(\n () => import(\"../misc/player/video/PlayerVideoDigiteka.vue\"),\n);\nconst PlayerVideoHls = defineAsyncComponent(\n () => import(\"../misc/player/video/PlayerVideoHls.vue\"),\n);\nconst CommentSection = defineAsyncComponent(\n () => import(\"../display/comments/CommentSection.vue\"),\n);\nconst VideoModuleBox = defineAsyncComponent(\n () => import(\"../display/podcasts/VideoModuleBox.vue\"),\n);\nconst CountdownOctopus = defineAsyncComponent(\n () => import(\"../display/live/CountdownOctopus.vue\"),\n);\n\n//Props \nconst props = defineProps({\n podcastId:{ default: 0, type: Number },\n})\n\n//Data \nconst loaded = ref(false);\nconst podcast: Ref<Podcast | undefined> = ref(undefined);\nconst error = ref(false);\nconst activeTab = ref(0);\nconst configPodcast: Ref<CommentsConfig | undefined> = ref(undefined);\nconst podcastConference: Ref<Conference | undefined> = ref(undefined);\nconst intervalStatusConference: Ref<ReturnType<typeof setTimeout> | undefined> = ref(undefined);\n\n//Composables\nconst { \n isLiveReadyToRecord,\n isCounter,\n timeRemaining,\n date,\n duration,\n durationIso,\n editRight\n} = usePodcastView(podcast, podcastConference);\nconst {handle403} = useErrorHandler();\nconst { updatePathParams } = useSeoTitleUrl();\nconst authStore = useAuthStore();\nconst apiStore = useApiStore();\nconst generalStore = useGeneralStore();\nconst playerStore = usePlayerStore();\nconst filterStore = useFilterStore();\nconst commentStore = useCommentStore();\nconst {t} = useI18n();\nconst route = useRoute();\n\n//Computed\nconst videoId = computed(() => podcast.value?.video?.videoId);\nconst canPostComment = computed(() => {\n return commentStore.getCanPostComment(\n configPodcast.value,\n podcast.value,\n undefined !== authStore.authOrgaId,\n );\n});\nconst tabs = computed(() => {\n if (canPostComment.value) {\n return [t(\"Information\"), t(\"Comments\")];\n }\n return [];\n});\nconst recordingLive = computed(() => {\n return (\n undefined !== podcastConference.value &&\n -1 !== podcastConference.value.conferenceId &&\n (\"RECORDING\" === podcastConference.value.status ||\n \"PENDING\" === podcastConference.value.status)\n );\n});\nconst hlsVideoUrl = computed(() => {\n if (!recordingLive.value || !podcastConference.value) {\n return \"\";\n }\n return `${apiStore.hlsUrl}live/video_${podcastConference.value.hlsIdentifier}/index.m3u8`;\n});\nconst isSecured = computed(() => {\n return \"SECURED\" === podcast.value?.organisation?.privacy;\n});\nconst overrideText = computed(() => {\n if (\"PUBLISHING\" !== podcastConference.value?.status) {\n return;\n }\n return t(\"In the process of being published\");\n});\n\n//Watch\nwatch(()=>props.podcastId, async () => {\n await getPodcastDetails();\n if (!podcast.value) {\n return;\n }\n commentStore.initCommentUser();\n configPodcast.value = await commentStore.getCommentsConfig(podcast.value);\n}, {immediate: true});\n\n\nonBeforeUnmount(() => {\n clearInterval(intervalStatusConference.value as unknown as number);\n})\n\n//Methods\nasync function getPodcastDetails(): Promise<void> {\n loaded.value = false;\n error.value = false;\n try {\n podcast.value = await classicApi.fetchData<Podcast>({\n api: 0,\n path: \"podcast/\" + props.podcastId,\n });\n document.title = podcast.value.title + \" - \"+generalStore.metaTitle;\n const orga = podcast.value.organisation;\n const privateAccess =\n \"PUBLIC\" !== orga.privacy &&\n filterStore.filterOrgaId !== orga.id &&\n route.query.productor !== orga.id;\n const notValid =\n (!podcast.value.availability.visibility ||\n ![\"READY_TO_RECORD\", \"READY\", \"PROCESSING\"].includes(\n podcast.value.processingStatus ?? \"\",\n ) ||\n !podcast.value.valid) &&\n !editRight.value;\n if (privateAccess || notValid) {\n error.value = true;\n } else {\n updatePathParams(podcast.value.title);\n if (\n podcast.value.conferenceId &&\n \"READY\" !== podcast.value.processingStatus\n ) {\n await fetchConferenceStatus();\n intervalStatusConference.value = setInterval(() => { fetchConferenceStatus(); }, 3000);\n playerStore.playerPlay(\n {\n ...podcast.value,\n ...{ \n conferenceId: podcast.value.conferenceId,\n hlsIdentifier: podcastConference.value?.hlsIdentifier,\n },\n },\n true,\n );\n }\n }\n } catch (errorCatched) {\n handle403(errorCatched as AxiosError);\n error.value = true;\n }\n loaded.value = true;\n}\n\nasync function fetchConferenceStatus() {\n if (!podcast.value?.conferenceId) {\n return;\n }\n const data = await classicApi.fetchData<ConferencePublicInfo>({\n api: 9,\n path: \"conference/info/\" + podcast.value.conferenceId,\n });\n podcastConference.value = {\n ...data,\n ...{\n conferenceId: podcast.value.conferenceId,\n title: \"\",\n },\n };\n if (\"DEBRIEFING\" === data.status) {\n clearInterval(intervalStatusConference.value as unknown as number);\n }\n}\n</script>\n<style lang=\"scss\">\n.octopus-app .video-page-container {\n align-items: stretch;\n flex-grow: 1;\n background: var(--octopus-primary-really-transparent);\n border-radius: var(--octopus-border-radius);\n box-shadow: 0 0 10px 1px var(--octopus-primary-transparent);\n\n .info-video-container {\n display: flex;\n flex-direction: column;\n\n .octopus-tab-pane,\n .video-module-box {\n height: 0;\n overflow-y: auto;\n\n @media (width <= 960px) {\n height: inherit;\n }\n }\n\n .classic-nav-tab-container {\n flex-direction: column;\n }\n }\n\n .module-box.module-box-transparent {\n margin: 0;\n background: transparent;\n border: 0;\n padding: 0;\n }\n\n .w-70-responsive {\n width: 70%;\n aspect-ratio: 16/9;\n }\n\n .w-30-responsive {\n width: 30%;\n }\n\n .w-70-responsive,\n .w-30-responsive {\n display: flex;\n align-items: stretch;\n flex-grow: 1;\n\n @media (width <= 960px) {\n width: 100%;\n padding: 0 !important;\n }\n }\n\n .really-light-secondary-bg {\n background: white;\n }\n}\n</style>\n"],"mappings":"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"}

package/dist/VideoPage-CIDpzbkb.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"VideoPage-CIDpzbkb.mjs","names":["classicApi","_resolveComponent","_openBlock","_createElementBlock","_Fragment","_createVNode","_withCtx","_createTextVNode","_toDisplayString","_createElementVNode","_createBlock","_createCommentVNode","_createSlots","_renderList","_sfc_main"],"sources":["../src/components/pages/VideoPage.vue","../src/components/pages/VideoPage.vue"],"sourcesContent":["<template>\n <section class=\"page-box\">\n <template v-if=\"loaded && !error\">\n <router-link\n :to=\"{\n name: 'podcast',\n params: { podcastId: podcastId },\n }\"\n class=\"mt-3 mb-3 w-fit-content d-flex align-items-center\"\n :title=\"t('Episode name page', { name: podcast?.title })\"\n >\n <ChevronLeftIcon />{{ t(\"Episode page\") }}\n </router-link>\n <div\n v-if=\"videoId || isLiveReadyToRecord\"\n class=\"d-flex video-page-container\"\n >\n <div class=\"w-70-responsive\">\n <template v-if=\"isLiveReadyToRecord\">\n <PlayerVideoHls\n v-if=\"recordingLive\"\n :hls-url=\"hlsVideoUrl\"\n :is-secured=\"isSecured\"\n :responsive=\"true\"\n />\n <div\n v-if=\"isCounter || overrideText\"\n class=\"d-flex flex-column align-items-center flex-grow-1 blue-bg p-3\"\n >\n <CountdownOctopus\n :time-remaining=\"timeRemaining\"\n :override-text=\"overrideText\"\n />\n </div>\n </template>\n <PlayerVideoDigiteka\n v-else\n :video-id=\"videoId\"\n :podcast-id=\"podcastId\"\n responsive\n />\n </div>\n <div class=\"w-30-responsive info-video-container\">\n <div class=\"d-flex flex-column flex-grow-1 w-100\">\n <ClassicNav\n v-if=\"tabs.length\"\n v-model:active-tab=\"activeTab\"\n :tab-number=\"tabs.length\"\n :transparent=\"true\"\n >\n <template v-for=\"(tab, index) in tabs\" #[index]>\n {{ tab }}\n </template>\n <template #tab0>\n <VideoModuleBox\n :podcast=\"podcast\"\n :date=\"date\"\n :duration=\"duration\"\n />\n </template>\n <template #tab1>\n <section>\n <CommentSection\n :podcast=\"podcast\"\n class=\"module-box-transparent\"\n />\n </section>\n </template>\n </ClassicNav>\n <VideoModuleBox\n v-else\n class=\"p-2 video-module-box\"\n :podcast=\"podcast\"\n :date=\"date\"\n :duration=\"duration\"\n :duration-iso=\"durationIso\"\n />\n </div>\n </div>\n </div>\n </template>\n <div\n v-if=\"!error && !videoId && !isLiveReadyToRecord\"\n class=\"text-center text-danger h3\"\n >\n {{ t(\"The episode does not have an associated video\") }}\n </div>\n <ClassicLoading\n :loading-text=\"!loaded ? t('Loading content ...') : undefined\"\n :error-text=\"\n error\n ? t(`This episode is not available for (re)listening`)\n : undefined\n \"\n />\n </section>\n</template>\n\n<script setup lang=\"ts\">\nimport ChevronLeftIcon from \"vue-material-design-icons/ChevronLeft.vue\";\nimport ClassicLoading from \"../form/ClassicLoading.vue\";\nimport classicApi from \"../../api/classicApi\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport ClassicNav from \"../misc/ClassicNav.vue\";\nimport {useSeoTitleUrl} from \"../composable/route/useSeoTitleUrl\";\nimport {usePodcastView} from \"../composable/podcasts/usePodcastView\";\nimport { computed, defineAsyncComponent, onBeforeUnmount, Ref, ref, watch } from \"vue\";\nimport { AxiosError } from \"axios\";\nimport { useFilterStore } from \"../../stores/FilterStore\";\nimport { useAuthStore } from \"../../stores/AuthStore\";\nimport { useCommentStore } from \"../../stores/CommentStore\";\nimport { useApiStore } from \"../../stores/ApiStore\";\nimport { CommentsConfig } from \"@/stores/class/config/commentsConfig\";\nimport {\n Conference,\n ConferencePublicInfo,\n} from \"@/stores/class/conference/conference\";\nimport { usePlayerStore } from \"../../stores/PlayerStore\";\nimport { useGeneralStore } from \"../../stores/GeneralStore\";\nimport { useI18n } from \"vue-i18n\";\nimport { useRoute } from \"vue-router\";\nimport { useErrorHandler } from \"../composable/useErrorHandler\";\nconst PlayerVideoDigiteka = defineAsyncComponent(\n () => import(\"../misc/player/video/PlayerVideoDigiteka.vue\"),\n);\nconst PlayerVideoHls = defineAsyncComponent(\n () => import(\"../misc/player/video/PlayerVideoHls.vue\"),\n);\nconst CommentSection = defineAsyncComponent(\n () => import(\"../display/comments/CommentSection.vue\"),\n);\nconst VideoModuleBox = defineAsyncComponent(\n () => import(\"../display/podcasts/VideoModuleBox.vue\"),\n);\nconst CountdownOctopus = defineAsyncComponent(\n () => import(\"../display/live/CountdownOctopus.vue\"),\n);\n\n//Props \nconst props = defineProps({\n podcastId:{ default: 0, type: Number },\n})\n\n//Data \nconst loaded = ref(false);\nconst podcast: Ref<Podcast | undefined> = ref(undefined);\nconst error = ref(false);\nconst activeTab = ref(0);\nconst configPodcast: Ref<CommentsConfig | undefined> = ref(undefined);\nconst podcastConference: Ref<Conference | undefined> = ref(undefined);\nconst intervalStatusConference: Ref<ReturnType<typeof setTimeout> | undefined> = ref(undefined);\n\n//Composables\nconst { \n isLiveReadyToRecord,\n isCounter,\n timeRemaining,\n date,\n duration,\n durationIso,\n editRight\n} = usePodcastView(podcast, podcastConference);\nconst {handle403} = useErrorHandler();\nconst { updatePathParams } = useSeoTitleUrl();\nconst authStore = useAuthStore();\nconst apiStore = useApiStore();\nconst generalStore = useGeneralStore();\nconst playerStore = usePlayerStore();\nconst filterStore = useFilterStore();\nconst commentStore = useCommentStore();\nconst {t} = useI18n();\nconst route = useRoute();\n\n//Computed\nconst videoId = computed(() => podcast.value?.video?.videoId);\nconst canPostComment = computed(() => {\n return commentStore.getCanPostComment(\n configPodcast.value,\n podcast.value,\n undefined !== authStore.authOrgaId,\n );\n});\nconst tabs = computed(() => {\n if (canPostComment.value) {\n return [t(\"Information\"), t(\"Comments\")];\n }\n return [];\n});\nconst recordingLive = computed(() => {\n return (\n undefined !== podcastConference.value &&\n -1 !== podcastConference.value.conferenceId &&\n (\"RECORDING\" === podcastConference.value.status ||\n \"PENDING\" === podcastConference.value.status)\n );\n});\nconst hlsVideoUrl = computed(() => {\n if (!recordingLive.value || !podcastConference.value) {\n return \"\";\n }\n return `${apiStore.hlsUrl}live/video_${podcastConference.value.hlsIdentifier}/index.m3u8`;\n});\nconst isSecured = computed(() => {\n return \"SECURED\" === podcast.value?.organisation?.privacy;\n});\nconst overrideText = computed(() => {\n if (\"PUBLISHING\" !== podcastConference.value?.status) {\n return;\n }\n return t(\"In the process of being published\");\n});\n\n//Watch\nwatch(()=>props.podcastId, async () => {\n await getPodcastDetails();\n if (!podcast.value) {\n return;\n }\n commentStore.initCommentUser();\n configPodcast.value = await commentStore.getCommentsConfig(podcast.value);\n}, {immediate: true});\n\n\nonBeforeUnmount(() => {\n clearInterval(intervalStatusConference.value as unknown as number);\n})\n\n//Methods\nasync function getPodcastDetails(): Promise<void> {\n loaded.value = false;\n error.value = false;\n try {\n podcast.value = await classicApi.fetchData<Podcast>({\n api: 0,\n path: \"podcast/\" + props.podcastId,\n });\n document.title = podcast.value.title + \" - \"+generalStore.metaTitle;\n const orga = podcast.value.organisation;\n const privateAccess =\n \"PUBLIC\" !== orga.privacy &&\n filterStore.filterOrgaId !== orga.id &&\n route.query.productor !== orga.id;\n const notValid =\n (!podcast.value.availability.visibility ||\n ![\"READY_TO_RECORD\", \"READY\", \"PROCESSING\"].includes(\n podcast.value.processingStatus ?? \"\",\n ) ||\n !podcast.value.valid) &&\n !editRight.value;\n if (privateAccess || notValid) {\n error.value = true;\n } else {\n updatePathParams(podcast.value.title);\n if (\n podcast.value.conferenceId &&\n \"READY\" !== podcast.value.processingStatus\n ) {\n await fetchConferenceStatus();\n intervalStatusConference.value = setInterval(() => { fetchConferenceStatus(); }, 3000);\n playerStore.playerPlay(\n {\n ...podcast.value,\n ...{ \n conferenceId: podcast.value.conferenceId,\n hlsIdentifier: podcastConference.value?.hlsIdentifier,\n },\n },\n true,\n );\n }\n }\n } catch (errorCatched) {\n handle403(errorCatched as AxiosError);\n error.value = true;\n }\n loaded.value = true;\n}\n\nasync function fetchConferenceStatus() {\n if (!podcast.value?.conferenceId) {\n return;\n }\n const data = await classicApi.fetchData<ConferencePublicInfo>({\n api: 9,\n path: \"conference/info/\" + podcast.value.conferenceId,\n });\n podcastConference.value = {\n ...data,\n ...{\n conferenceId: podcast.value.conferenceId,\n title: \"\",\n },\n };\n if (\"DEBRIEFING\" === data.status) {\n clearInterval(intervalStatusConference.value as unknown as number);\n }\n}\n</script>\n<style lang=\"scss\">\n.octopus-app .video-page-container {\n align-items: stretch;\n flex-grow: 1;\n background: var(--octopus-primary-really-transparent);\n border-radius: var(--octopus-border-radius);\n box-shadow: 0 0 10px 1px var(--octopus-primary-transparent);\n\n .info-video-container {\n display: flex;\n flex-direction: column;\n\n .octopus-tab-pane,\n .video-module-box {\n height: 0;\n overflow-y: auto;\n\n @media (width <= 960px) {\n height: inherit;\n }\n }\n\n .classic-nav-tab-container {\n flex-direction: column;\n }\n }\n\n .module-box.module-box-transparent {\n margin: 0;\n background: transparent;\n border: 0;\n padding: 0;\n }\n\n .w-70-responsive {\n width: 70%;\n aspect-ratio: 16/9;\n }\n\n .w-30-responsive {\n width: 30%;\n }\n\n .w-70-responsive,\n .w-30-responsive {\n display: flex;\n align-items: stretch;\n flex-grow: 1;\n\n @media (width <= 960px) {\n width: 100%;\n padding: 0 !important;\n }\n }\n\n .really-light-secondary-bg {\n background: white;\n }\n}\n</style>\n","<template>\n <section class=\"page-box\">\n <template v-if=\"loaded && !error\">\n <router-link\n :to=\"{\n name: 'podcast',\n params: { podcastId: podcastId },\n }\"\n class=\"mt-3 mb-3 w-fit-content d-flex align-items-center\"\n :title=\"t('Episode name page', { name: podcast?.title })\"\n >\n <ChevronLeftIcon />{{ t(\"Episode page\") }}\n </router-link>\n <div\n v-if=\"videoId || isLiveReadyToRecord\"\n class=\"d-flex video-page-container\"\n >\n <div class=\"w-70-responsive\">\n <template v-if=\"isLiveReadyToRecord\">\n <PlayerVideoHls\n v-if=\"recordingLive\"\n :hls-url=\"hlsVideoUrl\"\n :is-secured=\"isSecured\"\n :responsive=\"true\"\n />\n <div\n v-if=\"isCounter || overrideText\"\n class=\"d-flex flex-column align-items-center flex-grow-1 blue-bg p-3\"\n >\n <CountdownOctopus\n :time-remaining=\"timeRemaining\"\n :override-text=\"overrideText\"\n />\n </div>\n </template>\n <PlayerVideoDigiteka\n v-else\n :video-id=\"videoId\"\n :podcast-id=\"podcastId\"\n responsive\n />\n </div>\n <div class=\"w-30-responsive info-video-container\">\n <div class=\"d-flex flex-column flex-grow-1 w-100\">\n <ClassicNav\n v-if=\"tabs.length\"\n v-model:active-tab=\"activeTab\"\n :tab-number=\"tabs.length\"\n :transparent=\"true\"\n >\n <template v-for=\"(tab, index) in tabs\" #[index]>\n {{ tab }}\n </template>\n <template #tab0>\n <VideoModuleBox\n :podcast=\"podcast\"\n :date=\"date\"\n :duration=\"duration\"\n />\n </template>\n <template #tab1>\n <section>\n <CommentSection\n :podcast=\"podcast\"\n class=\"module-box-transparent\"\n />\n </section>\n </template>\n </ClassicNav>\n <VideoModuleBox\n v-else\n class=\"p-2 video-module-box\"\n :podcast=\"podcast\"\n :date=\"date\"\n :duration=\"duration\"\n :duration-iso=\"durationIso\"\n />\n </div>\n </div>\n </div>\n </template>\n <div\n v-if=\"!error && !videoId && !isLiveReadyToRecord\"\n class=\"text-center text-danger h3\"\n >\n {{ t(\"The episode does not have an associated video\") }}\n </div>\n <ClassicLoading\n :loading-text=\"!loaded ? t('Loading content ...') : undefined\"\n :error-text=\"\n error\n ? t(`This episode is not available for (re)listening`)\n : undefined\n \"\n />\n </section>\n</template>\n\n<script setup lang=\"ts\">\nimport ChevronLeftIcon from \"vue-material-design-icons/ChevronLeft.vue\";\nimport ClassicLoading from \"../form/ClassicLoading.vue\";\nimport classicApi from \"../../api/classicApi\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport ClassicNav from \"../misc/ClassicNav.vue\";\nimport {useSeoTitleUrl} from \"../composable/route/useSeoTitleUrl\";\nimport {usePodcastView} from \"../composable/podcasts/usePodcastView\";\nimport { computed, defineAsyncComponent, onBeforeUnmount, Ref, ref, watch } from \"vue\";\nimport { AxiosError } from \"axios\";\nimport { useFilterStore } from \"../../stores/FilterStore\";\nimport { useAuthStore } from \"../../stores/AuthStore\";\nimport { useCommentStore } from \"../../stores/CommentStore\";\nimport { useApiStore } from \"../../stores/ApiStore\";\nimport { CommentsConfig } from \"@/stores/class/config/commentsConfig\";\nimport {\n Conference,\n ConferencePublicInfo,\n} from \"@/stores/class/conference/conference\";\nimport { usePlayerStore } from \"../../stores/PlayerStore\";\nimport { useGeneralStore } from \"../../stores/GeneralStore\";\nimport { useI18n } from \"vue-i18n\";\nimport { useRoute } from \"vue-router\";\nimport { useErrorHandler } from \"../composable/useErrorHandler\";\nconst PlayerVideoDigiteka = defineAsyncComponent(\n () => import(\"../misc/player/video/PlayerVideoDigiteka.vue\"),\n);\nconst PlayerVideoHls = defineAsyncComponent(\n () => import(\"../misc/player/video/PlayerVideoHls.vue\"),\n);\nconst CommentSection = defineAsyncComponent(\n () => import(\"../display/comments/CommentSection.vue\"),\n);\nconst VideoModuleBox = defineAsyncComponent(\n () => import(\"../display/podcasts/VideoModuleBox.vue\"),\n);\nconst CountdownOctopus = defineAsyncComponent(\n () => import(\"../display/live/CountdownOctopus.vue\"),\n);\n\n//Props \nconst props = defineProps({\n podcastId:{ default: 0, type: Number },\n})\n\n//Data \nconst loaded = ref(false);\nconst podcast: Ref<Podcast | undefined> = ref(undefined);\nconst error = ref(false);\nconst activeTab = ref(0);\nconst configPodcast: Ref<CommentsConfig | undefined> = ref(undefined);\nconst podcastConference: Ref<Conference | undefined> = ref(undefined);\nconst intervalStatusConference: Ref<ReturnType<typeof setTimeout> | undefined> = ref(undefined);\n\n//Composables\nconst { \n isLiveReadyToRecord,\n isCounter,\n timeRemaining,\n date,\n duration,\n durationIso,\n editRight\n} = usePodcastView(podcast, podcastConference);\nconst {handle403} = useErrorHandler();\nconst { updatePathParams } = useSeoTitleUrl();\nconst authStore = useAuthStore();\nconst apiStore = useApiStore();\nconst generalStore = useGeneralStore();\nconst playerStore = usePlayerStore();\nconst filterStore = useFilterStore();\nconst commentStore = useCommentStore();\nconst {t} = useI18n();\nconst route = useRoute();\n\n//Computed\nconst videoId = computed(() => podcast.value?.video?.videoId);\nconst canPostComment = computed(() => {\n return commentStore.getCanPostComment(\n configPodcast.value,\n podcast.value,\n undefined !== authStore.authOrgaId,\n );\n});\nconst tabs = computed(() => {\n if (canPostComment.value) {\n return [t(\"Information\"), t(\"Comments\")];\n }\n return [];\n});\nconst recordingLive = computed(() => {\n return (\n undefined !== podcastConference.value &&\n -1 !== podcastConference.value.conferenceId &&\n (\"RECORDING\" === podcastConference.value.status ||\n \"PENDING\" === podcastConference.value.status)\n );\n});\nconst hlsVideoUrl = computed(() => {\n if (!recordingLive.value || !podcastConference.value) {\n return \"\";\n }\n return `${apiStore.hlsUrl}live/video_${podcastConference.value.hlsIdentifier}/index.m3u8`;\n});\nconst isSecured = computed(() => {\n return \"SECURED\" === podcast.value?.organisation?.privacy;\n});\nconst overrideText = computed(() => {\n if (\"PUBLISHING\" !== podcastConference.value?.status) {\n return;\n }\n return t(\"In the process of being published\");\n});\n\n//Watch\nwatch(()=>props.podcastId, async () => {\n await getPodcastDetails();\n if (!podcast.value) {\n return;\n }\n commentStore.initCommentUser();\n configPodcast.value = await commentStore.getCommentsConfig(podcast.value);\n}, {immediate: true});\n\n\nonBeforeUnmount(() => {\n clearInterval(intervalStatusConference.value as unknown as number);\n})\n\n//Methods\nasync function getPodcastDetails(): Promise<void> {\n loaded.value = false;\n error.value = false;\n try {\n podcast.value = await classicApi.fetchData<Podcast>({\n api: 0,\n path: \"podcast/\" + props.podcastId,\n });\n document.title = podcast.value.title + \" - \"+generalStore.metaTitle;\n const orga = podcast.value.organisation;\n const privateAccess =\n \"PUBLIC\" !== orga.privacy &&\n filterStore.filterOrgaId !== orga.id &&\n route.query.productor !== orga.id;\n const notValid =\n (!podcast.value.availability.visibility ||\n ![\"READY_TO_RECORD\", \"READY\", \"PROCESSING\"].includes(\n podcast.value.processingStatus ?? \"\",\n ) ||\n !podcast.value.valid) &&\n !editRight.value;\n if (privateAccess || notValid) {\n error.value = true;\n } else {\n updatePathParams(podcast.value.title);\n if (\n podcast.value.conferenceId &&\n \"READY\" !== podcast.value.processingStatus\n ) {\n await fetchConferenceStatus();\n intervalStatusConference.value = setInterval(() => { fetchConferenceStatus(); }, 3000);\n playerStore.playerPlay(\n {\n ...podcast.value,\n ...{ \n conferenceId: podcast.value.conferenceId,\n hlsIdentifier: podcastConference.value?.hlsIdentifier,\n },\n },\n true,\n );\n }\n }\n } catch (errorCatched) {\n handle403(errorCatched as AxiosError);\n error.value = true;\n }\n loaded.value = true;\n}\n\nasync function fetchConferenceStatus() {\n if (!podcast.value?.conferenceId) {\n return;\n }\n const data = await classicApi.fetchData<ConferencePublicInfo>({\n api: 9,\n path: \"conference/info/\" + podcast.value.conferenceId,\n });\n podcastConference.value = {\n ...data,\n ...{\n conferenceId: podcast.value.conferenceId,\n title: \"\",\n },\n };\n if (\"DEBRIEFING\" === data.status) {\n clearInterval(intervalStatusConference.value as unknown as number);\n }\n}\n</script>\n<style lang=\"scss\">\n.octopus-app .video-page-container {\n align-items: stretch;\n flex-grow: 1;\n background: var(--octopus-primary-really-transparent);\n border-radius: var(--octopus-border-radius);\n box-shadow: 0 0 10px 1px var(--octopus-primary-transparent);\n\n .info-video-container {\n display: flex;\n flex-direction: column;\n\n .octopus-tab-pane,\n .video-module-box {\n height: 0;\n overflow-y: auto;\n\n @media (width <= 960px) {\n height: inherit;\n }\n }\n\n .classic-nav-tab-container {\n flex-direction: column;\n }\n }\n\n .module-box.module-box-transparent {\n margin: 0;\n background: transparent;\n border: 0;\n padding: 0;\n }\n\n .w-70-responsive {\n width: 70%;\n aspect-ratio: 16/9;\n }\n\n .w-30-responsive {\n width: 30%;\n }\n\n .w-70-responsive,\n .w-30-responsive {\n display: flex;\n align-items: stretch;\n flex-grow: 1;\n\n @media (width <= 960px) {\n width: 100%;\n padding: 0 !important;\n }\n }\n\n .really-light-secondary-bg {\n background: white;\n }\n}\n</style>\n"],"mappings":"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"}

package/dist/VideoPage-D2V1oXGC.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"VideoPage-D2V1oXGC.mjs","names":["classicApi","_resolveComponent","_openBlock","_createElementBlock","_Fragment","_createVNode","_withCtx","_createTextVNode","_toDisplayString","_createElementVNode","_createBlock","_createCommentVNode","_createSlots","_renderList","_sfc_main"],"sources":["../src/components/pages/VideoPage.vue","../src/components/pages/VideoPage.vue"],"sourcesContent":["<template>\n <section class=\"page-box\">\n <template v-if=\"loaded && !error\">\n <router-link\n :to=\"{\n name: 'podcast',\n params: { podcastId: podcastId },\n }\"\n class=\"mt-3 mb-3 w-fit-content d-flex align-items-center\"\n :title=\"t('Episode name page', { name: podcast?.title })\"\n >\n <ChevronLeftIcon />{{ t(\"Episode page\") }}\n </router-link>\n <div\n v-if=\"videoId || isLiveReadyToRecord\"\n class=\"d-flex video-page-container\"\n >\n <div class=\"w-70-responsive\">\n <template v-if=\"isLiveReadyToRecord\">\n <PlayerVideoHls\n v-if=\"recordingLive\"\n :hls-url=\"hlsVideoUrl\"\n :is-secured=\"isSecured\"\n :responsive=\"true\"\n />\n <div\n v-if=\"isCounter || overrideText\"\n class=\"d-flex flex-column align-items-center flex-grow-1 blue-bg p-3\"\n >\n <CountdownOctopus\n :time-remaining=\"timeRemaining\"\n :override-text=\"overrideText\"\n />\n </div>\n </template>\n <PlayerVideoDigiteka\n v-else\n :video-id=\"videoId\"\n :podcast-id=\"podcastId\"\n responsive\n />\n </div>\n <div class=\"w-30-responsive info-video-container\">\n <div class=\"d-flex flex-column flex-grow-1 w-100\">\n <ClassicNav\n v-if=\"tabs.length\"\n v-model:active-tab=\"activeTab\"\n :tab-number=\"tabs.length\"\n :transparent=\"true\"\n >\n <template v-for=\"(tab, index) in tabs\" #[index]>\n {{ tab }}\n </template>\n <template #tab0>\n <VideoModuleBox\n :podcast=\"podcast\"\n :date=\"date\"\n :duration=\"duration\"\n />\n </template>\n <template #tab1>\n <section>\n <CommentSection\n :podcast=\"podcast\"\n class=\"module-box-transparent\"\n />\n </section>\n </template>\n </ClassicNav>\n <VideoModuleBox\n v-else\n class=\"p-2 video-module-box\"\n :podcast=\"podcast\"\n :date=\"date\"\n :duration=\"duration\"\n :duration-iso=\"durationIso\"\n />\n </div>\n </div>\n </div>\n </template>\n <div\n v-if=\"!error && !videoId && !isLiveReadyToRecord\"\n class=\"text-center text-danger h3\"\n >\n {{ t(\"The episode does not have an associated video\") }}\n </div>\n <ClassicLoading\n :loading-text=\"!loaded ? t('Loading content ...') : undefined\"\n :error-text=\"\n error\n ? t(`This episode is not available for (re)listening`)\n : undefined\n \"\n />\n </section>\n</template>\n\n<script setup lang=\"ts\">\nimport ChevronLeftIcon from \"vue-material-design-icons/ChevronLeft.vue\";\nimport ClassicLoading from \"../form/ClassicLoading.vue\";\nimport classicApi from \"../../api/classicApi\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport ClassicNav from \"../misc/ClassicNav.vue\";\nimport {useSeoTitleUrl} from \"../composable/route/useSeoTitleUrl\";\nimport {usePodcastView} from \"../composable/podcasts/usePodcastView\";\nimport { computed, defineAsyncComponent, onBeforeUnmount, Ref, ref, watch } from \"vue\";\nimport { AxiosError } from \"axios\";\nimport { useFilterStore } from \"../../stores/FilterStore\";\nimport { useAuthStore } from \"../../stores/AuthStore\";\nimport { useCommentStore } from \"../../stores/CommentStore\";\nimport { useApiStore } from \"../../stores/ApiStore\";\nimport { CommentsConfig } from \"@/stores/class/config/commentsConfig\";\nimport {\n Conference,\n ConferencePublicInfo,\n} from \"@/stores/class/conference/conference\";\nimport { usePlayerStore } from \"../../stores/PlayerStore\";\nimport { useGeneralStore } from \"../../stores/GeneralStore\";\nimport { useI18n } from \"vue-i18n\";\nimport { useRoute } from \"vue-router\";\nimport { useErrorHandler } from \"../composable/useErrorHandler\";\nconst PlayerVideoDigiteka = defineAsyncComponent(\n () => import(\"../misc/player/video/PlayerVideoDigiteka.vue\"),\n);\nconst PlayerVideoHls = defineAsyncComponent(\n () => import(\"../misc/player/video/PlayerVideoHls.vue\"),\n);\nconst CommentSection = defineAsyncComponent(\n () => import(\"../display/comments/CommentSection.vue\"),\n);\nconst VideoModuleBox = defineAsyncComponent(\n () => import(\"../display/podcasts/VideoModuleBox.vue\"),\n);\nconst CountdownOctopus = defineAsyncComponent(\n () => import(\"../display/live/CountdownOctopus.vue\"),\n);\n\n//Props \nconst props = defineProps({\n podcastId:{ default: 0, type: Number },\n})\n\n//Data \nconst loaded = ref(false);\nconst podcast: Ref<Podcast | undefined> = ref(undefined);\nconst error = ref(false);\nconst activeTab = ref(0);\nconst configPodcast: Ref<CommentsConfig | undefined> = ref(undefined);\nconst podcastConference: Ref<Conference | undefined> = ref(undefined);\nconst intervalStatusConference: Ref<ReturnType<typeof setTimeout> | undefined> = ref(undefined);\n\n//Composables\nconst { \n isLiveReadyToRecord,\n isCounter,\n timeRemaining,\n date,\n duration,\n durationIso,\n editRight\n} = usePodcastView(podcast, podcastConference);\nconst {handle403} = useErrorHandler();\nconst { updatePathParams } = useSeoTitleUrl();\nconst authStore = useAuthStore();\nconst apiStore = useApiStore();\nconst generalStore = useGeneralStore();\nconst playerStore = usePlayerStore();\nconst filterStore = useFilterStore();\nconst commentStore = useCommentStore();\nconst {t} = useI18n();\nconst route = useRoute();\n\n//Computed\nconst videoId = computed(() => podcast.value?.video?.videoId);\nconst canPostComment = computed(() => {\n return commentStore.getCanPostComment(\n configPodcast.value,\n podcast.value,\n undefined !== authStore.authOrgaId,\n );\n});\nconst tabs = computed(() => {\n if (canPostComment.value) {\n return [t(\"Information\"), t(\"Comments\")];\n }\n return [];\n});\nconst recordingLive = computed(() => {\n return (\n undefined !== podcastConference.value &&\n -1 !== podcastConference.value.conferenceId &&\n (\"RECORDING\" === podcastConference.value.status ||\n \"PENDING\" === podcastConference.value.status)\n );\n});\nconst hlsVideoUrl = computed(() => {\n if (!recordingLive.value || !podcastConference.value) {\n return \"\";\n }\n return `${apiStore.hlsUrl}live/video_${podcastConference.value.hlsIdentifier}/index.m3u8`;\n});\nconst isSecured = computed(() => {\n return \"SECURED\" === podcast.value?.organisation?.privacy;\n});\nconst overrideText = computed(() => {\n if (\"PUBLISHING\" !== podcastConference.value?.status) {\n return;\n }\n return t(\"In the process of being published\");\n});\n\n//Watch\nwatch(()=>props.podcastId, async () => {\n await getPodcastDetails();\n if (!podcast.value) {\n return;\n }\n commentStore.initCommentUser();\n configPodcast.value = await commentStore.getCommentsConfig(podcast.value);\n}, {immediate: true});\n\n\nonBeforeUnmount(() => {\n clearInterval(intervalStatusConference.value as unknown as number);\n})\n\n//Methods\nasync function getPodcastDetails(): Promise<void> {\n loaded.value = false;\n error.value = false;\n try {\n podcast.value = await classicApi.fetchData<Podcast>({\n api: 0,\n path: \"podcast/\" + props.podcastId,\n });\n document.title = podcast.value.title + \" - \"+generalStore.metaTitle;\n const orga = podcast.value.organisation;\n const privateAccess =\n \"PUBLIC\" !== orga.privacy &&\n filterStore.filterOrgaId !== orga.id &&\n route.query.productor !== orga.id;\n const notValid =\n (!podcast.value.availability.visibility ||\n ![\"READY_TO_RECORD\", \"READY\", \"PROCESSING\"].includes(\n podcast.value.processingStatus ?? \"\",\n ) ||\n !podcast.value.valid) &&\n !editRight.value;\n if (privateAccess || notValid) {\n error.value = true;\n } else {\n updatePathParams(podcast.value.title);\n if (\n podcast.value.conferenceId &&\n \"READY\" !== podcast.value.processingStatus\n ) {\n await fetchConferenceStatus();\n intervalStatusConference.value = setInterval(() => { fetchConferenceStatus(); }, 3000);\n playerStore.playerPlay(\n {\n ...podcast.value,\n ...{ \n conferenceId: podcast.value.conferenceId,\n hlsIdentifier: podcastConference.value?.hlsIdentifier,\n },\n },\n true,\n );\n }\n }\n } catch (errorCatched) {\n handle403(errorCatched as AxiosError);\n error.value = true;\n }\n loaded.value = true;\n}\n\nasync function fetchConferenceStatus() {\n if (!podcast.value?.conferenceId) {\n return;\n }\n const data = await classicApi.fetchData<ConferencePublicInfo>({\n api: 9,\n path: \"conference/info/\" + podcast.value.conferenceId,\n });\n podcastConference.value = {\n ...data,\n ...{\n conferenceId: podcast.value.conferenceId,\n title: \"\",\n },\n };\n if (\"DEBRIEFING\" === data.status) {\n clearInterval(intervalStatusConference.value as unknown as number);\n }\n}\n</script>\n<style lang=\"scss\">\n.octopus-app .video-page-container {\n align-items: stretch;\n flex-grow: 1;\n background: var(--octopus-primary-really-transparent);\n border-radius: var(--octopus-border-radius);\n box-shadow: 0 0 10px 1px var(--octopus-primary-transparent);\n\n .info-video-container {\n display: flex;\n flex-direction: column;\n\n .octopus-tab-pane,\n .video-module-box {\n height: 0;\n overflow-y: auto;\n\n @media (width <= 960px) {\n height: inherit;\n }\n }\n\n .classic-nav-tab-container {\n flex-direction: column;\n }\n }\n\n .module-box.module-box-transparent {\n margin: 0;\n background: transparent;\n border: 0;\n padding: 0;\n }\n\n .w-70-responsive {\n width: 70%;\n aspect-ratio: 16/9;\n }\n\n .w-30-responsive {\n width: 30%;\n }\n\n .w-70-responsive,\n .w-30-responsive {\n display: flex;\n align-items: stretch;\n flex-grow: 1;\n\n @media (width <= 960px) {\n width: 100%;\n padding: 0 !important;\n }\n }\n\n .really-light-secondary-bg {\n background: white;\n }\n}\n</style>\n","<template>\n <section class=\"page-box\">\n <template v-if=\"loaded && !error\">\n <router-link\n :to=\"{\n name: 'podcast',\n params: { podcastId: podcastId },\n }\"\n class=\"mt-3 mb-3 w-fit-content d-flex align-items-center\"\n :title=\"t('Episode name page', { name: podcast?.title })\"\n >\n <ChevronLeftIcon />{{ t(\"Episode page\") }}\n </router-link>\n <div\n v-if=\"videoId || isLiveReadyToRecord\"\n class=\"d-flex video-page-container\"\n >\n <div class=\"w-70-responsive\">\n <template v-if=\"isLiveReadyToRecord\">\n <PlayerVideoHls\n v-if=\"recordingLive\"\n :hls-url=\"hlsVideoUrl\"\n :is-secured=\"isSecured\"\n :responsive=\"true\"\n />\n <div\n v-if=\"isCounter || overrideText\"\n class=\"d-flex flex-column align-items-center flex-grow-1 blue-bg p-3\"\n >\n <CountdownOctopus\n :time-remaining=\"timeRemaining\"\n :override-text=\"overrideText\"\n />\n </div>\n </template>\n <PlayerVideoDigiteka\n v-else\n :video-id=\"videoId\"\n :podcast-id=\"podcastId\"\n responsive\n />\n </div>\n <div class=\"w-30-responsive info-video-container\">\n <div class=\"d-flex flex-column flex-grow-1 w-100\">\n <ClassicNav\n v-if=\"tabs.length\"\n v-model:active-tab=\"activeTab\"\n :tab-number=\"tabs.length\"\n :transparent=\"true\"\n >\n <template v-for=\"(tab, index) in tabs\" #[index]>\n {{ tab }}\n </template>\n <template #tab0>\n <VideoModuleBox\n :podcast=\"podcast\"\n :date=\"date\"\n :duration=\"duration\"\n />\n </template>\n <template #tab1>\n <section>\n <CommentSection\n :podcast=\"podcast\"\n class=\"module-box-transparent\"\n />\n </section>\n </template>\n </ClassicNav>\n <VideoModuleBox\n v-else\n class=\"p-2 video-module-box\"\n :podcast=\"podcast\"\n :date=\"date\"\n :duration=\"duration\"\n :duration-iso=\"durationIso\"\n />\n </div>\n </div>\n </div>\n </template>\n <div\n v-if=\"!error && !videoId && !isLiveReadyToRecord\"\n class=\"text-center text-danger h3\"\n >\n {{ t(\"The episode does not have an associated video\") }}\n </div>\n <ClassicLoading\n :loading-text=\"!loaded ? t('Loading content ...') : undefined\"\n :error-text=\"\n error\n ? t(`This episode is not available for (re)listening`)\n : undefined\n \"\n />\n </section>\n</template>\n\n<script setup lang=\"ts\">\nimport ChevronLeftIcon from \"vue-material-design-icons/ChevronLeft.vue\";\nimport ClassicLoading from \"../form/ClassicLoading.vue\";\nimport classicApi from \"../../api/classicApi\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport ClassicNav from \"../misc/ClassicNav.vue\";\nimport {useSeoTitleUrl} from \"../composable/route/useSeoTitleUrl\";\nimport {usePodcastView} from \"../composable/podcasts/usePodcastView\";\nimport { computed, defineAsyncComponent, onBeforeUnmount, Ref, ref, watch } from \"vue\";\nimport { AxiosError } from \"axios\";\nimport { useFilterStore } from \"../../stores/FilterStore\";\nimport { useAuthStore } from \"../../stores/AuthStore\";\nimport { useCommentStore } from \"../../stores/CommentStore\";\nimport { useApiStore } from \"../../stores/ApiStore\";\nimport { CommentsConfig } from \"@/stores/class/config/commentsConfig\";\nimport {\n Conference,\n ConferencePublicInfo,\n} from \"@/stores/class/conference/conference\";\nimport { usePlayerStore } from \"../../stores/PlayerStore\";\nimport { useGeneralStore } from \"../../stores/GeneralStore\";\nimport { useI18n } from \"vue-i18n\";\nimport { useRoute } from \"vue-router\";\nimport { useErrorHandler } from \"../composable/useErrorHandler\";\nconst PlayerVideoDigiteka = defineAsyncComponent(\n () => import(\"../misc/player/video/PlayerVideoDigiteka.vue\"),\n);\nconst PlayerVideoHls = defineAsyncComponent(\n () => import(\"../misc/player/video/PlayerVideoHls.vue\"),\n);\nconst CommentSection = defineAsyncComponent(\n () => import(\"../display/comments/CommentSection.vue\"),\n);\nconst VideoModuleBox = defineAsyncComponent(\n () => import(\"../display/podcasts/VideoModuleBox.vue\"),\n);\nconst CountdownOctopus = defineAsyncComponent(\n () => import(\"../display/live/CountdownOctopus.vue\"),\n);\n\n//Props \nconst props = defineProps({\n podcastId:{ default: 0, type: Number },\n})\n\n//Data \nconst loaded = ref(false);\nconst podcast: Ref<Podcast | undefined> = ref(undefined);\nconst error = ref(false);\nconst activeTab = ref(0);\nconst configPodcast: Ref<CommentsConfig | undefined> = ref(undefined);\nconst podcastConference: Ref<Conference | undefined> = ref(undefined);\nconst intervalStatusConference: Ref<ReturnType<typeof setTimeout> | undefined> = ref(undefined);\n\n//Composables\nconst { \n isLiveReadyToRecord,\n isCounter,\n timeRemaining,\n date,\n duration,\n durationIso,\n editRight\n} = usePodcastView(podcast, podcastConference);\nconst {handle403} = useErrorHandler();\nconst { updatePathParams } = useSeoTitleUrl();\nconst authStore = useAuthStore();\nconst apiStore = useApiStore();\nconst generalStore = useGeneralStore();\nconst playerStore = usePlayerStore();\nconst filterStore = useFilterStore();\nconst commentStore = useCommentStore();\nconst {t} = useI18n();\nconst route = useRoute();\n\n//Computed\nconst videoId = computed(() => podcast.value?.video?.videoId);\nconst canPostComment = computed(() => {\n return commentStore.getCanPostComment(\n configPodcast.value,\n podcast.value,\n undefined !== authStore.authOrgaId,\n );\n});\nconst tabs = computed(() => {\n if (canPostComment.value) {\n return [t(\"Information\"), t(\"Comments\")];\n }\n return [];\n});\nconst recordingLive = computed(() => {\n return (\n undefined !== podcastConference.value &&\n -1 !== podcastConference.value.conferenceId &&\n (\"RECORDING\" === podcastConference.value.status ||\n \"PENDING\" === podcastConference.value.status)\n );\n});\nconst hlsVideoUrl = computed(() => {\n if (!recordingLive.value || !podcastConference.value) {\n return \"\";\n }\n return `${apiStore.hlsUrl}live/video_${podcastConference.value.hlsIdentifier}/index.m3u8`;\n});\nconst isSecured = computed(() => {\n return \"SECURED\" === podcast.value?.organisation?.privacy;\n});\nconst overrideText = computed(() => {\n if (\"PUBLISHING\" !== podcastConference.value?.status) {\n return;\n }\n return t(\"In the process of being published\");\n});\n\n//Watch\nwatch(()=>props.podcastId, async () => {\n await getPodcastDetails();\n if (!podcast.value) {\n return;\n }\n commentStore.initCommentUser();\n configPodcast.value = await commentStore.getCommentsConfig(podcast.value);\n}, {immediate: true});\n\n\nonBeforeUnmount(() => {\n clearInterval(intervalStatusConference.value as unknown as number);\n})\n\n//Methods\nasync function getPodcastDetails(): Promise<void> {\n loaded.value = false;\n error.value = false;\n try {\n podcast.value = await classicApi.fetchData<Podcast>({\n api: 0,\n path: \"podcast/\" + props.podcastId,\n });\n document.title = podcast.value.title + \" - \"+generalStore.metaTitle;\n const orga = podcast.value.organisation;\n const privateAccess =\n \"PUBLIC\" !== orga.privacy &&\n filterStore.filterOrgaId !== orga.id &&\n route.query.productor !== orga.id;\n const notValid =\n (!podcast.value.availability.visibility ||\n ![\"READY_TO_RECORD\", \"READY\", \"PROCESSING\"].includes(\n podcast.value.processingStatus ?? \"\",\n ) ||\n !podcast.value.valid) &&\n !editRight.value;\n if (privateAccess || notValid) {\n error.value = true;\n } else {\n updatePathParams(podcast.value.title);\n if (\n podcast.value.conferenceId &&\n \"READY\" !== podcast.value.processingStatus\n ) {\n await fetchConferenceStatus();\n intervalStatusConference.value = setInterval(() => { fetchConferenceStatus(); }, 3000);\n playerStore.playerPlay(\n {\n ...podcast.value,\n ...{ \n conferenceId: podcast.value.conferenceId,\n hlsIdentifier: podcastConference.value?.hlsIdentifier,\n },\n },\n true,\n );\n }\n }\n } catch (errorCatched) {\n handle403(errorCatched as AxiosError);\n error.value = true;\n }\n loaded.value = true;\n}\n\nasync function fetchConferenceStatus() {\n if (!podcast.value?.conferenceId) {\n return;\n }\n const data = await classicApi.fetchData<ConferencePublicInfo>({\n api: 9,\n path: \"conference/info/\" + podcast.value.conferenceId,\n });\n podcastConference.value = {\n ...data,\n ...{\n conferenceId: podcast.value.conferenceId,\n title: \"\",\n },\n };\n if (\"DEBRIEFING\" === data.status) {\n clearInterval(intervalStatusConference.value as unknown as number);\n }\n}\n</script>\n<style lang=\"scss\">\n.octopus-app .video-page-container {\n align-items: stretch;\n flex-grow: 1;\n background: var(--octopus-primary-really-transparent);\n border-radius: var(--octopus-border-radius);\n box-shadow: 0 0 10px 1px var(--octopus-primary-transparent);\n\n .info-video-container {\n display: flex;\n flex-direction: column;\n\n .octopus-tab-pane,\n .video-module-box {\n height: 0;\n overflow-y: auto;\n\n @media (width <= 960px) {\n height: inherit;\n }\n }\n\n .classic-nav-tab-container {\n flex-direction: column;\n }\n }\n\n .module-box.module-box-transparent {\n margin: 0;\n background: transparent;\n border: 0;\n padding: 0;\n }\n\n .w-70-responsive {\n width: 70%;\n aspect-ratio: 16/9;\n }\n\n .w-30-responsive {\n width: 30%;\n }\n\n .w-70-responsive,\n .w-30-responsive {\n display: flex;\n align-items: stretch;\n flex-grow: 1;\n\n @media (width <= 960px) {\n width: 100%;\n padding: 0 !important;\n }\n }\n\n .really-light-secondary-bg {\n background: white;\n }\n}\n</style>\n"],"mappings":"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"}