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

@saooti/octopus-sdk 42.3.0 → 42.3.1

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

Files changed (615) hide show

package/dist/AdvancedSearch-k-fQfSBk.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"AdvancedSearch-k-fQfSBk.mjs","names":["_openBlock","_createElementBlock","_createCommentVNode","_createElementVNode","_toDisplayString","_createVNode","_normalizeClass","_Transition","_withCtx","_withDirectives","_createBlock","_vShow","_sfc_main"],"sources":["../src/components/display/filter/AdvancedSearch.vue","../src/components/display/filter/AdvancedSearch.vue"],"sourcesContent":["<template>\n <div id=\"advanced-search\" class=\"d-flex flex-column justify-content-center align-items-center\">\n \n <button\n class=\"d-flex justify-content-center align-items-center mb-3 text-secondary btn-transparent\"\n @click=\"clickShowFilters\"\n >\n <div>{{ t(\"Advanced filters\") }}</div>\n <ChevronDownIcon :class=\"{ 'arrow-transform': showFilters }\" />\n </button>\n\n \n <Transition name=\"advanced-search\">\n <div\n v-if=\"firstLoaded\"\n v-show=\"showFilters\"\n class=\"advanced-search-container\"\n >\n <fieldset class=\"d-flex flex-column flex-grow-3\">\n <legend class=\"text-primary mb-2\">\n {{ t(\"Filter\") }}\n </legend>\n <MonetizableFilter\n v-if=\"!isPodcastmaker && !generalStore.platformEducation\"\n :is-emission=\"isEmission\"\n :monetisable=\"monetisable\"\n @update:monetisable=\"updateMonetisable\"\n />\n <CategorySearchFilter\n v-if=\"state.advancedSearch?.disableIabFiltering !== true\"\n :iab-id=\"iabId\"\n class=\"mb-3\"\n @update:iab-id=\"updateIab\"\n />\n <RubriqueFilter\n :rubrique-filter=\"rubriqueFilter\"\n @update:rubrique-filter=\"updateRubriquageFilter\"\n />\n\n \n <div v-if=\"showEmissionGroups\" class=\"mt-3 d-flex\">\n <ClassicCheckbox\n v-model:text-init=\"emissionGroupCheckbox\"\n class=\"flex-shrink-0\"\n id-checkbox=\"search-emission-groups-checkbox\"\n :label=\"t('Filters - Emission groups')\"\n />\n\n <EmissionGroupChooser\n v-if=\"emissionGroupCheckbox\"\n class=\"ms-4 flex-grow-1\"\n :organisation-id=\"organisationId\"\n :groups=\"emissionGroups\"\n @update:groups=\"updateEmissionGroupFilter\"\n />\n </div>\n\n \n <DateFilter\n :is-emission=\"isEmission\"\n :from-date=\"fromDate\"\n :to-date=\"toDate\"\n @update-dates=\"updateDates($event)\"\n />\n\n \n <div v-if=\"beneficiariesEnabled\" class=\"mt-3 d-flex\">\n <ClassicCheckbox\n :text-init=\"beneficiaries !== null && beneficiaries !== undefined\"\n class=\"flex-shrink-0\"\n id-checkbox=\"search-beneficiaries-checkbox\"\n :label=\"t('Filters - Beneficiaries')\"\n @update:text-init=\"updateBeneficiariesCheckbox\"\n />\n\n <ClassicTagInput\n v-if=\"beneficiaries !== null && beneficiaries !== undefined\"\n class=\"ms-4 flex-grow-1\"\n :tags=\"beneficiaries\"\n @update:tags=\"updateBeneficiaries\"\n />\n </div>\n\n \n <div v-if=\"!isEmission && !isPodcastmaker\" class=\"mt-3 d-flex\">\n <ClassicCheckbox\n :text-init=\"onlyMyEpisodes\"\n class=\"flex-shrink-0\"\n id-checkbox=\"search-onlymine-checkbox\"\n :label=\"t('Filters - Only my episodes')\"\n @update:text-init=\"updateOnlyMineCheckbox\"\n />\n </div>\n\n <div\n v-if=\"organisation && organisationRight && !isPodcastmaker\"\n class=\"d-flex flex-column mt-3\"\n >\n <ClassicCheckbox\n :text-init=\"includeHidden\"\n class=\"flex-shrink-0\"\n id-checkbox=\"search-future-checkbox\"\n :label=\"textNotVisible\"\n :is-disabled=\"isSelectValidity && 'true'!==validity\"\n @update:text-init=\"updateIncludeHidden\"\n />\n </div>\n\n <ClassicSelect\n v-if=\"isSelectValidity\"\n :text-init=\"validity\"\n id-select=\"valid-episodes-select\"\n :label=\"t('Episodes to validate')+' :'\"\n :display-label=\"true\"\n class-label=\"flex-shrink-0 me-1\"\n class=\"d-flex align-items-center mt-3 mb-0\"\n :options=\"[\n { title: t('Display only episodes to validate'), value: 'false' },\n { title: t('Display episodes to validate'), value: '' },\n { title: t('Do not display episodes to validate'), value: 'true' },\n ]\"\n @update:text-init=\"updateValidity\"\n />\n\n \n <ClassicCheckbox\n v-if=\"!isEmission\"\n :text-init=\"onlyVideo\"\n class=\"flex-shrink-0 mt-3\"\n id-checkbox=\"only-video-checkbox\"\n :label=\"t('Show only episodes with video')\"\n @update:text-init=\"updateOnlyVideo\"\n />\n </fieldset>\n\n \n <SearchOrder\n :is-emission=\"isEmission\"\n :sort=\"sort\"\n @update:sort=\"updateSort\"\n />\n </div>\n </Transition>\n </div>\n</template>\n\n<script setup lang=\"ts\">\nimport ChevronDownIcon from \"vue-material-design-icons/ChevronDown.vue\";\nimport {useOrgaComputed} from \"../../composable/useOrgaComputed\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\nimport { useFilterStore } from \"../../../stores/FilterStore\";\nimport { useRubriquesFilterParam } from \"../../composable/route/useRubriquesFilterParam\";\nimport { RubriquageFilter } from \"@/stores/class/rubrique/rubriquageFilter\";\nimport { defineAsyncComponent, ref, computed, watch, onMounted } from \"vue\";\nimport { useGeneralStore } from \"../../../stores/GeneralStore\";\nimport { useI18n } from \"vue-i18n\";\nimport { state } from \"@/stores/ParamSdkStore\";\nconst MonetizableFilter = defineAsyncComponent(\n () => import(\"./MonetizableFilter.vue\"),\n);\nconst CategorySearchFilter = defineAsyncComponent(\n () => import(\"./CategorySearchFilter.vue\"),\n);\nconst RubriqueFilter = defineAsyncComponent(\n () => import(\"./RubriqueFilter.vue\"),\n);\nconst ClassicSelect = defineAsyncComponent(\n () => import(\"../../form/ClassicSelect.vue\"),\n);\nconst ClassicTagInput = defineAsyncComponent(\n () => import(\"../../form/ClassicTagInput.vue\"),\n);\nconst ClassicCheckbox = defineAsyncComponent(\n () => import(\"../../form/ClassicCheckbox.vue\"),\n);\nconst DateFilter = defineAsyncComponent(() => import(\"./DateFilter.vue\"));\nconst SearchOrder = defineAsyncComponent(() => import(\"./SearchOrder.vue\"));\nimport { ROUTE_PARAMS } from '../../composable/route/types';\nimport { EmissionGroup, groupsApi } from \"../../../api/groupsApi\";\nimport EmissionGroupChooser from \"../emission/EmissionGroupChooser.vue\";\n\n//Props \nconst props = withDefaults(defineProps<{\n organisationId?: string;\n /** Indicates that the filters apply to emissions */\n isEmission?: boolean;\n includeHidden?: boolean;\n sort?: string;\n onlyVideo?: boolean;\n monetisable?: string;\n iabId?: number;\n searchPattern?: string;\n fromDate?: string;\n toDate?: string;\n validity?: string;\n /** The filter on beneficiaries */\n beneficiaries?: Array<string>;\n /** The filter for only my episodes */\n onlyMyEpisodes?: boolean;\n rubriqueFilter?: Array<RubriquageFilter>;\n /** The filter on groups */\n emissionGroups?: Array<EmissionGroup>;\n /** Force hide the emission group filter */\n hideEmissionGroups?: boolean;\n}>(), {\n sort: \"DATE\",\n monetisable: \"UNDEFINED\",\n searchPattern: \"\",\n validity: \"\"\n});\n\n//Emits\nconst emit = defineEmits([\n \"update:toDate\",\n \"update:fromDate\",\n \"update:monetisable\",\n \"update:iabId\",\n \"update:sort\",\n \"update:includeHidden\",\n \"update:validity\",\n \"update:rubriqueFilter\",\n \"update:onlyVideo\",\n \"update:beneficiaries\",\n \"update:emission-groups\",\n \"update:only-my-episodes\"\n]);\n\n//Data \nconst showFilters = ref(false);\nconst firstLoaded = ref(false);\nconst showEmissionGroups = ref(false);\n\n//Composables\nconst { t } = useI18n();\nconst { isPodcastmaker, isEditRights } = useOrgaComputed();\nconst { stringifyRubriquesFilter,updateRouteParamAdvanced } = useRubriquesFilterParam();\nconst generalStore = useGeneralStore();\nconst filterStore = useFilterStore();\nconst authStore = useAuthStore();\n\nonMounted(async() => {\n if (props.hideEmissionGroups) {\n showEmissionGroups.value = false;\n return;\n }\n // Only show emission groups if there are some\n const nbGroups = await groupsApi.count({\n organisationIds: [props.organisationId]\n });\n showEmissionGroups.value = nbGroups > 0;\n});\n\n//Computed\nconst organisationRight = computed(() => isEditRights(props.organisationId));\nconst organisation = computed(() => props.organisationId ?? filterStore.filterOrgaId);\nconst textNotVisible = computed(() => props.isEmission ? t(\"Consider podcasts no visible\"): t(\"See podcasts no visible\"));\nconst isSelectValidity = computed(() => {\n return (\n undefined !== organisation.value &&\n organisationRight.value &&\n (authStore.isRoleContribution || authStore.isRolePublication) &&\n !isPodcastmaker.value &&\n !props.isEmission &&\n props.includeHidden\n );\n});\n\n/** The beneficiaries filter is only displayed if beneficiaries are enabled */\nconst beneficiariesEnabled = computed(() => {\n return authStore.authOrganisation.attributes['beneficiaries.enabled'] === 'true';\n});\n\n//Watch\nwatch(organisation, async () => {\n const hidden = undefined !== organisation.value && organisationRight.value && !props.isEmission;\n if (hidden !== props.includeHidden) {\n updateIncludeHidden(hidden);\n }\n});\n\nwatch(()=>props.searchPattern, (value: string) => {\n const search = value.trim();\n let valSort = \"SCORE\"\n if(search.length <= 3){\n valSort = props.isEmission? \"LAST_PODCAST_DESC\" : \"DATE\";\n }\n updateRouteParamAdvanced({\n q: search.length ? search : undefined,\n s: valSort,\n });\n});\n\n//Methods\nfunction updateMonetisable(value: string): void {\n emit(\"update:monetisable\", value);\n updateRouteParamAdvanced({ m: \"UNDEFINED\" !== value ? value : undefined });\n}\n\nfunction updateIab(value: number | undefined) {\n emit(\"update:iabId\", 0 !== value ? value : undefined);\n let filterIab = {};\n if (filterStore.filterIab && filterStore.filterIab.id !== value) {\n filterIab = { iabId: undefined };\n }\n updateRouteParamAdvanced({\n ...{ i: value ? value.toString() : undefined },\n ...filterIab,\n });\n}\n\nfunction updateSort(value: string) {\n emit(\"update:sort\", value);\n updateRouteParamAdvanced({ s: value });\n}\n\nfunction updateIncludeHidden(value: boolean) {\n emit(\"update:includeHidden\", value);\n updateRouteParamAdvanced({ h: value.toString() });\n}\n\nfunction updateValidity(value: boolean) {\n emit(\"update:validity\", value);\n updateRouteParamAdvanced({ vl: value.toString() });\n}\n\nfunction updateOnlyVideo(value: boolean) {\n emit(\"update:onlyVideo\", value);\n updateRouteParamAdvanced({ v: value ? \"true\" : undefined });\n}\n\nfunction updateDates(value: {\n from: string | undefined;\n to: string | undefined;\n}): void {\n emit(\"update:fromDate\", value.from);\n emit(\"update:toDate\", value.to);\n updateRouteParamAdvanced({ from: value.from, to: value.to });\n}\n\nfunction updateRubriquageFilter(value: Array<RubriquageFilter>) {\n emit(\"update:rubriqueFilter\", value);\n let filterRubriques = {};\n const valueString = stringifyRubriquesFilter(value);\n if (\n filterStore.filterRubrique.length &&\n stringifyRubriquesFilter(filterStore.filterRubrique) !== valueString\n ) {\n filterRubriques = { rubriquesId: undefined };\n }\n updateRouteParamAdvanced({\n r: valueString.length ? valueString : undefined,\n ...filterRubriques,\n });\n}\n\n/** Manage the checkbox enabling filtering on groups */\nconst emissionGroupCheckbox = computed({\n get(): boolean {\n return props.emissionGroups !== undefined && props.emissionGroups !== null;\n },\n set(value: boolean): void {\n if (value) {\n updateEmissionGroupFilter([]);\n } else {\n updateEmissionGroupFilter(undefined);\n }\n }\n});\n\n/** Update selected groups */\nfunction updateEmissionGroupFilter(groups: Array<EmissionGroup>|undefined): void {\n if (groups !== undefined && groups.length === 0) {\n emit('update:emission-groups', []);\n } else {\n updateRouteParamAdvanced({\n [ROUTE_PARAMS.EmissionGroups]: groups?.map(g => g.groupId)\n });\n emit('update:emission-groups', groups);\n }\n}\n\n/** Update the beneficiaries filter */\nfunction updateBeneficiaries(value: string[]|undefined): void {\n emit('update:beneficiaries', value);\n if (value === undefined) {\n updateRouteParamAdvanced({ [ROUTE_PARAMS.Beneficiaries]: undefined });\n } else {\n updateRouteParamAdvanced({ [ROUTE_PARAMS.Beneficiaries]: value });\n }\n}\n\n/** Update the value of the beneficiaries checkbox */\nfunction updateBeneficiariesCheckbox(value: boolean): void {\n if (value === true) {\n emit('update:beneficiaries', []);\n } else {\n updateBeneficiaries(undefined);\n }\n}\n\n/** Update the value of the 'only mine' checkbox */\nfunction updateOnlyMineCheckbox(value: boolean): void {\n emit('update:only-my-episodes', value);\n updateRouteParamAdvanced({\n [ROUTE_PARAMS.OnlyMyEpisodes]: value || undefined\n });\n}\n\nfunction clickShowFilters(): void {\n if (!firstLoaded.value) {\n firstLoaded.value = true;\n }\n showFilters.value = !showFilters.value;\n}\n</script>\n\n<style lang=\"scss\">\n.octopus-app {\n .advanced-search-container {\n background: var(--octopus-background);\n display: flex;\n width: 100%;\n padding-bottom: 1rem;\n justify-content: space-around;\n\n @media (width <= 720px) {\n flex-wrap: wrap;\n }\n }\n\n .advanced-search-enter-active,\n .advanced-search-leave-active {\n transition: 0.3s all;\n opacity: 1;\n max-height: 900px;\n height: auto;\n overflow: hidden;\n }\n\n .advanced-search-enter-from,\n .advanced-search-leave-to {\n opacity: 0;\n max-height: 0;\n overflow: hidden;\n }\n}\n</style>\n","<template>\n <div id=\"advanced-search\" class=\"d-flex flex-column justify-content-center align-items-center\">\n \n <button\n class=\"d-flex justify-content-center align-items-center mb-3 text-secondary btn-transparent\"\n @click=\"clickShowFilters\"\n >\n <div>{{ t(\"Advanced filters\") }}</div>\n <ChevronDownIcon :class=\"{ 'arrow-transform': showFilters }\" />\n </button>\n\n \n <Transition name=\"advanced-search\">\n <div\n v-if=\"firstLoaded\"\n v-show=\"showFilters\"\n class=\"advanced-search-container\"\n >\n <fieldset class=\"d-flex flex-column flex-grow-3\">\n <legend class=\"text-primary mb-2\">\n {{ t(\"Filter\") }}\n </legend>\n <MonetizableFilter\n v-if=\"!isPodcastmaker && !generalStore.platformEducation\"\n :is-emission=\"isEmission\"\n :monetisable=\"monetisable\"\n @update:monetisable=\"updateMonetisable\"\n />\n <CategorySearchFilter\n v-if=\"state.advancedSearch?.disableIabFiltering !== true\"\n :iab-id=\"iabId\"\n class=\"mb-3\"\n @update:iab-id=\"updateIab\"\n />\n <RubriqueFilter\n :rubrique-filter=\"rubriqueFilter\"\n @update:rubrique-filter=\"updateRubriquageFilter\"\n />\n\n \n <div v-if=\"showEmissionGroups\" class=\"mt-3 d-flex\">\n <ClassicCheckbox\n v-model:text-init=\"emissionGroupCheckbox\"\n class=\"flex-shrink-0\"\n id-checkbox=\"search-emission-groups-checkbox\"\n :label=\"t('Filters - Emission groups')\"\n />\n\n <EmissionGroupChooser\n v-if=\"emissionGroupCheckbox\"\n class=\"ms-4 flex-grow-1\"\n :organisation-id=\"organisationId\"\n :groups=\"emissionGroups\"\n @update:groups=\"updateEmissionGroupFilter\"\n />\n </div>\n\n \n <DateFilter\n :is-emission=\"isEmission\"\n :from-date=\"fromDate\"\n :to-date=\"toDate\"\n @update-dates=\"updateDates($event)\"\n />\n\n \n <div v-if=\"beneficiariesEnabled\" class=\"mt-3 d-flex\">\n <ClassicCheckbox\n :text-init=\"beneficiaries !== null && beneficiaries !== undefined\"\n class=\"flex-shrink-0\"\n id-checkbox=\"search-beneficiaries-checkbox\"\n :label=\"t('Filters - Beneficiaries')\"\n @update:text-init=\"updateBeneficiariesCheckbox\"\n />\n\n <ClassicTagInput\n v-if=\"beneficiaries !== null && beneficiaries !== undefined\"\n class=\"ms-4 flex-grow-1\"\n :tags=\"beneficiaries\"\n @update:tags=\"updateBeneficiaries\"\n />\n </div>\n\n \n <div v-if=\"!isEmission && !isPodcastmaker\" class=\"mt-3 d-flex\">\n <ClassicCheckbox\n :text-init=\"onlyMyEpisodes\"\n class=\"flex-shrink-0\"\n id-checkbox=\"search-onlymine-checkbox\"\n :label=\"t('Filters - Only my episodes')\"\n @update:text-init=\"updateOnlyMineCheckbox\"\n />\n </div>\n\n <div\n v-if=\"organisation && organisationRight && !isPodcastmaker\"\n class=\"d-flex flex-column mt-3\"\n >\n <ClassicCheckbox\n :text-init=\"includeHidden\"\n class=\"flex-shrink-0\"\n id-checkbox=\"search-future-checkbox\"\n :label=\"textNotVisible\"\n :is-disabled=\"isSelectValidity && 'true'!==validity\"\n @update:text-init=\"updateIncludeHidden\"\n />\n </div>\n\n <ClassicSelect\n v-if=\"isSelectValidity\"\n :text-init=\"validity\"\n id-select=\"valid-episodes-select\"\n :label=\"t('Episodes to validate')+' :'\"\n :display-label=\"true\"\n class-label=\"flex-shrink-0 me-1\"\n class=\"d-flex align-items-center mt-3 mb-0\"\n :options=\"[\n { title: t('Display only episodes to validate'), value: 'false' },\n { title: t('Display episodes to validate'), value: '' },\n { title: t('Do not display episodes to validate'), value: 'true' },\n ]\"\n @update:text-init=\"updateValidity\"\n />\n\n \n <ClassicCheckbox\n v-if=\"!isEmission\"\n :text-init=\"onlyVideo\"\n class=\"flex-shrink-0 mt-3\"\n id-checkbox=\"only-video-checkbox\"\n :label=\"t('Show only episodes with video')\"\n @update:text-init=\"updateOnlyVideo\"\n />\n </fieldset>\n\n \n <SearchOrder\n :is-emission=\"isEmission\"\n :sort=\"sort\"\n @update:sort=\"updateSort\"\n />\n </div>\n </Transition>\n </div>\n</template>\n\n<script setup lang=\"ts\">\nimport ChevronDownIcon from \"vue-material-design-icons/ChevronDown.vue\";\nimport {useOrgaComputed} from \"../../composable/useOrgaComputed\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\nimport { useFilterStore } from \"../../../stores/FilterStore\";\nimport { useRubriquesFilterParam } from \"../../composable/route/useRubriquesFilterParam\";\nimport { RubriquageFilter } from \"@/stores/class/rubrique/rubriquageFilter\";\nimport { defineAsyncComponent, ref, computed, watch, onMounted } from \"vue\";\nimport { useGeneralStore } from \"../../../stores/GeneralStore\";\nimport { useI18n } from \"vue-i18n\";\nimport { state } from \"@/stores/ParamSdkStore\";\nconst MonetizableFilter = defineAsyncComponent(\n () => import(\"./MonetizableFilter.vue\"),\n);\nconst CategorySearchFilter = defineAsyncComponent(\n () => import(\"./CategorySearchFilter.vue\"),\n);\nconst RubriqueFilter = defineAsyncComponent(\n () => import(\"./RubriqueFilter.vue\"),\n);\nconst ClassicSelect = defineAsyncComponent(\n () => import(\"../../form/ClassicSelect.vue\"),\n);\nconst ClassicTagInput = defineAsyncComponent(\n () => import(\"../../form/ClassicTagInput.vue\"),\n);\nconst ClassicCheckbox = defineAsyncComponent(\n () => import(\"../../form/ClassicCheckbox.vue\"),\n);\nconst DateFilter = defineAsyncComponent(() => import(\"./DateFilter.vue\"));\nconst SearchOrder = defineAsyncComponent(() => import(\"./SearchOrder.vue\"));\nimport { ROUTE_PARAMS } from '../../composable/route/types';\nimport { EmissionGroup, groupsApi } from \"../../../api/groupsApi\";\nimport EmissionGroupChooser from \"../emission/EmissionGroupChooser.vue\";\n\n//Props \nconst props = withDefaults(defineProps<{\n organisationId?: string;\n /** Indicates that the filters apply to emissions */\n isEmission?: boolean;\n includeHidden?: boolean;\n sort?: string;\n onlyVideo?: boolean;\n monetisable?: string;\n iabId?: number;\n searchPattern?: string;\n fromDate?: string;\n toDate?: string;\n validity?: string;\n /** The filter on beneficiaries */\n beneficiaries?: Array<string>;\n /** The filter for only my episodes */\n onlyMyEpisodes?: boolean;\n rubriqueFilter?: Array<RubriquageFilter>;\n /** The filter on groups */\n emissionGroups?: Array<EmissionGroup>;\n /** Force hide the emission group filter */\n hideEmissionGroups?: boolean;\n}>(), {\n sort: \"DATE\",\n monetisable: \"UNDEFINED\",\n searchPattern: \"\",\n validity: \"\"\n});\n\n//Emits\nconst emit = defineEmits([\n \"update:toDate\",\n \"update:fromDate\",\n \"update:monetisable\",\n \"update:iabId\",\n \"update:sort\",\n \"update:includeHidden\",\n \"update:validity\",\n \"update:rubriqueFilter\",\n \"update:onlyVideo\",\n \"update:beneficiaries\",\n \"update:emission-groups\",\n \"update:only-my-episodes\"\n]);\n\n//Data \nconst showFilters = ref(false);\nconst firstLoaded = ref(false);\nconst showEmissionGroups = ref(false);\n\n//Composables\nconst { t } = useI18n();\nconst { isPodcastmaker, isEditRights } = useOrgaComputed();\nconst { stringifyRubriquesFilter,updateRouteParamAdvanced } = useRubriquesFilterParam();\nconst generalStore = useGeneralStore();\nconst filterStore = useFilterStore();\nconst authStore = useAuthStore();\n\nonMounted(async() => {\n if (props.hideEmissionGroups) {\n showEmissionGroups.value = false;\n return;\n }\n // Only show emission groups if there are some\n const nbGroups = await groupsApi.count({\n organisationIds: [props.organisationId]\n });\n showEmissionGroups.value = nbGroups > 0;\n});\n\n//Computed\nconst organisationRight = computed(() => isEditRights(props.organisationId));\nconst organisation = computed(() => props.organisationId ?? filterStore.filterOrgaId);\nconst textNotVisible = computed(() => props.isEmission ? t(\"Consider podcasts no visible\"): t(\"See podcasts no visible\"));\nconst isSelectValidity = computed(() => {\n return (\n undefined !== organisation.value &&\n organisationRight.value &&\n (authStore.isRoleContribution || authStore.isRolePublication) &&\n !isPodcastmaker.value &&\n !props.isEmission &&\n props.includeHidden\n );\n});\n\n/** The beneficiaries filter is only displayed if beneficiaries are enabled */\nconst beneficiariesEnabled = computed(() => {\n return authStore.authOrganisation.attributes['beneficiaries.enabled'] === 'true';\n});\n\n//Watch\nwatch(organisation, async () => {\n const hidden = undefined !== organisation.value && organisationRight.value && !props.isEmission;\n if (hidden !== props.includeHidden) {\n updateIncludeHidden(hidden);\n }\n});\n\nwatch(()=>props.searchPattern, (value: string) => {\n const search = value.trim();\n let valSort = \"SCORE\"\n if(search.length <= 3){\n valSort = props.isEmission? \"LAST_PODCAST_DESC\" : \"DATE\";\n }\n updateRouteParamAdvanced({\n q: search.length ? search : undefined,\n s: valSort,\n });\n});\n\n//Methods\nfunction updateMonetisable(value: string): void {\n emit(\"update:monetisable\", value);\n updateRouteParamAdvanced({ m: \"UNDEFINED\" !== value ? value : undefined });\n}\n\nfunction updateIab(value: number | undefined) {\n emit(\"update:iabId\", 0 !== value ? value : undefined);\n let filterIab = {};\n if (filterStore.filterIab && filterStore.filterIab.id !== value) {\n filterIab = { iabId: undefined };\n }\n updateRouteParamAdvanced({\n ...{ i: value ? value.toString() : undefined },\n ...filterIab,\n });\n}\n\nfunction updateSort(value: string) {\n emit(\"update:sort\", value);\n updateRouteParamAdvanced({ s: value });\n}\n\nfunction updateIncludeHidden(value: boolean) {\n emit(\"update:includeHidden\", value);\n updateRouteParamAdvanced({ h: value.toString() });\n}\n\nfunction updateValidity(value: boolean) {\n emit(\"update:validity\", value);\n updateRouteParamAdvanced({ vl: value.toString() });\n}\n\nfunction updateOnlyVideo(value: boolean) {\n emit(\"update:onlyVideo\", value);\n updateRouteParamAdvanced({ v: value ? \"true\" : undefined });\n}\n\nfunction updateDates(value: {\n from: string | undefined;\n to: string | undefined;\n}): void {\n emit(\"update:fromDate\", value.from);\n emit(\"update:toDate\", value.to);\n updateRouteParamAdvanced({ from: value.from, to: value.to });\n}\n\nfunction updateRubriquageFilter(value: Array<RubriquageFilter>) {\n emit(\"update:rubriqueFilter\", value);\n let filterRubriques = {};\n const valueString = stringifyRubriquesFilter(value);\n if (\n filterStore.filterRubrique.length &&\n stringifyRubriquesFilter(filterStore.filterRubrique) !== valueString\n ) {\n filterRubriques = { rubriquesId: undefined };\n }\n updateRouteParamAdvanced({\n r: valueString.length ? valueString : undefined,\n ...filterRubriques,\n });\n}\n\n/** Manage the checkbox enabling filtering on groups */\nconst emissionGroupCheckbox = computed({\n get(): boolean {\n return props.emissionGroups !== undefined && props.emissionGroups !== null;\n },\n set(value: boolean): void {\n if (value) {\n updateEmissionGroupFilter([]);\n } else {\n updateEmissionGroupFilter(undefined);\n }\n }\n});\n\n/** Update selected groups */\nfunction updateEmissionGroupFilter(groups: Array<EmissionGroup>|undefined): void {\n if (groups !== undefined && groups.length === 0) {\n emit('update:emission-groups', []);\n } else {\n updateRouteParamAdvanced({\n [ROUTE_PARAMS.EmissionGroups]: groups?.map(g => g.groupId)\n });\n emit('update:emission-groups', groups);\n }\n}\n\n/** Update the beneficiaries filter */\nfunction updateBeneficiaries(value: string[]|undefined): void {\n emit('update:beneficiaries', value);\n if (value === undefined) {\n updateRouteParamAdvanced({ [ROUTE_PARAMS.Beneficiaries]: undefined });\n } else {\n updateRouteParamAdvanced({ [ROUTE_PARAMS.Beneficiaries]: value });\n }\n}\n\n/** Update the value of the beneficiaries checkbox */\nfunction updateBeneficiariesCheckbox(value: boolean): void {\n if (value === true) {\n emit('update:beneficiaries', []);\n } else {\n updateBeneficiaries(undefined);\n }\n}\n\n/** Update the value of the 'only mine' checkbox */\nfunction updateOnlyMineCheckbox(value: boolean): void {\n emit('update:only-my-episodes', value);\n updateRouteParamAdvanced({\n [ROUTE_PARAMS.OnlyMyEpisodes]: value || undefined\n });\n}\n\nfunction clickShowFilters(): void {\n if (!firstLoaded.value) {\n firstLoaded.value = true;\n }\n showFilters.value = !showFilters.value;\n}\n</script>\n\n<style lang=\"scss\">\n.octopus-app {\n .advanced-search-container {\n background: var(--octopus-background);\n display: flex;\n width: 100%;\n padding-bottom: 1rem;\n justify-content: space-around;\n\n @media (width <= 720px) {\n flex-wrap: wrap;\n }\n }\n\n .advanced-search-enter-active,\n .advanced-search-leave-active {\n transition: 0.3s all;\n opacity: 1;\n max-height: 900px;\n height: auto;\n overflow: hidden;\n }\n\n .advanced-search-enter-from,\n .advanced-search-leave-to {\n opacity: 0;\n max-height: 0;\n overflow: hidden;\n }\n}\n</style>\n"],"mappings":"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"}

package/dist/AdvancedSearch-zFJq-WlO.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"AdvancedSearch-zFJq-WlO.mjs","names":["_openBlock","_createElementBlock","_createCommentVNode","_createElementVNode","_toDisplayString","_createVNode","_normalizeClass","_Transition","_withCtx","_withDirectives","_createBlock","_vShow","_sfc_main"],"sources":["../src/components/display/filter/AdvancedSearch.vue","../src/components/display/filter/AdvancedSearch.vue"],"sourcesContent":["<template>\n <div id=\"advanced-search\" class=\"d-flex flex-column justify-content-center align-items-center\">\n \n <button\n class=\"d-flex justify-content-center align-items-center mb-3 text-secondary btn-transparent\"\n @click=\"clickShowFilters\"\n >\n <div>{{ t(\"Advanced filters\") }}</div>\n <ChevronDownIcon :class=\"{ 'arrow-transform': showFilters }\" />\n </button>\n\n \n <Transition name=\"advanced-search\">\n <div\n v-if=\"firstLoaded\"\n v-show=\"showFilters\"\n class=\"advanced-search-container\"\n >\n <fieldset class=\"d-flex flex-column flex-grow-3\">\n <legend class=\"text-primary mb-2\">\n {{ t(\"Filter\") }}\n </legend>\n <MonetizableFilter\n v-if=\"!isPodcastmaker && !generalStore.platformEducation\"\n :is-emission=\"isEmission\"\n :monetisable=\"monetisable\"\n @update:monetisable=\"updateMonetisable\"\n />\n <CategorySearchFilter\n v-if=\"state.advancedSearch?.disableIabFiltering !== true\"\n :iab-id=\"iabId\"\n class=\"mb-3\"\n @update:iab-id=\"updateIab\"\n />\n <RubriqueFilter\n :rubrique-filter=\"rubriqueFilter\"\n @update:rubrique-filter=\"updateRubriquageFilter\"\n />\n\n \n <div v-if=\"showEmissionGroups\" class=\"mt-3 d-flex\">\n <ClassicCheckbox\n v-model:text-init=\"emissionGroupCheckbox\"\n class=\"flex-shrink-0\"\n id-checkbox=\"search-emission-groups-checkbox\"\n :label=\"t('Filters - Emission groups')\"\n />\n\n <EmissionGroupChooser\n v-if=\"emissionGroupCheckbox\"\n class=\"ms-4 flex-grow-1\"\n :organisation-id=\"organisationId\"\n :groups=\"emissionGroups\"\n @update:groups=\"updateEmissionGroupFilter\"\n />\n </div>\n\n \n <DateFilter\n :is-emission=\"isEmission\"\n :from-date=\"fromDate\"\n :to-date=\"toDate\"\n @update-dates=\"updateDates($event)\"\n />\n\n \n <div v-if=\"beneficiariesEnabled\" class=\"mt-3 d-flex\">\n <ClassicCheckbox\n :text-init=\"beneficiaries !== null && beneficiaries !== undefined\"\n class=\"flex-shrink-0\"\n id-checkbox=\"search-beneficiaries-checkbox\"\n :label=\"t('Filters - Beneficiaries')\"\n @update:text-init=\"updateBeneficiariesCheckbox\"\n />\n\n <ClassicTagInput\n v-if=\"beneficiaries !== null && beneficiaries !== undefined\"\n class=\"ms-4 flex-grow-1\"\n :tags=\"beneficiaries\"\n @update:tags=\"updateBeneficiaries\"\n />\n </div>\n\n \n <div v-if=\"!isEmission && !isPodcastmaker\" class=\"mt-3 d-flex\">\n <ClassicCheckbox\n :text-init=\"onlyMyEpisodes\"\n class=\"flex-shrink-0\"\n id-checkbox=\"search-onlymine-checkbox\"\n :label=\"t('Filters - Only my episodes')\"\n @update:text-init=\"updateOnlyMineCheckbox\"\n />\n </div>\n\n <div\n v-if=\"organisation && organisationRight && !isPodcastmaker\"\n class=\"d-flex flex-column mt-3\"\n >\n <ClassicCheckbox\n :text-init=\"includeHidden\"\n class=\"flex-shrink-0\"\n id-checkbox=\"search-future-checkbox\"\n :label=\"textNotVisible\"\n :is-disabled=\"isSelectValidity && 'true'!==validity\"\n @update:text-init=\"updateIncludeHidden\"\n />\n </div>\n\n <ClassicSelect\n v-if=\"isSelectValidity\"\n :text-init=\"validity\"\n id-select=\"valid-episodes-select\"\n :label=\"t('Episodes to validate')+' :'\"\n :display-label=\"true\"\n class-label=\"flex-shrink-0 me-1\"\n class=\"d-flex align-items-center mt-3 mb-0\"\n :options=\"[\n { title: t('Display only episodes to validate'), value: 'false' },\n { title: t('Display episodes to validate'), value: '' },\n { title: t('Do not display episodes to validate'), value: 'true' },\n ]\"\n @update:text-init=\"updateValidity\"\n />\n\n \n <ClassicCheckbox\n v-if=\"!isEmission\"\n :text-init=\"onlyVideo\"\n class=\"flex-shrink-0 mt-3\"\n id-checkbox=\"only-video-checkbox\"\n :label=\"t('Show only episodes with video')\"\n @update:text-init=\"updateOnlyVideo\"\n />\n </fieldset>\n\n \n <SearchOrder\n :is-emission=\"isEmission\"\n :sort=\"sort\"\n @update:sort=\"updateSort\"\n />\n </div>\n </Transition>\n </div>\n</template>\n\n<script setup lang=\"ts\">\nimport ChevronDownIcon from \"vue-material-design-icons/ChevronDown.vue\";\nimport {useOrgaComputed} from \"../../composable/useOrgaComputed\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\nimport { useFilterStore } from \"../../../stores/FilterStore\";\nimport { useRubriquesFilterParam } from \"../../composable/route/useRubriquesFilterParam\";\nimport { RubriquageFilter } from \"@/stores/class/rubrique/rubriquageFilter\";\nimport { defineAsyncComponent, ref, computed, watch, onMounted } from \"vue\";\nimport { useGeneralStore } from \"../../../stores/GeneralStore\";\nimport { useI18n } from \"vue-i18n\";\nimport { state } from \"@/stores/ParamSdkStore\";\nconst MonetizableFilter = defineAsyncComponent(\n () => import(\"./MonetizableFilter.vue\"),\n);\nconst CategorySearchFilter = defineAsyncComponent(\n () => import(\"./CategorySearchFilter.vue\"),\n);\nconst RubriqueFilter = defineAsyncComponent(\n () => import(\"./RubriqueFilter.vue\"),\n);\nconst ClassicSelect = defineAsyncComponent(\n () => import(\"../../form/ClassicSelect.vue\"),\n);\nconst ClassicTagInput = defineAsyncComponent(\n () => import(\"../../form/ClassicTagInput.vue\"),\n);\nconst ClassicCheckbox = defineAsyncComponent(\n () => import(\"../../form/ClassicCheckbox.vue\"),\n);\nconst DateFilter = defineAsyncComponent(() => import(\"./DateFilter.vue\"));\nconst SearchOrder = defineAsyncComponent(() => import(\"./SearchOrder.vue\"));\nimport { ROUTE_PARAMS } from '../../composable/route/types';\nimport { EmissionGroup, groupsApi } from \"../../../api/groupsApi\";\nimport EmissionGroupChooser from \"../emission/EmissionGroupChooser.vue\";\n\n//Props \nconst props = withDefaults(defineProps<{\n organisationId?: string;\n /** Indicates that the filters apply to emissions */\n isEmission?: boolean;\n includeHidden?: boolean;\n sort?: string;\n onlyVideo?: boolean;\n monetisable?: string;\n iabId?: number;\n searchPattern?: string;\n fromDate?: string;\n toDate?: string;\n validity?: string;\n /** The filter on beneficiaries */\n beneficiaries?: Array<string>;\n /** The filter for only my episodes */\n onlyMyEpisodes?: boolean;\n rubriqueFilter?: Array<RubriquageFilter>;\n /** The filter on groups */\n emissionGroups?: Array<EmissionGroup>;\n /** Force hide the emission group filter */\n hideEmissionGroups?: boolean;\n}>(), {\n sort: \"DATE\",\n monetisable: \"UNDEFINED\",\n searchPattern: \"\",\n validity: \"\"\n});\n\n//Emits\nconst emit = defineEmits([\n \"update:toDate\",\n \"update:fromDate\",\n \"update:monetisable\",\n \"update:iabId\",\n \"update:sort\",\n \"update:includeHidden\",\n \"update:validity\",\n \"update:rubriqueFilter\",\n \"update:onlyVideo\",\n \"update:beneficiaries\",\n \"update:emission-groups\",\n \"update:only-my-episodes\"\n]);\n\n//Data \nconst showFilters = ref(false);\nconst firstLoaded = ref(false);\nconst showEmissionGroups = ref(false);\n\n//Composables\nconst { t } = useI18n();\nconst { isPodcastmaker, isEditRights } = useOrgaComputed();\nconst { stringifyRubriquesFilter,updateRouteParamAdvanced } = useRubriquesFilterParam();\nconst generalStore = useGeneralStore();\nconst filterStore = useFilterStore();\nconst authStore = useAuthStore();\n\nonMounted(async() => {\n if (props.hideEmissionGroups) {\n showEmissionGroups.value = false;\n return;\n }\n // Only show emission groups if there are some\n const nbGroups = await groupsApi.count({\n organisationIds: [props.organisationId]\n });\n showEmissionGroups.value = nbGroups > 0;\n});\n\n//Computed\nconst organisationRight = computed(() => isEditRights(props.organisationId));\nconst organisation = computed(() => props.organisationId ?? filterStore.filterOrgaId);\nconst textNotVisible = computed(() => props.isEmission ? t(\"Consider podcasts no visible\"): t(\"See podcasts no visible\"));\nconst isSelectValidity = computed(() => {\n return (\n undefined !== organisation.value &&\n organisationRight.value &&\n (authStore.isRoleContribution || authStore.isRolePublication) &&\n !isPodcastmaker.value &&\n !props.isEmission &&\n props.includeHidden\n );\n});\n\n/** The beneficiaries filter is only displayed if beneficiaries are enabled */\nconst beneficiariesEnabled = computed(() => {\n return authStore.authOrganisation.attributes['beneficiaries.enabled'] === 'true';\n});\n\n//Watch\nwatch(organisation, async () => {\n const hidden = undefined !== organisation.value && organisationRight.value && !props.isEmission;\n if (hidden !== props.includeHidden) {\n updateIncludeHidden(hidden);\n }\n});\n\nwatch(()=>props.searchPattern, (value: string) => {\n const search = value.trim();\n let valSort = \"SCORE\"\n if(search.length <= 3){\n valSort = props.isEmission? \"LAST_PODCAST_DESC\" : \"DATE\";\n }\n updateRouteParamAdvanced({\n q: search.length ? search : undefined,\n s: valSort,\n });\n});\n\n//Methods\nfunction updateMonetisable(value: string): void {\n emit(\"update:monetisable\", value);\n updateRouteParamAdvanced({ m: \"UNDEFINED\" !== value ? value : undefined });\n}\n\nfunction updateIab(value: number | undefined) {\n emit(\"update:iabId\", 0 !== value ? value : undefined);\n let filterIab = {};\n if (filterStore.filterIab && filterStore.filterIab.id !== value) {\n filterIab = { iabId: undefined };\n }\n updateRouteParamAdvanced({\n ...{ i: value ? value.toString() : undefined },\n ...filterIab,\n });\n}\n\nfunction updateSort(value: string) {\n emit(\"update:sort\", value);\n updateRouteParamAdvanced({ s: value });\n}\n\nfunction updateIncludeHidden(value: boolean) {\n emit(\"update:includeHidden\", value);\n updateRouteParamAdvanced({ h: value.toString() });\n}\n\nfunction updateValidity(value: boolean) {\n emit(\"update:validity\", value);\n updateRouteParamAdvanced({ vl: value.toString() });\n}\n\nfunction updateOnlyVideo(value: boolean) {\n emit(\"update:onlyVideo\", value);\n updateRouteParamAdvanced({ v: value ? \"true\" : undefined });\n}\n\nfunction updateDates(value: {\n from: string | undefined;\n to: string | undefined;\n}): void {\n emit(\"update:fromDate\", value.from);\n emit(\"update:toDate\", value.to);\n updateRouteParamAdvanced({ from: value.from, to: value.to });\n}\n\nfunction updateRubriquageFilter(value: Array<RubriquageFilter>) {\n emit(\"update:rubriqueFilter\", value);\n let filterRubriques = {};\n const valueString = stringifyRubriquesFilter(value);\n if (\n filterStore.filterRubrique.length &&\n stringifyRubriquesFilter(filterStore.filterRubrique) !== valueString\n ) {\n filterRubriques = { rubriquesId: undefined };\n }\n updateRouteParamAdvanced({\n r: valueString.length ? valueString : undefined,\n ...filterRubriques,\n });\n}\n\n/** Manage the checkbox enabling filtering on groups */\nconst emissionGroupCheckbox = computed({\n get(): boolean {\n return props.emissionGroups !== undefined && props.emissionGroups !== null;\n },\n set(value: boolean): void {\n if (value) {\n updateEmissionGroupFilter([]);\n } else {\n updateEmissionGroupFilter(undefined);\n }\n }\n});\n\n/** Update selected groups */\nfunction updateEmissionGroupFilter(groups: Array<EmissionGroup>|undefined): void {\n if (groups !== undefined && groups.length === 0) {\n emit('update:emission-groups', []);\n } else {\n updateRouteParamAdvanced({\n [ROUTE_PARAMS.EmissionGroups]: groups?.map(g => g.groupId)\n });\n emit('update:emission-groups', groups);\n }\n}\n\n/** Update the beneficiaries filter */\nfunction updateBeneficiaries(value: string[]|undefined): void {\n emit('update:beneficiaries', value);\n if (value === undefined) {\n updateRouteParamAdvanced({ [ROUTE_PARAMS.Beneficiaries]: undefined });\n } else {\n updateRouteParamAdvanced({ [ROUTE_PARAMS.Beneficiaries]: value });\n }\n}\n\n/** Update the value of the beneficiaries checkbox */\nfunction updateBeneficiariesCheckbox(value: boolean): void {\n if (value === true) {\n emit('update:beneficiaries', []);\n } else {\n updateBeneficiaries(undefined);\n }\n}\n\n/** Update the value of the 'only mine' checkbox */\nfunction updateOnlyMineCheckbox(value: boolean): void {\n emit('update:only-my-episodes', value);\n updateRouteParamAdvanced({\n [ROUTE_PARAMS.OnlyMyEpisodes]: value || undefined\n });\n}\n\nfunction clickShowFilters(): void {\n if (!firstLoaded.value) {\n firstLoaded.value = true;\n }\n showFilters.value = !showFilters.value;\n}\n</script>\n\n<style lang=\"scss\">\n.octopus-app {\n .advanced-search-container {\n background: var(--octopus-background);\n display: flex;\n width: 100%;\n padding-bottom: 1rem;\n justify-content: space-around;\n\n @media (width <= 720px) {\n flex-wrap: wrap;\n }\n }\n\n .advanced-search-enter-active,\n .advanced-search-leave-active {\n transition: 0.3s all;\n opacity: 1;\n max-height: 900px;\n height: auto;\n overflow: hidden;\n }\n\n .advanced-search-enter-from,\n .advanced-search-leave-to {\n opacity: 0;\n max-height: 0;\n overflow: hidden;\n }\n}\n</style>\n","<template>\n <div id=\"advanced-search\" class=\"d-flex flex-column justify-content-center align-items-center\">\n \n <button\n class=\"d-flex justify-content-center align-items-center mb-3 text-secondary btn-transparent\"\n @click=\"clickShowFilters\"\n >\n <div>{{ t(\"Advanced filters\") }}</div>\n <ChevronDownIcon :class=\"{ 'arrow-transform': showFilters }\" />\n </button>\n\n \n <Transition name=\"advanced-search\">\n <div\n v-if=\"firstLoaded\"\n v-show=\"showFilters\"\n class=\"advanced-search-container\"\n >\n <fieldset class=\"d-flex flex-column flex-grow-3\">\n <legend class=\"text-primary mb-2\">\n {{ t(\"Filter\") }}\n </legend>\n <MonetizableFilter\n v-if=\"!isPodcastmaker && !generalStore.platformEducation\"\n :is-emission=\"isEmission\"\n :monetisable=\"monetisable\"\n @update:monetisable=\"updateMonetisable\"\n />\n <CategorySearchFilter\n v-if=\"state.advancedSearch?.disableIabFiltering !== true\"\n :iab-id=\"iabId\"\n class=\"mb-3\"\n @update:iab-id=\"updateIab\"\n />\n <RubriqueFilter\n :rubrique-filter=\"rubriqueFilter\"\n @update:rubrique-filter=\"updateRubriquageFilter\"\n />\n\n \n <div v-if=\"showEmissionGroups\" class=\"mt-3 d-flex\">\n <ClassicCheckbox\n v-model:text-init=\"emissionGroupCheckbox\"\n class=\"flex-shrink-0\"\n id-checkbox=\"search-emission-groups-checkbox\"\n :label=\"t('Filters - Emission groups')\"\n />\n\n <EmissionGroupChooser\n v-if=\"emissionGroupCheckbox\"\n class=\"ms-4 flex-grow-1\"\n :organisation-id=\"organisationId\"\n :groups=\"emissionGroups\"\n @update:groups=\"updateEmissionGroupFilter\"\n />\n </div>\n\n \n <DateFilter\n :is-emission=\"isEmission\"\n :from-date=\"fromDate\"\n :to-date=\"toDate\"\n @update-dates=\"updateDates($event)\"\n />\n\n \n <div v-if=\"beneficiariesEnabled\" class=\"mt-3 d-flex\">\n <ClassicCheckbox\n :text-init=\"beneficiaries !== null && beneficiaries !== undefined\"\n class=\"flex-shrink-0\"\n id-checkbox=\"search-beneficiaries-checkbox\"\n :label=\"t('Filters - Beneficiaries')\"\n @update:text-init=\"updateBeneficiariesCheckbox\"\n />\n\n <ClassicTagInput\n v-if=\"beneficiaries !== null && beneficiaries !== undefined\"\n class=\"ms-4 flex-grow-1\"\n :tags=\"beneficiaries\"\n @update:tags=\"updateBeneficiaries\"\n />\n </div>\n\n \n <div v-if=\"!isEmission && !isPodcastmaker\" class=\"mt-3 d-flex\">\n <ClassicCheckbox\n :text-init=\"onlyMyEpisodes\"\n class=\"flex-shrink-0\"\n id-checkbox=\"search-onlymine-checkbox\"\n :label=\"t('Filters - Only my episodes')\"\n @update:text-init=\"updateOnlyMineCheckbox\"\n />\n </div>\n\n <div\n v-if=\"organisation && organisationRight && !isPodcastmaker\"\n class=\"d-flex flex-column mt-3\"\n >\n <ClassicCheckbox\n :text-init=\"includeHidden\"\n class=\"flex-shrink-0\"\n id-checkbox=\"search-future-checkbox\"\n :label=\"textNotVisible\"\n :is-disabled=\"isSelectValidity && 'true'!==validity\"\n @update:text-init=\"updateIncludeHidden\"\n />\n </div>\n\n <ClassicSelect\n v-if=\"isSelectValidity\"\n :text-init=\"validity\"\n id-select=\"valid-episodes-select\"\n :label=\"t('Episodes to validate')+' :'\"\n :display-label=\"true\"\n class-label=\"flex-shrink-0 me-1\"\n class=\"d-flex align-items-center mt-3 mb-0\"\n :options=\"[\n { title: t('Display only episodes to validate'), value: 'false' },\n { title: t('Display episodes to validate'), value: '' },\n { title: t('Do not display episodes to validate'), value: 'true' },\n ]\"\n @update:text-init=\"updateValidity\"\n />\n\n \n <ClassicCheckbox\n v-if=\"!isEmission\"\n :text-init=\"onlyVideo\"\n class=\"flex-shrink-0 mt-3\"\n id-checkbox=\"only-video-checkbox\"\n :label=\"t('Show only episodes with video')\"\n @update:text-init=\"updateOnlyVideo\"\n />\n </fieldset>\n\n \n <SearchOrder\n :is-emission=\"isEmission\"\n :sort=\"sort\"\n @update:sort=\"updateSort\"\n />\n </div>\n </Transition>\n </div>\n</template>\n\n<script setup lang=\"ts\">\nimport ChevronDownIcon from \"vue-material-design-icons/ChevronDown.vue\";\nimport {useOrgaComputed} from \"../../composable/useOrgaComputed\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\nimport { useFilterStore } from \"../../../stores/FilterStore\";\nimport { useRubriquesFilterParam } from \"../../composable/route/useRubriquesFilterParam\";\nimport { RubriquageFilter } from \"@/stores/class/rubrique/rubriquageFilter\";\nimport { defineAsyncComponent, ref, computed, watch, onMounted } from \"vue\";\nimport { useGeneralStore } from \"../../../stores/GeneralStore\";\nimport { useI18n } from \"vue-i18n\";\nimport { state } from \"@/stores/ParamSdkStore\";\nconst MonetizableFilter = defineAsyncComponent(\n () => import(\"./MonetizableFilter.vue\"),\n);\nconst CategorySearchFilter = defineAsyncComponent(\n () => import(\"./CategorySearchFilter.vue\"),\n);\nconst RubriqueFilter = defineAsyncComponent(\n () => import(\"./RubriqueFilter.vue\"),\n);\nconst ClassicSelect = defineAsyncComponent(\n () => import(\"../../form/ClassicSelect.vue\"),\n);\nconst ClassicTagInput = defineAsyncComponent(\n () => import(\"../../form/ClassicTagInput.vue\"),\n);\nconst ClassicCheckbox = defineAsyncComponent(\n () => import(\"../../form/ClassicCheckbox.vue\"),\n);\nconst DateFilter = defineAsyncComponent(() => import(\"./DateFilter.vue\"));\nconst SearchOrder = defineAsyncComponent(() => import(\"./SearchOrder.vue\"));\nimport { ROUTE_PARAMS } from '../../composable/route/types';\nimport { EmissionGroup, groupsApi } from \"../../../api/groupsApi\";\nimport EmissionGroupChooser from \"../emission/EmissionGroupChooser.vue\";\n\n//Props \nconst props = withDefaults(defineProps<{\n organisationId?: string;\n /** Indicates that the filters apply to emissions */\n isEmission?: boolean;\n includeHidden?: boolean;\n sort?: string;\n onlyVideo?: boolean;\n monetisable?: string;\n iabId?: number;\n searchPattern?: string;\n fromDate?: string;\n toDate?: string;\n validity?: string;\n /** The filter on beneficiaries */\n beneficiaries?: Array<string>;\n /** The filter for only my episodes */\n onlyMyEpisodes?: boolean;\n rubriqueFilter?: Array<RubriquageFilter>;\n /** The filter on groups */\n emissionGroups?: Array<EmissionGroup>;\n /** Force hide the emission group filter */\n hideEmissionGroups?: boolean;\n}>(), {\n sort: \"DATE\",\n monetisable: \"UNDEFINED\",\n searchPattern: \"\",\n validity: \"\"\n});\n\n//Emits\nconst emit = defineEmits([\n \"update:toDate\",\n \"update:fromDate\",\n \"update:monetisable\",\n \"update:iabId\",\n \"update:sort\",\n \"update:includeHidden\",\n \"update:validity\",\n \"update:rubriqueFilter\",\n \"update:onlyVideo\",\n \"update:beneficiaries\",\n \"update:emission-groups\",\n \"update:only-my-episodes\"\n]);\n\n//Data \nconst showFilters = ref(false);\nconst firstLoaded = ref(false);\nconst showEmissionGroups = ref(false);\n\n//Composables\nconst { t } = useI18n();\nconst { isPodcastmaker, isEditRights } = useOrgaComputed();\nconst { stringifyRubriquesFilter,updateRouteParamAdvanced } = useRubriquesFilterParam();\nconst generalStore = useGeneralStore();\nconst filterStore = useFilterStore();\nconst authStore = useAuthStore();\n\nonMounted(async() => {\n if (props.hideEmissionGroups) {\n showEmissionGroups.value = false;\n return;\n }\n // Only show emission groups if there are some\n const nbGroups = await groupsApi.count({\n organisationIds: [props.organisationId]\n });\n showEmissionGroups.value = nbGroups > 0;\n});\n\n//Computed\nconst organisationRight = computed(() => isEditRights(props.organisationId));\nconst organisation = computed(() => props.organisationId ?? filterStore.filterOrgaId);\nconst textNotVisible = computed(() => props.isEmission ? t(\"Consider podcasts no visible\"): t(\"See podcasts no visible\"));\nconst isSelectValidity = computed(() => {\n return (\n undefined !== organisation.value &&\n organisationRight.value &&\n (authStore.isRoleContribution || authStore.isRolePublication) &&\n !isPodcastmaker.value &&\n !props.isEmission &&\n props.includeHidden\n );\n});\n\n/** The beneficiaries filter is only displayed if beneficiaries are enabled */\nconst beneficiariesEnabled = computed(() => {\n return authStore.authOrganisation.attributes['beneficiaries.enabled'] === 'true';\n});\n\n//Watch\nwatch(organisation, async () => {\n const hidden = undefined !== organisation.value && organisationRight.value && !props.isEmission;\n if (hidden !== props.includeHidden) {\n updateIncludeHidden(hidden);\n }\n});\n\nwatch(()=>props.searchPattern, (value: string) => {\n const search = value.trim();\n let valSort = \"SCORE\"\n if(search.length <= 3){\n valSort = props.isEmission? \"LAST_PODCAST_DESC\" : \"DATE\";\n }\n updateRouteParamAdvanced({\n q: search.length ? search : undefined,\n s: valSort,\n });\n});\n\n//Methods\nfunction updateMonetisable(value: string): void {\n emit(\"update:monetisable\", value);\n updateRouteParamAdvanced({ m: \"UNDEFINED\" !== value ? value : undefined });\n}\n\nfunction updateIab(value: number | undefined) {\n emit(\"update:iabId\", 0 !== value ? value : undefined);\n let filterIab = {};\n if (filterStore.filterIab && filterStore.filterIab.id !== value) {\n filterIab = { iabId: undefined };\n }\n updateRouteParamAdvanced({\n ...{ i: value ? value.toString() : undefined },\n ...filterIab,\n });\n}\n\nfunction updateSort(value: string) {\n emit(\"update:sort\", value);\n updateRouteParamAdvanced({ s: value });\n}\n\nfunction updateIncludeHidden(value: boolean) {\n emit(\"update:includeHidden\", value);\n updateRouteParamAdvanced({ h: value.toString() });\n}\n\nfunction updateValidity(value: boolean) {\n emit(\"update:validity\", value);\n updateRouteParamAdvanced({ vl: value.toString() });\n}\n\nfunction updateOnlyVideo(value: boolean) {\n emit(\"update:onlyVideo\", value);\n updateRouteParamAdvanced({ v: value ? \"true\" : undefined });\n}\n\nfunction updateDates(value: {\n from: string | undefined;\n to: string | undefined;\n}): void {\n emit(\"update:fromDate\", value.from);\n emit(\"update:toDate\", value.to);\n updateRouteParamAdvanced({ from: value.from, to: value.to });\n}\n\nfunction updateRubriquageFilter(value: Array<RubriquageFilter>) {\n emit(\"update:rubriqueFilter\", value);\n let filterRubriques = {};\n const valueString = stringifyRubriquesFilter(value);\n if (\n filterStore.filterRubrique.length &&\n stringifyRubriquesFilter(filterStore.filterRubrique) !== valueString\n ) {\n filterRubriques = { rubriquesId: undefined };\n }\n updateRouteParamAdvanced({\n r: valueString.length ? valueString : undefined,\n ...filterRubriques,\n });\n}\n\n/** Manage the checkbox enabling filtering on groups */\nconst emissionGroupCheckbox = computed({\n get(): boolean {\n return props.emissionGroups !== undefined && props.emissionGroups !== null;\n },\n set(value: boolean): void {\n if (value) {\n updateEmissionGroupFilter([]);\n } else {\n updateEmissionGroupFilter(undefined);\n }\n }\n});\n\n/** Update selected groups */\nfunction updateEmissionGroupFilter(groups: Array<EmissionGroup>|undefined): void {\n if (groups !== undefined && groups.length === 0) {\n emit('update:emission-groups', []);\n } else {\n updateRouteParamAdvanced({\n [ROUTE_PARAMS.EmissionGroups]: groups?.map(g => g.groupId)\n });\n emit('update:emission-groups', groups);\n }\n}\n\n/** Update the beneficiaries filter */\nfunction updateBeneficiaries(value: string[]|undefined): void {\n emit('update:beneficiaries', value);\n if (value === undefined) {\n updateRouteParamAdvanced({ [ROUTE_PARAMS.Beneficiaries]: undefined });\n } else {\n updateRouteParamAdvanced({ [ROUTE_PARAMS.Beneficiaries]: value });\n }\n}\n\n/** Update the value of the beneficiaries checkbox */\nfunction updateBeneficiariesCheckbox(value: boolean): void {\n if (value === true) {\n emit('update:beneficiaries', []);\n } else {\n updateBeneficiaries(undefined);\n }\n}\n\n/** Update the value of the 'only mine' checkbox */\nfunction updateOnlyMineCheckbox(value: boolean): void {\n emit('update:only-my-episodes', value);\n updateRouteParamAdvanced({\n [ROUTE_PARAMS.OnlyMyEpisodes]: value || undefined\n });\n}\n\nfunction clickShowFilters(): void {\n if (!firstLoaded.value) {\n firstLoaded.value = true;\n }\n showFilters.value = !showFilters.value;\n}\n</script>\n\n<style lang=\"scss\">\n.octopus-app {\n .advanced-search-container {\n background: var(--octopus-background);\n display: flex;\n width: 100%;\n padding-bottom: 1rem;\n justify-content: space-around;\n\n @media (width <= 720px) {\n flex-wrap: wrap;\n }\n }\n\n .advanced-search-enter-active,\n .advanced-search-leave-active {\n transition: 0.3s all;\n opacity: 1;\n max-height: 900px;\n height: auto;\n overflow: hidden;\n }\n\n .advanced-search-enter-from,\n .advanced-search-leave-to {\n opacity: 0;\n max-height: 0;\n overflow: hidden;\n }\n}\n</style>\n"],"mappings":"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"}

package/dist/CategoryChooser-CSUjIA0D.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"CategoryChooser-CSUjIA0D.mjs","names":["_openBlock","_createBlock","_sfc_main"],"sources":["../src/components/display/categories/CategoryChooser.vue","../src/components/display/categories/CategoryChooser.vue"],"sourcesContent":["<template>\n <ClassicMultiselect\n :id=\"idClassicMultiselect\"\n ref=\"selectCategory\"\n :option-chosen=\"model\"\n option-label=\"name\"\n :display-label=\"displayLabel\"\n :label=\"label ?? t('By category')\"\n :text-danger=\"textDanger\"\n :placeholder=\"t('Type string to filter by categories')\"\n :max-element=\"maxElement\"\n :in-modal=\"inModal\"\n :multiple=\"multiple\"\n :min-search-length=\"1\"\n :width=\"width\"\n :height=\"height\"\n :is-disabled=\"isDisabled\"\n :no-deselect=\"noDeselect\"\n :display-required=\"displayRequired\"\n :popover=\"popover\"\n :popover-relative-class=\"popoverRelativeClass\"\n @on-search=\"onSearchCategory\"\n @selected=\"onCategorySelected\"\n />\n</template>\n\n<script setup lang=\"ts\">\nimport { useGeneralStore } from \"../../../stores/GeneralStore\";\nimport ClassicMultiselect from \"../../form/ClassicMultiselect.vue\";\nimport { Category } from \"@/stores/class/general/category\";\nimport { computed, onMounted, Ref, ref, useTemplateRef, watch } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \nconst props = defineProps({\n defaultanswer: { default: \"\", type: String },\n width: { default: \"100%\", type: String },\n height: { default: undefined, type: String },\n multiple: { default: false, type: Boolean },\n isDisabled: { default: false, type: Boolean },\n initCategories: {\n default: undefined,\n type: Array as () => Array<Category>,\n },\n displayAllCategories: { default: false, type: Boolean },\n categorySelected: { default: undefined, type: Number },\n categorySelectedArray: {\n default: undefined,\n type: Array as () => Array<number>,\n },\n inModal: { default: false, type: Boolean },\n noDeselect: { default: true, type: Boolean },\n label:{default: undefined, type: String },\n displayLabel: { default: false, type: Boolean },\n textDanger :{ default: undefined, type: String },\n displayRequired: { default: false, type: Boolean },\n popover: { default: undefined, type: String },\n popoverRelativeClass: { default: undefined, type: String },\n})\n\n//Emits\nconst emit = defineEmits([\n \"update:categorySelected\",\n \"update:categorySelectedArray\",\n \"selected\"\n]);\n\n\n//Data \nconst maxElement = ref(50);\nconst category: Ref<Category | undefined> = ref(undefined);\nconst categoryForArray: Ref<Array<Category> | undefined> = ref([]);\nconst selectCategoryRef=useTemplateRef('selectCategory');\n\n//Composables\nconst { t } = useI18n();\nconst generalStore = useGeneralStore();\n\n\n//Computed\nconst categoriesChosen = computed(() => {\n if (props.initCategories) {\n return props.initCategories;\n }\n return generalStore.storedCategories;\n});\nconst categoriesOrdered = computed(() => {\n let allCategoriesOrdered = categoriesChosen.value.toSorted(\n (a: Category, b: Category) => (a.name > b.name ? 1 : -1),\n );\n if (!props.displayAllCategories) {\n allCategoriesOrdered = allCategoriesOrdered.filter((c: Category) => {\n return c.podcastCount;\n });\n }\n if (getDefaultCategory.value) {\n allCategoriesOrdered.unshift(getDefaultCategory.value);\n }\n return allCategoriesOrdered;\n});\nconst getDefaultCategory = computed(() => {\n if (\"\" === props.defaultanswer) {\n return undefined;\n }\n return { id: 0, name: props.defaultanswer };\n});\nconst idClassicMultiselect = computed(() => {\n if (props.multiple) return \"categoryChooser\" + props.multiple;\n return \"categoryChooser\";\n});\nconst model = computed({\n get(): Category | Array<Category> | undefined {\n return props.multiple ? categoryForArray.value :category.value;\n },\n set(value: Category | Array<Category> | undefined): void {\n if (!props.multiple) {\n category.value = value as Category | undefined;\n return;\n }\n categoryForArray.value = value as Array<Category> | undefined;\n },\n});\n\n\n//Watch\nwatch(()=>props.categorySelected, async () => {\n if (props.categorySelected) {\n initCategorySelected();\n } else {\n category.value = getDefaultCategory.value;\n }\n}, {immediate: true});\n\n\nonMounted(()=>initCategoryArray())\n\n\n//Methods\nasync function onSearchCategory(query?: string): Promise<void> {\n let categories = categoriesOrdered.value;\n if (query) {\n categories = categories.filter((item: Category) => {\n return item.name.toUpperCase().includes(query.toUpperCase());\n });\n }\n (selectCategoryRef?.value as InstanceType<typeof ClassicMultiselect>).afterSearch(categories, categories.length);\n}\nfunction onCategorySelected(category: Category | Array<Category>): void {\n if (undefined !== props.categorySelected) {\n emit(\"update:categorySelected\", (category as Category).id);\n } else if (undefined !== props.categorySelectedArray) {\n const idsArray: Array<number> = [];\n (category as Array<Category>).forEach((el: Category) => {\n idsArray.push(el.id);\n });\n emit(\"update:categorySelectedArray\", idsArray);\n } else {\n emit(\"selected\", category);\n }\n}\nfunction initCategorySelected(): void {\n category.value =\n categoriesChosen.value.find((el: Category) => {\n return el.id === props.categorySelected;\n }) ?? getDefaultCategory.value;\n}\nfunction initCategoryArray(): void {\n if (!categoryForArray.value || !props.categorySelectedArray) {\n return;\n }\n categoryForArray.value.length = 0;\n props.categorySelectedArray.forEach((element: number) => {\n const item = categoriesChosen.value.find((el: Category) => {\n return el.id === element;\n });\n if (categoryForArray.value && item) {\n categoryForArray.value.push(item);\n }\n });\n}\n</script>\n","<template>\n <ClassicMultiselect\n :id=\"idClassicMultiselect\"\n ref=\"selectCategory\"\n :option-chosen=\"model\"\n option-label=\"name\"\n :display-label=\"displayLabel\"\n :label=\"label ?? t('By category')\"\n :text-danger=\"textDanger\"\n :placeholder=\"t('Type string to filter by categories')\"\n :max-element=\"maxElement\"\n :in-modal=\"inModal\"\n :multiple=\"multiple\"\n :min-search-length=\"1\"\n :width=\"width\"\n :height=\"height\"\n :is-disabled=\"isDisabled\"\n :no-deselect=\"noDeselect\"\n :display-required=\"displayRequired\"\n :popover=\"popover\"\n :popover-relative-class=\"popoverRelativeClass\"\n @on-search=\"onSearchCategory\"\n @selected=\"onCategorySelected\"\n />\n</template>\n\n<script setup lang=\"ts\">\nimport { useGeneralStore } from \"../../../stores/GeneralStore\";\nimport ClassicMultiselect from \"../../form/ClassicMultiselect.vue\";\nimport { Category } from \"@/stores/class/general/category\";\nimport { computed, onMounted, Ref, ref, useTemplateRef, watch } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \nconst props = defineProps({\n defaultanswer: { default: \"\", type: String },\n width: { default: \"100%\", type: String },\n height: { default: undefined, type: String },\n multiple: { default: false, type: Boolean },\n isDisabled: { default: false, type: Boolean },\n initCategories: {\n default: undefined,\n type: Array as () => Array<Category>,\n },\n displayAllCategories: { default: false, type: Boolean },\n categorySelected: { default: undefined, type: Number },\n categorySelectedArray: {\n default: undefined,\n type: Array as () => Array<number>,\n },\n inModal: { default: false, type: Boolean },\n noDeselect: { default: true, type: Boolean },\n label:{default: undefined, type: String },\n displayLabel: { default: false, type: Boolean },\n textDanger :{ default: undefined, type: String },\n displayRequired: { default: false, type: Boolean },\n popover: { default: undefined, type: String },\n popoverRelativeClass: { default: undefined, type: String },\n})\n\n//Emits\nconst emit = defineEmits([\n \"update:categorySelected\",\n \"update:categorySelectedArray\",\n \"selected\"\n]);\n\n\n//Data \nconst maxElement = ref(50);\nconst category: Ref<Category | undefined> = ref(undefined);\nconst categoryForArray: Ref<Array<Category> | undefined> = ref([]);\nconst selectCategoryRef=useTemplateRef('selectCategory');\n\n//Composables\nconst { t } = useI18n();\nconst generalStore = useGeneralStore();\n\n\n//Computed\nconst categoriesChosen = computed(() => {\n if (props.initCategories) {\n return props.initCategories;\n }\n return generalStore.storedCategories;\n});\nconst categoriesOrdered = computed(() => {\n let allCategoriesOrdered = categoriesChosen.value.toSorted(\n (a: Category, b: Category) => (a.name > b.name ? 1 : -1),\n );\n if (!props.displayAllCategories) {\n allCategoriesOrdered = allCategoriesOrdered.filter((c: Category) => {\n return c.podcastCount;\n });\n }\n if (getDefaultCategory.value) {\n allCategoriesOrdered.unshift(getDefaultCategory.value);\n }\n return allCategoriesOrdered;\n});\nconst getDefaultCategory = computed(() => {\n if (\"\" === props.defaultanswer) {\n return undefined;\n }\n return { id: 0, name: props.defaultanswer };\n});\nconst idClassicMultiselect = computed(() => {\n if (props.multiple) return \"categoryChooser\" + props.multiple;\n return \"categoryChooser\";\n});\nconst model = computed({\n get(): Category | Array<Category> | undefined {\n return props.multiple ? categoryForArray.value :category.value;\n },\n set(value: Category | Array<Category> | undefined): void {\n if (!props.multiple) {\n category.value = value as Category | undefined;\n return;\n }\n categoryForArray.value = value as Array<Category> | undefined;\n },\n});\n\n\n//Watch\nwatch(()=>props.categorySelected, async () => {\n if (props.categorySelected) {\n initCategorySelected();\n } else {\n category.value = getDefaultCategory.value;\n }\n}, {immediate: true});\n\n\nonMounted(()=>initCategoryArray())\n\n\n//Methods\nasync function onSearchCategory(query?: string): Promise<void> {\n let categories = categoriesOrdered.value;\n if (query) {\n categories = categories.filter((item: Category) => {\n return item.name.toUpperCase().includes(query.toUpperCase());\n });\n }\n (selectCategoryRef?.value as InstanceType<typeof ClassicMultiselect>).afterSearch(categories, categories.length);\n}\nfunction onCategorySelected(category: Category | Array<Category>): void {\n if (undefined !== props.categorySelected) {\n emit(\"update:categorySelected\", (category as Category).id);\n } else if (undefined !== props.categorySelectedArray) {\n const idsArray: Array<number> = [];\n (category as Array<Category>).forEach((el: Category) => {\n idsArray.push(el.id);\n });\n emit(\"update:categorySelectedArray\", idsArray);\n } else {\n emit(\"selected\", category);\n }\n}\nfunction initCategorySelected(): void {\n category.value =\n categoriesChosen.value.find((el: Category) => {\n return el.id === props.categorySelected;\n }) ?? getDefaultCategory.value;\n}\nfunction initCategoryArray(): void {\n if (!categoryForArray.value || !props.categorySelectedArray) {\n return;\n }\n categoryForArray.value.length = 0;\n props.categorySelectedArray.forEach((element: number) => {\n const item = categoriesChosen.value.find((el: Category) => {\n return el.id === element;\n });\n if (categoryForArray.value && item) {\n categoryForArray.value.push(item);\n }\n });\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAkCA,MAAM,QAAQ;EA2Bd,MAAM,OAAO;EAQb,MAAM,aAAa,IAAI,EAAE;EACzB,MAAM,WAAsC,IAAI,KAAA,CAAS;EACzD,MAAM,mBAAqD,IAAI,CAAC,CAAC;EACjE,MAAM,oBAAkB,eAAe,gBAAgB;EAGvD,MAAM,EAAE,MAAM,QAAQ;EACtB,MAAM,eAAe,gBAAgB;EAIrC,MAAM,mBAAmB,eAAe;GACtC,IAAI,MAAM,gBACR,OAAO,MAAM;GAEf,OAAO,aAAa;EACtB,CAAC;EACD,MAAM,oBAAoB,eAAe;GACvC,IAAI,uBAAuB,iBAAiB,MAAM,UAC/C,GAAa,MAAiB,EAAE,OAAO,EAAE,OAAO,IAAI,EACvD;GACA,IAAI,CAAC,MAAM,sBACT,uBAAuB,qBAAqB,QAAQ,MAAgB;IAClE,OAAO,EAAE;GACX,CAAC;GAEH,IAAI,mBAAmB,OACrB,qBAAqB,QAAQ,mBAAmB,KAAK;GAEvD,OAAO;EACT,CAAC;EACD,MAAM,qBAAqB,eAAe;GACxC,IAAI,OAAO,MAAM,eACf;GAEF,OAAO;IAAE,IAAI;IAAG,MAAM,MAAM;GAAc;EAC5C,CAAC;EACD,MAAM,uBAAuB,eAAe;GAC1C,IAAI,MAAM,UAAU,OAAO,oBAAoB,MAAM;GACrD,OAAO;EACT,CAAC;EACD,MAAM,QAAQ,SAAS;GACrB,MAA8C;IAC5C,OAAO,MAAM,WAAW,iBAAiB,QAAO,SAAS;GAC3D;GACA,IAAI,OAAqD;IACvD,IAAI,CAAC,MAAM,UAAU;KACnB,SAAS,QAAQ;KACjB;IACF;IACA,iBAAiB,QAAQ;GAC3B;EACF,CAAC;EAID,YAAU,MAAM,kBAAkB,YAAY;GAC5C,IAAI,MAAM,kBACR,qBAAqB;QAErB,SAAS,QAAQ,mBAAmB;EAExC,GAAG,EAAC,WAAW,KAAI,CAAC;EAGpB,gBAAc,kBAAkB,CAAC;EAIjC,eAAe,iBAAiB,OAA+B;GAC7D,IAAI,aAAa,kBAAkB;GACnC,IAAI,OACF,aAAa,WAAW,QAAQ,SAAmB;IACjD,OAAO,KAAK,KAAK,YAAY,CAAC,CAAC,SAAS,MAAM,YAAY,CAAC;GAC7D,CAAC;GAEH,CAAC,mBAAmB,MAAA,CAAkD,YAAY,YAAY,WAAW,MAAM;EACjH;EACA,SAAS,mBAAmB,UAA4C;GACtE,IAAI,KAAA,MAAc,MAAM,kBACtB,KAAK,2BAA4B,SAAsB,EAAE;QACpD,IAAI,KAAA,MAAc,MAAM,uBAAuB;IACpD,MAAM,WAA0B,CAAC;IACjC,SAA8B,SAAS,OAAiB;KACtD,SAAS,KAAK,GAAG,EAAE;IACrB,CAAC;IACD,KAAK,gCAAgC,QAAQ;GAC/C,OACE,KAAK,YAAY,QAAQ;EAE7B;EACA,SAAS,uBAA6B;GACpC,SAAS,QACP,iBAAiB,MAAM,MAAM,OAAiB;IAC5C,OAAO,GAAG,OAAO,MAAM;GACzB,CAAC,KAAK,mBAAmB;EAC7B;EACA,SAAS,oBAA0B;GACjC,IAAI,CAAC,iBAAiB,SAAS,CAAC,MAAM,uBACpC;GAEF,iBAAiB,MAAM,SAAS;GAChC,MAAM,sBAAsB,SAAS,YAAoB;IACvD,MAAM,OAAO,iBAAiB,MAAM,MAAM,OAAiB;KACzD,OAAO,GAAG,OAAO;IACnB,CAAC;IACD,IAAI,iBAAiB,SAAS,MAC5B,iBAAiB,MAAM,KAAK,IAAI;GAEpC,CAAC;EACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CClLE,OAAAA,UAAA,GAAAC,YAsBE,OAAA,uBAAA;EArBC,IAAI,OAAA;EACL,KAAI;EACH,iBAAe,OAAA;EAChB,gBAAa;EACZ,iBAAe,OAAA;EACf,OAAO,OAAA,SAAS,OAAA,EAAC,aAAA;EACjB,eAAa,OAAA;EACb,aAAa,OAAA,EAAC,qCAAA;EACd,eAAa,OAAA;EACb,YAAU,OAAA;EACV,UAAU,OAAA;EACV,qBAAmB;EACnB,OAAO,OAAA;EACP,QAAQ,OAAA;EACR,eAAa,OAAA;EACb,eAAa,OAAA;EACb,oBAAkB,OAAA;EAClB,SAAS,OAAA;EACT,0BAAwB,OAAA;EACxB,YAAW,OAAA;EACX,YAAU,OAAA"}

package/dist/{CategoryChooser-CeF4n-nw.mjs → CategoryChooser-fAUMJNHu.mjs} RENAMED Viewed

@@ -1,6 +1,6 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.mjs";
 import { t } from "./GeneralStore-Darfv4af.mjs";
-import { t as n } from "./ClassicMultiselect-CDHdJjjV.mjs";
+import { t as n } from "./ClassicMultiselect-C0yzVQ8Y.mjs";
 import { computed as r, createBlock as i, defineComponent as a, onMounted as o, openBlock as s, ref as c, unref as l, useTemplateRef as u, watch as d } from "vue";
 import { useI18n as f } from "vue-i18n";
 //#region src/components/display/categories/CategoryChooser.vue?vue&type=script&setup=true&lang.ts

package/dist/CategoryFilter-B0S_nCvS.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"CategoryFilter-B0S_nCvS.mjs","names":["_openBlock","_createElementBlock","_Fragment","_withDirectives","_createElementVNode","_normalizeStyle","_toDisplayString","_vShow","_createCommentVNode","_renderList","_normalizeClass","_createBlock","_sfc_main"],"sources":["../src/components/display/categories/CategoryFilter.vue","../src/components/display/categories/CategoryFilter.vue"],"sourcesContent":["<template>\n <section\n v-show=\"isHeaderDisplay\"\n class=\"header-img flex-column justify-content-end\"\n :style=\"backgroundDisplay\"\n >\n <h1 v-if=\"isHeaderDisplay\" v-show=\"titleDisplay\">\n {{ titleDisplay ?? t(\"Home\") }}\n </h1>\n <div\n v-show=\"isDisplay\"\n class=\"d-flex-low-importance flex-column justify-content-end\"\n >\n <ol\n v-if=\"filterStore.filterIab || filterStore.filterRubrique.length\"\n class=\"octopus-breadcrumb\"\n >\n <li class=\"octopus-breadcrumb-li\">\n <a href=\"#\" @click=\"removeFilter(-1, $event)\">{{ t(\"All\") }}</a>\n </li>\n <li v-if=\"filterStore.filterIab\" class=\"octopus-breadcrumb-li\">\n {{ filterStore.filterIab.name }}\n </li>\n <li\n v-for=\"(filter, index) in filterStore.filterRubrique\"\n :key=\"filter.rubriqueId\"\n class=\"octopus-breadcrumb-li\"\n :class=\"filterStore.filterRubrique.length - 1 === index ? 'active' : ''\"\n >\n <a\n v-if=\"filterStore.filterRubrique.length - 1 !== index\"\n href=\"#\"\n @click=\"removeFilter(index, $event)\"\n >{{ filter.nameRubriquage }}</a\n >\n <div v-else class=\"fw-bold\">\n {{ filter.nameRubriquage }}\n </div>\n <div class=\"mx-1\">:</div>\n <RubriqueChooser\n v-if=\"getRubriquesLength(filter.rubriquageId)\"\n :id=\"'rubrique-chooser'+filter.rubriquageId\"\n class=\"ms-2 multiselect-transparent multiselect-white\"\n :multiple=\"false\"\n :rubrique-selected=\"filter.rubriqueId\"\n :all-rubriques=\"getRubriques(filter.rubriquageId)\"\n width=\"auto\"\n @selected=\"onRubriqueSelected(index, $event)\"\n />\n </li>\n </ol>\n <CategoryList\n v-if=\"!filterStore.filterIab && !rubriquageFilter.length\"\n :is-filter=\"true\"\n :is-display=\"isDisplay\"\n @categories-length=\"checkIfCategories\"\n />\n <RubriqueList\n v-else-if=\"\n isDisplay && rubriquageFilter.length !== filterStore.filterRubrique.length\n \"\n :rubriquages=\"rubriquageFilter\"\n />\n </div>\n </section>\n <section v-if=\"!isDisplay\" class=\"category-filter-no-filter\" />\n</template>\n\n<script setup lang=\"ts\">\nimport { useI18n } from \"vue-i18n\";\nimport { useRubriquesFilterParam } from \"../../composable/route/useRubriquesFilterParam\";\nimport { useRouteUpdateParams } from \"../../composable/route/useRouteUpdateParams\";\nimport { Rubriquage } from \"@/stores/class/rubrique/rubriquage\";\nimport { RubriquageFilter } from \"@/stores/class/rubrique/rubriquageFilter\";\nimport { Rubrique } from \"@/stores/class/rubrique/rubrique\";\nimport { useFilterStore } from \"../../../stores/FilterStore\";\nimport { useGeneralStore } from \"../../../stores/GeneralStore\";\nimport { defineAsyncComponent, ref, computed, watch } from \"vue\";\nimport { Category } from \"@/stores/class/general/category\";\nimport { useRoute } from \"vue-router\";\nconst CategoryList = defineAsyncComponent(() => import(\"./CategoryList.vue\"));\nconst RubriqueList = defineAsyncComponent(\n () => import(\"./../rubriques/RubriqueList.vue\"),\n);\nconst RubriqueChooser = defineAsyncComponent(\n () => import(\"../rubriques/RubriqueChooser.vue\"),\n);\n\n//Data \nconst isCategories = ref(false);\n\n//Composables\nconst { t } = useI18n();\nconst { updateFiltersParam } = useRouteUpdateParams();\nconst { modifyRubriquesFilter } = useRubriquesFilterParam();\nconst generalStore = useGeneralStore();\nconst filterStore = useFilterStore();\nconst route = useRoute();\n\n//Computed\nconst isDisplay = computed(() => {\n return (\n (\"homePriv\" === route.name ||\n \"home\" === route.name ||\n \"podcasts\" === route.name ||\n \"emissions\" === route.name) &&\n (isCategories.value ||\n undefined !== filterStore.filterIab ||\n 0 !== filterStore.filterRubrique.length ||\n 0 !== rubriquageFilter.value.length)\n );\n});\nconst isHeaderDisplay = computed(() => {\n return (\n isDisplay.value ||\n \"participants\" === route.name ||\n \"playlists\" === route.name\n );\n});\nconst rubriquageFilter = computed(() => filterStore.filterOrgaId ? filterStore.filterRubriquage : []);\nconst titleDisplay = computed(() => {\n switch (route.name) {\n case \"podcasts\":\n return t(\"All podcasts\");\n case \"emissions\":\n return t(\"All emissions\");\n case \"participants\":\n return t(\"All participants\");\n case \"playlists\":\n return t(\"All playlists\");\n default:\n return undefined;\n }\n});\nconst backgroundDisplay = computed(() => {\n let imgName = \"home\";\n switch (route.name) {\n case \"podcasts\":\n imgName = \"podcasts\";\n break;\n case \"emissions\":\n imgName = \"emissions\";\n break;\n case \"participants\":\n imgName = \"intervenants\";\n break;\n case \"playlists\":\n imgName = \"playlists\";\n break;\n default:\n break;\n }\n return `background-image: url('/img/header-${imgName}.webp');`;\n});\nconst routeFilterIab = computed(() => route.query.iabId);\nconst routeRubriques = computed(() => route.query.rubriquesId);\n\n\n//Watch\nwatch(routeFilterIab, () => {\n if (routeFilterIab.value && \"string\" === typeof routeFilterIab.value) {\n const iabId = parseInt(routeFilterIab.value, 10);\n const category = generalStore.storedCategories.filter((c: Category) => {\n return c.id === iabId;\n });\n if (category.length) {\n filterStore.filterUpdateIab(category[0]);\n }\n } else {\n filterStore.filterUpdateIab();\n }\n}, {deep: true, immediate: true});\nwatch(routeRubriques, () => {\n if (0 === filterStore.filterRubriquage.length) {\n return;\n }\n const rubriquesFilter: Array<RubriquageFilter> = [];\n if (\n route.query.rubriquesId &&\n \"string\" === typeof route.query.rubriquesId\n ) {\n const arrayFilter = route.query.rubriquesId.split(\",\");\n const filterLength = arrayFilter.length;\n for (let index = 0; index < filterLength; index++) {\n const rubriqueFilter = arrayFilter[index].split(\":\");\n const rubriquage = filterStore.filterRubriquage.find((x: Rubriquage) => {\n return x.rubriquageId === parseInt(rubriqueFilter[0]);\n });\n if (rubriquage) {\n const rubrique = rubriquage.rubriques.find((x: Rubrique) => {\n return x.rubriqueId === parseInt(rubriqueFilter[1]);\n });\n rubriquesFilter.push({\n rubriquageId: rubriquage.rubriquageId,\n rubriqueId: rubrique?.rubriqueId,\n nameRubriquage: rubriquage.title,\n nameRubrique: rubrique?.name,\n });\n }\n }\n }\n filterStore.filterUpdateRubrique(rubriquesFilter);\n}, {deep: true, immediate: true});\n\n\n//Methods\nfunction checkIfCategories(length: number): void {\n isCategories.value = 0 !== length;\n}\nfunction onRubriqueSelected(index: number, rubrique: Rubrique): void {\n if (\n !rubrique ||\n filterStore.filterRubrique[index].rubriqueId === rubrique.rubriqueId\n ) {\n return;\n }\n modifyRubriquesFilter((a) => {\n a[index].rubriqueId = rubrique.rubriqueId ?? 0;\n return a;\n });\n}\nfunction getRubriques(rubriquageId: number): Array<Rubrique> {\n const rubriquage = filterStore.filterRubriquage.find((x: Rubriquage) => {\n return x.rubriquageId === rubriquageId;\n });\n return rubriquage ? rubriquage.rubriques : [];\n}\nfunction getRubriquesLength(rubriquageId: number): number {\n const rubriquage = filterStore.filterRubriquage.find((x: Rubriquage) => {\n return x.rubriquageId === rubriquageId;\n });\n return rubriquage ? rubriquage.rubriques.length : 0;\n}\nfunction removeFilter(index: number, event?: { preventDefault: () => void }): void {\n if (filterStore.filterIab) {\n if (route.query.iabId) {\n updateFiltersParam({ iabId: undefined }, { i: undefined });\n }\n } else {\n modifyRubriquesFilter((a) => {\n a.splice(index + 1);\n return a;\n });\n }\n if (event) {\n event.preventDefault();\n }\n}\n</script>\n<style lang=\"scss\">\n.octopus-app {\n .header-img {\n display: flex;\n min-height: 10rem;\n background-size: cover;\n background-position: center;\n\n h1 {\n margin: auto 1rem;\n font-size: 2rem;\n color: white;\n }\n\n @media (width <= 960px) {\n min-height: 6rem;\n }\n }\n\n .octopus-breadcrumb {\n display: flex;\n align-items: center;\n justify-content: center;\n flex-wrap: wrap;\n padding: 1rem;\n\n .octopus-breadcrumb-li {\n display: flex;\n align-items: center;\n list-style: none;\n color: white !important;\n\n a {\n color: white !important;\n font-weight: bold;\n }\n\n &::after {\n content: \"-\";\n margin: 0 0.5rem;\n }\n\n &:last-child {\n &::after {\n content: \"\";\n }\n }\n }\n }\n}\n</style>\n","<template>\n <section\n v-show=\"isHeaderDisplay\"\n class=\"header-img flex-column justify-content-end\"\n :style=\"backgroundDisplay\"\n >\n <h1 v-if=\"isHeaderDisplay\" v-show=\"titleDisplay\">\n {{ titleDisplay ?? t(\"Home\") }}\n </h1>\n <div\n v-show=\"isDisplay\"\n class=\"d-flex-low-importance flex-column justify-content-end\"\n >\n <ol\n v-if=\"filterStore.filterIab || filterStore.filterRubrique.length\"\n class=\"octopus-breadcrumb\"\n >\n <li class=\"octopus-breadcrumb-li\">\n <a href=\"#\" @click=\"removeFilter(-1, $event)\">{{ t(\"All\") }}</a>\n </li>\n <li v-if=\"filterStore.filterIab\" class=\"octopus-breadcrumb-li\">\n {{ filterStore.filterIab.name }}\n </li>\n <li\n v-for=\"(filter, index) in filterStore.filterRubrique\"\n :key=\"filter.rubriqueId\"\n class=\"octopus-breadcrumb-li\"\n :class=\"filterStore.filterRubrique.length - 1 === index ? 'active' : ''\"\n >\n <a\n v-if=\"filterStore.filterRubrique.length - 1 !== index\"\n href=\"#\"\n @click=\"removeFilter(index, $event)\"\n >{{ filter.nameRubriquage }}</a\n >\n <div v-else class=\"fw-bold\">\n {{ filter.nameRubriquage }}\n </div>\n <div class=\"mx-1\">:</div>\n <RubriqueChooser\n v-if=\"getRubriquesLength(filter.rubriquageId)\"\n :id=\"'rubrique-chooser'+filter.rubriquageId\"\n class=\"ms-2 multiselect-transparent multiselect-white\"\n :multiple=\"false\"\n :rubrique-selected=\"filter.rubriqueId\"\n :all-rubriques=\"getRubriques(filter.rubriquageId)\"\n width=\"auto\"\n @selected=\"onRubriqueSelected(index, $event)\"\n />\n </li>\n </ol>\n <CategoryList\n v-if=\"!filterStore.filterIab && !rubriquageFilter.length\"\n :is-filter=\"true\"\n :is-display=\"isDisplay\"\n @categories-length=\"checkIfCategories\"\n />\n <RubriqueList\n v-else-if=\"\n isDisplay && rubriquageFilter.length !== filterStore.filterRubrique.length\n \"\n :rubriquages=\"rubriquageFilter\"\n />\n </div>\n </section>\n <section v-if=\"!isDisplay\" class=\"category-filter-no-filter\" />\n</template>\n\n<script setup lang=\"ts\">\nimport { useI18n } from \"vue-i18n\";\nimport { useRubriquesFilterParam } from \"../../composable/route/useRubriquesFilterParam\";\nimport { useRouteUpdateParams } from \"../../composable/route/useRouteUpdateParams\";\nimport { Rubriquage } from \"@/stores/class/rubrique/rubriquage\";\nimport { RubriquageFilter } from \"@/stores/class/rubrique/rubriquageFilter\";\nimport { Rubrique } from \"@/stores/class/rubrique/rubrique\";\nimport { useFilterStore } from \"../../../stores/FilterStore\";\nimport { useGeneralStore } from \"../../../stores/GeneralStore\";\nimport { defineAsyncComponent, ref, computed, watch } from \"vue\";\nimport { Category } from \"@/stores/class/general/category\";\nimport { useRoute } from \"vue-router\";\nconst CategoryList = defineAsyncComponent(() => import(\"./CategoryList.vue\"));\nconst RubriqueList = defineAsyncComponent(\n () => import(\"./../rubriques/RubriqueList.vue\"),\n);\nconst RubriqueChooser = defineAsyncComponent(\n () => import(\"../rubriques/RubriqueChooser.vue\"),\n);\n\n//Data \nconst isCategories = ref(false);\n\n//Composables\nconst { t } = useI18n();\nconst { updateFiltersParam } = useRouteUpdateParams();\nconst { modifyRubriquesFilter } = useRubriquesFilterParam();\nconst generalStore = useGeneralStore();\nconst filterStore = useFilterStore();\nconst route = useRoute();\n\n//Computed\nconst isDisplay = computed(() => {\n return (\n (\"homePriv\" === route.name ||\n \"home\" === route.name ||\n \"podcasts\" === route.name ||\n \"emissions\" === route.name) &&\n (isCategories.value ||\n undefined !== filterStore.filterIab ||\n 0 !== filterStore.filterRubrique.length ||\n 0 !== rubriquageFilter.value.length)\n );\n});\nconst isHeaderDisplay = computed(() => {\n return (\n isDisplay.value ||\n \"participants\" === route.name ||\n \"playlists\" === route.name\n );\n});\nconst rubriquageFilter = computed(() => filterStore.filterOrgaId ? filterStore.filterRubriquage : []);\nconst titleDisplay = computed(() => {\n switch (route.name) {\n case \"podcasts\":\n return t(\"All podcasts\");\n case \"emissions\":\n return t(\"All emissions\");\n case \"participants\":\n return t(\"All participants\");\n case \"playlists\":\n return t(\"All playlists\");\n default:\n return undefined;\n }\n});\nconst backgroundDisplay = computed(() => {\n let imgName = \"home\";\n switch (route.name) {\n case \"podcasts\":\n imgName = \"podcasts\";\n break;\n case \"emissions\":\n imgName = \"emissions\";\n break;\n case \"participants\":\n imgName = \"intervenants\";\n break;\n case \"playlists\":\n imgName = \"playlists\";\n break;\n default:\n break;\n }\n return `background-image: url('/img/header-${imgName}.webp');`;\n});\nconst routeFilterIab = computed(() => route.query.iabId);\nconst routeRubriques = computed(() => route.query.rubriquesId);\n\n\n//Watch\nwatch(routeFilterIab, () => {\n if (routeFilterIab.value && \"string\" === typeof routeFilterIab.value) {\n const iabId = parseInt(routeFilterIab.value, 10);\n const category = generalStore.storedCategories.filter((c: Category) => {\n return c.id === iabId;\n });\n if (category.length) {\n filterStore.filterUpdateIab(category[0]);\n }\n } else {\n filterStore.filterUpdateIab();\n }\n}, {deep: true, immediate: true});\nwatch(routeRubriques, () => {\n if (0 === filterStore.filterRubriquage.length) {\n return;\n }\n const rubriquesFilter: Array<RubriquageFilter> = [];\n if (\n route.query.rubriquesId &&\n \"string\" === typeof route.query.rubriquesId\n ) {\n const arrayFilter = route.query.rubriquesId.split(\",\");\n const filterLength = arrayFilter.length;\n for (let index = 0; index < filterLength; index++) {\n const rubriqueFilter = arrayFilter[index].split(\":\");\n const rubriquage = filterStore.filterRubriquage.find((x: Rubriquage) => {\n return x.rubriquageId === parseInt(rubriqueFilter[0]);\n });\n if (rubriquage) {\n const rubrique = rubriquage.rubriques.find((x: Rubrique) => {\n return x.rubriqueId === parseInt(rubriqueFilter[1]);\n });\n rubriquesFilter.push({\n rubriquageId: rubriquage.rubriquageId,\n rubriqueId: rubrique?.rubriqueId,\n nameRubriquage: rubriquage.title,\n nameRubrique: rubrique?.name,\n });\n }\n }\n }\n filterStore.filterUpdateRubrique(rubriquesFilter);\n}, {deep: true, immediate: true});\n\n\n//Methods\nfunction checkIfCategories(length: number): void {\n isCategories.value = 0 !== length;\n}\nfunction onRubriqueSelected(index: number, rubrique: Rubrique): void {\n if (\n !rubrique ||\n filterStore.filterRubrique[index].rubriqueId === rubrique.rubriqueId\n ) {\n return;\n }\n modifyRubriquesFilter((a) => {\n a[index].rubriqueId = rubrique.rubriqueId ?? 0;\n return a;\n });\n}\nfunction getRubriques(rubriquageId: number): Array<Rubrique> {\n const rubriquage = filterStore.filterRubriquage.find((x: Rubriquage) => {\n return x.rubriquageId === rubriquageId;\n });\n return rubriquage ? rubriquage.rubriques : [];\n}\nfunction getRubriquesLength(rubriquageId: number): number {\n const rubriquage = filterStore.filterRubriquage.find((x: Rubriquage) => {\n return x.rubriquageId === rubriquageId;\n });\n return rubriquage ? rubriquage.rubriques.length : 0;\n}\nfunction removeFilter(index: number, event?: { preventDefault: () => void }): void {\n if (filterStore.filterIab) {\n if (route.query.iabId) {\n updateFiltersParam({ iabId: undefined }, { i: undefined });\n }\n } else {\n modifyRubriquesFilter((a) => {\n a.splice(index + 1);\n return a;\n });\n }\n if (event) {\n event.preventDefault();\n }\n}\n</script>\n<style lang=\"scss\">\n.octopus-app {\n .header-img {\n display: flex;\n min-height: 10rem;\n background-size: cover;\n background-position: center;\n\n h1 {\n margin: auto 1rem;\n font-size: 2rem;\n color: white;\n }\n\n @media (width <= 960px) {\n min-height: 6rem;\n }\n }\n\n .octopus-breadcrumb {\n display: flex;\n align-items: center;\n justify-content: center;\n flex-wrap: wrap;\n padding: 1rem;\n\n .octopus-breadcrumb-li {\n display: flex;\n align-items: center;\n list-style: none;\n color: white !important;\n\n a {\n color: white !important;\n font-weight: bold;\n }\n\n &::after {\n content: \"-\";\n margin: 0 0.5rem;\n }\n\n &:last-child {\n &::after {\n content: \"\";\n }\n }\n }\n }\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;EAgFA,MAAM,eAAe,2BAA2B,OAAO,8BAAqB;EAC5E,MAAM,eAAe,2BACb,OAAO,8BACf;EACA,MAAM,kBAAkB,2BAChB,OAAO,iCACf;EAGA,MAAM,eAAe,IAAI,KAAK;EAG9B,MAAM,EAAE,MAAM,QAAQ;EACtB,MAAM,EAAE,uBAAuB,qBAAqB;EACpD,MAAM,EAAE,0BAA0B,wBAAwB;EAC1D,MAAM,eAAe,gBAAgB;EACrC,MAAM,cAAc,eAAe;EACnC,MAAM,QAAQ,SAAS;EAGvB,MAAM,YAAY,eAAe;GAC/B,QACG,eAAe,MAAM,QACpB,WAAW,MAAM,QACjB,eAAe,MAAM,QACrB,gBAAgB,MAAM,UACvB,aAAa,SACZ,KAAA,MAAc,YAAY,aAC1B,MAAM,YAAY,eAAe,UACjC,MAAM,iBAAiB,MAAM;EAEnC,CAAC;EACD,MAAM,kBAAkB,eAAe;GACrC,OACE,UAAU,SACV,mBAAmB,MAAM,QACzB,gBAAgB,MAAM;EAE1B,CAAC;EACD,MAAM,mBAAmB,eAAe,YAAY,eAAe,YAAY,mBAAmB,CAAC,CAAC;EACpG,MAAM,eAAe,eAAe;GAClC,QAAQ,MAAM,MAAd;IACE,KAAK,YACH,OAAO,EAAE,cAAc;IACzB,KAAK,aACH,OAAO,EAAE,eAAe;IAC1B,KAAK,gBACH,OAAO,EAAE,kBAAkB;IAC7B,KAAK,aACH,OAAO,EAAE,eAAe;IAC1B,SACE;GACJ;EACF,CAAC;EACD,MAAM,oBAAoB,eAAe;GACvC,IAAI,UAAU;GACZ,QAAQ,MAAM,MAAd;IACE,KAAK;KACH,UAAU;KACV;IACF,KAAK;KACH,UAAU;KACV;IACF,KAAK;KACH,UAAU;KACV;IACF,KAAK,aACH,UAAU;GAId;GACA,OAAO,sCAAsC,QAAQ;EACzD,CAAC;EACD,MAAM,iBAAiB,eAAe,MAAM,MAAM,KAAK;EACvD,MAAM,iBAAiB,eAAe,MAAM,MAAM,WAAW;EAI7D,MAAM,sBAAsB;GAC1B,IAAI,eAAe,SAAS,aAAa,OAAO,eAAe,OAAO;IACpE,MAAM,QAAQ,SAAS,eAAe,OAAO,EAAE;IAC/C,MAAM,WAAW,aAAa,iBAAiB,QAAQ,MAAgB;KACrE,OAAO,EAAE,OAAO;IAClB,CAAC;IACD,IAAI,SAAS,QACX,YAAY,gBAAgB,SAAS,EAAE;GAE3C,OACE,YAAY,gBAAgB;EAEhC,GAAG;GAAC,MAAM;GAAM,WAAW;EAAI,CAAC;EAChC,MAAM,sBAAsB;GAC1B,IAAI,MAAM,YAAY,iBAAiB,QACrC;GAEF,MAAM,kBAA2C,CAAC;GAClD,IACE,MAAM,MAAM,eACZ,aAAa,OAAO,MAAM,MAAM,aAChC;IACA,MAAM,cAAc,MAAM,MAAM,YAAY,MAAM,GAAG;IACrD,MAAM,eAAe,YAAY;IACjC,KAAK,IAAI,QAAQ,GAAG,QAAQ,cAAc,SAAS;KACjD,MAAM,iBAAiB,YAAY,MAAM,CAAC,MAAM,GAAG;KACnD,MAAM,aAAa,YAAY,iBAAiB,MAAM,MAAkB;MACtE,OAAO,EAAE,iBAAiB,SAAS,eAAe,EAAE;KACtD,CAAC;KACD,IAAI,YAAY;MACd,MAAM,WAAW,WAAW,UAAU,MAAM,MAAgB;OAC1D,OAAO,EAAE,eAAe,SAAS,eAAe,EAAE;MACpD,CAAC;MACD,gBAAgB,KAAK;OACnB,cAAc,WAAW;OACzB,YAAY,UAAU;OACtB,gBAAgB,WAAW;OAC3B,cAAc,UAAU;MAC1B,CAAC;KACH;IACF;GACF;GACA,YAAY,qBAAqB,eAAe;EAClD,GAAG;GAAC,MAAM;GAAM,WAAW;EAAI,CAAC;EAIhC,SAAS,kBAAkB,QAAsB;GAC/C,aAAa,QAAQ,MAAM;EAC7B;EACA,SAAS,mBAAmB,OAAe,UAA0B;GACnE,IACE,CAAC,YACD,YAAY,eAAe,MAAM,CAAC,eAAe,SAAS,YAE1D;GAEF,uBAAuB,MAAM;IAC3B,EAAE,MAAM,CAAC,aAAa,SAAS,cAAc;IAC7C,OAAO;GACT,CAAC;EACH;EACA,SAAS,aAAa,cAAuC;GAC3D,MAAM,aAAa,YAAY,iBAAiB,MAAM,MAAkB;IACtE,OAAO,EAAE,iBAAiB;GAC5B,CAAC;GACD,OAAO,aAAa,WAAW,YAAY,CAAC;EAC9C;EACA,SAAS,mBAAmB,cAA8B;GACxD,MAAM,aAAa,YAAY,iBAAiB,MAAM,MAAkB;IACtE,OAAO,EAAE,iBAAiB;GAC5B,CAAC;GACD,OAAO,aAAa,WAAW,UAAU,SAAS;EACpD;EACA,SAAS,aAAa,OAAe,OAA8C;GACjF,IAAI,YAAY,WACV;QAAA,MAAM,MAAM,OACd,mBAAmB,EAAE,OAAO,KAAA,EAAU,GAAG,EAAE,GAAG,KAAA,EAAU,CAAC;GAAA,OAG3D,uBAAuB,MAAM;IAC3B,EAAE,OAAO,QAAQ,CAAC;IAClB,OAAO;GACT,CAAC;GAEH,IAAI,OACF,MAAM,eAAe;EAEzB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AC5OM,IAAA,aAAA,EAAA,OAAM,wDAAuD;;;CAI3D,OAAM;;AAEF,IAAA,aAAA,EAAA,OAAM,wBAAuB;;;CAGA,OAAM;;;;;CAezB,OAAM;;;;CA8BC,OAAM;;;CAhEjC,OAAA,UAAA,GAAA,mBAAA,UAAA,MAAA,CAAAG,eAAAC,mBA+DU,WAAA;EA7DR,OAAM;EACL,OAAKC,eAAE,OAAA,iBAAiB;CAEf,GAAA,CAAA,OAAA,kBAAVF,gBAAAH,UAAA,GAAAC,mBAEK,MAAA,EAAA,KAAA,EAAA,GAAAK,gBADA,OAAA,gBAAgB,OAAA,EAAC,MAAA,CAAA,GAAA,GAAA,IAAA,CADa,CAAAC,OAAA,OAAA,YAAY,CAAA,CAAA,IAAAC,mBAAA,QAAA,IAAA,GAG/CL,eAAAC,mBAsDM,OAtDN,YAsDM,CAjDI,OAAA,YAAY,aAAa,OAAA,YAAY,eAAe,UAD5DJ,UAAA,GAAAC,mBAqCK,MArCL,YAqCK;EAjCHG,mBAEK,MAFL,YAEK,CADHA,mBAAgE,KAAA;GAA7D,MAAK;GAAK,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,OAAA,aAAY,IAAK,MAAM;EAAM,GAAAE,gBAAA,OAAA,EAAC,KAAA,CAAA,GAAA,CAAA,CAAA,CAAA;EAE1C,OAAA,YAAY,aAAtBN,UAAA,GAAAC,mBAEK,MAFL,YAEKK,gBADA,OAAA,YAAY,UAAU,IAAI,GAAA,CAAA,KAAAE,mBAAA,QAAA,IAAA;GAE/BR,UAAA,IAAA,GAAAC,mBA0BKC,UAAA,MAAAO,WAzBuB,OAAA,YAAY,iBAA9B,QAAQ,UAAK;GADvB,OAAAT,UAAA,GAAAC,mBA0BK,MAAA;IAxBF,KAAK,OAAO;IACb,OAAKS,eAAA,CAAC,yBACE,OAAA,YAAY,eAAe,SAAM,MAAS,QAAK,WAAA,EAAA,CAAA;;IAG/C,OAAA,YAAY,eAAe,SAAM,MAAS,SADlDV,UAAA,GAAAC,mBAKC,KAAA;;KAHC,MAAK;KACJ,UAAK,WAAE,OAAA,aAAa,OAAO,MAAM;IAC9B,GAAAK,gBAAA,OAAO,cAAc,GAAA,GAAA,UAAA,MAE3BN,UAAA,GAAAC,mBAEM,OAFN,YAEMK,gBADD,OAAO,cAAc,GAAA,CAAA;IAE1B,OAAA,OAAA,OAAA,KAAAF,mBAAyB,OAAA,EAApB,OAAM,OAAM,GAAC,KAAC,EAAA;IAEX,OAAA,mBAAmB,OAAO,YAAY,KAD9CJ,UAAA,GAAAW,YASE,OAAA,oBAAA;;KAPC,IAAE,qBAAqB,OAAO;KAC/B,OAAM;KACL,UAAU;KACV,qBAAmB,OAAO;KAC1B,iBAAe,OAAA,aAAa,OAAO,YAAY;KAChD,OAAM;KACL,aAAQ,WAAE,OAAA,mBAAmB,OAAO,MAAM;;;;;;;;;CAKxC,CAAA,KAAAH,mBAAA,QAAA,IAAA,GAAA,CAAA,OAAA,YAAY,aAAS,CAAK,OAAA,iBAAiB,UADpDR,UAAA,GAAAW,YAKE,OAAA,iBAAA;;EAHC,aAAW;EACX,cAAY,OAAA;EACZ,oBAAmB,OAAA;CAGE,GAAA,MAAA,GAAA,CAAA,YAAA,CAAA,KAAA,OAAA,aAAa,OAAA,iBAAiB,WAAW,OAAA,YAAY,eAAe,UAD5FX,UAAA,GAAAW,YAKE,OAAA,iBAAA;;EADC,aAAa,OAAA;CAnDR,GAAA,MAAA,GAAA,CAAA,aAAA,CAAA,KAAA,mBAAA,QAAA,IAAA,CAAA,GAAA,GAAA,GAAA,CAAA,CAAAJ,OAAA,OAAA,SAAS,CAAA,CAAA,CAAA,GAAA,CARX,GAAA,CAAA,CAAAA,OAAA,OAAA,eAAe,CAAA,CAAA,GA+DT,CAAA,OAAA,aAAhBP,UAAA,GAAAC,mBAA+D,WAA/D,UAA+D,KAAAO,mBAAA,QAAA,IAAA,CAAA,GAAA,EAAA"}

package/dist/CategoryFilter-BVrLO_pV.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"CategoryFilter-BVrLO_pV.mjs","names":["_openBlock","_createElementBlock","_Fragment","_withDirectives","_createElementVNode","_normalizeStyle","_toDisplayString","_vShow","_createCommentVNode","_renderList","_normalizeClass","_createBlock","_sfc_main"],"sources":["../src/components/display/categories/CategoryFilter.vue","../src/components/display/categories/CategoryFilter.vue"],"sourcesContent":["<template>\n <section\n v-show=\"isHeaderDisplay\"\n class=\"header-img flex-column justify-content-end\"\n :style=\"backgroundDisplay\"\n >\n <h1 v-if=\"isHeaderDisplay\" v-show=\"titleDisplay\">\n {{ titleDisplay ?? t(\"Home\") }}\n </h1>\n <div\n v-show=\"isDisplay\"\n class=\"d-flex-low-importance flex-column justify-content-end\"\n >\n <ol\n v-if=\"filterStore.filterIab || filterStore.filterRubrique.length\"\n class=\"octopus-breadcrumb\"\n >\n <li class=\"octopus-breadcrumb-li\">\n <a href=\"#\" @click=\"removeFilter(-1, $event)\">{{ t(\"All\") }}</a>\n </li>\n <li v-if=\"filterStore.filterIab\" class=\"octopus-breadcrumb-li\">\n {{ filterStore.filterIab.name }}\n </li>\n <li\n v-for=\"(filter, index) in filterStore.filterRubrique\"\n :key=\"filter.rubriqueId\"\n class=\"octopus-breadcrumb-li\"\n :class=\"filterStore.filterRubrique.length - 1 === index ? 'active' : ''\"\n >\n <a\n v-if=\"filterStore.filterRubrique.length - 1 !== index\"\n href=\"#\"\n @click=\"removeFilter(index, $event)\"\n >{{ filter.nameRubriquage }}</a\n >\n <div v-else class=\"fw-bold\">\n {{ filter.nameRubriquage }}\n </div>\n <div class=\"mx-1\">:</div>\n <RubriqueChooser\n v-if=\"getRubriquesLength(filter.rubriquageId)\"\n :id=\"'rubrique-chooser'+filter.rubriquageId\"\n class=\"ms-2 multiselect-transparent multiselect-white\"\n :multiple=\"false\"\n :rubrique-selected=\"filter.rubriqueId\"\n :all-rubriques=\"getRubriques(filter.rubriquageId)\"\n width=\"auto\"\n @selected=\"onRubriqueSelected(index, $event)\"\n />\n </li>\n </ol>\n <CategoryList\n v-if=\"!filterStore.filterIab && !rubriquageFilter.length\"\n :is-filter=\"true\"\n :is-display=\"isDisplay\"\n @categories-length=\"checkIfCategories\"\n />\n <RubriqueList\n v-else-if=\"\n isDisplay && rubriquageFilter.length !== filterStore.filterRubrique.length\n \"\n :rubriquages=\"rubriquageFilter\"\n />\n </div>\n </section>\n <section v-if=\"!isDisplay\" class=\"category-filter-no-filter\" />\n</template>\n\n<script setup lang=\"ts\">\nimport { useI18n } from \"vue-i18n\";\nimport { useRubriquesFilterParam } from \"../../composable/route/useRubriquesFilterParam\";\nimport { useRouteUpdateParams } from \"../../composable/route/useRouteUpdateParams\";\nimport { Rubriquage } from \"@/stores/class/rubrique/rubriquage\";\nimport { RubriquageFilter } from \"@/stores/class/rubrique/rubriquageFilter\";\nimport { Rubrique } from \"@/stores/class/rubrique/rubrique\";\nimport { useFilterStore } from \"../../../stores/FilterStore\";\nimport { useGeneralStore } from \"../../../stores/GeneralStore\";\nimport { defineAsyncComponent, ref, computed, watch } from \"vue\";\nimport { Category } from \"@/stores/class/general/category\";\nimport { useRoute } from \"vue-router\";\nconst CategoryList = defineAsyncComponent(() => import(\"./CategoryList.vue\"));\nconst RubriqueList = defineAsyncComponent(\n () => import(\"./../rubriques/RubriqueList.vue\"),\n);\nconst RubriqueChooser = defineAsyncComponent(\n () => import(\"../rubriques/RubriqueChooser.vue\"),\n);\n\n//Data \nconst isCategories = ref(false);\n\n//Composables\nconst { t } = useI18n();\nconst { updateFiltersParam } = useRouteUpdateParams();\nconst { modifyRubriquesFilter } = useRubriquesFilterParam();\nconst generalStore = useGeneralStore();\nconst filterStore = useFilterStore();\nconst route = useRoute();\n\n//Computed\nconst isDisplay = computed(() => {\n return (\n (\"homePriv\" === route.name ||\n \"home\" === route.name ||\n \"podcasts\" === route.name ||\n \"emissions\" === route.name) &&\n (isCategories.value ||\n undefined !== filterStore.filterIab ||\n 0 !== filterStore.filterRubrique.length ||\n 0 !== rubriquageFilter.value.length)\n );\n});\nconst isHeaderDisplay = computed(() => {\n return (\n isDisplay.value ||\n \"participants\" === route.name ||\n \"playlists\" === route.name\n );\n});\nconst rubriquageFilter = computed(() => filterStore.filterOrgaId ? filterStore.filterRubriquage : []);\nconst titleDisplay = computed(() => {\n switch (route.name) {\n case \"podcasts\":\n return t(\"All podcasts\");\n case \"emissions\":\n return t(\"All emissions\");\n case \"participants\":\n return t(\"All participants\");\n case \"playlists\":\n return t(\"All playlists\");\n default:\n return undefined;\n }\n});\nconst backgroundDisplay = computed(() => {\n let imgName = \"home\";\n switch (route.name) {\n case \"podcasts\":\n imgName = \"podcasts\";\n break;\n case \"emissions\":\n imgName = \"emissions\";\n break;\n case \"participants\":\n imgName = \"intervenants\";\n break;\n case \"playlists\":\n imgName = \"playlists\";\n break;\n default:\n break;\n }\n return `background-image: url('/img/header-${imgName}.webp');`;\n});\nconst routeFilterIab = computed(() => route.query.iabId);\nconst routeRubriques = computed(() => route.query.rubriquesId);\n\n\n//Watch\nwatch(routeFilterIab, () => {\n if (routeFilterIab.value && \"string\" === typeof routeFilterIab.value) {\n const iabId = parseInt(routeFilterIab.value, 10);\n const category = generalStore.storedCategories.filter((c: Category) => {\n return c.id === iabId;\n });\n if (category.length) {\n filterStore.filterUpdateIab(category[0]);\n }\n } else {\n filterStore.filterUpdateIab();\n }\n}, {deep: true, immediate: true});\nwatch(routeRubriques, () => {\n if (0 === filterStore.filterRubriquage.length) {\n return;\n }\n const rubriquesFilter: Array<RubriquageFilter> = [];\n if (\n route.query.rubriquesId &&\n \"string\" === typeof route.query.rubriquesId\n ) {\n const arrayFilter = route.query.rubriquesId.split(\",\");\n const filterLength = arrayFilter.length;\n for (let index = 0; index < filterLength; index++) {\n const rubriqueFilter = arrayFilter[index].split(\":\");\n const rubriquage = filterStore.filterRubriquage.find((x: Rubriquage) => {\n return x.rubriquageId === parseInt(rubriqueFilter[0]);\n });\n if (rubriquage) {\n const rubrique = rubriquage.rubriques.find((x: Rubrique) => {\n return x.rubriqueId === parseInt(rubriqueFilter[1]);\n });\n rubriquesFilter.push({\n rubriquageId: rubriquage.rubriquageId,\n rubriqueId: rubrique?.rubriqueId,\n nameRubriquage: rubriquage.title,\n nameRubrique: rubrique?.name,\n });\n }\n }\n }\n filterStore.filterUpdateRubrique(rubriquesFilter);\n}, {deep: true, immediate: true});\n\n\n//Methods\nfunction checkIfCategories(length: number): void {\n isCategories.value = 0 !== length;\n}\nfunction onRubriqueSelected(index: number, rubrique: Rubrique): void {\n if (\n !rubrique ||\n filterStore.filterRubrique[index].rubriqueId === rubrique.rubriqueId\n ) {\n return;\n }\n modifyRubriquesFilter((a) => {\n a[index].rubriqueId = rubrique.rubriqueId ?? 0;\n return a;\n });\n}\nfunction getRubriques(rubriquageId: number): Array<Rubrique> {\n const rubriquage = filterStore.filterRubriquage.find((x: Rubriquage) => {\n return x.rubriquageId === rubriquageId;\n });\n return rubriquage ? rubriquage.rubriques : [];\n}\nfunction getRubriquesLength(rubriquageId: number): number {\n const rubriquage = filterStore.filterRubriquage.find((x: Rubriquage) => {\n return x.rubriquageId === rubriquageId;\n });\n return rubriquage ? rubriquage.rubriques.length : 0;\n}\nfunction removeFilter(index: number, event?: { preventDefault: () => void }): void {\n if (filterStore.filterIab) {\n if (route.query.iabId) {\n updateFiltersParam({ iabId: undefined }, { i: undefined });\n }\n } else {\n modifyRubriquesFilter((a) => {\n a.splice(index + 1);\n return a;\n });\n }\n if (event) {\n event.preventDefault();\n }\n}\n</script>\n<style lang=\"scss\">\n.octopus-app {\n .header-img {\n display: flex;\n min-height: 10rem;\n background-size: cover;\n background-position: center;\n\n h1 {\n margin: auto 1rem;\n font-size: 2rem;\n color: white;\n }\n\n @media (width <= 960px) {\n min-height: 6rem;\n }\n }\n\n .octopus-breadcrumb {\n display: flex;\n align-items: center;\n justify-content: center;\n flex-wrap: wrap;\n padding: 1rem;\n\n .octopus-breadcrumb-li {\n display: flex;\n align-items: center;\n list-style: none;\n color: white !important;\n\n a {\n color: white !important;\n font-weight: bold;\n }\n\n &::after {\n content: \"-\";\n margin: 0 0.5rem;\n }\n\n &:last-child {\n &::after {\n content: \"\";\n }\n }\n }\n }\n}\n</style>\n","<template>\n <section\n v-show=\"isHeaderDisplay\"\n class=\"header-img flex-column justify-content-end\"\n :style=\"backgroundDisplay\"\n >\n <h1 v-if=\"isHeaderDisplay\" v-show=\"titleDisplay\">\n {{ titleDisplay ?? t(\"Home\") }}\n </h1>\n <div\n v-show=\"isDisplay\"\n class=\"d-flex-low-importance flex-column justify-content-end\"\n >\n <ol\n v-if=\"filterStore.filterIab || filterStore.filterRubrique.length\"\n class=\"octopus-breadcrumb\"\n >\n <li class=\"octopus-breadcrumb-li\">\n <a href=\"#\" @click=\"removeFilter(-1, $event)\">{{ t(\"All\") }}</a>\n </li>\n <li v-if=\"filterStore.filterIab\" class=\"octopus-breadcrumb-li\">\n {{ filterStore.filterIab.name }}\n </li>\n <li\n v-for=\"(filter, index) in filterStore.filterRubrique\"\n :key=\"filter.rubriqueId\"\n class=\"octopus-breadcrumb-li\"\n :class=\"filterStore.filterRubrique.length - 1 === index ? 'active' : ''\"\n >\n <a\n v-if=\"filterStore.filterRubrique.length - 1 !== index\"\n href=\"#\"\n @click=\"removeFilter(index, $event)\"\n >{{ filter.nameRubriquage }}</a\n >\n <div v-else class=\"fw-bold\">\n {{ filter.nameRubriquage }}\n </div>\n <div class=\"mx-1\">:</div>\n <RubriqueChooser\n v-if=\"getRubriquesLength(filter.rubriquageId)\"\n :id=\"'rubrique-chooser'+filter.rubriquageId\"\n class=\"ms-2 multiselect-transparent multiselect-white\"\n :multiple=\"false\"\n :rubrique-selected=\"filter.rubriqueId\"\n :all-rubriques=\"getRubriques(filter.rubriquageId)\"\n width=\"auto\"\n @selected=\"onRubriqueSelected(index, $event)\"\n />\n </li>\n </ol>\n <CategoryList\n v-if=\"!filterStore.filterIab && !rubriquageFilter.length\"\n :is-filter=\"true\"\n :is-display=\"isDisplay\"\n @categories-length=\"checkIfCategories\"\n />\n <RubriqueList\n v-else-if=\"\n isDisplay && rubriquageFilter.length !== filterStore.filterRubrique.length\n \"\n :rubriquages=\"rubriquageFilter\"\n />\n </div>\n </section>\n <section v-if=\"!isDisplay\" class=\"category-filter-no-filter\" />\n</template>\n\n<script setup lang=\"ts\">\nimport { useI18n } from \"vue-i18n\";\nimport { useRubriquesFilterParam } from \"../../composable/route/useRubriquesFilterParam\";\nimport { useRouteUpdateParams } from \"../../composable/route/useRouteUpdateParams\";\nimport { Rubriquage } from \"@/stores/class/rubrique/rubriquage\";\nimport { RubriquageFilter } from \"@/stores/class/rubrique/rubriquageFilter\";\nimport { Rubrique } from \"@/stores/class/rubrique/rubrique\";\nimport { useFilterStore } from \"../../../stores/FilterStore\";\nimport { useGeneralStore } from \"../../../stores/GeneralStore\";\nimport { defineAsyncComponent, ref, computed, watch } from \"vue\";\nimport { Category } from \"@/stores/class/general/category\";\nimport { useRoute } from \"vue-router\";\nconst CategoryList = defineAsyncComponent(() => import(\"./CategoryList.vue\"));\nconst RubriqueList = defineAsyncComponent(\n () => import(\"./../rubriques/RubriqueList.vue\"),\n);\nconst RubriqueChooser = defineAsyncComponent(\n () => import(\"../rubriques/RubriqueChooser.vue\"),\n);\n\n//Data \nconst isCategories = ref(false);\n\n//Composables\nconst { t } = useI18n();\nconst { updateFiltersParam } = useRouteUpdateParams();\nconst { modifyRubriquesFilter } = useRubriquesFilterParam();\nconst generalStore = useGeneralStore();\nconst filterStore = useFilterStore();\nconst route = useRoute();\n\n//Computed\nconst isDisplay = computed(() => {\n return (\n (\"homePriv\" === route.name ||\n \"home\" === route.name ||\n \"podcasts\" === route.name ||\n \"emissions\" === route.name) &&\n (isCategories.value ||\n undefined !== filterStore.filterIab ||\n 0 !== filterStore.filterRubrique.length ||\n 0 !== rubriquageFilter.value.length)\n );\n});\nconst isHeaderDisplay = computed(() => {\n return (\n isDisplay.value ||\n \"participants\" === route.name ||\n \"playlists\" === route.name\n );\n});\nconst rubriquageFilter = computed(() => filterStore.filterOrgaId ? filterStore.filterRubriquage : []);\nconst titleDisplay = computed(() => {\n switch (route.name) {\n case \"podcasts\":\n return t(\"All podcasts\");\n case \"emissions\":\n return t(\"All emissions\");\n case \"participants\":\n return t(\"All participants\");\n case \"playlists\":\n return t(\"All playlists\");\n default:\n return undefined;\n }\n});\nconst backgroundDisplay = computed(() => {\n let imgName = \"home\";\n switch (route.name) {\n case \"podcasts\":\n imgName = \"podcasts\";\n break;\n case \"emissions\":\n imgName = \"emissions\";\n break;\n case \"participants\":\n imgName = \"intervenants\";\n break;\n case \"playlists\":\n imgName = \"playlists\";\n break;\n default:\n break;\n }\n return `background-image: url('/img/header-${imgName}.webp');`;\n});\nconst routeFilterIab = computed(() => route.query.iabId);\nconst routeRubriques = computed(() => route.query.rubriquesId);\n\n\n//Watch\nwatch(routeFilterIab, () => {\n if (routeFilterIab.value && \"string\" === typeof routeFilterIab.value) {\n const iabId = parseInt(routeFilterIab.value, 10);\n const category = generalStore.storedCategories.filter((c: Category) => {\n return c.id === iabId;\n });\n if (category.length) {\n filterStore.filterUpdateIab(category[0]);\n }\n } else {\n filterStore.filterUpdateIab();\n }\n}, {deep: true, immediate: true});\nwatch(routeRubriques, () => {\n if (0 === filterStore.filterRubriquage.length) {\n return;\n }\n const rubriquesFilter: Array<RubriquageFilter> = [];\n if (\n route.query.rubriquesId &&\n \"string\" === typeof route.query.rubriquesId\n ) {\n const arrayFilter = route.query.rubriquesId.split(\",\");\n const filterLength = arrayFilter.length;\n for (let index = 0; index < filterLength; index++) {\n const rubriqueFilter = arrayFilter[index].split(\":\");\n const rubriquage = filterStore.filterRubriquage.find((x: Rubriquage) => {\n return x.rubriquageId === parseInt(rubriqueFilter[0]);\n });\n if (rubriquage) {\n const rubrique = rubriquage.rubriques.find((x: Rubrique) => {\n return x.rubriqueId === parseInt(rubriqueFilter[1]);\n });\n rubriquesFilter.push({\n rubriquageId: rubriquage.rubriquageId,\n rubriqueId: rubrique?.rubriqueId,\n nameRubriquage: rubriquage.title,\n nameRubrique: rubrique?.name,\n });\n }\n }\n }\n filterStore.filterUpdateRubrique(rubriquesFilter);\n}, {deep: true, immediate: true});\n\n\n//Methods\nfunction checkIfCategories(length: number): void {\n isCategories.value = 0 !== length;\n}\nfunction onRubriqueSelected(index: number, rubrique: Rubrique): void {\n if (\n !rubrique ||\n filterStore.filterRubrique[index].rubriqueId === rubrique.rubriqueId\n ) {\n return;\n }\n modifyRubriquesFilter((a) => {\n a[index].rubriqueId = rubrique.rubriqueId ?? 0;\n return a;\n });\n}\nfunction getRubriques(rubriquageId: number): Array<Rubrique> {\n const rubriquage = filterStore.filterRubriquage.find((x: Rubriquage) => {\n return x.rubriquageId === rubriquageId;\n });\n return rubriquage ? rubriquage.rubriques : [];\n}\nfunction getRubriquesLength(rubriquageId: number): number {\n const rubriquage = filterStore.filterRubriquage.find((x: Rubriquage) => {\n return x.rubriquageId === rubriquageId;\n });\n return rubriquage ? rubriquage.rubriques.length : 0;\n}\nfunction removeFilter(index: number, event?: { preventDefault: () => void }): void {\n if (filterStore.filterIab) {\n if (route.query.iabId) {\n updateFiltersParam({ iabId: undefined }, { i: undefined });\n }\n } else {\n modifyRubriquesFilter((a) => {\n a.splice(index + 1);\n return a;\n });\n }\n if (event) {\n event.preventDefault();\n }\n}\n</script>\n<style lang=\"scss\">\n.octopus-app {\n .header-img {\n display: flex;\n min-height: 10rem;\n background-size: cover;\n background-position: center;\n\n h1 {\n margin: auto 1rem;\n font-size: 2rem;\n color: white;\n }\n\n @media (width <= 960px) {\n min-height: 6rem;\n }\n }\n\n .octopus-breadcrumb {\n display: flex;\n align-items: center;\n justify-content: center;\n flex-wrap: wrap;\n padding: 1rem;\n\n .octopus-breadcrumb-li {\n display: flex;\n align-items: center;\n list-style: none;\n color: white !important;\n\n a {\n color: white !important;\n font-weight: bold;\n }\n\n &::after {\n content: \"-\";\n margin: 0 0.5rem;\n }\n\n &:last-child {\n &::after {\n content: \"\";\n }\n }\n }\n }\n}\n</style>\n"],"mappings":"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"}

package/dist/{CategoryFilter-Djmal5bY.mjs → CategoryFilter-CsYCvEnz.mjs} RENAMED Viewed

@@ -1,7 +1,7 @@
-import { r as e } from "./classicApi-pmODlqv5.mjs";
+import { r as e } from "./classicApi-CGipMqf7.mjs";
 import { t } from "./useRouteUpdateParams-DJLm3IAI.mjs";
 import { t as n } from "./GeneralStore-Darfv4af.mjs";
-import { t as r } from "./useRubriquesFilterParam-BE8BbmAQ.mjs";
+import { t as r } from "./useRubriquesFilterParam-2eMd5ND7.mjs";
 import { Fragment as i, computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, defineAsyncComponent as u, defineComponent as d, normalizeClass as f, normalizeStyle as p, openBlock as m, ref as h, renderList as g, toDisplayString as _, unref as v, vShow as y, watch as b, withDirectives as x } from "vue";
 import { useI18n as S } from "vue-i18n";
 import { useRoute as C } from "vue-router";
@@ -21,7 +21,7 @@ var w = { class: "d-flex-low-importance flex-column justify-content-end" }, T =
 }, j = /* @__PURE__ */ d({
 	__name: "CategoryFilter",
 	setup(d) {
-		let j = u(() => import("./CategoryList-Dksp79Lm.mjs")), M = u(() => import("./RubriqueList-DA9OYqUl.mjs")), N = u(() => import("./RubriqueChooser-C33LorHa.mjs")), P = h(!1), { t: F } = S(), { updateFiltersParam: I } = t(), { modifyRubriquesFilter: L } = r(), R = n(), z = e(), B = C(), V = a(() => (B.name === "homePriv" || B.name === "home" || B.name === "podcasts" || B.name === "emissions") && (P.value || z.filterIab !== void 0 || z.filterRubrique.length !== 0 || U.value.length !== 0)), H = a(() => V.value || B.name === "participants" || B.name === "playlists"), U = a(() => z.filterOrgaId ? z.filterRubriquage : []), W = a(() => {
+		let j = u(() => import("./CategoryList-CDoIfrDw.mjs")), M = u(() => import("./RubriqueList-rJj2IycY.mjs")), N = u(() => import("./RubriqueChooser-CNGn8LcP.mjs")), P = h(!1), { t: F } = S(), { updateFiltersParam: I } = t(), { modifyRubriquesFilter: L } = r(), R = n(), z = e(), B = C(), V = a(() => (B.name === "homePriv" || B.name === "home" || B.name === "podcasts" || B.name === "emissions") && (P.value || z.filterIab !== void 0 || z.filterRubrique.length !== 0 || U.value.length !== 0)), H = a(() => V.value || B.name === "participants" || B.name === "playlists"), U = a(() => z.filterOrgaId ? z.filterRubriquage : []), W = a(() => {
 			switch (B.name) {
 				case "podcasts": return F("All podcasts");
 				case "emissions": return F("All emissions");

package/dist/CategoryFilter-DVwCpHLx.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"CategoryFilter-DVwCpHLx.mjs","names":["_openBlock","_createElementBlock","_Fragment","_withDirectives","_createElementVNode","_normalizeStyle","_toDisplayString","_vShow","_createCommentVNode","_renderList","_normalizeClass","_createBlock","_sfc_main"],"sources":["../src/components/display/categories/CategoryFilter.vue","../src/components/display/categories/CategoryFilter.vue"],"sourcesContent":["<template>\n <section\n v-show=\"isHeaderDisplay\"\n class=\"header-img flex-column justify-content-end\"\n :style=\"backgroundDisplay\"\n >\n <h1 v-if=\"isHeaderDisplay\" v-show=\"titleDisplay\">\n {{ titleDisplay ?? t(\"Home\") }}\n </h1>\n <div\n v-show=\"isDisplay\"\n class=\"d-flex-low-importance flex-column justify-content-end\"\n >\n <ol\n v-if=\"filterStore.filterIab || filterStore.filterRubrique.length\"\n class=\"octopus-breadcrumb\"\n >\n <li class=\"octopus-breadcrumb-li\">\n <a href=\"#\" @click=\"removeFilter(-1, $event)\">{{ t(\"All\") }}</a>\n </li>\n <li v-if=\"filterStore.filterIab\" class=\"octopus-breadcrumb-li\">\n {{ filterStore.filterIab.name }}\n </li>\n <li\n v-for=\"(filter, index) in filterStore.filterRubrique\"\n :key=\"filter.rubriqueId\"\n class=\"octopus-breadcrumb-li\"\n :class=\"filterStore.filterRubrique.length - 1 === index ? 'active' : ''\"\n >\n <a\n v-if=\"filterStore.filterRubrique.length - 1 !== index\"\n href=\"#\"\n @click=\"removeFilter(index, $event)\"\n >{{ filter.nameRubriquage }}</a\n >\n <div v-else class=\"fw-bold\">\n {{ filter.nameRubriquage }}\n </div>\n <div class=\"mx-1\">:</div>\n <RubriqueChooser\n v-if=\"getRubriquesLength(filter.rubriquageId)\"\n :id=\"'rubrique-chooser'+filter.rubriquageId\"\n class=\"ms-2 multiselect-transparent multiselect-white\"\n :multiple=\"false\"\n :rubrique-selected=\"filter.rubriqueId\"\n :all-rubriques=\"getRubriques(filter.rubriquageId)\"\n width=\"auto\"\n @selected=\"onRubriqueSelected(index, $event)\"\n />\n </li>\n </ol>\n <CategoryList\n v-if=\"!filterStore.filterIab && !rubriquageFilter.length\"\n :is-filter=\"true\"\n :is-display=\"isDisplay\"\n @categories-length=\"checkIfCategories\"\n />\n <RubriqueList\n v-else-if=\"\n isDisplay && rubriquageFilter.length !== filterStore.filterRubrique.length\n \"\n :rubriquages=\"rubriquageFilter\"\n />\n </div>\n </section>\n <section v-if=\"!isDisplay\" class=\"category-filter-no-filter\" />\n</template>\n\n<script setup lang=\"ts\">\nimport { useI18n } from \"vue-i18n\";\nimport { useRubriquesFilterParam } from \"../../composable/route/useRubriquesFilterParam\";\nimport { useRouteUpdateParams } from \"../../composable/route/useRouteUpdateParams\";\nimport { Rubriquage } from \"@/stores/class/rubrique/rubriquage\";\nimport { RubriquageFilter } from \"@/stores/class/rubrique/rubriquageFilter\";\nimport { Rubrique } from \"@/stores/class/rubrique/rubrique\";\nimport { useFilterStore } from \"../../../stores/FilterStore\";\nimport { useGeneralStore } from \"../../../stores/GeneralStore\";\nimport { defineAsyncComponent, ref, computed, watch } from \"vue\";\nimport { Category } from \"@/stores/class/general/category\";\nimport { useRoute } from \"vue-router\";\nconst CategoryList = defineAsyncComponent(() => import(\"./CategoryList.vue\"));\nconst RubriqueList = defineAsyncComponent(\n () => import(\"./../rubriques/RubriqueList.vue\"),\n);\nconst RubriqueChooser = defineAsyncComponent(\n () => import(\"../rubriques/RubriqueChooser.vue\"),\n);\n\n//Data \nconst isCategories = ref(false);\n\n//Composables\nconst { t } = useI18n();\nconst { updateFiltersParam } = useRouteUpdateParams();\nconst { modifyRubriquesFilter } = useRubriquesFilterParam();\nconst generalStore = useGeneralStore();\nconst filterStore = useFilterStore();\nconst route = useRoute();\n\n//Computed\nconst isDisplay = computed(() => {\n return (\n (\"homePriv\" === route.name ||\n \"home\" === route.name ||\n \"podcasts\" === route.name ||\n \"emissions\" === route.name) &&\n (isCategories.value ||\n undefined !== filterStore.filterIab ||\n 0 !== filterStore.filterRubrique.length ||\n 0 !== rubriquageFilter.value.length)\n );\n});\nconst isHeaderDisplay = computed(() => {\n return (\n isDisplay.value ||\n \"participants\" === route.name ||\n \"playlists\" === route.name\n );\n});\nconst rubriquageFilter = computed(() => filterStore.filterOrgaId ? filterStore.filterRubriquage : []);\nconst titleDisplay = computed(() => {\n switch (route.name) {\n case \"podcasts\":\n return t(\"All podcasts\");\n case \"emissions\":\n return t(\"All emissions\");\n case \"participants\":\n return t(\"All participants\");\n case \"playlists\":\n return t(\"All playlists\");\n default:\n return undefined;\n }\n});\nconst backgroundDisplay = computed(() => {\n let imgName = \"home\";\n switch (route.name) {\n case \"podcasts\":\n imgName = \"podcasts\";\n break;\n case \"emissions\":\n imgName = \"emissions\";\n break;\n case \"participants\":\n imgName = \"intervenants\";\n break;\n case \"playlists\":\n imgName = \"playlists\";\n break;\n default:\n break;\n }\n return `background-image: url('/img/header-${imgName}.webp');`;\n});\nconst routeFilterIab = computed(() => route.query.iabId);\nconst routeRubriques = computed(() => route.query.rubriquesId);\n\n\n//Watch\nwatch(routeFilterIab, () => {\n if (routeFilterIab.value && \"string\" === typeof routeFilterIab.value) {\n const iabId = parseInt(routeFilterIab.value, 10);\n const category = generalStore.storedCategories.filter((c: Category) => {\n return c.id === iabId;\n });\n if (category.length) {\n filterStore.filterUpdateIab(category[0]);\n }\n } else {\n filterStore.filterUpdateIab();\n }\n}, {deep: true, immediate: true});\nwatch(routeRubriques, () => {\n if (0 === filterStore.filterRubriquage.length) {\n return;\n }\n const rubriquesFilter: Array<RubriquageFilter> = [];\n if (\n route.query.rubriquesId &&\n \"string\" === typeof route.query.rubriquesId\n ) {\n const arrayFilter = route.query.rubriquesId.split(\",\");\n const filterLength = arrayFilter.length;\n for (let index = 0; index < filterLength; index++) {\n const rubriqueFilter = arrayFilter[index].split(\":\");\n const rubriquage = filterStore.filterRubriquage.find((x: Rubriquage) => {\n return x.rubriquageId === parseInt(rubriqueFilter[0]);\n });\n if (rubriquage) {\n const rubrique = rubriquage.rubriques.find((x: Rubrique) => {\n return x.rubriqueId === parseInt(rubriqueFilter[1]);\n });\n rubriquesFilter.push({\n rubriquageId: rubriquage.rubriquageId,\n rubriqueId: rubrique?.rubriqueId,\n nameRubriquage: rubriquage.title,\n nameRubrique: rubrique?.name,\n });\n }\n }\n }\n filterStore.filterUpdateRubrique(rubriquesFilter);\n}, {deep: true, immediate: true});\n\n\n//Methods\nfunction checkIfCategories(length: number): void {\n isCategories.value = 0 !== length;\n}\nfunction onRubriqueSelected(index: number, rubrique: Rubrique): void {\n if (\n !rubrique ||\n filterStore.filterRubrique[index].rubriqueId === rubrique.rubriqueId\n ) {\n return;\n }\n modifyRubriquesFilter((a) => {\n a[index].rubriqueId = rubrique.rubriqueId ?? 0;\n return a;\n });\n}\nfunction getRubriques(rubriquageId: number): Array<Rubrique> {\n const rubriquage = filterStore.filterRubriquage.find((x: Rubriquage) => {\n return x.rubriquageId === rubriquageId;\n });\n return rubriquage ? rubriquage.rubriques : [];\n}\nfunction getRubriquesLength(rubriquageId: number): number {\n const rubriquage = filterStore.filterRubriquage.find((x: Rubriquage) => {\n return x.rubriquageId === rubriquageId;\n });\n return rubriquage ? rubriquage.rubriques.length : 0;\n}\nfunction removeFilter(index: number, event?: { preventDefault: () => void }): void {\n if (filterStore.filterIab) {\n if (route.query.iabId) {\n updateFiltersParam({ iabId: undefined }, { i: undefined });\n }\n } else {\n modifyRubriquesFilter((a) => {\n a.splice(index + 1);\n return a;\n });\n }\n if (event) {\n event.preventDefault();\n }\n}\n</script>\n<style lang=\"scss\">\n.octopus-app {\n .header-img {\n display: flex;\n min-height: 10rem;\n background-size: cover;\n background-position: center;\n\n h1 {\n margin: auto 1rem;\n font-size: 2rem;\n color: white;\n }\n\n @media (width <= 960px) {\n min-height: 6rem;\n }\n }\n\n .octopus-breadcrumb {\n display: flex;\n align-items: center;\n justify-content: center;\n flex-wrap: wrap;\n padding: 1rem;\n\n .octopus-breadcrumb-li {\n display: flex;\n align-items: center;\n list-style: none;\n color: white !important;\n\n a {\n color: white !important;\n font-weight: bold;\n }\n\n &::after {\n content: \"-\";\n margin: 0 0.5rem;\n }\n\n &:last-child {\n &::after {\n content: \"\";\n }\n }\n }\n }\n}\n</style>\n","<template>\n <section\n v-show=\"isHeaderDisplay\"\n class=\"header-img flex-column justify-content-end\"\n :style=\"backgroundDisplay\"\n >\n <h1 v-if=\"isHeaderDisplay\" v-show=\"titleDisplay\">\n {{ titleDisplay ?? t(\"Home\") }}\n </h1>\n <div\n v-show=\"isDisplay\"\n class=\"d-flex-low-importance flex-column justify-content-end\"\n >\n <ol\n v-if=\"filterStore.filterIab || filterStore.filterRubrique.length\"\n class=\"octopus-breadcrumb\"\n >\n <li class=\"octopus-breadcrumb-li\">\n <a href=\"#\" @click=\"removeFilter(-1, $event)\">{{ t(\"All\") }}</a>\n </li>\n <li v-if=\"filterStore.filterIab\" class=\"octopus-breadcrumb-li\">\n {{ filterStore.filterIab.name }}\n </li>\n <li\n v-for=\"(filter, index) in filterStore.filterRubrique\"\n :key=\"filter.rubriqueId\"\n class=\"octopus-breadcrumb-li\"\n :class=\"filterStore.filterRubrique.length - 1 === index ? 'active' : ''\"\n >\n <a\n v-if=\"filterStore.filterRubrique.length - 1 !== index\"\n href=\"#\"\n @click=\"removeFilter(index, $event)\"\n >{{ filter.nameRubriquage }}</a\n >\n <div v-else class=\"fw-bold\">\n {{ filter.nameRubriquage }}\n </div>\n <div class=\"mx-1\">:</div>\n <RubriqueChooser\n v-if=\"getRubriquesLength(filter.rubriquageId)\"\n :id=\"'rubrique-chooser'+filter.rubriquageId\"\n class=\"ms-2 multiselect-transparent multiselect-white\"\n :multiple=\"false\"\n :rubrique-selected=\"filter.rubriqueId\"\n :all-rubriques=\"getRubriques(filter.rubriquageId)\"\n width=\"auto\"\n @selected=\"onRubriqueSelected(index, $event)\"\n />\n </li>\n </ol>\n <CategoryList\n v-if=\"!filterStore.filterIab && !rubriquageFilter.length\"\n :is-filter=\"true\"\n :is-display=\"isDisplay\"\n @categories-length=\"checkIfCategories\"\n />\n <RubriqueList\n v-else-if=\"\n isDisplay && rubriquageFilter.length !== filterStore.filterRubrique.length\n \"\n :rubriquages=\"rubriquageFilter\"\n />\n </div>\n </section>\n <section v-if=\"!isDisplay\" class=\"category-filter-no-filter\" />\n</template>\n\n<script setup lang=\"ts\">\nimport { useI18n } from \"vue-i18n\";\nimport { useRubriquesFilterParam } from \"../../composable/route/useRubriquesFilterParam\";\nimport { useRouteUpdateParams } from \"../../composable/route/useRouteUpdateParams\";\nimport { Rubriquage } from \"@/stores/class/rubrique/rubriquage\";\nimport { RubriquageFilter } from \"@/stores/class/rubrique/rubriquageFilter\";\nimport { Rubrique } from \"@/stores/class/rubrique/rubrique\";\nimport { useFilterStore } from \"../../../stores/FilterStore\";\nimport { useGeneralStore } from \"../../../stores/GeneralStore\";\nimport { defineAsyncComponent, ref, computed, watch } from \"vue\";\nimport { Category } from \"@/stores/class/general/category\";\nimport { useRoute } from \"vue-router\";\nconst CategoryList = defineAsyncComponent(() => import(\"./CategoryList.vue\"));\nconst RubriqueList = defineAsyncComponent(\n () => import(\"./../rubriques/RubriqueList.vue\"),\n);\nconst RubriqueChooser = defineAsyncComponent(\n () => import(\"../rubriques/RubriqueChooser.vue\"),\n);\n\n//Data \nconst isCategories = ref(false);\n\n//Composables\nconst { t } = useI18n();\nconst { updateFiltersParam } = useRouteUpdateParams();\nconst { modifyRubriquesFilter } = useRubriquesFilterParam();\nconst generalStore = useGeneralStore();\nconst filterStore = useFilterStore();\nconst route = useRoute();\n\n//Computed\nconst isDisplay = computed(() => {\n return (\n (\"homePriv\" === route.name ||\n \"home\" === route.name ||\n \"podcasts\" === route.name ||\n \"emissions\" === route.name) &&\n (isCategories.value ||\n undefined !== filterStore.filterIab ||\n 0 !== filterStore.filterRubrique.length ||\n 0 !== rubriquageFilter.value.length)\n );\n});\nconst isHeaderDisplay = computed(() => {\n return (\n isDisplay.value ||\n \"participants\" === route.name ||\n \"playlists\" === route.name\n );\n});\nconst rubriquageFilter = computed(() => filterStore.filterOrgaId ? filterStore.filterRubriquage : []);\nconst titleDisplay = computed(() => {\n switch (route.name) {\n case \"podcasts\":\n return t(\"All podcasts\");\n case \"emissions\":\n return t(\"All emissions\");\n case \"participants\":\n return t(\"All participants\");\n case \"playlists\":\n return t(\"All playlists\");\n default:\n return undefined;\n }\n});\nconst backgroundDisplay = computed(() => {\n let imgName = \"home\";\n switch (route.name) {\n case \"podcasts\":\n imgName = \"podcasts\";\n break;\n case \"emissions\":\n imgName = \"emissions\";\n break;\n case \"participants\":\n imgName = \"intervenants\";\n break;\n case \"playlists\":\n imgName = \"playlists\";\n break;\n default:\n break;\n }\n return `background-image: url('/img/header-${imgName}.webp');`;\n});\nconst routeFilterIab = computed(() => route.query.iabId);\nconst routeRubriques = computed(() => route.query.rubriquesId);\n\n\n//Watch\nwatch(routeFilterIab, () => {\n if (routeFilterIab.value && \"string\" === typeof routeFilterIab.value) {\n const iabId = parseInt(routeFilterIab.value, 10);\n const category = generalStore.storedCategories.filter((c: Category) => {\n return c.id === iabId;\n });\n if (category.length) {\n filterStore.filterUpdateIab(category[0]);\n }\n } else {\n filterStore.filterUpdateIab();\n }\n}, {deep: true, immediate: true});\nwatch(routeRubriques, () => {\n if (0 === filterStore.filterRubriquage.length) {\n return;\n }\n const rubriquesFilter: Array<RubriquageFilter> = [];\n if (\n route.query.rubriquesId &&\n \"string\" === typeof route.query.rubriquesId\n ) {\n const arrayFilter = route.query.rubriquesId.split(\",\");\n const filterLength = arrayFilter.length;\n for (let index = 0; index < filterLength; index++) {\n const rubriqueFilter = arrayFilter[index].split(\":\");\n const rubriquage = filterStore.filterRubriquage.find((x: Rubriquage) => {\n return x.rubriquageId === parseInt(rubriqueFilter[0]);\n });\n if (rubriquage) {\n const rubrique = rubriquage.rubriques.find((x: Rubrique) => {\n return x.rubriqueId === parseInt(rubriqueFilter[1]);\n });\n rubriquesFilter.push({\n rubriquageId: rubriquage.rubriquageId,\n rubriqueId: rubrique?.rubriqueId,\n nameRubriquage: rubriquage.title,\n nameRubrique: rubrique?.name,\n });\n }\n }\n }\n filterStore.filterUpdateRubrique(rubriquesFilter);\n}, {deep: true, immediate: true});\n\n\n//Methods\nfunction checkIfCategories(length: number): void {\n isCategories.value = 0 !== length;\n}\nfunction onRubriqueSelected(index: number, rubrique: Rubrique): void {\n if (\n !rubrique ||\n filterStore.filterRubrique[index].rubriqueId === rubrique.rubriqueId\n ) {\n return;\n }\n modifyRubriquesFilter((a) => {\n a[index].rubriqueId = rubrique.rubriqueId ?? 0;\n return a;\n });\n}\nfunction getRubriques(rubriquageId: number): Array<Rubrique> {\n const rubriquage = filterStore.filterRubriquage.find((x: Rubriquage) => {\n return x.rubriquageId === rubriquageId;\n });\n return rubriquage ? rubriquage.rubriques : [];\n}\nfunction getRubriquesLength(rubriquageId: number): number {\n const rubriquage = filterStore.filterRubriquage.find((x: Rubriquage) => {\n return x.rubriquageId === rubriquageId;\n });\n return rubriquage ? rubriquage.rubriques.length : 0;\n}\nfunction removeFilter(index: number, event?: { preventDefault: () => void }): void {\n if (filterStore.filterIab) {\n if (route.query.iabId) {\n updateFiltersParam({ iabId: undefined }, { i: undefined });\n }\n } else {\n modifyRubriquesFilter((a) => {\n a.splice(index + 1);\n return a;\n });\n }\n if (event) {\n event.preventDefault();\n }\n}\n</script>\n<style lang=\"scss\">\n.octopus-app {\n .header-img {\n display: flex;\n min-height: 10rem;\n background-size: cover;\n background-position: center;\n\n h1 {\n margin: auto 1rem;\n font-size: 2rem;\n color: white;\n }\n\n @media (width <= 960px) {\n min-height: 6rem;\n }\n }\n\n .octopus-breadcrumb {\n display: flex;\n align-items: center;\n justify-content: center;\n flex-wrap: wrap;\n padding: 1rem;\n\n .octopus-breadcrumb-li {\n display: flex;\n align-items: center;\n list-style: none;\n color: white !important;\n\n a {\n color: white !important;\n font-weight: bold;\n }\n\n &::after {\n content: \"-\";\n margin: 0 0.5rem;\n }\n\n &:last-child {\n &::after {\n content: \"\";\n }\n }\n }\n }\n}\n</style>\n"],"mappings":"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"}

package/dist/CategoryList-B_9GG6Z9.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"CategoryList-B_9GG6Z9.mjs","names":["classicApi","_openBlock","_createElementBlock","_createElementVNode","_Fragment","_renderList","_toDisplayString","_withDirectives","_createVNode","_vShow","_withCtx","_withKeys","_createCommentVNode","_sfc_main"],"sources":["../src/components/display/categories/CategoryList.vue","../src/components/display/categories/CategoryList.vue"],"sourcesContent":["<template>\n <div\n v-if=\"categories.length\"\n class=\"d-inline-flex w-100 mb-3 ps-3 pe-3 category-list hide-phone\"\n >\n <div ref=\"categoryListContainer\" class=\"category-list-container\">\n <button\n v-for=\"category in categories\"\n :id=\"'category' + category.id\"\n :key=\"category.id\"\n class=\"btn btn-primary btn-on-dark m-1\"\n @click=\"checkIfFilter(category)\"\n >\n {{ category.name }}\n </button>\n </div>\n <button\n v-show=\"hidenCategories.length\"\n id=\"categories-dropdown\"\n class=\"btn btn-primary btn-on-dark m-1\"\n :title=\"t('See more')\"\n >\n <PlusIcon />\n </button>\n <ClassicPopover\n target=\"categories-dropdown\"\n :only-click=\"true\"\n :left-pos=\"true\"\n >\n <button\n v-for=\"category in hidenCategories\"\n :key=\"category.id\"\n class=\"me-3 octopus-dropdown-item\"\n @keydown.enter=\"checkIfFilter(category)\"\n @mousedown=\"checkIfFilter(category)\"\n >\n {{ category.name }}\n </button>\n </ClassicPopover>\n </div>\n</template>\n\n<script setup lang=\"ts\">\nimport PlusIcon from \"vue-material-design-icons/Plus.vue\";\nimport { useRouteUpdateParams } from \"../../composable/route/useRouteUpdateParams\";\nimport classicApi from \"../../../api/classicApi\";\nimport { state } from \"../../../stores/ParamSdkStore\";\nimport ClassicPopover from \"../../misc/ClassicPopover.vue\";\nimport { Category } from \"@/stores/class/general/category\";\nimport { useFilterStore } from \"../../../stores/FilterStore\";\nimport { useGeneralStore } from \"../../../stores/GeneralStore\";\nimport { computed, nextTick, onMounted, onUnmounted, Ref, ref, useTemplateRef, watch } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\nimport { useRoute, useRouter } from \"vue-router\";\n\n//Props \nconst props = defineProps({\n isFilter: { default: false, type: Boolean },\n isDisplay: { default: false, type: Boolean },\n})\n\n//Emits\nconst emit = defineEmits([\"categoriesLength\"]);\n\n//Data \nconst hidenCategories: Ref<Array<Category>> = ref([]);\nconst categoryListRef = useTemplateRef('categoryListContainer');\n\n//Composables\nconst { t, locale } = useI18n();\nconst { updateFiltersParam } = useRouteUpdateParams();\nconst generalStore = useGeneralStore();\nconst filterStore = useFilterStore();\nconst router = useRouter();\nconst route = useRoute();\n\n//Computed\nconst categories = computed(() => {\n let arrayCategories: Array<Category> = [];\n if (filterStore.filterOrgaId) {\n arrayCategories = generalStore.storedCategoriesOrga.filter((c: Category) => {\n return c.podcastOrganisationCount;\n });\n } else {\n arrayCategories = generalStore.storedCategories.filter((c: Category) => {\n if (state.generalParameters.podcastmaker) return c.podcastOrganisationCount;\n return c.podcastCount;\n });\n }\n emit(\"categoriesLength\", arrayCategories.length);\n return arrayCategories;\n});\nconst watchVariable = computed(() => `${props.isDisplay}|${categories.value}`);\nconst reloadVariable = computed(() => `${filterStore.filterOrgaId}|${generalStore.storedCategories}`);\n\n\n//Watch\nwatch(watchVariable, () => {\n nextTick(() => {\n resizeWindow();\n });\n}, {deep: true, immediate: true});\nwatch(reloadVariable, () => {\n if (filterStore.filterOrgaId) {\n fetchCategories(filterStore.filterOrgaId);\n }\n}, {deep: true, immediate: true});\n\n\nonMounted(()=>window.addEventListener(\"resize\", resizeWindow))\nonUnmounted(()=>window.removeEventListener(\"resize\", resizeWindow))\n\n\n//Methods\nfunction checkIfFilter(category: Category): void {\n if (!props.isFilter) {\n router.push({\n name: \"category\",\n params: { iabId: category.id.toString() },\n });\n return;\n }\n const queries = route.query;\n if (\n !queries.iabId ||\n (\"string\" === typeof queries.iabId &&\n parseInt(queries.iabId, 10) !== category.id)\n ) {\n updateFiltersParam(\n { iabId: category.id.toString() },\n { i: category.id.toString() },\n );\n }\n}\nfunction resizeWindow(): void {\n const categoryList = categoryListRef?.value as HTMLElement;\n if (null === categoryList || !categoryList) {\n return;\n }\n categoryList.style.justifyContent = \"flex-start\";\n hidenCategories.value.length = 0;\n categories.value.forEach((element: Category) => {\n const el = categoryList.querySelector('#category' + element.id);\n if (!el) return;\n if (el.classList.contains(\"hid\")) {\n el.classList.remove(\"hid\");\n }\n });\n categories.value.forEach((element: Category) => {\n const el = categoryList.querySelector('#category' + element.id);\n if (!el) return;\n const parent = el.parentElement;\n if (\n parent &&\n el.offsetLeft + el.clientWidth <= parent.clientWidth - 20\n ) {\n return;\n }\n hidenCategories.value.push(element);\n if (!el.classList.contains(\"hid\")) {\n el.className += \" hid\";\n }\n });\n if (!hidenCategories.value.length) {\n categoryList.style.justifyContent = \"center\";\n }\n}\nasync function fetchCategories(organisationId: string): Promise<void> {\n const data = await classicApi.fetchData<Array<Category>>({\n api: 0,\n path: `iab/list/${organisationId}`,\n parameters: { lang: locale.value },\n });\n generalStore.storedUpdateCategoriesOrga(data);\n}\n</script>\n<style lang=\"scss\">\n.octopus-app {\n .category-list-container {\n display: inline-flex;\n justify-content: flex-start;\n overflow: hidden;\n flex-grow: 1;\n width: 0;\n }\n}\n</style>\n","<template>\n <div\n v-if=\"categories.length\"\n class=\"d-inline-flex w-100 mb-3 ps-3 pe-3 category-list hide-phone\"\n >\n <div ref=\"categoryListContainer\" class=\"category-list-container\">\n <button\n v-for=\"category in categories\"\n :id=\"'category' + category.id\"\n :key=\"category.id\"\n class=\"btn btn-primary btn-on-dark m-1\"\n @click=\"checkIfFilter(category)\"\n >\n {{ category.name }}\n </button>\n </div>\n <button\n v-show=\"hidenCategories.length\"\n id=\"categories-dropdown\"\n class=\"btn btn-primary btn-on-dark m-1\"\n :title=\"t('See more')\"\n >\n <PlusIcon />\n </button>\n <ClassicPopover\n target=\"categories-dropdown\"\n :only-click=\"true\"\n :left-pos=\"true\"\n >\n <button\n v-for=\"category in hidenCategories\"\n :key=\"category.id\"\n class=\"me-3 octopus-dropdown-item\"\n @keydown.enter=\"checkIfFilter(category)\"\n @mousedown=\"checkIfFilter(category)\"\n >\n {{ category.name }}\n </button>\n </ClassicPopover>\n </div>\n</template>\n\n<script setup lang=\"ts\">\nimport PlusIcon from \"vue-material-design-icons/Plus.vue\";\nimport { useRouteUpdateParams } from \"../../composable/route/useRouteUpdateParams\";\nimport classicApi from \"../../../api/classicApi\";\nimport { state } from \"../../../stores/ParamSdkStore\";\nimport ClassicPopover from \"../../misc/ClassicPopover.vue\";\nimport { Category } from \"@/stores/class/general/category\";\nimport { useFilterStore } from \"../../../stores/FilterStore\";\nimport { useGeneralStore } from \"../../../stores/GeneralStore\";\nimport { computed, nextTick, onMounted, onUnmounted, Ref, ref, useTemplateRef, watch } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\nimport { useRoute, useRouter } from \"vue-router\";\n\n//Props \nconst props = defineProps({\n isFilter: { default: false, type: Boolean },\n isDisplay: { default: false, type: Boolean },\n})\n\n//Emits\nconst emit = defineEmits([\"categoriesLength\"]);\n\n//Data \nconst hidenCategories: Ref<Array<Category>> = ref([]);\nconst categoryListRef = useTemplateRef('categoryListContainer');\n\n//Composables\nconst { t, locale } = useI18n();\nconst { updateFiltersParam } = useRouteUpdateParams();\nconst generalStore = useGeneralStore();\nconst filterStore = useFilterStore();\nconst router = useRouter();\nconst route = useRoute();\n\n//Computed\nconst categories = computed(() => {\n let arrayCategories: Array<Category> = [];\n if (filterStore.filterOrgaId) {\n arrayCategories = generalStore.storedCategoriesOrga.filter((c: Category) => {\n return c.podcastOrganisationCount;\n });\n } else {\n arrayCategories = generalStore.storedCategories.filter((c: Category) => {\n if (state.generalParameters.podcastmaker) return c.podcastOrganisationCount;\n return c.podcastCount;\n });\n }\n emit(\"categoriesLength\", arrayCategories.length);\n return arrayCategories;\n});\nconst watchVariable = computed(() => `${props.isDisplay}|${categories.value}`);\nconst reloadVariable = computed(() => `${filterStore.filterOrgaId}|${generalStore.storedCategories}`);\n\n\n//Watch\nwatch(watchVariable, () => {\n nextTick(() => {\n resizeWindow();\n });\n}, {deep: true, immediate: true});\nwatch(reloadVariable, () => {\n if (filterStore.filterOrgaId) {\n fetchCategories(filterStore.filterOrgaId);\n }\n}, {deep: true, immediate: true});\n\n\nonMounted(()=>window.addEventListener(\"resize\", resizeWindow))\nonUnmounted(()=>window.removeEventListener(\"resize\", resizeWindow))\n\n\n//Methods\nfunction checkIfFilter(category: Category): void {\n if (!props.isFilter) {\n router.push({\n name: \"category\",\n params: { iabId: category.id.toString() },\n });\n return;\n }\n const queries = route.query;\n if (\n !queries.iabId ||\n (\"string\" === typeof queries.iabId &&\n parseInt(queries.iabId, 10) !== category.id)\n ) {\n updateFiltersParam(\n { iabId: category.id.toString() },\n { i: category.id.toString() },\n );\n }\n}\nfunction resizeWindow(): void {\n const categoryList = categoryListRef?.value as HTMLElement;\n if (null === categoryList || !categoryList) {\n return;\n }\n categoryList.style.justifyContent = \"flex-start\";\n hidenCategories.value.length = 0;\n categories.value.forEach((element: Category) => {\n const el = categoryList.querySelector('#category' + element.id);\n if (!el) return;\n if (el.classList.contains(\"hid\")) {\n el.classList.remove(\"hid\");\n }\n });\n categories.value.forEach((element: Category) => {\n const el = categoryList.querySelector('#category' + element.id);\n if (!el) return;\n const parent = el.parentElement;\n if (\n parent &&\n el.offsetLeft + el.clientWidth <= parent.clientWidth - 20\n ) {\n return;\n }\n hidenCategories.value.push(element);\n if (!el.classList.contains(\"hid\")) {\n el.className += \" hid\";\n }\n });\n if (!hidenCategories.value.length) {\n categoryList.style.justifyContent = \"center\";\n }\n}\nasync function fetchCategories(organisationId: string): Promise<void> {\n const data = await classicApi.fetchData<Array<Category>>({\n api: 0,\n path: `iab/list/${organisationId}`,\n parameters: { lang: locale.value },\n });\n generalStore.storedUpdateCategoriesOrga(data);\n}\n</script>\n<style lang=\"scss\">\n.octopus-app {\n .category-list-container {\n display: inline-flex;\n justify-content: flex-start;\n overflow: hidden;\n flex-grow: 1;\n width: 0;\n }\n}\n</style>\n"],"mappings":"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"}

package/dist/{CategoryList-Dksp79Lm.mjs → CategoryList-CDoIfrDw.mjs} RENAMED Viewed

@@ -1,7 +1,7 @@
-import { A as e, r as t, t as n } from "./classicApi-pmODlqv5.mjs";
+import { j as e, r as t, t as n } from "./classicApi-CGipMqf7.mjs";
 import { t as r } from "./useRouteUpdateParams-DJLm3IAI.mjs";
 import { t as i } from "./GeneralStore-Darfv4af.mjs";
-import { t as a } from "./ClassicPopover-DWR50Nxi.mjs";
+import { t as a } from "./ClassicPopover-BUb-1WMB.mjs";
 import { Fragment as o, computed as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createVNode as d, defineComponent as f, nextTick as p, onMounted as m, onUnmounted as h, openBlock as g, ref as _, renderList as v, toDisplayString as y, unref as b, useTemplateRef as x, vShow as S, watch as C, withCtx as w, withDirectives as T, withKeys as E } from "vue";
 import D from "vue-material-design-icons/Plus.vue";
 import { useI18n as O } from "vue-i18n";

package/dist/CategoryList-CUae_phb.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"CategoryList-CUae_phb.mjs","names":["classicApi","_openBlock","_createElementBlock","_createElementVNode","_Fragment","_renderList","_toDisplayString","_withDirectives","_createVNode","_vShow","_withCtx","_withKeys","_createCommentVNode","_sfc_main"],"sources":["../src/components/display/categories/CategoryList.vue","../src/components/display/categories/CategoryList.vue"],"sourcesContent":["<template>\n <div\n v-if=\"categories.length\"\n class=\"d-inline-flex w-100 mb-3 ps-3 pe-3 category-list hide-phone\"\n >\n <div ref=\"categoryListContainer\" class=\"category-list-container\">\n <button\n v-for=\"category in categories\"\n :id=\"'category' + category.id\"\n :key=\"category.id\"\n class=\"btn btn-primary btn-on-dark m-1\"\n @click=\"checkIfFilter(category)\"\n >\n {{ category.name }}\n </button>\n </div>\n <button\n v-show=\"hidenCategories.length\"\n id=\"categories-dropdown\"\n class=\"btn btn-primary btn-on-dark m-1\"\n :title=\"t('See more')\"\n >\n <PlusIcon />\n </button>\n <ClassicPopover\n target=\"categories-dropdown\"\n :only-click=\"true\"\n :left-pos=\"true\"\n >\n <button\n v-for=\"category in hidenCategories\"\n :key=\"category.id\"\n class=\"me-3 octopus-dropdown-item\"\n @keydown.enter=\"checkIfFilter(category)\"\n @mousedown=\"checkIfFilter(category)\"\n >\n {{ category.name }}\n </button>\n </ClassicPopover>\n </div>\n</template>\n\n<script setup lang=\"ts\">\nimport PlusIcon from \"vue-material-design-icons/Plus.vue\";\nimport { useRouteUpdateParams } from \"../../composable/route/useRouteUpdateParams\";\nimport classicApi from \"../../../api/classicApi\";\nimport { state } from \"../../../stores/ParamSdkStore\";\nimport ClassicPopover from \"../../misc/ClassicPopover.vue\";\nimport { Category } from \"@/stores/class/general/category\";\nimport { useFilterStore } from \"../../../stores/FilterStore\";\nimport { useGeneralStore } from \"../../../stores/GeneralStore\";\nimport { computed, nextTick, onMounted, onUnmounted, Ref, ref, useTemplateRef, watch } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\nimport { useRoute, useRouter } from \"vue-router\";\n\n//Props \nconst props = defineProps({\n isFilter: { default: false, type: Boolean },\n isDisplay: { default: false, type: Boolean },\n})\n\n//Emits\nconst emit = defineEmits([\"categoriesLength\"]);\n\n//Data \nconst hidenCategories: Ref<Array<Category>> = ref([]);\nconst categoryListRef = useTemplateRef('categoryListContainer');\n\n//Composables\nconst { t, locale } = useI18n();\nconst { updateFiltersParam } = useRouteUpdateParams();\nconst generalStore = useGeneralStore();\nconst filterStore = useFilterStore();\nconst router = useRouter();\nconst route = useRoute();\n\n//Computed\nconst categories = computed(() => {\n let arrayCategories: Array<Category> = [];\n if (filterStore.filterOrgaId) {\n arrayCategories = generalStore.storedCategoriesOrga.filter((c: Category) => {\n return c.podcastOrganisationCount;\n });\n } else {\n arrayCategories = generalStore.storedCategories.filter((c: Category) => {\n if (state.generalParameters.podcastmaker) return c.podcastOrganisationCount;\n return c.podcastCount;\n });\n }\n emit(\"categoriesLength\", arrayCategories.length);\n return arrayCategories;\n});\nconst watchVariable = computed(() => `${props.isDisplay}|${categories.value}`);\nconst reloadVariable = computed(() => `${filterStore.filterOrgaId}|${generalStore.storedCategories}`);\n\n\n//Watch\nwatch(watchVariable, () => {\n nextTick(() => {\n resizeWindow();\n });\n}, {deep: true, immediate: true});\nwatch(reloadVariable, () => {\n if (filterStore.filterOrgaId) {\n fetchCategories(filterStore.filterOrgaId);\n }\n}, {deep: true, immediate: true});\n\n\nonMounted(()=>window.addEventListener(\"resize\", resizeWindow))\nonUnmounted(()=>window.removeEventListener(\"resize\", resizeWindow))\n\n\n//Methods\nfunction checkIfFilter(category: Category): void {\n if (!props.isFilter) {\n router.push({\n name: \"category\",\n params: { iabId: category.id.toString() },\n });\n return;\n }\n const queries = route.query;\n if (\n !queries.iabId ||\n (\"string\" === typeof queries.iabId &&\n parseInt(queries.iabId, 10) !== category.id)\n ) {\n updateFiltersParam(\n { iabId: category.id.toString() },\n { i: category.id.toString() },\n );\n }\n}\nfunction resizeWindow(): void {\n const categoryList = categoryListRef?.value as HTMLElement;\n if (null === categoryList || !categoryList) {\n return;\n }\n categoryList.style.justifyContent = \"flex-start\";\n hidenCategories.value.length = 0;\n categories.value.forEach((element: Category) => {\n const el = categoryList.querySelector('#category' + element.id);\n if (!el) return;\n if (el.classList.contains(\"hid\")) {\n el.classList.remove(\"hid\");\n }\n });\n categories.value.forEach((element: Category) => {\n const el = categoryList.querySelector('#category' + element.id);\n if (!el) return;\n const parent = el.parentElement;\n if (\n parent &&\n el.offsetLeft + el.clientWidth <= parent.clientWidth - 20\n ) {\n return;\n }\n hidenCategories.value.push(element);\n if (!el.classList.contains(\"hid\")) {\n el.className += \" hid\";\n }\n });\n if (!hidenCategories.value.length) {\n categoryList.style.justifyContent = \"center\";\n }\n}\nasync function fetchCategories(organisationId: string): Promise<void> {\n const data = await classicApi.fetchData<Array<Category>>({\n api: 0,\n path: `iab/list/${organisationId}`,\n parameters: { lang: locale.value },\n });\n generalStore.storedUpdateCategoriesOrga(data);\n}\n</script>\n<style lang=\"scss\">\n.octopus-app {\n .category-list-container {\n display: inline-flex;\n justify-content: flex-start;\n overflow: hidden;\n flex-grow: 1;\n width: 0;\n }\n}\n</style>\n","<template>\n <div\n v-if=\"categories.length\"\n class=\"d-inline-flex w-100 mb-3 ps-3 pe-3 category-list hide-phone\"\n >\n <div ref=\"categoryListContainer\" class=\"category-list-container\">\n <button\n v-for=\"category in categories\"\n :id=\"'category' + category.id\"\n :key=\"category.id\"\n class=\"btn btn-primary btn-on-dark m-1\"\n @click=\"checkIfFilter(category)\"\n >\n {{ category.name }}\n </button>\n </div>\n <button\n v-show=\"hidenCategories.length\"\n id=\"categories-dropdown\"\n class=\"btn btn-primary btn-on-dark m-1\"\n :title=\"t('See more')\"\n >\n <PlusIcon />\n </button>\n <ClassicPopover\n target=\"categories-dropdown\"\n :only-click=\"true\"\n :left-pos=\"true\"\n >\n <button\n v-for=\"category in hidenCategories\"\n :key=\"category.id\"\n class=\"me-3 octopus-dropdown-item\"\n @keydown.enter=\"checkIfFilter(category)\"\n @mousedown=\"checkIfFilter(category)\"\n >\n {{ category.name }}\n </button>\n </ClassicPopover>\n </div>\n</template>\n\n<script setup lang=\"ts\">\nimport PlusIcon from \"vue-material-design-icons/Plus.vue\";\nimport { useRouteUpdateParams } from \"../../composable/route/useRouteUpdateParams\";\nimport classicApi from \"../../../api/classicApi\";\nimport { state } from \"../../../stores/ParamSdkStore\";\nimport ClassicPopover from \"../../misc/ClassicPopover.vue\";\nimport { Category } from \"@/stores/class/general/category\";\nimport { useFilterStore } from \"../../../stores/FilterStore\";\nimport { useGeneralStore } from \"../../../stores/GeneralStore\";\nimport { computed, nextTick, onMounted, onUnmounted, Ref, ref, useTemplateRef, watch } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\nimport { useRoute, useRouter } from \"vue-router\";\n\n//Props \nconst props = defineProps({\n isFilter: { default: false, type: Boolean },\n isDisplay: { default: false, type: Boolean },\n})\n\n//Emits\nconst emit = defineEmits([\"categoriesLength\"]);\n\n//Data \nconst hidenCategories: Ref<Array<Category>> = ref([]);\nconst categoryListRef = useTemplateRef('categoryListContainer');\n\n//Composables\nconst { t, locale } = useI18n();\nconst { updateFiltersParam } = useRouteUpdateParams();\nconst generalStore = useGeneralStore();\nconst filterStore = useFilterStore();\nconst router = useRouter();\nconst route = useRoute();\n\n//Computed\nconst categories = computed(() => {\n let arrayCategories: Array<Category> = [];\n if (filterStore.filterOrgaId) {\n arrayCategories = generalStore.storedCategoriesOrga.filter((c: Category) => {\n return c.podcastOrganisationCount;\n });\n } else {\n arrayCategories = generalStore.storedCategories.filter((c: Category) => {\n if (state.generalParameters.podcastmaker) return c.podcastOrganisationCount;\n return c.podcastCount;\n });\n }\n emit(\"categoriesLength\", arrayCategories.length);\n return arrayCategories;\n});\nconst watchVariable = computed(() => `${props.isDisplay}|${categories.value}`);\nconst reloadVariable = computed(() => `${filterStore.filterOrgaId}|${generalStore.storedCategories}`);\n\n\n//Watch\nwatch(watchVariable, () => {\n nextTick(() => {\n resizeWindow();\n });\n}, {deep: true, immediate: true});\nwatch(reloadVariable, () => {\n if (filterStore.filterOrgaId) {\n fetchCategories(filterStore.filterOrgaId);\n }\n}, {deep: true, immediate: true});\n\n\nonMounted(()=>window.addEventListener(\"resize\", resizeWindow))\nonUnmounted(()=>window.removeEventListener(\"resize\", resizeWindow))\n\n\n//Methods\nfunction checkIfFilter(category: Category): void {\n if (!props.isFilter) {\n router.push({\n name: \"category\",\n params: { iabId: category.id.toString() },\n });\n return;\n }\n const queries = route.query;\n if (\n !queries.iabId ||\n (\"string\" === typeof queries.iabId &&\n parseInt(queries.iabId, 10) !== category.id)\n ) {\n updateFiltersParam(\n { iabId: category.id.toString() },\n { i: category.id.toString() },\n );\n }\n}\nfunction resizeWindow(): void {\n const categoryList = categoryListRef?.value as HTMLElement;\n if (null === categoryList || !categoryList) {\n return;\n }\n categoryList.style.justifyContent = \"flex-start\";\n hidenCategories.value.length = 0;\n categories.value.forEach((element: Category) => {\n const el = categoryList.querySelector('#category' + element.id);\n if (!el) return;\n if (el.classList.contains(\"hid\")) {\n el.classList.remove(\"hid\");\n }\n });\n categories.value.forEach((element: Category) => {\n const el = categoryList.querySelector('#category' + element.id);\n if (!el) return;\n const parent = el.parentElement;\n if (\n parent &&\n el.offsetLeft + el.clientWidth <= parent.clientWidth - 20\n ) {\n return;\n }\n hidenCategories.value.push(element);\n if (!el.classList.contains(\"hid\")) {\n el.className += \" hid\";\n }\n });\n if (!hidenCategories.value.length) {\n categoryList.style.justifyContent = \"center\";\n }\n}\nasync function fetchCategories(organisationId: string): Promise<void> {\n const data = await classicApi.fetchData<Array<Category>>({\n api: 0,\n path: `iab/list/${organisationId}`,\n parameters: { lang: locale.value },\n });\n generalStore.storedUpdateCategoriesOrga(data);\n}\n</script>\n<style lang=\"scss\">\n.octopus-app {\n .category-list-container {\n display: inline-flex;\n justify-content: flex-start;\n overflow: hidden;\n flex-grow: 1;\n width: 0;\n }\n}\n</style>\n"],"mappings":"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"}