@saooti/octopus-sdk 42.0.4 → 42.0.5

package/dist/ParticipantItem-B3n9mXtJ.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ParticipantItem-B3n9mXtJ.mjs","names":[],"sources":["../src/components/display/participant/ParticipantItem.vue","../src/components/display/participant/ParticipantItem.vue"],"sourcesContent":["<template>\n  <article v-if=\"participant\" class=\"participant-item-container\">\n    <router-link\n      :to=\"{\n        name: 'participant',\n        params: { participantId: participant.participantId },\n      }\"\n      class=\"mt-3 text-dark\"\n      :title=\"t('Participant name page', { name: name })\"\n    >\n      <img\n        v-lazy=\"useProxyImageUrl(participant.imageUrl, '200')\"\n        width=\"200\"\n        height=\"200\"\n        aria-hidden=\"true\"\n        alt=\"\"\n        \n        :title=\"t('Animator image', { name: name })\"\n        class=\"img-box border\"\n      />\n      <div class=\"d-flex align-items-center h4 justify-content-center mt-2\">\n        <AlertIcon\n          v-if=\"!activeParticipant && !isPodcastmaker && editRight\"\n          :size=\"16\"\n          class=\"text-danger me-1\"\n          :title=\"t('Participant have not podcasts')\"\n        />\n        {{ name }}\n      </div>\n      <div\n        ref=\"descriptionParticipantContainer\"\n        class=\"element-description small-description html-wysiwyg-content\"\n      >\n        <!-- eslint-disable vue/no-v-html -->\n        <div\n          ref=\"descriptionParticipant\"\n          v-html=\"urlify(participant.description || '')\"\n        />\n        <!-- eslint-enable -->\n      </div>\n    </router-link>\n    <router-link\n      v-if=\"!isPodcastmaker\"\n      :to=\"{\n        name: 'productor',\n        params: { productorId: participant.orga.id },\n      }\"\n      class=\"small-text mt-1\"\n    >\n      © {{ participant.orga.name }}\n    </router-link>\n  </article>\n</template>\n\n<script setup lang=\"ts\">\nimport AlertIcon from \"vue-material-design-icons/Alert.vue\";\nimport classicApi from \"../../../api/classicApi\";\nimport { Participant } from \"@/stores/class/general/participant\";\nimport {useImageProxy} from \"../../composable/useImageProxy\";\nimport displayHelper from \"../../../helper/displayHelper\";\nimport {useOrgaComputed} from \"../../composable/useOrgaComputed\";\nimport { computed, onBeforeMount, onMounted, ref, useTemplateRef } from \"vue\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport { ListClassicReturn } from \"@/stores/class/general/listReturn\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \nconst props = defineProps({\n  participant: { default: () => ({}), type: Object as () => Participant },\n})\n \n//Data \nconst activeParticipant = ref(true);\n\n//Composables\nconst { t } = useI18n();\nconst { useProxyImageUrl } = useImageProxy();\nconst { isPodcastmaker, isEditRights } = useOrgaComputed();\n\n//Computed\nconst name = computed(() => `${props.participant.firstName ?? \"\"} ${props.participant.lastName ?? \"\"}`.trim());\nconst editRight = computed(() => {\n  if (!props.participant?.orga) {\n    return false;\n  }\n  return isEditRights(props.participant.orga.id);\n});\n\nonBeforeMount(()=>{\n  if (!editRight.value) return;\n  hasPodcast();\n})\n\nonMounted(()=>{\n  const participantDesc = useTemplateRef('descriptionParticipant')?.value as HTMLElement;\n  const participantDescContainer = useTemplateRef('descriptionParticipantContainer')?.value as HTMLElement;\n\n  if (\n    null !== participantDesc &&\n    null !== participantDescContainer &&\n    participantDesc.clientHeight > participantDescContainer.clientHeight\n  ) {\n    participantDescContainer.classList.add(\"after-element-description\");\n  }\n})\n\n//Methods\nfunction urlify(text:string|undefined){\n  return displayHelper.urlify(text);\n}\nasync function hasPodcast(): Promise<void> {\n  const data = await classicApi.fetchData<ListClassicReturn<Podcast>>({\n    api: 0,\n    path: \"podcast/search\",\n    parameters: {\n      participantId: props.participant.participantId,\n      first: 0,\n      size: 0,\n      includeStatus: [\"READY\", \"PROCESSING\"],\n    },\n    specialTreatement: true,\n  });\n  if (0 === data.count) {\n    activeParticipant.value = false;\n  }\n}\n</script>\n<style lang=\"scss\">\n.octopus-app .participant-item-container {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  border-radius: var(--octopus-border-radius);\n  width: var(--octopus-image-size);\n}\n</style>\n","<template>\n  <article v-if=\"participant\" class=\"participant-item-container\">\n    <router-link\n      :to=\"{\n        name: 'participant',\n        params: { participantId: participant.participantId },\n      }\"\n      class=\"mt-3 text-dark\"\n      :title=\"t('Participant name page', { name: name })\"\n    >\n      <img\n        v-lazy=\"useProxyImageUrl(participant.imageUrl, '200')\"\n        width=\"200\"\n        height=\"200\"\n        aria-hidden=\"true\"\n        alt=\"\"\n        \n        :title=\"t('Animator image', { name: name })\"\n        class=\"img-box border\"\n      />\n      <div class=\"d-flex align-items-center h4 justify-content-center mt-2\">\n        <AlertIcon\n          v-if=\"!activeParticipant && !isPodcastmaker && editRight\"\n          :size=\"16\"\n          class=\"text-danger me-1\"\n          :title=\"t('Participant have not podcasts')\"\n        />\n        {{ name }}\n      </div>\n      <div\n        ref=\"descriptionParticipantContainer\"\n        class=\"element-description small-description html-wysiwyg-content\"\n      >\n        <!-- eslint-disable vue/no-v-html -->\n        <div\n          ref=\"descriptionParticipant\"\n          v-html=\"urlify(participant.description || '')\"\n        />\n        <!-- eslint-enable -->\n      </div>\n    </router-link>\n    <router-link\n      v-if=\"!isPodcastmaker\"\n      :to=\"{\n        name: 'productor',\n        params: { productorId: participant.orga.id },\n      }\"\n      class=\"small-text mt-1\"\n    >\n      © {{ participant.orga.name }}\n    </router-link>\n  </article>\n</template>\n\n<script setup lang=\"ts\">\nimport AlertIcon from \"vue-material-design-icons/Alert.vue\";\nimport classicApi from \"../../../api/classicApi\";\nimport { Participant } from \"@/stores/class/general/participant\";\nimport {useImageProxy} from \"../../composable/useImageProxy\";\nimport displayHelper from \"../../../helper/displayHelper\";\nimport {useOrgaComputed} from \"../../composable/useOrgaComputed\";\nimport { computed, onBeforeMount, onMounted, ref, useTemplateRef } from \"vue\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport { ListClassicReturn } from \"@/stores/class/general/listReturn\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \nconst props = defineProps({\n  participant: { default: () => ({}), type: Object as () => Participant },\n})\n \n//Data \nconst activeParticipant = ref(true);\n\n//Composables\nconst { t } = useI18n();\nconst { useProxyImageUrl } = useImageProxy();\nconst { isPodcastmaker, isEditRights } = useOrgaComputed();\n\n//Computed\nconst name = computed(() => `${props.participant.firstName ?? \"\"} ${props.participant.lastName ?? \"\"}`.trim());\nconst editRight = computed(() => {\n  if (!props.participant?.orga) {\n    return false;\n  }\n  return isEditRights(props.participant.orga.id);\n});\n\nonBeforeMount(()=>{\n  if (!editRight.value) return;\n  hasPodcast();\n})\n\nonMounted(()=>{\n  const participantDesc = useTemplateRef('descriptionParticipant')?.value as HTMLElement;\n  const participantDescContainer = useTemplateRef('descriptionParticipantContainer')?.value as HTMLElement;\n\n  if (\n    null !== participantDesc &&\n    null !== participantDescContainer &&\n    participantDesc.clientHeight > participantDescContainer.clientHeight\n  ) {\n    participantDescContainer.classList.add(\"after-element-description\");\n  }\n})\n\n//Methods\nfunction urlify(text:string|undefined){\n  return displayHelper.urlify(text);\n}\nasync function hasPodcast(): Promise<void> {\n  const data = await classicApi.fetchData<ListClassicReturn<Podcast>>({\n    api: 0,\n    path: \"podcast/search\",\n    parameters: {\n      participantId: props.participant.participantId,\n      first: 0,\n      size: 0,\n      includeStatus: [\"READY\", \"PROCESSING\"],\n    },\n    specialTreatement: true,\n  });\n  if (0 === data.count) {\n    activeParticipant.value = false;\n  }\n}\n</script>\n<style lang=\"scss\">\n.octopus-app .participant-item-container {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  border-radius: var(--octopus-border-radius);\n  width: var(--octopus-image-size);\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;EAmEA,MAAM,QAAQ;EAKd,MAAM,oBAAoB,IAAI,IAAI;EAGlC,MAAM,EAAE,MAAM,QAAQ;EACtB,MAAM,EAAE,qBAAqB,cAAc;EAC3C,MAAM,EAAE,gBAAgB,iBAAiB,gBAAgB;EAGzD,MAAM,OAAO,eAAe,GAAG,MAAM,YAAY,aAAa,GAAG,GAAG,MAAM,YAAY,YAAY,KAAK,KAAK,CAAC;EAC7G,MAAM,YAAY,eAAe;GAC/B,IAAI,CAAC,MAAM,aAAa,MACtB,OAAO;GAET,OAAO,aAAa,MAAM,YAAY,KAAK,EAAE;EAC/C,CAAC;EAED,oBAAkB;GAChB,IAAI,CAAC,UAAU,OAAO;GACtB,WAAW;EACb,CAAC;EAED,gBAAc;GACZ,MAAM,kBAAkB,eAAe,wBAAwB,GAAG;GAClE,MAAM,2BAA2B,eAAe,iCAAiC,GAAG;GAEpF,IACE,SAAS,mBACT,SAAS,4BACT,gBAAgB,eAAe,yBAAyB,cAExD,yBAAyB,UAAU,IAAI,2BAA2B;EAEtE,CAAC;EAGD,SAAS,OAAO,MAAsB;GACpC,OAAO,sBAAc,OAAO,IAAI;EAClC;EACA,eAAe,aAA4B;GAYzC,IAAI,OAAM,MAXS,mBAAW,UAAsC;IAClE,KAAK;IACL,MAAM;IACN,YAAY;KACV,eAAe,MAAM,YAAY;KACjC,OAAO;KACP,MAAM;KACN,eAAe,CAAC,SAAS,YAAY;IACvC;IACA,mBAAmB;GACrB,CAAC,GACc,OACb,kBAAkB,QAAQ;EAE9B;;;;UA5HiB,QAAA,eAAA,UAAA,GAAf,mBAkDU,WAlDV,YAkDU,CAjDR,YAsCc,wBAAA;IArCX,IAAE;;8BAAkE,QAAA,YAAY,cAAa;;IAI9F,OAAM;IACL,OAAO,MAAA,CAAA,EAAC,yBAAA,EAAA,MAAkC,KAAA,MAAI,CAAA;;2BAW7C;oBATF,mBASE,OAAA;MAPA,OAAM;MACN,QAAO;MACP,eAAY;MACZ,KAAI;MAEH,OAAO,MAAA,CAAA,EAAC,kBAAA,EAAA,MAA2B,KAAA,MAAI,CAAA;MACxC,OAAM;iDAPE,MAAA,gBAAA,EAAiB,QAAA,YAAY,UAAQ,KAAA,CAAA,CAAA,CAAA;KAS/C,mBAQM,OARN,YAQM,CAAA,CANK,kBAAA,SAAiB,CAAK,MAAA,cAAA,KAAkB,UAAA,SAAA,UAAA,GADjD,YAKE,WAAA;;MAHC,MAAM;MACP,OAAM;MACL,OAAO,MAAA,CAAA,EAAC,+BAAA;6EACT,MACF,gBAAG,KAAA,KAAI,GAAA,CAAA,CAAA,CAAA;KAET,mBAUM,OAVN,YAUM,CALJ,mBAGE,OAAA;MAFA,KAAI;MACJ,WAAQ,OAAO,QAAA,YAAY,eAAW,EAAA;;;;4BAMnC,MAAA,cAAA,KAAA,UAAA,GADT,YASc,wBAAA;;IAPX,IAAE;;4BAA8D,QAAA,YAAY,KAAK,GAAE;;IAIpF,OAAM;;2BAEJ,CAAA,gBADH,QACG,gBAAG,QAAA,YAAY,KAAK,IAAI,GAAA,CAAA,CAAA,CAAA"}

package/dist/ParticipantItem-BOYW9dkV.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ParticipantItem-BOYW9dkV.mjs","names":[],"sources":["../src/components/display/participant/ParticipantItem.vue","../src/components/display/participant/ParticipantItem.vue"],"sourcesContent":["<template>\n  <article v-if=\"participant\" class=\"participant-item-container\">\n    <router-link\n      :to=\"{\n        name: 'participant',\n        params: { participantId: participant.participantId },\n      }\"\n      class=\"mt-3 text-dark\"\n      :title=\"t('Participant name page', { name: name })\"\n    >\n      <img\n        v-lazy=\"useProxyImageUrl(participant.imageUrl, '200')\"\n        width=\"200\"\n        height=\"200\"\n        aria-hidden=\"true\"\n        alt=\"\"\n        \n        :title=\"t('Animator image', { name: name })\"\n        class=\"img-box border\"\n      />\n      <div class=\"d-flex align-items-center h4 justify-content-center mt-2\">\n        <AlertIcon\n          v-if=\"!activeParticipant && !isPodcastmaker && editRight\"\n          :size=\"16\"\n          class=\"text-danger me-1\"\n          :title=\"t('Participant have not podcasts')\"\n        />\n        {{ name }}\n      </div>\n      <div\n        ref=\"descriptionParticipantContainer\"\n        class=\"element-description small-description html-wysiwyg-content\"\n      >\n        <!-- eslint-disable vue/no-v-html -->\n        <div\n          ref=\"descriptionParticipant\"\n          v-html=\"urlify(participant.description || '')\"\n        />\n        <!-- eslint-enable -->\n      </div>\n    </router-link>\n    <router-link\n      v-if=\"!isPodcastmaker\"\n      :to=\"{\n        name: 'productor',\n        params: { productorId: participant.orga.id },\n      }\"\n      class=\"small-text mt-1\"\n    >\n      © {{ participant.orga.name }}\n    </router-link>\n  </article>\n</template>\n\n<script setup lang=\"ts\">\nimport AlertIcon from \"vue-material-design-icons/Alert.vue\";\nimport classicApi from \"../../../api/classicApi\";\nimport { Participant } from \"@/stores/class/general/participant\";\nimport {useImageProxy} from \"../../composable/useImageProxy\";\nimport displayHelper from \"../../../helper/displayHelper\";\nimport {useOrgaComputed} from \"../../composable/useOrgaComputed\";\nimport { computed, onBeforeMount, onMounted, ref, useTemplateRef } from \"vue\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport { ListClassicReturn } from \"@/stores/class/general/listReturn\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \nconst props = defineProps({\n  participant: { default: () => ({}), type: Object as () => Participant },\n})\n \n//Data \nconst activeParticipant = ref(true);\n\n//Composables\nconst { t } = useI18n();\nconst { useProxyImageUrl } = useImageProxy();\nconst { isPodcastmaker, isEditRights } = useOrgaComputed();\n\n//Computed\nconst name = computed(() => `${props.participant.firstName ?? \"\"} ${props.participant.lastName ?? \"\"}`.trim());\nconst editRight = computed(() => {\n  if (!props.participant?.orga) {\n    return false;\n  }\n  return isEditRights(props.participant.orga.id);\n});\n\nonBeforeMount(()=>{\n  if (!editRight.value) return;\n  hasPodcast();\n})\n\nonMounted(()=>{\n  const participantDesc = useTemplateRef('descriptionParticipant')?.value as HTMLElement;\n  const participantDescContainer = useTemplateRef('descriptionParticipantContainer')?.value as HTMLElement;\n\n  if (\n    null !== participantDesc &&\n    null !== participantDescContainer &&\n    participantDesc.clientHeight > participantDescContainer.clientHeight\n  ) {\n    participantDescContainer.classList.add(\"after-element-description\");\n  }\n})\n\n//Methods\nfunction urlify(text:string|undefined){\n  return displayHelper.urlify(text);\n}\nasync function hasPodcast(): Promise<void> {\n  const data = await classicApi.fetchData<ListClassicReturn<Podcast>>({\n    api: 0,\n    path: \"podcast/search\",\n    parameters: {\n      participantId: props.participant.participantId,\n      first: 0,\n      size: 0,\n      includeStatus: [\"READY\", \"PROCESSING\"],\n    },\n    specialTreatement: true,\n  });\n  if (0 === data.count) {\n    activeParticipant.value = false;\n  }\n}\n</script>\n<style lang=\"scss\">\n.octopus-app .participant-item-container {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  border-radius: var(--octopus-border-radius);\n  width: var(--octopus-image-size);\n}\n</style>\n","<template>\n  <article v-if=\"participant\" class=\"participant-item-container\">\n    <router-link\n      :to=\"{\n        name: 'participant',\n        params: { participantId: participant.participantId },\n      }\"\n      class=\"mt-3 text-dark\"\n      :title=\"t('Participant name page', { name: name })\"\n    >\n      <img\n        v-lazy=\"useProxyImageUrl(participant.imageUrl, '200')\"\n        width=\"200\"\n        height=\"200\"\n        aria-hidden=\"true\"\n        alt=\"\"\n        \n        :title=\"t('Animator image', { name: name })\"\n        class=\"img-box border\"\n      />\n      <div class=\"d-flex align-items-center h4 justify-content-center mt-2\">\n        <AlertIcon\n          v-if=\"!activeParticipant && !isPodcastmaker && editRight\"\n          :size=\"16\"\n          class=\"text-danger me-1\"\n          :title=\"t('Participant have not podcasts')\"\n        />\n        {{ name }}\n      </div>\n      <div\n        ref=\"descriptionParticipantContainer\"\n        class=\"element-description small-description html-wysiwyg-content\"\n      >\n        <!-- eslint-disable vue/no-v-html -->\n        <div\n          ref=\"descriptionParticipant\"\n          v-html=\"urlify(participant.description || '')\"\n        />\n        <!-- eslint-enable -->\n      </div>\n    </router-link>\n    <router-link\n      v-if=\"!isPodcastmaker\"\n      :to=\"{\n        name: 'productor',\n        params: { productorId: participant.orga.id },\n      }\"\n      class=\"small-text mt-1\"\n    >\n      © {{ participant.orga.name }}\n    </router-link>\n  </article>\n</template>\n\n<script setup lang=\"ts\">\nimport AlertIcon from \"vue-material-design-icons/Alert.vue\";\nimport classicApi from \"../../../api/classicApi\";\nimport { Participant } from \"@/stores/class/general/participant\";\nimport {useImageProxy} from \"../../composable/useImageProxy\";\nimport displayHelper from \"../../../helper/displayHelper\";\nimport {useOrgaComputed} from \"../../composable/useOrgaComputed\";\nimport { computed, onBeforeMount, onMounted, ref, useTemplateRef } from \"vue\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport { ListClassicReturn } from \"@/stores/class/general/listReturn\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \nconst props = defineProps({\n  participant: { default: () => ({}), type: Object as () => Participant },\n})\n \n//Data \nconst activeParticipant = ref(true);\n\n//Composables\nconst { t } = useI18n();\nconst { useProxyImageUrl } = useImageProxy();\nconst { isPodcastmaker, isEditRights } = useOrgaComputed();\n\n//Computed\nconst name = computed(() => `${props.participant.firstName ?? \"\"} ${props.participant.lastName ?? \"\"}`.trim());\nconst editRight = computed(() => {\n  if (!props.participant?.orga) {\n    return false;\n  }\n  return isEditRights(props.participant.orga.id);\n});\n\nonBeforeMount(()=>{\n  if (!editRight.value) return;\n  hasPodcast();\n})\n\nonMounted(()=>{\n  const participantDesc = useTemplateRef('descriptionParticipant')?.value as HTMLElement;\n  const participantDescContainer = useTemplateRef('descriptionParticipantContainer')?.value as HTMLElement;\n\n  if (\n    null !== participantDesc &&\n    null !== participantDescContainer &&\n    participantDesc.clientHeight > participantDescContainer.clientHeight\n  ) {\n    participantDescContainer.classList.add(\"after-element-description\");\n  }\n})\n\n//Methods\nfunction urlify(text:string|undefined){\n  return displayHelper.urlify(text);\n}\nasync function hasPodcast(): Promise<void> {\n  const data = await classicApi.fetchData<ListClassicReturn<Podcast>>({\n    api: 0,\n    path: \"podcast/search\",\n    parameters: {\n      participantId: props.participant.participantId,\n      first: 0,\n      size: 0,\n      includeStatus: [\"READY\", \"PROCESSING\"],\n    },\n    specialTreatement: true,\n  });\n  if (0 === data.count) {\n    activeParticipant.value = false;\n  }\n}\n</script>\n<style lang=\"scss\">\n.octopus-app .participant-item-container {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  border-radius: var(--octopus-border-radius);\n  width: var(--octopus-image-size);\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;EAmEA,MAAM,QAAQ;EAKd,MAAM,oBAAoB,IAAI,IAAI;EAGlC,MAAM,EAAE,MAAM,QAAQ;EACtB,MAAM,EAAE,qBAAqB,cAAc;EAC3C,MAAM,EAAE,gBAAgB,iBAAiB,gBAAgB;EAGzD,MAAM,OAAO,eAAe,GAAG,MAAM,YAAY,aAAa,GAAG,GAAG,MAAM,YAAY,YAAY,KAAK,KAAK,CAAC;EAC7G,MAAM,YAAY,eAAe;GAC/B,IAAI,CAAC,MAAM,aAAa,MACtB,OAAO;GAET,OAAO,aAAa,MAAM,YAAY,KAAK,EAAE;EAC/C,CAAC;EAED,oBAAkB;GAChB,IAAI,CAAC,UAAU,OAAO;GACtB,WAAW;EACb,CAAC;EAED,gBAAc;GACZ,MAAM,kBAAkB,eAAe,wBAAwB,GAAG;GAClE,MAAM,2BAA2B,eAAe,iCAAiC,GAAG;GAEpF,IACE,SAAS,mBACT,SAAS,4BACT,gBAAgB,eAAe,yBAAyB,cAExD,yBAAyB,UAAU,IAAI,2BAA2B;EAEtE,CAAC;EAGD,SAAS,OAAO,MAAsB;GACpC,OAAO,sBAAc,OAAO,IAAI;EAClC;EACA,eAAe,aAA4B;GAYzC,IAAI,OAAM,MAXS,mBAAW,UAAsC;IAClE,KAAK;IACL,MAAM;IACN,YAAY;KACV,eAAe,MAAM,YAAY;KACjC,OAAO;KACP,MAAM;KACN,eAAe,CAAC,SAAS,YAAY;IACvC;IACA,mBAAmB;GACrB,CAAC,GACc,OACb,kBAAkB,QAAQ;EAE9B;;;;;;;;;;;;;;;;;;;;;;;;;CC5H8B,OAAM;;;mBAmBzB,OAAM,2DAA0D;;CAUnE,KAAI;CACJ,OAAM;;;;;;QA9BG,OAAA,eAAA,UAAA,GAAf,mBAkDU,WAlDV,YAkDU,CAjDR,YAsCc,wBAAA;EArCX,IAAE;;4BAAkE,OAAA,YAAY,cAAa;;EAI9F,OAAM;EACL,OAAO,OAAA,EAAC,yBAAA,EAAA,MAAkC,OAAA,KAAI,CAAA;;yBAW7C;kBATF,mBASE,OAAA;IAPA,OAAM;IACN,QAAO;IACP,eAAY;IACZ,KAAI;IAEH,OAAO,OAAA,EAAC,kBAAA,EAAA,MAA2B,OAAA,KAAI,CAAA;IACxC,OAAM;+CAPE,OAAA,iBAAiB,OAAA,YAAY,UAAQ,KAAA,CAAA,CAAA,CAAA;GAS/C,mBAQM,OARN,YAQM,CAAA,CANK,OAAA,qBAAiB,CAAK,OAAA,kBAAkB,OAAA,aAAA,UAAA,GADjD,YAKE,OAAA,cAAA;;IAHC,MAAM;IACP,OAAM;IACL,OAAO,OAAA,EAAC,+BAAA;+EACT,MACF,gBAAG,OAAA,IAAI,GAAA,CAAA,CAAA,CAAA;GAET,mBAUM,OAVN,YAUM;IANJ,mBAAA,gCAAA;IACA,mBAGE,OAAA;KAFA,KAAI;KACJ,WAAQ,OAAA,OAAO,OAAA,YAAY,eAAW,EAAA;;IAExC,mBAAA,iBAAA;;;;0BAIK,OAAA,kBAAA,UAAA,GADT,YASc,wBAAA;;EAPX,IAAE;;0BAA8D,OAAA,YAAY,KAAK,GAAE;;EAIpF,OAAM;;yBAEJ,CAAA,gBADH,QACG,gBAAG,OAAA,YAAY,KAAK,IAAI,GAAA,CAAA,CAAA,CAAA"}

package/dist/ParticipantItem-DiD5ANdf.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ParticipantItem-DiD5ANdf.mjs","names":[],"sources":["../src/components/display/participant/ParticipantItem.vue","../src/components/display/participant/ParticipantItem.vue"],"sourcesContent":["<template>\n  <article v-if=\"participant\" class=\"participant-item-container\">\n    <router-link\n      :to=\"{\n        name: 'participant',\n        params: { participantId: participant.participantId },\n      }\"\n      class=\"mt-3 text-dark\"\n      :title=\"t('Participant name page', { name: name })\"\n    >\n      <img\n        v-lazy=\"useProxyImageUrl(participant.imageUrl, '200')\"\n        width=\"200\"\n        height=\"200\"\n        aria-hidden=\"true\"\n        alt=\"\"\n        \n        :title=\"t('Animator image', { name: name })\"\n        class=\"img-box border\"\n      />\n      <div class=\"d-flex align-items-center h4 justify-content-center mt-2\">\n        <AlertIcon\n          v-if=\"!activeParticipant && !isPodcastmaker && editRight\"\n          :size=\"16\"\n          class=\"text-danger me-1\"\n          :title=\"t('Participant have not podcasts')\"\n        />\n        {{ name }}\n      </div>\n      <div\n        ref=\"descriptionParticipantContainer\"\n        class=\"element-description small-description html-wysiwyg-content\"\n      >\n        <!-- eslint-disable vue/no-v-html -->\n        <div\n          ref=\"descriptionParticipant\"\n          v-html=\"urlify(participant.description || '')\"\n        />\n        <!-- eslint-enable -->\n      </div>\n    </router-link>\n    <router-link\n      v-if=\"!isPodcastmaker\"\n      :to=\"{\n        name: 'productor',\n        params: { productorId: participant.orga.id },\n      }\"\n      class=\"small-text mt-1\"\n    >\n      © {{ participant.orga.name }}\n    </router-link>\n  </article>\n</template>\n\n<script setup lang=\"ts\">\nimport AlertIcon from \"vue-material-design-icons/Alert.vue\";\nimport classicApi from \"../../../api/classicApi\";\nimport { Participant } from \"@/stores/class/general/participant\";\nimport {useImageProxy} from \"../../composable/useImageProxy\";\nimport displayHelper from \"../../../helper/displayHelper\";\nimport {useOrgaComputed} from \"../../composable/useOrgaComputed\";\nimport { computed, onBeforeMount, onMounted, ref, useTemplateRef } from \"vue\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport { ListClassicReturn } from \"@/stores/class/general/listReturn\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \nconst props = defineProps({\n  participant: { default: () => ({}), type: Object as () => Participant },\n})\n \n//Data \nconst activeParticipant = ref(true);\n\n//Composables\nconst { t } = useI18n();\nconst { useProxyImageUrl } = useImageProxy();\nconst { isPodcastmaker, isEditRights } = useOrgaComputed();\n\n//Computed\nconst name = computed(() => `${props.participant.firstName ?? \"\"} ${props.participant.lastName ?? \"\"}`.trim());\nconst editRight = computed(() => {\n  if (!props.participant?.orga) {\n    return false;\n  }\n  return isEditRights(props.participant.orga.id);\n});\n\nonBeforeMount(()=>{\n  if (!editRight.value) return;\n  hasPodcast();\n})\n\nonMounted(()=>{\n  const participantDesc = useTemplateRef('descriptionParticipant')?.value as HTMLElement;\n  const participantDescContainer = useTemplateRef('descriptionParticipantContainer')?.value as HTMLElement;\n\n  if (\n    null !== participantDesc &&\n    null !== participantDescContainer &&\n    participantDesc.clientHeight > participantDescContainer.clientHeight\n  ) {\n    participantDescContainer.classList.add(\"after-element-description\");\n  }\n})\n\n//Methods\nfunction urlify(text:string|undefined){\n  return displayHelper.urlify(text);\n}\nasync function hasPodcast(): Promise<void> {\n  const data = await classicApi.fetchData<ListClassicReturn<Podcast>>({\n    api: 0,\n    path: \"podcast/search\",\n    parameters: {\n      participantId: props.participant.participantId,\n      first: 0,\n      size: 0,\n      includeStatus: [\"READY\", \"PROCESSING\"],\n    },\n    specialTreatement: true,\n  });\n  if (0 === data.count) {\n    activeParticipant.value = false;\n  }\n}\n</script>\n<style lang=\"scss\">\n.octopus-app .participant-item-container {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  border-radius: var(--octopus-border-radius);\n  width: var(--octopus-image-size);\n}\n</style>\n","<template>\n  <article v-if=\"participant\" class=\"participant-item-container\">\n    <router-link\n      :to=\"{\n        name: 'participant',\n        params: { participantId: participant.participantId },\n      }\"\n      class=\"mt-3 text-dark\"\n      :title=\"t('Participant name page', { name: name })\"\n    >\n      <img\n        v-lazy=\"useProxyImageUrl(participant.imageUrl, '200')\"\n        width=\"200\"\n        height=\"200\"\n        aria-hidden=\"true\"\n        alt=\"\"\n        \n        :title=\"t('Animator image', { name: name })\"\n        class=\"img-box border\"\n      />\n      <div class=\"d-flex align-items-center h4 justify-content-center mt-2\">\n        <AlertIcon\n          v-if=\"!activeParticipant && !isPodcastmaker && editRight\"\n          :size=\"16\"\n          class=\"text-danger me-1\"\n          :title=\"t('Participant have not podcasts')\"\n        />\n        {{ name }}\n      </div>\n      <div\n        ref=\"descriptionParticipantContainer\"\n        class=\"element-description small-description html-wysiwyg-content\"\n      >\n        <!-- eslint-disable vue/no-v-html -->\n        <div\n          ref=\"descriptionParticipant\"\n          v-html=\"urlify(participant.description || '')\"\n        />\n        <!-- eslint-enable -->\n      </div>\n    </router-link>\n    <router-link\n      v-if=\"!isPodcastmaker\"\n      :to=\"{\n        name: 'productor',\n        params: { productorId: participant.orga.id },\n      }\"\n      class=\"small-text mt-1\"\n    >\n      © {{ participant.orga.name }}\n    </router-link>\n  </article>\n</template>\n\n<script setup lang=\"ts\">\nimport AlertIcon from \"vue-material-design-icons/Alert.vue\";\nimport classicApi from \"../../../api/classicApi\";\nimport { Participant } from \"@/stores/class/general/participant\";\nimport {useImageProxy} from \"../../composable/useImageProxy\";\nimport displayHelper from \"../../../helper/displayHelper\";\nimport {useOrgaComputed} from \"../../composable/useOrgaComputed\";\nimport { computed, onBeforeMount, onMounted, ref, useTemplateRef } from \"vue\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport { ListClassicReturn } from \"@/stores/class/general/listReturn\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \nconst props = defineProps({\n  participant: { default: () => ({}), type: Object as () => Participant },\n})\n \n//Data \nconst activeParticipant = ref(true);\n\n//Composables\nconst { t } = useI18n();\nconst { useProxyImageUrl } = useImageProxy();\nconst { isPodcastmaker, isEditRights } = useOrgaComputed();\n\n//Computed\nconst name = computed(() => `${props.participant.firstName ?? \"\"} ${props.participant.lastName ?? \"\"}`.trim());\nconst editRight = computed(() => {\n  if (!props.participant?.orga) {\n    return false;\n  }\n  return isEditRights(props.participant.orga.id);\n});\n\nonBeforeMount(()=>{\n  if (!editRight.value) return;\n  hasPodcast();\n})\n\nonMounted(()=>{\n  const participantDesc = useTemplateRef('descriptionParticipant')?.value as HTMLElement;\n  const participantDescContainer = useTemplateRef('descriptionParticipantContainer')?.value as HTMLElement;\n\n  if (\n    null !== participantDesc &&\n    null !== participantDescContainer &&\n    participantDesc.clientHeight > participantDescContainer.clientHeight\n  ) {\n    participantDescContainer.classList.add(\"after-element-description\");\n  }\n})\n\n//Methods\nfunction urlify(text:string|undefined){\n  return displayHelper.urlify(text);\n}\nasync function hasPodcast(): Promise<void> {\n  const data = await classicApi.fetchData<ListClassicReturn<Podcast>>({\n    api: 0,\n    path: \"podcast/search\",\n    parameters: {\n      participantId: props.participant.participantId,\n      first: 0,\n      size: 0,\n      includeStatus: [\"READY\", \"PROCESSING\"],\n    },\n    specialTreatement: true,\n  });\n  if (0 === data.count) {\n    activeParticipant.value = false;\n  }\n}\n</script>\n<style lang=\"scss\">\n.octopus-app .participant-item-container {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  border-radius: var(--octopus-border-radius);\n  width: var(--octopus-image-size);\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;EAmEA,MAAM,QAAQ;EAKd,MAAM,oBAAoB,IAAI,IAAI;EAGlC,MAAM,EAAE,MAAM,QAAQ;EACtB,MAAM,EAAE,qBAAqB,cAAc;EAC3C,MAAM,EAAE,gBAAgB,iBAAiB,gBAAgB;EAGzD,MAAM,OAAO,eAAe,GAAG,MAAM,YAAY,aAAa,GAAG,GAAG,MAAM,YAAY,YAAY,KAAK,KAAK,CAAC;EAC7G,MAAM,YAAY,eAAe;GAC/B,IAAI,CAAC,MAAM,aAAa,MACtB,OAAO;GAET,OAAO,aAAa,MAAM,YAAY,KAAK,EAAE;EAC/C,CAAC;EAED,oBAAkB;GAChB,IAAI,CAAC,UAAU,OAAO;GACtB,WAAW;EACb,CAAC;EAED,gBAAc;GACZ,MAAM,kBAAkB,eAAe,wBAAwB,GAAG;GAClE,MAAM,2BAA2B,eAAe,iCAAiC,GAAG;GAEpF,IACE,SAAS,mBACT,SAAS,4BACT,gBAAgB,eAAe,yBAAyB,cAExD,yBAAyB,UAAU,IAAI,2BAA2B;EAEtE,CAAC;EAGD,SAAS,OAAO,MAAsB;GACpC,OAAO,sBAAc,OAAO,IAAI;EAClC;EACA,eAAe,aAA4B;GAYzC,IAAI,OAAM,MAXS,mBAAW,UAAsC;IAClE,KAAK;IACL,MAAM;IACN,YAAY;KACV,eAAe,MAAM,YAAY;KACjC,OAAO;KACP,MAAM;KACN,eAAe,CAAC,SAAS,YAAY;IACvC;IACA,mBAAmB;GACrB,CAAC,GACc,OACb,kBAAkB,QAAQ;EAE9B;;;;UA5HiB,QAAA,eAAA,UAAA,GAAf,mBAkDU,WAlDV,YAkDU,CAjDR,YAsCc,wBAAA;IArCX,IAAE;;8BAAkE,QAAA,YAAY,cAAa;;IAI9F,OAAM;IACL,OAAO,MAAA,CAAA,EAAC,yBAAA,EAAA,MAAkC,KAAA,MAAI,CAAA;;2BAW7C;oBATF,mBASE,OAAA;MAPA,OAAM;MACN,QAAO;MACP,eAAY;MACZ,KAAI;MAEH,OAAO,MAAA,CAAA,EAAC,kBAAA,EAAA,MAA2B,KAAA,MAAI,CAAA;MACxC,OAAM;iDAPE,MAAA,gBAAA,EAAiB,QAAA,YAAY,UAAQ,KAAA,CAAA,CAAA,CAAA;KAS/C,mBAQM,OARN,YAQM,CAAA,CANK,kBAAA,SAAiB,CAAK,MAAA,cAAA,KAAkB,UAAA,SAAA,UAAA,GADjD,YAKE,WAAA;;MAHC,MAAM;MACP,OAAM;MACL,OAAO,MAAA,CAAA,EAAC,+BAAA;6EACT,MACF,gBAAG,KAAA,KAAI,GAAA,CAAA,CAAA,CAAA;KAET,mBAUM,OAVN,YAUM,CALJ,mBAGE,OAAA;MAFA,KAAI;MACJ,WAAQ,OAAO,QAAA,YAAY,eAAW,EAAA;;;;4BAMnC,MAAA,cAAA,KAAA,UAAA,GADT,YASc,wBAAA;;IAPX,IAAE;;4BAA8D,QAAA,YAAY,KAAK,GAAE;;IAIpF,OAAM;;2BAEJ,CAAA,gBADH,QACG,gBAAG,QAAA,YAAY,KAAK,IAAI,GAAA,CAAA,CAAA,CAAA"}

package/dist/ParticipantPage-DI9J2hc9.mjs

@@ -0,0 +1,161 @@
+import { t as ClassicLoading_default } from "./ClassicLoading-DZLIyuUd.mjs";
+import { E as state, r as useFilterStore, t as classicApi_default } from "./classicApi-BKNiWOG4.mjs";
+import { t as displayHelper_default } from "./displayHelper-CpXshNzz.mjs";
+import { t as useImageProxy } from "./useImageProxy-B2vNJKgd.mjs";
+import { t as useErrorHandler } from "./useErrorHandler-DNz9da5N.mjs";
+import { t as useSimplePageParam } from "./useSimplePageParam-CPjjYD88.mjs";
+import { t as useSeoTitleUrl } from "./useSeoTitleUrl-CrM1YzAc.mjs";
+import { t as useOrgaComputed } from "./useOrgaComputed-T8Mhcne0.mjs";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineAsyncComponent, defineComponent, isRef, openBlock, ref, renderSlot, resolveDirective, toDisplayString, unref, watch, withCtx, withDirectives } from "vue";
+import { useI18n } from "vue-i18n";
+import { useRoute } from "vue-router";
+//#region src/components/pages/ParticipantPage.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "page-box" };
+var _hoisted_2 = { class: "d-flex flex-column align-items-center mb-3" };
+var _hoisted_3 = ["title"];
+var _hoisted_4 = { class: "text-capitalize" };
+var _hoisted_5 = ["innerHTML"];
+//#endregion
+//#region src/components/pages/ParticipantPage.vue
+var ParticipantPage_default = /* @__PURE__ */ defineComponent({
+	__name: "ParticipantPage",
+	props: {
+		participantId: {
+			default: void 0,
+			type: Number
+		},
+		pr: {
+			default: 0,
+			type: Number
+		},
+		ps: {
+			default: 30,
+			type: Number
+		},
+		routeQuery: {
+			default: "",
+			type: String
+		}
+	},
+	setup(__props) {
+		const ShareSocialsButtons = defineAsyncComponent(() => import("./ShareSocialsButtons-Bwh9bMoR.mjs"));
+		const PodcastFilterList = defineAsyncComponent(() => import("./PodcastFilterList-Khjz0Dny.mjs"));
+		const ShareAnonymous = defineAsyncComponent(() => import("./ShareAnonymous-B16PsWEJ.mjs"));
+		const props = __props;
+		const loaded = ref(false);
+		const error = ref(false);
+		const reload = ref(false);
+		const participant = ref(void 0);
+		const route = useRoute();
+		const { t } = useI18n();
+		const { useProxyImageUrl } = useImageProxy();
+		const { isEditRights } = useOrgaComputed();
+		const { updatePathParams } = useSeoTitleUrl();
+		const { handle403 } = useErrorHandler();
+		const filterStore = useFilterStore();
+		const { searchPattern, paginateFirst, isInit } = useSimplePageParam(props, true);
+		const description = computed(() => participant.value?.description ?? "");
+		const name = computed(() => `${participant.value?.firstName ?? ""} ${participant.value?.lastName ?? ""}`.trim());
+		const editRight = computed(() => isEditRights(participant.value?.orga?.id));
+		watch(participant, () => {
+			reload.value = !reload.value;
+		}, { deep: true });
+		watch(() => props.participantId, () => getParticipantDetails(), { immediate: true });
+		function urlify(text) {
+			return displayHelper_default.urlify(text);
+		}
+		function initError() {
+			error.value = true;
+			loaded.value = true;
+		}
+		async function getParticipantDetails() {
+			loaded.value = false;
+			try {
+				const data = await classicApi_default.fetchData({
+					api: 0,
+					path: "participant/" + props.participantId
+				});
+				if ("PUBLIC" !== data?.orga?.privacy && filterStore.filterOrgaId !== data?.orga?.id && route.query.productor !== data?.orga?.id) {
+					initError();
+					return;
+				}
+				updateParticipant(data);
+				loaded.value = true;
+			} catch (error) {
+				handle403(error);
+				initError();
+			}
+		}
+		function updateParticipant(participantUpdated) {
+			participant.value = participantUpdated;
+			updatePathParams(name.value);
+		}
+		return (_ctx, _cache) => {
+			const _directive_lazy = resolveDirective("lazy");
+			return openBlock(), createElementBlock("section", _hoisted_1, [loaded.value && !error.value && participant.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+				createElementVNode("h1", null, toDisplayString(unref(t)("Animator")), 1),
+				createElementVNode("section", _hoisted_2, [
+					withDirectives(createElementVNode("img", {
+						width: "200",
+						height: "200",
+						"aria-hidden": "true",
+						alt: "",
+						title: unref(t)("Animator image", { name: name.value }),
+						class: "img-box mb-3"
+					}, null, 8, _hoisted_3), [[_directive_lazy, unref(useProxyImageUrl)(participant.value.imageUrl, "200")]]),
+					createElementVNode("h2", _hoisted_4, toDisplayString(name.value), 1),
+					createElementVNode("div", {
+						class: "participant-desc html-wysiwyg-content",
+						innerHTML: urlify(description.value)
+					}, null, 8, _hoisted_5),
+					editRight.value && !unref(state).generalParameters.podcastmaker ? renderSlot(_ctx.$slots, "edit-box", {
+						key: 0,
+						participant: participant.value,
+						onUpdated: updateParticipant
+					}) : createCommentVNode("", true),
+					unref(state).podcastPage.ShareButtons ? (openBlock(), createBlock(unref(ShareSocialsButtons), {
+						key: 1,
+						class: "w-100",
+						"organisation-id": participant.value.orga.id
+					}, {
+						"additional-buttons": withCtx(() => [createVNode(unref(ShareAnonymous), {
+							"participant-id": participant.value.participantId,
+							"organisation-id": participant.value.orga.id,
+							"relative-class": "",
+							"btn-class": "btn share-btn mb-2 text-dark me-2"
+						}, null, 8, ["participant-id", "organisation-id"])]),
+						_: 1
+					}, 8, ["organisation-id"])) : createCommentVNode("", true)
+				]),
+				unref(isInit) ? (openBlock(), createBlock(unref(PodcastFilterList), {
+					key: 0,
+					query: unref(searchPattern),
+					"onUpdate:query": _cache[0] || (_cache[0] = ($event) => isRef(searchPattern) ? searchPattern.value = $event : null),
+					first: unref(paginateFirst),
+					size: __props.ps,
+					"participant-id": __props.participantId,
+					name: name.value,
+					"category-filter": true,
+					"productor-id": [""],
+					reload: reload.value,
+					"show-count": true,
+					"force-update-parameters": true
+				}, null, 8, [
+					"query",
+					"first",
+					"size",
+					"participant-id",
+					"name",
+					"reload"
+				])) : createCommentVNode("", true)
+			], 64)) : createCommentVNode("", true), createVNode(ClassicLoading_default, {
+				"loading-text": !loaded.value ? unref(t)("Loading content ...") : void 0,
+				"error-text": error.value ? unref(t)(`Animator doesn't exist`) : void 0
+			}, null, 8, ["loading-text", "error-text"])]);
+		};
+	}
+});
+//#endregion
+export { ParticipantPage_default as default };
+
+//# sourceMappingURL=ParticipantPage-DI9J2hc9.mjs.map

package/dist/ParticipantPage-DI9J2hc9.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ParticipantPage-DI9J2hc9.mjs","names":[],"sources":["../src/components/pages/ParticipantPage.vue","../src/components/pages/ParticipantPage.vue"],"sourcesContent":["<template>\n  <section class=\"page-box\">\n    <template v-if=\"loaded && !error && participant\">\n      <h1>\n        {{ t(\"Animator\") }}\n      </h1>\n      <section class=\"d-flex flex-column align-items-center mb-3\">\n        <img\n          v-lazy=\"useProxyImageUrl(participant.imageUrl, '200')\"\n          width=\"200\"\n          height=\"200\"\n          aria-hidden=\"true\"\n          alt=\"\"\n          :title=\"t('Animator image', { name: name })\"\n          class=\"img-box mb-3\"\n        />\n        <h2 class=\"text-capitalize\">\n          {{ name }}\n        </h2>\n        <!-- eslint-disable vue/no-v-html -->\n        <div\n          class=\"participant-desc html-wysiwyg-content\"\n          v-html=\"urlify(description)\"\n        />\n        <!-- eslint-enable -->\n        <slot\n          v-if=\"editRight && !state.generalParameters.podcastmaker\"\n          name=\"edit-box\"\n          :participant=\"participant\"\n          :on-updated=\"updateParticipant\"\n        />\n        <ShareSocialsButtons\n          v-if=\"state.podcastPage.ShareButtons\"\n          class=\"w-100\"\n          :organisation-id=\"participant.orga.id\"\n        >\n        <template #additional-buttons>\n          <ShareAnonymous \n            :participant-id=\"participant.participantId\" \n            :organisation-id=\"participant.orga.id\"\n            relative-class=\"\"\n            btn-class=\"btn share-btn mb-2 text-dark me-2\"\n          />\n        </template>\n        </ShareSocialsButtons>\n      </section>\n      <!-- productorId define to avoid overwrite #12817 -->\n      <PodcastFilterList\n        v-if=\"isInit\"\n        v-model:query=\"searchPattern\"\n        :first=\"paginateFirst\"\n        :size=\"ps\"\n        :participant-id=\"participantId\"\n        :name=\"name\"\n        :category-filter=\"true\"\n        :productor-id=\"['']\"\n        :reload=\"reload\"\n        :show-count=\"true\"\n        :force-update-parameters=\"true\"\n      />\n    </template>\n    <ClassicLoading\n      :loading-text=\"!loaded ? t('Loading content ...') : undefined\"\n      :error-text=\"error ? t(`Animator doesn't exist`) : undefined\"\n    />\n  </section>\n</template>\n\n<script setup lang=\"ts\">\nimport classicApi from \"../../api/classicApi\";\nimport { state } from \"../../stores/ParamSdkStore\";\nimport { useFilterStore } from \"../../stores/FilterStore\";\nimport displayHelper from \"../../helper/displayHelper\";\nimport {useSeoTitleUrl} from \"../composable/route/useSeoTitleUrl\";\nimport {useImageProxy} from \"../composable/useImageProxy\";\nimport {useOrgaComputed} from \"../composable/useOrgaComputed\";\nimport {useErrorHandler} from \"../composable/useErrorHandler\";\nimport { Participant } from \"@/stores/class/general/participant\";\nimport ClassicLoading from \"../form/ClassicLoading.vue\";\nimport { computed, defineAsyncComponent, ref, Ref, watch } from \"vue\";\nimport { AxiosError } from \"axios\";\nimport { useI18n } from \"vue-i18n\";\nimport { useRoute } from \"vue-router\";\nimport { useSimplePageParam } from \"../composable/route/useSimplePageParam\";\nconst ShareSocialsButtons = defineAsyncComponent(\n  () => import(\"../display/sharing/ShareSocialsButtons.vue\"),\n);\nconst PodcastFilterList = defineAsyncComponent(\n  () => import(\"../display/podcasts/PodcastFilterList.vue\"),\n);\nconst ShareAnonymous = defineAsyncComponent(() => import(\"../display/sharing/ShareAnonymous.vue\"));\n\n\n//Props\nconst props = defineProps({\n  participantId: { default: undefined, type: Number },\n  pr: { default: 0, type: Number },\n  ps: { default: 30, type: Number },\n  routeQuery: { default: \"\", type: String },\n});\n\n\n//Data\nconst loaded = ref(false);\nconst error = ref(false);\nconst reload = ref(false);\nconst participant: Ref<Participant | undefined> = ref(undefined);\n\n\n//Composables\nconst route = useRoute();\nconst { t } = useI18n();\nconst { useProxyImageUrl } = useImageProxy();\nconst {  isEditRights } = useOrgaComputed();\nconst { updatePathParams } = useSeoTitleUrl();\nconst {handle403} = useErrorHandler();\nconst filterStore = useFilterStore();\nconst {\n  searchPattern,\n  paginateFirst,\n  isInit\n} = useSimplePageParam(props, true);\n\n\n//Computed\nconst description = computed(() =>participant.value?.description ?? \"\");\nconst name = computed(() =>`${participant.value?.firstName ?? \"\"} ${participant.value?.lastName ?? \"\"}`.trim());\nconst editRight = computed(() =>isEditRights(participant.value?.orga?.id));\n\n\n//Watch\nwatch(participant, () => {reload.value = !reload.value}, {deep: true});\nwatch(()=>props.participantId, () =>getParticipantDetails(), {immediate: true});\n\n\n\n//Methods\nfunction urlify(text:string|undefined){\n  return displayHelper.urlify(text);\n}\nfunction  initError(): void {\n  error.value = true;\n  loaded.value = true;\n}\nasync function getParticipantDetails(): Promise<void> {\n  loaded.value = false;\n  try {\n    const data = await classicApi.fetchData<Participant>({\n      api: 0,\n      path: \"participant/\" + props.participantId,\n    });\n    if (\n      \"PUBLIC\" !== data?.orga?.privacy &&\n      filterStore.filterOrgaId !== data?.orga?.id &&\n      route.query.productor !== data?.orga?.id\n    ) {\n      initError();\n      return;\n    }\n    updateParticipant(data);\n    loaded.value = true;\n  } catch (error) {\n    handle403(error as AxiosError);\n    initError();\n  }\n}\nfunction updateParticipant(participantUpdated: Participant): void {\n  participant.value = participantUpdated;\n  updatePathParams(name.value);\n}\n</script>\n\n<style lang=\"scss\">\n.octopus-app {\n  @media (width >= 950px) {\n    .participant-desc {\n      max-width: 50%;\n      line-height: 1.5em;\n    }\n  }\n}\n</style>\n","<template>\n  <section class=\"page-box\">\n    <template v-if=\"loaded && !error && participant\">\n      <h1>\n        {{ t(\"Animator\") }}\n      </h1>\n      <section class=\"d-flex flex-column align-items-center mb-3\">\n        <img\n          v-lazy=\"useProxyImageUrl(participant.imageUrl, '200')\"\n          width=\"200\"\n          height=\"200\"\n          aria-hidden=\"true\"\n          alt=\"\"\n          :title=\"t('Animator image', { name: name })\"\n          class=\"img-box mb-3\"\n        />\n        <h2 class=\"text-capitalize\">\n          {{ name }}\n        </h2>\n        <!-- eslint-disable vue/no-v-html -->\n        <div\n          class=\"participant-desc html-wysiwyg-content\"\n          v-html=\"urlify(description)\"\n        />\n        <!-- eslint-enable -->\n        <slot\n          v-if=\"editRight && !state.generalParameters.podcastmaker\"\n          name=\"edit-box\"\n          :participant=\"participant\"\n          :on-updated=\"updateParticipant\"\n        />\n        <ShareSocialsButtons\n          v-if=\"state.podcastPage.ShareButtons\"\n          class=\"w-100\"\n          :organisation-id=\"participant.orga.id\"\n        >\n        <template #additional-buttons>\n          <ShareAnonymous \n            :participant-id=\"participant.participantId\" \n            :organisation-id=\"participant.orga.id\"\n            relative-class=\"\"\n            btn-class=\"btn share-btn mb-2 text-dark me-2\"\n          />\n        </template>\n        </ShareSocialsButtons>\n      </section>\n      <!-- productorId define to avoid overwrite #12817 -->\n      <PodcastFilterList\n        v-if=\"isInit\"\n        v-model:query=\"searchPattern\"\n        :first=\"paginateFirst\"\n        :size=\"ps\"\n        :participant-id=\"participantId\"\n        :name=\"name\"\n        :category-filter=\"true\"\n        :productor-id=\"['']\"\n        :reload=\"reload\"\n        :show-count=\"true\"\n        :force-update-parameters=\"true\"\n      />\n    </template>\n    <ClassicLoading\n      :loading-text=\"!loaded ? t('Loading content ...') : undefined\"\n      :error-text=\"error ? t(`Animator doesn't exist`) : undefined\"\n    />\n  </section>\n</template>\n\n<script setup lang=\"ts\">\nimport classicApi from \"../../api/classicApi\";\nimport { state } from \"../../stores/ParamSdkStore\";\nimport { useFilterStore } from \"../../stores/FilterStore\";\nimport displayHelper from \"../../helper/displayHelper\";\nimport {useSeoTitleUrl} from \"../composable/route/useSeoTitleUrl\";\nimport {useImageProxy} from \"../composable/useImageProxy\";\nimport {useOrgaComputed} from \"../composable/useOrgaComputed\";\nimport {useErrorHandler} from \"../composable/useErrorHandler\";\nimport { Participant } from \"@/stores/class/general/participant\";\nimport ClassicLoading from \"../form/ClassicLoading.vue\";\nimport { computed, defineAsyncComponent, ref, Ref, watch } from \"vue\";\nimport { AxiosError } from \"axios\";\nimport { useI18n } from \"vue-i18n\";\nimport { useRoute } from \"vue-router\";\nimport { useSimplePageParam } from \"../composable/route/useSimplePageParam\";\nconst ShareSocialsButtons = defineAsyncComponent(\n  () => import(\"../display/sharing/ShareSocialsButtons.vue\"),\n);\nconst PodcastFilterList = defineAsyncComponent(\n  () => import(\"../display/podcasts/PodcastFilterList.vue\"),\n);\nconst ShareAnonymous = defineAsyncComponent(() => import(\"../display/sharing/ShareAnonymous.vue\"));\n\n\n//Props\nconst props = defineProps({\n  participantId: { default: undefined, type: Number },\n  pr: { default: 0, type: Number },\n  ps: { default: 30, type: Number },\n  routeQuery: { default: \"\", type: String },\n});\n\n\n//Data\nconst loaded = ref(false);\nconst error = ref(false);\nconst reload = ref(false);\nconst participant: Ref<Participant | undefined> = ref(undefined);\n\n\n//Composables\nconst route = useRoute();\nconst { t } = useI18n();\nconst { useProxyImageUrl } = useImageProxy();\nconst {  isEditRights } = useOrgaComputed();\nconst { updatePathParams } = useSeoTitleUrl();\nconst {handle403} = useErrorHandler();\nconst filterStore = useFilterStore();\nconst {\n  searchPattern,\n  paginateFirst,\n  isInit\n} = useSimplePageParam(props, true);\n\n\n//Computed\nconst description = computed(() =>participant.value?.description ?? \"\");\nconst name = computed(() =>`${participant.value?.firstName ?? \"\"} ${participant.value?.lastName ?? \"\"}`.trim());\nconst editRight = computed(() =>isEditRights(participant.value?.orga?.id));\n\n\n//Watch\nwatch(participant, () => {reload.value = !reload.value}, {deep: true});\nwatch(()=>props.participantId, () =>getParticipantDetails(), {immediate: true});\n\n\n\n//Methods\nfunction urlify(text:string|undefined){\n  return displayHelper.urlify(text);\n}\nfunction  initError(): void {\n  error.value = true;\n  loaded.value = true;\n}\nasync function getParticipantDetails(): Promise<void> {\n  loaded.value = false;\n  try {\n    const data = await classicApi.fetchData<Participant>({\n      api: 0,\n      path: \"participant/\" + props.participantId,\n    });\n    if (\n      \"PUBLIC\" !== data?.orga?.privacy &&\n      filterStore.filterOrgaId !== data?.orga?.id &&\n      route.query.productor !== data?.orga?.id\n    ) {\n      initError();\n      return;\n    }\n    updateParticipant(data);\n    loaded.value = true;\n  } catch (error) {\n    handle403(error as AxiosError);\n    initError();\n  }\n}\nfunction updateParticipant(participantUpdated: Participant): void {\n  participant.value = participantUpdated;\n  updatePathParams(name.value);\n}\n</script>\n\n<style lang=\"scss\">\n.octopus-app {\n  @media (width >= 950px) {\n    .participant-desc {\n      max-width: 50%;\n      line-height: 1.5em;\n    }\n  }\n}\n</style>\n"],"mappings":"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"}

package/dist/ParticipantPage-Dd0RQWvi.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ParticipantPage-Dd0RQWvi.mjs","names":[],"sources":["../src/components/pages/ParticipantPage.vue","../src/components/pages/ParticipantPage.vue"],"sourcesContent":["<template>\n  <section class=\"page-box\">\n    <template v-if=\"loaded && !error && participant\">\n      <h1>\n        {{ t(\"Animator\") }}\n      </h1>\n      <section class=\"d-flex flex-column align-items-center mb-3\">\n        <img\n          v-lazy=\"useProxyImageUrl(participant.imageUrl, '200')\"\n          width=\"200\"\n          height=\"200\"\n          aria-hidden=\"true\"\n          alt=\"\"\n          :title=\"t('Animator image', { name: name })\"\n          class=\"img-box mb-3\"\n        />\n        <h2 class=\"text-capitalize\">\n          {{ name }}\n        </h2>\n        <!-- eslint-disable vue/no-v-html -->\n        <div\n          class=\"participant-desc html-wysiwyg-content\"\n          v-html=\"urlify(description)\"\n        />\n        <!-- eslint-enable -->\n        <slot\n          v-if=\"editRight && !state.generalParameters.podcastmaker\"\n          name=\"edit-box\"\n          :participant=\"participant\"\n          :on-updated=\"updateParticipant\"\n        />\n        <ShareSocialsButtons\n          v-if=\"state.podcastPage.ShareButtons\"\n          class=\"w-100\"\n          :organisation-id=\"participant.orga.id\"\n        >\n        <template #additional-buttons>\n          <ShareAnonymous \n            :participant-id=\"participant.participantId\" \n            :organisation-id=\"participant.orga.id\"\n            relative-class=\"\"\n            btn-class=\"btn share-btn mb-2 text-dark me-2\"\n          />\n        </template>\n        </ShareSocialsButtons>\n      </section>\n      <!-- productorId define to avoid overwrite #12817 -->\n      <PodcastFilterList\n        v-if=\"isInit\"\n        v-model:query=\"searchPattern\"\n        :first=\"paginateFirst\"\n        :size=\"ps\"\n        :participant-id=\"participantId\"\n        :name=\"name\"\n        :category-filter=\"true\"\n        :productor-id=\"['']\"\n        :reload=\"reload\"\n        :show-count=\"true\"\n        :force-update-parameters=\"true\"\n      />\n    </template>\n    <ClassicLoading\n      :loading-text=\"!loaded ? t('Loading content ...') : undefined\"\n      :error-text=\"error ? t(`Animator doesn't exist`) : undefined\"\n    />\n  </section>\n</template>\n\n<script setup lang=\"ts\">\nimport classicApi from \"../../api/classicApi\";\nimport { state } from \"../../stores/ParamSdkStore\";\nimport { useFilterStore } from \"../../stores/FilterStore\";\nimport displayHelper from \"../../helper/displayHelper\";\nimport {useSeoTitleUrl} from \"../composable/route/useSeoTitleUrl\";\nimport {useImageProxy} from \"../composable/useImageProxy\";\nimport {useOrgaComputed} from \"../composable/useOrgaComputed\";\nimport {useErrorHandler} from \"../composable/useErrorHandler\";\nimport { Participant } from \"@/stores/class/general/participant\";\nimport ClassicLoading from \"../form/ClassicLoading.vue\";\nimport { computed, defineAsyncComponent, ref, Ref, watch } from \"vue\";\nimport { AxiosError } from \"axios\";\nimport { useI18n } from \"vue-i18n\";\nimport { useRoute } from \"vue-router\";\nimport { useSimplePageParam } from \"../composable/route/useSimplePageParam\";\nconst ShareSocialsButtons = defineAsyncComponent(\n  () => import(\"../display/sharing/ShareSocialsButtons.vue\"),\n);\nconst PodcastFilterList = defineAsyncComponent(\n  () => import(\"../display/podcasts/PodcastFilterList.vue\"),\n);\nconst ShareAnonymous = defineAsyncComponent(() => import(\"../display/sharing/ShareAnonymous.vue\"));\n\n\n//Props\nconst props = defineProps({\n  participantId: { default: undefined, type: Number },\n  pr: { default: 0, type: Number },\n  ps: { default: 30, type: Number },\n  routeQuery: { default: \"\", type: String },\n});\n\n\n//Data\nconst loaded = ref(false);\nconst error = ref(false);\nconst reload = ref(false);\nconst participant: Ref<Participant | undefined> = ref(undefined);\n\n\n//Composables\nconst route = useRoute();\nconst { t } = useI18n();\nconst { useProxyImageUrl } = useImageProxy();\nconst {  isEditRights } = useOrgaComputed();\nconst { updatePathParams } = useSeoTitleUrl();\nconst {handle403} = useErrorHandler();\nconst filterStore = useFilterStore();\nconst {\n  searchPattern,\n  paginateFirst,\n  isInit\n} = useSimplePageParam(props, true);\n\n\n//Computed\nconst description = computed(() =>participant.value?.description ?? \"\");\nconst name = computed(() =>`${participant.value?.firstName ?? \"\"} ${participant.value?.lastName ?? \"\"}`.trim());\nconst editRight = computed(() =>isEditRights(participant.value?.orga?.id));\n\n\n//Watch\nwatch(participant, () => {reload.value = !reload.value}, {deep: true});\nwatch(()=>props.participantId, () =>getParticipantDetails(), {immediate: true});\n\n\n\n//Methods\nfunction urlify(text:string|undefined){\n  return displayHelper.urlify(text);\n}\nfunction  initError(): void {\n  error.value = true;\n  loaded.value = true;\n}\nasync function getParticipantDetails(): Promise<void> {\n  loaded.value = false;\n  try {\n    const data = await classicApi.fetchData<Participant>({\n      api: 0,\n      path: \"participant/\" + props.participantId,\n    });\n    if (\n      \"PUBLIC\" !== data?.orga?.privacy &&\n      filterStore.filterOrgaId !== data?.orga?.id &&\n      route.query.productor !== data?.orga?.id\n    ) {\n      initError();\n      return;\n    }\n    updateParticipant(data);\n    loaded.value = true;\n  } catch (error) {\n    handle403(error as AxiosError);\n    initError();\n  }\n}\nfunction updateParticipant(participantUpdated: Participant): void {\n  participant.value = participantUpdated;\n  updatePathParams(name.value);\n}\n</script>\n\n<style lang=\"scss\">\n.octopus-app {\n  @media (width >= 950px) {\n    .participant-desc {\n      max-width: 50%;\n      line-height: 1.5em;\n    }\n  }\n}\n</style>\n","<template>\n  <section class=\"page-box\">\n    <template v-if=\"loaded && !error && participant\">\n      <h1>\n        {{ t(\"Animator\") }}\n      </h1>\n      <section class=\"d-flex flex-column align-items-center mb-3\">\n        <img\n          v-lazy=\"useProxyImageUrl(participant.imageUrl, '200')\"\n          width=\"200\"\n          height=\"200\"\n          aria-hidden=\"true\"\n          alt=\"\"\n          :title=\"t('Animator image', { name: name })\"\n          class=\"img-box mb-3\"\n        />\n        <h2 class=\"text-capitalize\">\n          {{ name }}\n        </h2>\n        <!-- eslint-disable vue/no-v-html -->\n        <div\n          class=\"participant-desc html-wysiwyg-content\"\n          v-html=\"urlify(description)\"\n        />\n        <!-- eslint-enable -->\n        <slot\n          v-if=\"editRight && !state.generalParameters.podcastmaker\"\n          name=\"edit-box\"\n          :participant=\"participant\"\n          :on-updated=\"updateParticipant\"\n        />\n        <ShareSocialsButtons\n          v-if=\"state.podcastPage.ShareButtons\"\n          class=\"w-100\"\n          :organisation-id=\"participant.orga.id\"\n        >\n        <template #additional-buttons>\n          <ShareAnonymous \n            :participant-id=\"participant.participantId\" \n            :organisation-id=\"participant.orga.id\"\n            relative-class=\"\"\n            btn-class=\"btn share-btn mb-2 text-dark me-2\"\n          />\n        </template>\n        </ShareSocialsButtons>\n      </section>\n      <!-- productorId define to avoid overwrite #12817 -->\n      <PodcastFilterList\n        v-if=\"isInit\"\n        v-model:query=\"searchPattern\"\n        :first=\"paginateFirst\"\n        :size=\"ps\"\n        :participant-id=\"participantId\"\n        :name=\"name\"\n        :category-filter=\"true\"\n        :productor-id=\"['']\"\n        :reload=\"reload\"\n        :show-count=\"true\"\n        :force-update-parameters=\"true\"\n      />\n    </template>\n    <ClassicLoading\n      :loading-text=\"!loaded ? t('Loading content ...') : undefined\"\n      :error-text=\"error ? t(`Animator doesn't exist`) : undefined\"\n    />\n  </section>\n</template>\n\n<script setup lang=\"ts\">\nimport classicApi from \"../../api/classicApi\";\nimport { state } from \"../../stores/ParamSdkStore\";\nimport { useFilterStore } from \"../../stores/FilterStore\";\nimport displayHelper from \"../../helper/displayHelper\";\nimport {useSeoTitleUrl} from \"../composable/route/useSeoTitleUrl\";\nimport {useImageProxy} from \"../composable/useImageProxy\";\nimport {useOrgaComputed} from \"../composable/useOrgaComputed\";\nimport {useErrorHandler} from \"../composable/useErrorHandler\";\nimport { Participant } from \"@/stores/class/general/participant\";\nimport ClassicLoading from \"../form/ClassicLoading.vue\";\nimport { computed, defineAsyncComponent, ref, Ref, watch } from \"vue\";\nimport { AxiosError } from \"axios\";\nimport { useI18n } from \"vue-i18n\";\nimport { useRoute } from \"vue-router\";\nimport { useSimplePageParam } from \"../composable/route/useSimplePageParam\";\nconst ShareSocialsButtons = defineAsyncComponent(\n  () => import(\"../display/sharing/ShareSocialsButtons.vue\"),\n);\nconst PodcastFilterList = defineAsyncComponent(\n  () => import(\"../display/podcasts/PodcastFilterList.vue\"),\n);\nconst ShareAnonymous = defineAsyncComponent(() => import(\"../display/sharing/ShareAnonymous.vue\"));\n\n\n//Props\nconst props = defineProps({\n  participantId: { default: undefined, type: Number },\n  pr: { default: 0, type: Number },\n  ps: { default: 30, type: Number },\n  routeQuery: { default: \"\", type: String },\n});\n\n\n//Data\nconst loaded = ref(false);\nconst error = ref(false);\nconst reload = ref(false);\nconst participant: Ref<Participant | undefined> = ref(undefined);\n\n\n//Composables\nconst route = useRoute();\nconst { t } = useI18n();\nconst { useProxyImageUrl } = useImageProxy();\nconst {  isEditRights } = useOrgaComputed();\nconst { updatePathParams } = useSeoTitleUrl();\nconst {handle403} = useErrorHandler();\nconst filterStore = useFilterStore();\nconst {\n  searchPattern,\n  paginateFirst,\n  isInit\n} = useSimplePageParam(props, true);\n\n\n//Computed\nconst description = computed(() =>participant.value?.description ?? \"\");\nconst name = computed(() =>`${participant.value?.firstName ?? \"\"} ${participant.value?.lastName ?? \"\"}`.trim());\nconst editRight = computed(() =>isEditRights(participant.value?.orga?.id));\n\n\n//Watch\nwatch(participant, () => {reload.value = !reload.value}, {deep: true});\nwatch(()=>props.participantId, () =>getParticipantDetails(), {immediate: true});\n\n\n\n//Methods\nfunction urlify(text:string|undefined){\n  return displayHelper.urlify(text);\n}\nfunction  initError(): void {\n  error.value = true;\n  loaded.value = true;\n}\nasync function getParticipantDetails(): Promise<void> {\n  loaded.value = false;\n  try {\n    const data = await classicApi.fetchData<Participant>({\n      api: 0,\n      path: \"participant/\" + props.participantId,\n    });\n    if (\n      \"PUBLIC\" !== data?.orga?.privacy &&\n      filterStore.filterOrgaId !== data?.orga?.id &&\n      route.query.productor !== data?.orga?.id\n    ) {\n      initError();\n      return;\n    }\n    updateParticipant(data);\n    loaded.value = true;\n  } catch (error) {\n    handle403(error as AxiosError);\n    initError();\n  }\n}\nfunction updateParticipant(participantUpdated: Participant): void {\n  participant.value = participantUpdated;\n  updatePathParams(name.value);\n}\n</script>\n\n<style lang=\"scss\">\n.octopus-app {\n  @media (width >= 950px) {\n    .participant-desc {\n      max-width: 50%;\n      line-height: 1.5em;\n    }\n  }\n}\n</style>\n"],"mappings":"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"}

package/dist/ParticipantPage-DpEOyLsF.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ParticipantPage-DpEOyLsF.mjs","names":[],"sources":["../src/components/pages/ParticipantPage.vue","../src/components/pages/ParticipantPage.vue"],"sourcesContent":["<template>\n  <section class=\"page-box\">\n    <template v-if=\"loaded && !error && participant\">\n      <h1>\n        {{ t(\"Animator\") }}\n      </h1>\n      <section class=\"d-flex flex-column align-items-center mb-3\">\n        <img\n          v-lazy=\"useProxyImageUrl(participant.imageUrl, '200')\"\n          width=\"200\"\n          height=\"200\"\n          aria-hidden=\"true\"\n          alt=\"\"\n          :title=\"t('Animator image', { name: name })\"\n          class=\"img-box mb-3\"\n        />\n        <h2 class=\"text-capitalize\">\n          {{ name }}\n        </h2>\n        <!-- eslint-disable vue/no-v-html -->\n        <div\n          class=\"participant-desc html-wysiwyg-content\"\n          v-html=\"urlify(description)\"\n        />\n        <!-- eslint-enable -->\n        <slot\n          v-if=\"editRight && !state.generalParameters.podcastmaker\"\n          name=\"edit-box\"\n          :participant=\"participant\"\n          :on-updated=\"updateParticipant\"\n        />\n        <ShareSocialsButtons\n          v-if=\"state.podcastPage.ShareButtons\"\n          class=\"w-100\"\n          :organisation-id=\"participant.orga.id\"\n        >\n        <template #additional-buttons>\n          <ShareAnonymous \n            :participant-id=\"participant.participantId\" \n            :organisation-id=\"participant.orga.id\"\n            relative-class=\"\"\n            btn-class=\"btn share-btn mb-2 text-dark me-2\"\n          />\n        </template>\n        </ShareSocialsButtons>\n      </section>\n      <!-- productorId define to avoid overwrite #12817 -->\n      <PodcastFilterList\n        v-if=\"isInit\"\n        v-model:query=\"searchPattern\"\n        :first=\"paginateFirst\"\n        :size=\"ps\"\n        :participant-id=\"participantId\"\n        :name=\"name\"\n        :category-filter=\"true\"\n        :productor-id=\"['']\"\n        :reload=\"reload\"\n        :show-count=\"true\"\n        :force-update-parameters=\"true\"\n      />\n    </template>\n    <ClassicLoading\n      :loading-text=\"!loaded ? t('Loading content ...') : undefined\"\n      :error-text=\"error ? t(`Animator doesn't exist`) : undefined\"\n    />\n  </section>\n</template>\n\n<script setup lang=\"ts\">\nimport classicApi from \"../../api/classicApi\";\nimport { state } from \"../../stores/ParamSdkStore\";\nimport { useFilterStore } from \"../../stores/FilterStore\";\nimport displayHelper from \"../../helper/displayHelper\";\nimport {useSeoTitleUrl} from \"../composable/route/useSeoTitleUrl\";\nimport {useImageProxy} from \"../composable/useImageProxy\";\nimport {useOrgaComputed} from \"../composable/useOrgaComputed\";\nimport {useErrorHandler} from \"../composable/useErrorHandler\";\nimport { Participant } from \"@/stores/class/general/participant\";\nimport ClassicLoading from \"../form/ClassicLoading.vue\";\nimport { computed, defineAsyncComponent, ref, Ref, watch } from \"vue\";\nimport { AxiosError } from \"axios\";\nimport { useI18n } from \"vue-i18n\";\nimport { useRoute } from \"vue-router\";\nimport { useSimplePageParam } from \"../composable/route/useSimplePageParam\";\nconst ShareSocialsButtons = defineAsyncComponent(\n  () => import(\"../display/sharing/ShareSocialsButtons.vue\"),\n);\nconst PodcastFilterList = defineAsyncComponent(\n  () => import(\"../display/podcasts/PodcastFilterList.vue\"),\n);\nconst ShareAnonymous = defineAsyncComponent(() => import(\"../display/sharing/ShareAnonymous.vue\"));\n\n\n//Props\nconst props = defineProps({\n  participantId: { default: undefined, type: Number },\n  pr: { default: 0, type: Number },\n  ps: { default: 30, type: Number },\n  routeQuery: { default: \"\", type: String },\n});\n\n\n//Data\nconst loaded = ref(false);\nconst error = ref(false);\nconst reload = ref(false);\nconst participant: Ref<Participant | undefined> = ref(undefined);\n\n\n//Composables\nconst route = useRoute();\nconst { t } = useI18n();\nconst { useProxyImageUrl } = useImageProxy();\nconst {  isEditRights } = useOrgaComputed();\nconst { updatePathParams } = useSeoTitleUrl();\nconst {handle403} = useErrorHandler();\nconst filterStore = useFilterStore();\nconst {\n  searchPattern,\n  paginateFirst,\n  isInit\n} = useSimplePageParam(props, true);\n\n\n//Computed\nconst description = computed(() =>participant.value?.description ?? \"\");\nconst name = computed(() =>`${participant.value?.firstName ?? \"\"} ${participant.value?.lastName ?? \"\"}`.trim());\nconst editRight = computed(() =>isEditRights(participant.value?.orga?.id));\n\n\n//Watch\nwatch(participant, () => {reload.value = !reload.value}, {deep: true});\nwatch(()=>props.participantId, () =>getParticipantDetails(), {immediate: true});\n\n\n\n//Methods\nfunction urlify(text:string|undefined){\n  return displayHelper.urlify(text);\n}\nfunction  initError(): void {\n  error.value = true;\n  loaded.value = true;\n}\nasync function getParticipantDetails(): Promise<void> {\n  loaded.value = false;\n  try {\n    const data = await classicApi.fetchData<Participant>({\n      api: 0,\n      path: \"participant/\" + props.participantId,\n    });\n    if (\n      \"PUBLIC\" !== data?.orga?.privacy &&\n      filterStore.filterOrgaId !== data?.orga?.id &&\n      route.query.productor !== data?.orga?.id\n    ) {\n      initError();\n      return;\n    }\n    updateParticipant(data);\n    loaded.value = true;\n  } catch (error) {\n    handle403(error as AxiosError);\n    initError();\n  }\n}\nfunction updateParticipant(participantUpdated: Participant): void {\n  participant.value = participantUpdated;\n  updatePathParams(name.value);\n}\n</script>\n\n<style lang=\"scss\">\n.octopus-app {\n  @media (width >= 950px) {\n    .participant-desc {\n      max-width: 50%;\n      line-height: 1.5em;\n    }\n  }\n}\n</style>\n","<template>\n  <section class=\"page-box\">\n    <template v-if=\"loaded && !error && participant\">\n      <h1>\n        {{ t(\"Animator\") }}\n      </h1>\n      <section class=\"d-flex flex-column align-items-center mb-3\">\n        <img\n          v-lazy=\"useProxyImageUrl(participant.imageUrl, '200')\"\n          width=\"200\"\n          height=\"200\"\n          aria-hidden=\"true\"\n          alt=\"\"\n          :title=\"t('Animator image', { name: name })\"\n          class=\"img-box mb-3\"\n        />\n        <h2 class=\"text-capitalize\">\n          {{ name }}\n        </h2>\n        <!-- eslint-disable vue/no-v-html -->\n        <div\n          class=\"participant-desc html-wysiwyg-content\"\n          v-html=\"urlify(description)\"\n        />\n        <!-- eslint-enable -->\n        <slot\n          v-if=\"editRight && !state.generalParameters.podcastmaker\"\n          name=\"edit-box\"\n          :participant=\"participant\"\n          :on-updated=\"updateParticipant\"\n        />\n        <ShareSocialsButtons\n          v-if=\"state.podcastPage.ShareButtons\"\n          class=\"w-100\"\n          :organisation-id=\"participant.orga.id\"\n        >\n        <template #additional-buttons>\n          <ShareAnonymous \n            :participant-id=\"participant.participantId\" \n            :organisation-id=\"participant.orga.id\"\n            relative-class=\"\"\n            btn-class=\"btn share-btn mb-2 text-dark me-2\"\n          />\n        </template>\n        </ShareSocialsButtons>\n      </section>\n      <!-- productorId define to avoid overwrite #12817 -->\n      <PodcastFilterList\n        v-if=\"isInit\"\n        v-model:query=\"searchPattern\"\n        :first=\"paginateFirst\"\n        :size=\"ps\"\n        :participant-id=\"participantId\"\n        :name=\"name\"\n        :category-filter=\"true\"\n        :productor-id=\"['']\"\n        :reload=\"reload\"\n        :show-count=\"true\"\n        :force-update-parameters=\"true\"\n      />\n    </template>\n    <ClassicLoading\n      :loading-text=\"!loaded ? t('Loading content ...') : undefined\"\n      :error-text=\"error ? t(`Animator doesn't exist`) : undefined\"\n    />\n  </section>\n</template>\n\n<script setup lang=\"ts\">\nimport classicApi from \"../../api/classicApi\";\nimport { state } from \"../../stores/ParamSdkStore\";\nimport { useFilterStore } from \"../../stores/FilterStore\";\nimport displayHelper from \"../../helper/displayHelper\";\nimport {useSeoTitleUrl} from \"../composable/route/useSeoTitleUrl\";\nimport {useImageProxy} from \"../composable/useImageProxy\";\nimport {useOrgaComputed} from \"../composable/useOrgaComputed\";\nimport {useErrorHandler} from \"../composable/useErrorHandler\";\nimport { Participant } from \"@/stores/class/general/participant\";\nimport ClassicLoading from \"../form/ClassicLoading.vue\";\nimport { computed, defineAsyncComponent, ref, Ref, watch } from \"vue\";\nimport { AxiosError } from \"axios\";\nimport { useI18n } from \"vue-i18n\";\nimport { useRoute } from \"vue-router\";\nimport { useSimplePageParam } from \"../composable/route/useSimplePageParam\";\nconst ShareSocialsButtons = defineAsyncComponent(\n  () => import(\"../display/sharing/ShareSocialsButtons.vue\"),\n);\nconst PodcastFilterList = defineAsyncComponent(\n  () => import(\"../display/podcasts/PodcastFilterList.vue\"),\n);\nconst ShareAnonymous = defineAsyncComponent(() => import(\"../display/sharing/ShareAnonymous.vue\"));\n\n\n//Props\nconst props = defineProps({\n  participantId: { default: undefined, type: Number },\n  pr: { default: 0, type: Number },\n  ps: { default: 30, type: Number },\n  routeQuery: { default: \"\", type: String },\n});\n\n\n//Data\nconst loaded = ref(false);\nconst error = ref(false);\nconst reload = ref(false);\nconst participant: Ref<Participant | undefined> = ref(undefined);\n\n\n//Composables\nconst route = useRoute();\nconst { t } = useI18n();\nconst { useProxyImageUrl } = useImageProxy();\nconst {  isEditRights } = useOrgaComputed();\nconst { updatePathParams } = useSeoTitleUrl();\nconst {handle403} = useErrorHandler();\nconst filterStore = useFilterStore();\nconst {\n  searchPattern,\n  paginateFirst,\n  isInit\n} = useSimplePageParam(props, true);\n\n\n//Computed\nconst description = computed(() =>participant.value?.description ?? \"\");\nconst name = computed(() =>`${participant.value?.firstName ?? \"\"} ${participant.value?.lastName ?? \"\"}`.trim());\nconst editRight = computed(() =>isEditRights(participant.value?.orga?.id));\n\n\n//Watch\nwatch(participant, () => {reload.value = !reload.value}, {deep: true});\nwatch(()=>props.participantId, () =>getParticipantDetails(), {immediate: true});\n\n\n\n//Methods\nfunction urlify(text:string|undefined){\n  return displayHelper.urlify(text);\n}\nfunction  initError(): void {\n  error.value = true;\n  loaded.value = true;\n}\nasync function getParticipantDetails(): Promise<void> {\n  loaded.value = false;\n  try {\n    const data = await classicApi.fetchData<Participant>({\n      api: 0,\n      path: \"participant/\" + props.participantId,\n    });\n    if (\n      \"PUBLIC\" !== data?.orga?.privacy &&\n      filterStore.filterOrgaId !== data?.orga?.id &&\n      route.query.productor !== data?.orga?.id\n    ) {\n      initError();\n      return;\n    }\n    updateParticipant(data);\n    loaded.value = true;\n  } catch (error) {\n    handle403(error as AxiosError);\n    initError();\n  }\n}\nfunction updateParticipant(participantUpdated: Participant): void {\n  participant.value = participantUpdated;\n  updatePathParams(name.value);\n}\n</script>\n\n<style lang=\"scss\">\n.octopus-app {\n  @media (width >= 950px) {\n    .participant-desc {\n      max-width: 50%;\n      line-height: 1.5em;\n    }\n  }\n}\n</style>\n"],"mappings":"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"}

package/dist/ParticipantPage-KSNX-i8c.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ParticipantPage-KSNX-i8c.mjs","names":[],"sources":["../src/components/pages/ParticipantPage.vue","../src/components/pages/ParticipantPage.vue"],"sourcesContent":["<template>\n  <section class=\"page-box\">\n    <template v-if=\"loaded && !error && participant\">\n      <h1>\n        {{ t(\"Animator\") }}\n      </h1>\n      <section class=\"d-flex flex-column align-items-center mb-3\">\n        <img\n          v-lazy=\"useProxyImageUrl(participant.imageUrl, '200')\"\n          width=\"200\"\n          height=\"200\"\n          aria-hidden=\"true\"\n          alt=\"\"\n          :title=\"t('Animator image', { name: name })\"\n          class=\"img-box mb-3\"\n        />\n        <h2 class=\"text-capitalize\">\n          {{ name }}\n        </h2>\n        <!-- eslint-disable vue/no-v-html -->\n        <div\n          class=\"participant-desc html-wysiwyg-content\"\n          v-html=\"urlify(description)\"\n        />\n        <!-- eslint-enable -->\n        <slot\n          v-if=\"editRight && !state.generalParameters.podcastmaker\"\n          name=\"edit-box\"\n          :participant=\"participant\"\n          :on-updated=\"updateParticipant\"\n        />\n        <ShareSocialsButtons\n          v-if=\"state.podcastPage.ShareButtons\"\n          class=\"w-100\"\n          :organisation-id=\"participant.orga.id\"\n        >\n        <template #additional-buttons>\n          <ShareAnonymous \n            :participant-id=\"participant.participantId\" \n            :organisation-id=\"participant.orga.id\"\n            relative-class=\"\"\n            btn-class=\"btn share-btn mb-2 text-dark me-2\"\n          />\n        </template>\n        </ShareSocialsButtons>\n      </section>\n      <!-- productorId define to avoid overwrite #12817 -->\n      <PodcastFilterList\n        v-if=\"isInit\"\n        v-model:query=\"searchPattern\"\n        :first=\"paginateFirst\"\n        :size=\"ps\"\n        :participant-id=\"participantId\"\n        :name=\"name\"\n        :category-filter=\"true\"\n        :productor-id=\"['']\"\n        :reload=\"reload\"\n        :show-count=\"true\"\n        :force-update-parameters=\"true\"\n      />\n    </template>\n    <ClassicLoading\n      :loading-text=\"!loaded ? t('Loading content ...') : undefined\"\n      :error-text=\"error ? t(`Animator doesn't exist`) : undefined\"\n    />\n  </section>\n</template>\n\n<script setup lang=\"ts\">\nimport classicApi from \"../../api/classicApi\";\nimport { state } from \"../../stores/ParamSdkStore\";\nimport { useFilterStore } from \"../../stores/FilterStore\";\nimport displayHelper from \"../../helper/displayHelper\";\nimport {useSeoTitleUrl} from \"../composable/route/useSeoTitleUrl\";\nimport {useImageProxy} from \"../composable/useImageProxy\";\nimport {useOrgaComputed} from \"../composable/useOrgaComputed\";\nimport {useErrorHandler} from \"../composable/useErrorHandler\";\nimport { Participant } from \"@/stores/class/general/participant\";\nimport ClassicLoading from \"../form/ClassicLoading.vue\";\nimport { computed, defineAsyncComponent, ref, Ref, watch } from \"vue\";\nimport { AxiosError } from \"axios\";\nimport { useI18n } from \"vue-i18n\";\nimport { useRoute } from \"vue-router\";\nimport { useSimplePageParam } from \"../composable/route/useSimplePageParam\";\nconst ShareSocialsButtons = defineAsyncComponent(\n  () => import(\"../display/sharing/ShareSocialsButtons.vue\"),\n);\nconst PodcastFilterList = defineAsyncComponent(\n  () => import(\"../display/podcasts/PodcastFilterList.vue\"),\n);\nconst ShareAnonymous = defineAsyncComponent(() => import(\"../display/sharing/ShareAnonymous.vue\"));\n\n\n//Props\nconst props = defineProps({\n  participantId: { default: undefined, type: Number },\n  pr: { default: 0, type: Number },\n  ps: { default: 30, type: Number },\n  routeQuery: { default: \"\", type: String },\n});\n\n\n//Data\nconst loaded = ref(false);\nconst error = ref(false);\nconst reload = ref(false);\nconst participant: Ref<Participant | undefined> = ref(undefined);\n\n\n//Composables\nconst route = useRoute();\nconst { t } = useI18n();\nconst { useProxyImageUrl } = useImageProxy();\nconst {  isEditRights } = useOrgaComputed();\nconst { updatePathParams } = useSeoTitleUrl();\nconst {handle403} = useErrorHandler();\nconst filterStore = useFilterStore();\nconst {\n  searchPattern,\n  paginateFirst,\n  isInit\n} = useSimplePageParam(props, true);\n\n\n//Computed\nconst description = computed(() =>participant.value?.description ?? \"\");\nconst name = computed(() =>`${participant.value?.firstName ?? \"\"} ${participant.value?.lastName ?? \"\"}`.trim());\nconst editRight = computed(() =>isEditRights(participant.value?.orga?.id));\n\n\n//Watch\nwatch(participant, () => {reload.value = !reload.value}, {deep: true});\nwatch(()=>props.participantId, () =>getParticipantDetails(), {immediate: true});\n\n\n\n//Methods\nfunction urlify(text:string|undefined){\n  return displayHelper.urlify(text);\n}\nfunction  initError(): void {\n  error.value = true;\n  loaded.value = true;\n}\nasync function getParticipantDetails(): Promise<void> {\n  loaded.value = false;\n  try {\n    const data = await classicApi.fetchData<Participant>({\n      api: 0,\n      path: \"participant/\" + props.participantId,\n    });\n    if (\n      \"PUBLIC\" !== data?.orga?.privacy &&\n      filterStore.filterOrgaId !== data?.orga?.id &&\n      route.query.productor !== data?.orga?.id\n    ) {\n      initError();\n      return;\n    }\n    updateParticipant(data);\n    loaded.value = true;\n  } catch (error) {\n    handle403(error as AxiosError);\n    initError();\n  }\n}\nfunction updateParticipant(participantUpdated: Participant): void {\n  participant.value = participantUpdated;\n  updatePathParams(name.value);\n}\n</script>\n\n<style lang=\"scss\">\n.octopus-app {\n  @media (width >= 950px) {\n    .participant-desc {\n      max-width: 50%;\n      line-height: 1.5em;\n    }\n  }\n}\n</style>\n","<template>\n  <section class=\"page-box\">\n    <template v-if=\"loaded && !error && participant\">\n      <h1>\n        {{ t(\"Animator\") }}\n      </h1>\n      <section class=\"d-flex flex-column align-items-center mb-3\">\n        <img\n          v-lazy=\"useProxyImageUrl(participant.imageUrl, '200')\"\n          width=\"200\"\n          height=\"200\"\n          aria-hidden=\"true\"\n          alt=\"\"\n          :title=\"t('Animator image', { name: name })\"\n          class=\"img-box mb-3\"\n        />\n        <h2 class=\"text-capitalize\">\n          {{ name }}\n        </h2>\n        <!-- eslint-disable vue/no-v-html -->\n        <div\n          class=\"participant-desc html-wysiwyg-content\"\n          v-html=\"urlify(description)\"\n        />\n        <!-- eslint-enable -->\n        <slot\n          v-if=\"editRight && !state.generalParameters.podcastmaker\"\n          name=\"edit-box\"\n          :participant=\"participant\"\n          :on-updated=\"updateParticipant\"\n        />\n        <ShareSocialsButtons\n          v-if=\"state.podcastPage.ShareButtons\"\n          class=\"w-100\"\n          :organisation-id=\"participant.orga.id\"\n        >\n        <template #additional-buttons>\n          <ShareAnonymous \n            :participant-id=\"participant.participantId\" \n            :organisation-id=\"participant.orga.id\"\n            relative-class=\"\"\n            btn-class=\"btn share-btn mb-2 text-dark me-2\"\n          />\n        </template>\n        </ShareSocialsButtons>\n      </section>\n      <!-- productorId define to avoid overwrite #12817 -->\n      <PodcastFilterList\n        v-if=\"isInit\"\n        v-model:query=\"searchPattern\"\n        :first=\"paginateFirst\"\n        :size=\"ps\"\n        :participant-id=\"participantId\"\n        :name=\"name\"\n        :category-filter=\"true\"\n        :productor-id=\"['']\"\n        :reload=\"reload\"\n        :show-count=\"true\"\n        :force-update-parameters=\"true\"\n      />\n    </template>\n    <ClassicLoading\n      :loading-text=\"!loaded ? t('Loading content ...') : undefined\"\n      :error-text=\"error ? t(`Animator doesn't exist`) : undefined\"\n    />\n  </section>\n</template>\n\n<script setup lang=\"ts\">\nimport classicApi from \"../../api/classicApi\";\nimport { state } from \"../../stores/ParamSdkStore\";\nimport { useFilterStore } from \"../../stores/FilterStore\";\nimport displayHelper from \"../../helper/displayHelper\";\nimport {useSeoTitleUrl} from \"../composable/route/useSeoTitleUrl\";\nimport {useImageProxy} from \"../composable/useImageProxy\";\nimport {useOrgaComputed} from \"../composable/useOrgaComputed\";\nimport {useErrorHandler} from \"../composable/useErrorHandler\";\nimport { Participant } from \"@/stores/class/general/participant\";\nimport ClassicLoading from \"../form/ClassicLoading.vue\";\nimport { computed, defineAsyncComponent, ref, Ref, watch } from \"vue\";\nimport { AxiosError } from \"axios\";\nimport { useI18n } from \"vue-i18n\";\nimport { useRoute } from \"vue-router\";\nimport { useSimplePageParam } from \"../composable/route/useSimplePageParam\";\nconst ShareSocialsButtons = defineAsyncComponent(\n  () => import(\"../display/sharing/ShareSocialsButtons.vue\"),\n);\nconst PodcastFilterList = defineAsyncComponent(\n  () => import(\"../display/podcasts/PodcastFilterList.vue\"),\n);\nconst ShareAnonymous = defineAsyncComponent(() => import(\"../display/sharing/ShareAnonymous.vue\"));\n\n\n//Props\nconst props = defineProps({\n  participantId: { default: undefined, type: Number },\n  pr: { default: 0, type: Number },\n  ps: { default: 30, type: Number },\n  routeQuery: { default: \"\", type: String },\n});\n\n\n//Data\nconst loaded = ref(false);\nconst error = ref(false);\nconst reload = ref(false);\nconst participant: Ref<Participant | undefined> = ref(undefined);\n\n\n//Composables\nconst route = useRoute();\nconst { t } = useI18n();\nconst { useProxyImageUrl } = useImageProxy();\nconst {  isEditRights } = useOrgaComputed();\nconst { updatePathParams } = useSeoTitleUrl();\nconst {handle403} = useErrorHandler();\nconst filterStore = useFilterStore();\nconst {\n  searchPattern,\n  paginateFirst,\n  isInit\n} = useSimplePageParam(props, true);\n\n\n//Computed\nconst description = computed(() =>participant.value?.description ?? \"\");\nconst name = computed(() =>`${participant.value?.firstName ?? \"\"} ${participant.value?.lastName ?? \"\"}`.trim());\nconst editRight = computed(() =>isEditRights(participant.value?.orga?.id));\n\n\n//Watch\nwatch(participant, () => {reload.value = !reload.value}, {deep: true});\nwatch(()=>props.participantId, () =>getParticipantDetails(), {immediate: true});\n\n\n\n//Methods\nfunction urlify(text:string|undefined){\n  return displayHelper.urlify(text);\n}\nfunction  initError(): void {\n  error.value = true;\n  loaded.value = true;\n}\nasync function getParticipantDetails(): Promise<void> {\n  loaded.value = false;\n  try {\n    const data = await classicApi.fetchData<Participant>({\n      api: 0,\n      path: \"participant/\" + props.participantId,\n    });\n    if (\n      \"PUBLIC\" !== data?.orga?.privacy &&\n      filterStore.filterOrgaId !== data?.orga?.id &&\n      route.query.productor !== data?.orga?.id\n    ) {\n      initError();\n      return;\n    }\n    updateParticipant(data);\n    loaded.value = true;\n  } catch (error) {\n    handle403(error as AxiosError);\n    initError();\n  }\n}\nfunction updateParticipant(participantUpdated: Participant): void {\n  participant.value = participantUpdated;\n  updatePathParams(name.value);\n}\n</script>\n\n<style lang=\"scss\">\n.octopus-app {\n  @media (width >= 950px) {\n    .participant-desc {\n      max-width: 50%;\n      line-height: 1.5em;\n    }\n  }\n}\n</style>\n"],"mappings":"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"}

package/dist/ParticipantsPage-CC--r1ny.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ParticipantsPage-CC--r1ny.mjs","names":[],"sources":["../src/stores/class/general/participant.ts","../src/components/display/participant/ParticipantList.vue","../src/components/display/participant/ParticipantList.vue","../src/components/pages/ParticipantsPage.vue","../src/components/pages/ParticipantsPage.vue"],"sourcesContent":["import { Organisation } from \"./organisation\";\n\nexport interface Participant {\n  [x: string]: boolean;\n  annotations?: { [key: string]: string | number | boolean | undefined };\n  imageUrl?: string;\n  description?: string;\n  firstName: string;\n  lastName: string;\n  orga?: Organisation;\n  participantId: number | undefined;\n  score?: number;\n  uid?: string;\n}\n\nexport function emptyParticipantData(): Participant {\n  return {\n    firstName: \"\",\n    lastName: \"\",\n    participantId: 0,\n  };\n}\n","<template>\n  <ListPaginate\n    id=\"participantListPaginate\"\n    v-model:first=\"dfirst\"\n    v-model:rows-per-page=\"dsize\"\n    v-model:is-mobile=\"isMobile\"\n    :text-count=\"\n      showCount && displayCount > 1\n        ? `${t('Number participants', { nb: displayCount })} ${t(\n            'sort by score',\n          )}`\n        : undefined\n    \"\n    :total-count=\"totalCount\"\n    :loading=\"loading\"\n    :loading-text=\"loading ? t('Loading participants ...') : undefined\"\n    :player-responsive=\"true\"\n  >\n    <template #list>\n      <div class=\"octopus-element-list\">\n        <ClassicLazy\n          v-for=\"p in displayArray\"\n          :key=\"p.participantId\"\n          :min-height=\"360\"\n        >\n          <ParticipantItem v-if=\"0 !== p.participantId\" :participant=\"p\" />\n          <template #preview>\n            <router-link\n              :to=\"{\n                name: 'participant',\n                params: { participantId: p.participantId },\n              }\"\n              :title=\"t('Participant name page', { name: p.lastName })\"\n            >\n              {{ p.lastName }}\n            </router-link>\n          </template>\n        </ClassicLazy>\n      </div>\n    </template>\n  </ListPaginate>\n</template>\n\n<script setup lang=\"ts\">\nimport ListPaginate from \"../list/ListPaginate.vue\";\nimport ClassicLazy from \"../../misc/ClassicLazy.vue\";\nimport {useErrorHandler} from \"../../composable/useErrorHandler\";\nimport classicApi from \"../../../api/classicApi\";\nimport ParticipantItem from \"./ParticipantItem.vue\";\nimport { useFilterStore } from \"../../../stores/FilterStore\";\nimport {\n  Participant,\n  emptyParticipantData,\n} from \"@/stores/class/general/participant\";\nimport { computed, onBeforeMount, Ref, ref, watch } from \"vue\";\nimport { AxiosError } from \"axios\";\nimport { ListClassicReturn } from \"@/stores/class/general/listReturn\";\nimport { useI18n } from \"vue-i18n\";\n\n\n//Props \nconst props = defineProps({\n  first: { default: 0, type: Number },\n  size: { default: 30, type: Number },\n  query: { default: undefined, type: String },\n  organisationId: { default: undefined, type: String },\n  showCount: { default: false, type: Boolean },\n})\n\n\n//Data \nconst loading = ref(true);\nconst dfirst = ref(props.first);\nconst dsize = ref(props.size);\nconst totalCount = ref(0);\nconst displayCount = ref(0);\nconst isMobile = ref(false);\nconst participants: Ref<Array<Participant>> = ref([]);\n\n//Composables\nconst { t } = useI18n();\nconst {handle403} = useErrorHandler();\nconst filterStore = useFilterStore();\n\n\n//Computed\nconst organisation = computed(() => props.organisationId ? props.organisationId : filterStore.filterOrgaId);\nconst displayArray = computed(() => {\n  if (isMobile.value) {\n    return participants.value;\n  }\n  return participants.value.slice(\n    dfirst.value,\n    Math.min(dfirst.value + dsize.value, totalCount.value),\n  );\n});\nconst changePaginate = computed(() =>  `${props.first}|${props.size}`);\nconst sort = computed(() =>  !props.query ? \"NAME\" : \"SCORE\");\n\n\n//Watch\nwatch(changePaginate, () => {\n  dfirst.value = props.first;\n  dsize.value = props.size;\n});\nwatch(()=>props.query, () =>  fetchContent(true));\nwatch(organisation, () => fetchContent(true));\nwatch(dsize, () => fetchContent(true));\nwatch(dfirst, () => {\n  if (\n    !participants.value[dfirst.value] ||\n    0 === participants.value[dfirst.value].participantId\n  ) {\n    fetchContent(false);\n  }\n});\n\nonBeforeMount(()=>fetchContent(false))\n\n\n//Methods\nasync function fetchContent(reset: boolean): Promise<void> {\n  loading.value = true;\n  try {\n    const data = await classicApi.fetchData<ListClassicReturn<Participant>>(\n      {\n        api: 0,\n        path: \"participant/search\",\n        parameters: {\n          first: reset? 0: dfirst.value,\n          size: dsize.value,\n          query: props.query,\n          organisationId: organisation.value,\n          sort: sort.value\n        },\n        specialTreatement: true,\n      },\n    );\n    if (reset) {\n      dfirst.value = 0;\n      participants.value.length = 0;\n    }\n    displayCount.value = data.count;\n    if (dfirst.value > participants.value.length) {\n      for (\n        let i = participants.value.length - 1,\n          len = dfirst.value + dsize.value;\n        i < len;\n        i++\n      ) {\n        participants.value.push(emptyParticipantData());\n      }\n    }\n    const responseParticipants = data.result.filter(\n      (p: Participant | null) => {\n        if (null === p) {\n          displayCount.value--;\n        }\n        return null !== p;\n      },\n    );\n    participants.value = participants.value\n      .slice(0, dfirst.value)\n      .concat(responseParticipants)\n      .concat(\n        participants.value.slice(\n          dfirst.value + dsize.value,\n          participants.value.length,\n        ),\n      );\n    totalCount.value = data.count;\n  } catch (error) {\n    handle403(error as AxiosError);\n  }\n  loading.value = false;\n}\n</script>\n","<template>\n  <ListPaginate\n    id=\"participantListPaginate\"\n    v-model:first=\"dfirst\"\n    v-model:rows-per-page=\"dsize\"\n    v-model:is-mobile=\"isMobile\"\n    :text-count=\"\n      showCount && displayCount > 1\n        ? `${t('Number participants', { nb: displayCount })} ${t(\n            'sort by score',\n          )}`\n        : undefined\n    \"\n    :total-count=\"totalCount\"\n    :loading=\"loading\"\n    :loading-text=\"loading ? t('Loading participants ...') : undefined\"\n    :player-responsive=\"true\"\n  >\n    <template #list>\n      <div class=\"octopus-element-list\">\n        <ClassicLazy\n          v-for=\"p in displayArray\"\n          :key=\"p.participantId\"\n          :min-height=\"360\"\n        >\n          <ParticipantItem v-if=\"0 !== p.participantId\" :participant=\"p\" />\n          <template #preview>\n            <router-link\n              :to=\"{\n                name: 'participant',\n                params: { participantId: p.participantId },\n              }\"\n              :title=\"t('Participant name page', { name: p.lastName })\"\n            >\n              {{ p.lastName }}\n            </router-link>\n          </template>\n        </ClassicLazy>\n      </div>\n    </template>\n  </ListPaginate>\n</template>\n\n<script setup lang=\"ts\">\nimport ListPaginate from \"../list/ListPaginate.vue\";\nimport ClassicLazy from \"../../misc/ClassicLazy.vue\";\nimport {useErrorHandler} from \"../../composable/useErrorHandler\";\nimport classicApi from \"../../../api/classicApi\";\nimport ParticipantItem from \"./ParticipantItem.vue\";\nimport { useFilterStore } from \"../../../stores/FilterStore\";\nimport {\n  Participant,\n  emptyParticipantData,\n} from \"@/stores/class/general/participant\";\nimport { computed, onBeforeMount, Ref, ref, watch } from \"vue\";\nimport { AxiosError } from \"axios\";\nimport { ListClassicReturn } from \"@/stores/class/general/listReturn\";\nimport { useI18n } from \"vue-i18n\";\n\n\n//Props \nconst props = defineProps({\n  first: { default: 0, type: Number },\n  size: { default: 30, type: Number },\n  query: { default: undefined, type: String },\n  organisationId: { default: undefined, type: String },\n  showCount: { default: false, type: Boolean },\n})\n\n\n//Data \nconst loading = ref(true);\nconst dfirst = ref(props.first);\nconst dsize = ref(props.size);\nconst totalCount = ref(0);\nconst displayCount = ref(0);\nconst isMobile = ref(false);\nconst participants: Ref<Array<Participant>> = ref([]);\n\n//Composables\nconst { t } = useI18n();\nconst {handle403} = useErrorHandler();\nconst filterStore = useFilterStore();\n\n\n//Computed\nconst organisation = computed(() => props.organisationId ? props.organisationId : filterStore.filterOrgaId);\nconst displayArray = computed(() => {\n  if (isMobile.value) {\n    return participants.value;\n  }\n  return participants.value.slice(\n    dfirst.value,\n    Math.min(dfirst.value + dsize.value, totalCount.value),\n  );\n});\nconst changePaginate = computed(() =>  `${props.first}|${props.size}`);\nconst sort = computed(() =>  !props.query ? \"NAME\" : \"SCORE\");\n\n\n//Watch\nwatch(changePaginate, () => {\n  dfirst.value = props.first;\n  dsize.value = props.size;\n});\nwatch(()=>props.query, () =>  fetchContent(true));\nwatch(organisation, () => fetchContent(true));\nwatch(dsize, () => fetchContent(true));\nwatch(dfirst, () => {\n  if (\n    !participants.value[dfirst.value] ||\n    0 === participants.value[dfirst.value].participantId\n  ) {\n    fetchContent(false);\n  }\n});\n\nonBeforeMount(()=>fetchContent(false))\n\n\n//Methods\nasync function fetchContent(reset: boolean): Promise<void> {\n  loading.value = true;\n  try {\n    const data = await classicApi.fetchData<ListClassicReturn<Participant>>(\n      {\n        api: 0,\n        path: \"participant/search\",\n        parameters: {\n          first: reset? 0: dfirst.value,\n          size: dsize.value,\n          query: props.query,\n          organisationId: organisation.value,\n          sort: sort.value\n        },\n        specialTreatement: true,\n      },\n    );\n    if (reset) {\n      dfirst.value = 0;\n      participants.value.length = 0;\n    }\n    displayCount.value = data.count;\n    if (dfirst.value > participants.value.length) {\n      for (\n        let i = participants.value.length - 1,\n          len = dfirst.value + dsize.value;\n        i < len;\n        i++\n      ) {\n        participants.value.push(emptyParticipantData());\n      }\n    }\n    const responseParticipants = data.result.filter(\n      (p: Participant | null) => {\n        if (null === p) {\n          displayCount.value--;\n        }\n        return null !== p;\n      },\n    );\n    participants.value = participants.value\n      .slice(0, dfirst.value)\n      .concat(responseParticipants)\n      .concat(\n        participants.value.slice(\n          dfirst.value + dsize.value,\n          participants.value.length,\n        ),\n      );\n    totalCount.value = data.count;\n  } catch (error) {\n    handle403(error as AxiosError);\n  }\n  loading.value = false;\n}\n</script>\n","<template>\n  <section v-if=\"isInit\" class=\"page-box\">\n    <ProductorSearch\n      v-model:organisation-id=\"organisationId\"\n      v-model:search-pattern=\"searchPattern\"\n      type=\"participant\"\n    />\n    <ParticipantList\n      :show-count=\"true\"\n      :first=\"paginateFirst\"\n      :size=\"ps\"\n      :query=\"searchMinSize\"\n      :organisation-id=\"organisationId\"\n    />\n  </section>\n</template>\n\n<script setup lang=\"ts\">\nimport { useSimplePageParam } from \"../composable/route/useSimplePageParam\";\nimport ParticipantList from \"../display/participant/ParticipantList.vue\";\nimport ProductorSearch from \"../display/filter/ProductorSearch.vue\";\n\n//Props\nconst props = defineProps({\n  pr: { default: 0, type: Number },\n  ps: { default: 30, type: Number },\n  routeOrga: { default: undefined, type: String },\n  routeQuery: { default: \"\", type: String },\n});\n\n\n//Composables\nconst {\n  searchPattern,\n  organisationId,\n  searchMinSize,\n  paginateFirst,\n  isInit\n} = useSimplePageParam(props);\n\n</script>\n","<template>\n  <section v-if=\"isInit\" class=\"page-box\">\n    <ProductorSearch\n      v-model:organisation-id=\"organisationId\"\n      v-model:search-pattern=\"searchPattern\"\n      type=\"participant\"\n    />\n    <ParticipantList\n      :show-count=\"true\"\n      :first=\"paginateFirst\"\n      :size=\"ps\"\n      :query=\"searchMinSize\"\n      :organisation-id=\"organisationId\"\n    />\n  </section>\n</template>\n\n<script setup lang=\"ts\">\nimport { useSimplePageParam } from \"../composable/route/useSimplePageParam\";\nimport ParticipantList from \"../display/participant/ParticipantList.vue\";\nimport ProductorSearch from \"../display/filter/ProductorSearch.vue\";\n\n//Props\nconst props = defineProps({\n  pr: { default: 0, type: Number },\n  ps: { default: 30, type: Number },\n  routeOrga: { default: undefined, type: String },\n  routeQuery: { default: \"\", type: String },\n});\n\n\n//Composables\nconst {\n  searchPattern,\n  organisationId,\n  searchMinSize,\n  paginateFirst,\n  isInit\n} = useSimplePageParam(props);\n\n</script>\n"],"mappings":"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"}