npm - @saooti/octopus-sdk - Versions diffs - 42.2.1 → 42.2.2 - Mend

@saooti/octopus-sdk 42.2.1 → 42.2.2

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

package/dist/{AdvancedSearch-fO5eaqLJ.mjs → AdvancedSearch-C4segSRv.mjs} RENAMED Viewed

@@ -1,11 +1,11 @@
 import { t as __exportAll } from "./rolldown-runtime-D7D4PA-g.mjs";
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BOaGB7Aw.mjs";
-import { b as groupsApi, i as useAuthStore, r as useFilterStore } from "./classicApi-CkDHWZG1.mjs";
+import { b as groupsApi, i as useAuthStore, r as useFilterStore } from "./classicApi-xjOqAovv.mjs";
 import { t as useGeneralStore } from "./GeneralStore-CUlq_NjO.mjs";
 import { t as ROUTE_PARAMS } from "./types-DmxFXVJz.mjs";
-import { t as useOrgaComputed } from "./useOrgaComputed-BLSpEDfb.mjs";
-import { t as useRubriquesFilterParam } from "./useRubriquesFilterParam--x07HEw1.mjs";
-import { t as EmissionGroupChooser_default } from "./EmissionGroupChooser-Djt1IZg7.mjs";
+import { t as useOrgaComputed } from "./useOrgaComputed-B2Bq0VBT.mjs";
+import { t as useRubriquesFilterParam } from "./useRubriquesFilterParam-Delgf48y.mjs";
+import { t as EmissionGroupChooser_default } from "./EmissionGroupChooser-BXqM4iXP.mjs";
 import { Transition, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineAsyncComponent, defineComponent, normalizeClass, onMounted, openBlock, ref, toDisplayString, vShow, watch, withCtx, withDirectives } from "vue";
 import { useI18n } from "vue-i18n";
 import ChevronDownIcon from "vue-material-design-icons/ChevronDown.vue";
@@ -100,7 +100,7 @@ var AdvancedSearch_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ d
 		__expose();
 		const MonetizableFilter = defineAsyncComponent(() => import("./MonetizableFilter-BGQTUtwX.mjs"));
 		const CategorySearchFilter = defineAsyncComponent(() => import("./CategorySearchFilter-CEGWqMSt.mjs"));
-		const RubriqueFilter = defineAsyncComponent(() => import("./RubriqueFilter-OA_DJKL1.mjs"));
+		const RubriqueFilter = defineAsyncComponent(() => import("./RubriqueFilter-3SPVH4nT.mjs"));
 		const ClassicSelect = defineAsyncComponent(() => import("./ClassicSelect-BaY2yvwP.mjs").then((n) => n.n));
 		const ClassicTagInput = defineAsyncComponent(() => import("./ClassicTagInput-HM3VUbHp.mjs"));
 		const ClassicCheckbox = defineAsyncComponent(() => import("./ClassicCheckbox-BHKCPtLR.mjs").then((n) => n.n));
@@ -449,4 +449,4 @@ var AdvancedSearch_default = /*#__PURE__*/ _plugin_vue_export_helper_default(Adv
 //#endregion
 export { AdvancedSearch_exports as n, AdvancedSearch_default as t };
-//# sourceMappingURL=AdvancedSearch-fO5eaqLJ.mjs.map
+//# sourceMappingURL=AdvancedSearch-C4segSRv.mjs.map

package/dist/AdvancedSearch-C4segSRv.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"AdvancedSearch-C4segSRv.mjs","names":[],"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 :iab-id=\"iabId\" @update:iab-id=\"updateIab\" />\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\";\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 :iab-id=\"iabId\" @update:iab-id=\"updateIab\" />\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\";\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-DD9tnLCw.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"AdvancedSearch-DD9tnLCw.mjs","names":[],"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 :iab-id=\"iabId\" @update:iab-id=\"updateIab\" />\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\";\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 :iab-id=\"iabId\" @update:iab-id=\"updateIab\" />\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\";\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/{CategoryFilter-Cu2a0YE9.mjs → CategoryFilter-CpplEC8n.mjs} RENAMED Viewed

@@ -1,8 +1,8 @@
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BOaGB7Aw.mjs";
-import { r as useFilterStore } from "./classicApi-CkDHWZG1.mjs";
+import { r as useFilterStore } from "./classicApi-xjOqAovv.mjs";
 import { t as useRouteUpdateParams } from "./useRouteUpdateParams-DurlddRA.mjs";
 import { t as useGeneralStore } from "./GeneralStore-CUlq_NjO.mjs";
-import { t as useRubriquesFilterParam } from "./useRubriquesFilterParam--x07HEw1.mjs";
+import { t as useRubriquesFilterParam } from "./useRubriquesFilterParam-Delgf48y.mjs";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, defineAsyncComponent, defineComponent, normalizeClass, normalizeStyle, openBlock, ref, renderList, toDisplayString, vShow, watch, withDirectives } from "vue";
 import { useI18n } from "vue-i18n";
 import { useRoute } from "vue-router";
@@ -11,8 +11,8 @@ var CategoryFilter_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ d
 	__name: "CategoryFilter",
 	setup(__props, { expose: __expose }) {
 		__expose();
-		const CategoryList = defineAsyncComponent(() => import("./CategoryList-DkxZDrO5.mjs"));
-		const RubriqueList = defineAsyncComponent(() => import("./RubriqueList-B94NM5yi.mjs"));
+		const CategoryList = defineAsyncComponent(() => import("./CategoryList-BTabY3vQ.mjs"));
+		const RubriqueList = defineAsyncComponent(() => import("./RubriqueList-TnVM2-Ry.mjs"));
 		const RubriqueChooser = defineAsyncComponent(() => import("./RubriqueChooser-BceFw2x2.mjs"));
 		const isCategories = ref(false);
 		const { t } = useI18n();
@@ -234,4 +234,4 @@ var CategoryFilter_default = /*#__PURE__*/ _plugin_vue_export_helper_default(Cat
 //#endregion
 export { CategoryFilter_default as default };
-//# sourceMappingURL=CategoryFilter-Cu2a0YE9.mjs.map
+//# sourceMappingURL=CategoryFilter-CpplEC8n.mjs.map

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

@@ -0,0 +1 @@

+ {"version":3,"file":"CategoryFilter-CpplEC8n.mjs","names":[],"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-cbQR_ySd.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"CategoryFilter-cbQR_ySd.mjs","names":[],"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-DkxZDrO5.mjs → CategoryList-BTabY3vQ.mjs} RENAMED Viewed

@@ -1,5 +1,5 @@
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BOaGB7Aw.mjs";
-import { A as state, r as useFilterStore, t as classicApi_default } from "./classicApi-CkDHWZG1.mjs";
+import { A as state, r as useFilterStore, t as classicApi_default } from "./classicApi-xjOqAovv.mjs";
 import { t as useRouteUpdateParams } from "./useRouteUpdateParams-DurlddRA.mjs";
 import { t as useGeneralStore } from "./GeneralStore-CUlq_NjO.mjs";
 import { t as ClassicPopover_default } from "./ClassicPopover-BIyLKorz.mjs";
@@ -179,4 +179,4 @@ var CategoryList_default = /*#__PURE__*/ _plugin_vue_export_helper_default(Categ
 //#endregion
 export { CategoryList_default as default };
-//# sourceMappingURL=CategoryList-DkxZDrO5.mjs.map
+//# sourceMappingURL=CategoryList-BTabY3vQ.mjs.map

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

@@ -0,0 +1 @@

+ {"version":3,"file":"CategoryList-BTabY3vQ.mjs","names":[],"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-DHEJoaez.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"CategoryList-DHEJoaez.mjs","names":[],"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/CategoryPage-BbsCC3Wr.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"CategoryPage-BbsCC3Wr.mjs","names":[],"sources":["../src/components/pages/CategoryPage.vue","../src/components/pages/CategoryPage.vue"],"sourcesContent":["<template>\n <section class=\"page-box\">\n <h1>{{ title }}</h1>\n <PodcastList\n :first=\"0\"\n :size=\"30\"\n :iab-id=\"iabId\"\n :organisation-id=\"orgaArray\"\n />\n </section>\n</template>\n\n<script setup lang=\"ts\">\nimport PodcastList from \"../display/podcasts/PodcastList.vue\";\nimport { useFilterStore } from \"../../stores/FilterStore\";\nimport { useGeneralStore } from \"../../stores/GeneralStore\";\nimport { computed, watch } from \"vue\";\nimport { Category } from \"@/stores/class/general/category\";\n\n\n//Props \nconst props = defineProps({\n iabId: { default: undefined, type: Number },\n})\n\n//Composables\nconst generalStore = useGeneralStore();\nconst filterStore = useFilterStore();\n\n//Computed\nconst orgaArray = computed(() => filterStore.filterOrgaId ? [filterStore.filterOrgaId] : []);\nconst title = computed(() => {\n const matchCategories = generalStore.storedCategories.filter(\n (c: Category) => c.id === props.iabId,\n );\n if (1 !== matchCategories.length) return \"\";\n return matchCategories[0][\"name\"];\n});\n\n\n//Watch\nwatch(title, () => {\n document.title = title.value + ' - ' + generalStore.metaTitle\n}, {immediate: true});\n\n</script>\n","<template>\n <section class=\"page-box\">\n <h1>{{ title }}</h1>\n <PodcastList\n :first=\"0\"\n :size=\"30\"\n :iab-id=\"iabId\"\n :organisation-id=\"orgaArray\"\n />\n </section>\n</template>\n\n<script setup lang=\"ts\">\nimport PodcastList from \"../display/podcasts/PodcastList.vue\";\nimport { useFilterStore } from \"../../stores/FilterStore\";\nimport { useGeneralStore } from \"../../stores/GeneralStore\";\nimport { computed, watch } from \"vue\";\nimport { Category } from \"@/stores/class/general/category\";\n\n\n//Props \nconst props = defineProps({\n iabId: { default: undefined, type: Number },\n})\n\n//Composables\nconst generalStore = useGeneralStore();\nconst filterStore = useFilterStore();\n\n//Computed\nconst orgaArray = computed(() => filterStore.filterOrgaId ? [filterStore.filterOrgaId] : []);\nconst title = computed(() => {\n const matchCategories = generalStore.storedCategories.filter(\n (c: Category) => c.id === props.iabId,\n );\n if (1 !== matchCategories.length) return \"\";\n return matchCategories[0][\"name\"];\n});\n\n\n//Watch\nwatch(title, () => {\n document.title = title.value + ' - ' + generalStore.metaTitle\n}, {immediate: true});\n\n</script>\n"],"mappings":";;;;;;;;;;;;;;EAqBA,MAAM,QAAQ;EAKd,MAAM,eAAe,gBAAgB;EACrC,MAAM,cAAc,eAAe;EAGnC,MAAM,YAAY,eAAe,YAAY,eAAe,CAAC,YAAY,YAAY,IAAI,CAAC,CAAC;EAC3F,MAAM,QAAQ,eAAe;GAC3B,MAAM,kBAAkB,aAAa,iBAAiB,QACnD,MAAgB,EAAE,OAAO,MAAM,KAClC;GACA,IAAI,MAAM,gBAAgB,QAAQ,OAAO;GACzC,OAAO,gBAAgB,GAAG;EAC5B,CAAC;EAID,MAAM,aAAa;GACjB,SAAS,QAAQ,MAAM,QAAQ,QAAQ,aAAa;EACtD,GAAG,EAAC,WAAW,KAAI,CAAC;;;;;;;;;;;;;;;;;;mBC1CT,OAAM,WAAU;;qBAAzB,mBAQU,WARV,YAQU,CAPR,mBAAoB,MAAA,MAAA,gBAAb,OAAA,KAAK,GAAA,CAAA,GACZ,YAKE,OAAA,gBAAA;EAJC,OAAO;EACP,MAAM;EACN,UAAQ,OAAA;EACR,mBAAiB,OAAA"}

package/dist/CategoryPage-BxvUmThb.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"CategoryPage-BxvUmThb.mjs","names":[],"sources":["../src/components/pages/CategoryPage.vue","../src/components/pages/CategoryPage.vue"],"sourcesContent":["<template>\n <section class=\"page-box\">\n <h1>{{ title }}</h1>\n <PodcastList\n :first=\"0\"\n :size=\"30\"\n :iab-id=\"iabId\"\n :organisation-id=\"orgaArray\"\n />\n </section>\n</template>\n\n<script setup lang=\"ts\">\nimport PodcastList from \"../display/podcasts/PodcastList.vue\";\nimport { useFilterStore } from \"../../stores/FilterStore\";\nimport { useGeneralStore } from \"../../stores/GeneralStore\";\nimport { computed, watch } from \"vue\";\nimport { Category } from \"@/stores/class/general/category\";\n\n\n//Props \nconst props = defineProps({\n iabId: { default: undefined, type: Number },\n})\n\n//Composables\nconst generalStore = useGeneralStore();\nconst filterStore = useFilterStore();\n\n//Computed\nconst orgaArray = computed(() => filterStore.filterOrgaId ? [filterStore.filterOrgaId] : []);\nconst title = computed(() => {\n const matchCategories = generalStore.storedCategories.filter(\n (c: Category) => c.id === props.iabId,\n );\n if (1 !== matchCategories.length) return \"\";\n return matchCategories[0][\"name\"];\n});\n\n\n//Watch\nwatch(title, () => {\n document.title = title.value + ' - ' + generalStore.metaTitle\n}, {immediate: true});\n\n</script>\n","<template>\n <section class=\"page-box\">\n <h1>{{ title }}</h1>\n <PodcastList\n :first=\"0\"\n :size=\"30\"\n :iab-id=\"iabId\"\n :organisation-id=\"orgaArray\"\n />\n </section>\n</template>\n\n<script setup lang=\"ts\">\nimport PodcastList from \"../display/podcasts/PodcastList.vue\";\nimport { useFilterStore } from \"../../stores/FilterStore\";\nimport { useGeneralStore } from \"../../stores/GeneralStore\";\nimport { computed, watch } from \"vue\";\nimport { Category } from \"@/stores/class/general/category\";\n\n\n//Props \nconst props = defineProps({\n iabId: { default: undefined, type: Number },\n})\n\n//Composables\nconst generalStore = useGeneralStore();\nconst filterStore = useFilterStore();\n\n//Computed\nconst orgaArray = computed(() => filterStore.filterOrgaId ? [filterStore.filterOrgaId] : []);\nconst title = computed(() => {\n const matchCategories = generalStore.storedCategories.filter(\n (c: Category) => c.id === props.iabId,\n );\n if (1 !== matchCategories.length) return \"\";\n return matchCategories[0][\"name\"];\n});\n\n\n//Watch\nwatch(title, () => {\n document.title = title.value + ' - ' + generalStore.metaTitle\n}, {immediate: true});\n\n</script>\n"],"mappings":";;;;;;;;;;;;;;EAqBA,MAAM,QAAQ;EAKd,MAAM,eAAe,gBAAgB;EACrC,MAAM,cAAc,eAAe;EAGnC,MAAM,YAAY,eAAe,YAAY,eAAe,CAAC,YAAY,YAAY,IAAI,CAAC,CAAC;EAC3F,MAAM,QAAQ,eAAe;GAC3B,MAAM,kBAAkB,aAAa,iBAAiB,QACnD,MAAgB,EAAE,OAAO,MAAM,KAClC;GACA,IAAI,MAAM,gBAAgB,QAAQ,OAAO;GACzC,OAAO,gBAAgB,GAAG;EAC5B,CAAC;EAID,MAAM,aAAa;GACjB,SAAS,QAAQ,MAAM,QAAQ,QAAQ,aAAa;EACtD,GAAG,EAAC,WAAW,KAAI,CAAC;;;;;;;;;;;;;;;;;;mBC1CT,OAAM,WAAU;;qBAAzB,mBAQU,WARV,YAQU,CAPR,mBAAoB,MAAA,MAAA,gBAAb,OAAA,KAAK,GAAA,CAAA,GACZ,YAKE,OAAA,gBAAA;EAJC,OAAO;EACP,MAAM;EACN,UAAQ,OAAA;EACR,mBAAiB,OAAA"}

package/dist/{CategoryPage-3HFz1i7_.mjs → CategoryPage-D755GvQZ.mjs} RENAMED Viewed

@@ -1,7 +1,7 @@
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BOaGB7Aw.mjs";
-import { r as useFilterStore } from "./classicApi-CkDHWZG1.mjs";
+import { r as useFilterStore } from "./classicApi-xjOqAovv.mjs";
 import { t as useGeneralStore } from "./GeneralStore-CUlq_NjO.mjs";
-import { t as PodcastList_default } from "./PodcastList-c0Iwzakm.mjs";
+import { t as PodcastList_default } from "./PodcastList-DhKeiBbv.mjs";
 import { computed, createElementBlock, createElementVNode, createVNode, defineComponent, openBlock, toDisplayString, watch } from "vue";
 //#region src/components/pages/CategoryPage.vue?vue&type=script&setup=true&lang.ts
 var CategoryPage_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
@@ -54,4 +54,4 @@ var CategoryPage_default = /*#__PURE__*/ _plugin_vue_export_helper_default(Categ
 //#endregion
 export { CategoryPage_default as default };
-//# sourceMappingURL=CategoryPage-3HFz1i7_.mjs.map
+//# sourceMappingURL=CategoryPage-D755GvQZ.mjs.map

package/dist/CategoryPage-D755GvQZ.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"CategoryPage-D755GvQZ.mjs","names":[],"sources":["../src/components/pages/CategoryPage.vue","../src/components/pages/CategoryPage.vue"],"sourcesContent":["<template>\n <section class=\"page-box\">\n <h1>{{ title }}</h1>\n <PodcastList\n :first=\"0\"\n :size=\"30\"\n :iab-id=\"iabId\"\n :organisation-id=\"orgaArray\"\n />\n </section>\n</template>\n\n<script setup lang=\"ts\">\nimport PodcastList from \"../display/podcasts/PodcastList.vue\";\nimport { useFilterStore } from \"../../stores/FilterStore\";\nimport { useGeneralStore } from \"../../stores/GeneralStore\";\nimport { computed, watch } from \"vue\";\nimport { Category } from \"@/stores/class/general/category\";\n\n\n//Props \nconst props = defineProps({\n iabId: { default: undefined, type: Number },\n})\n\n//Composables\nconst generalStore = useGeneralStore();\nconst filterStore = useFilterStore();\n\n//Computed\nconst orgaArray = computed(() => filterStore.filterOrgaId ? [filterStore.filterOrgaId] : []);\nconst title = computed(() => {\n const matchCategories = generalStore.storedCategories.filter(\n (c: Category) => c.id === props.iabId,\n );\n if (1 !== matchCategories.length) return \"\";\n return matchCategories[0][\"name\"];\n});\n\n\n//Watch\nwatch(title, () => {\n document.title = title.value + ' - ' + generalStore.metaTitle\n}, {immediate: true});\n\n</script>\n","<template>\n <section class=\"page-box\">\n <h1>{{ title }}</h1>\n <PodcastList\n :first=\"0\"\n :size=\"30\"\n :iab-id=\"iabId\"\n :organisation-id=\"orgaArray\"\n />\n </section>\n</template>\n\n<script setup lang=\"ts\">\nimport PodcastList from \"../display/podcasts/PodcastList.vue\";\nimport { useFilterStore } from \"../../stores/FilterStore\";\nimport { useGeneralStore } from \"../../stores/GeneralStore\";\nimport { computed, watch } from \"vue\";\nimport { Category } from \"@/stores/class/general/category\";\n\n\n//Props \nconst props = defineProps({\n iabId: { default: undefined, type: Number },\n})\n\n//Composables\nconst generalStore = useGeneralStore();\nconst filterStore = useFilterStore();\n\n//Computed\nconst orgaArray = computed(() => filterStore.filterOrgaId ? [filterStore.filterOrgaId] : []);\nconst title = computed(() => {\n const matchCategories = generalStore.storedCategories.filter(\n (c: Category) => c.id === props.iabId,\n );\n if (1 !== matchCategories.length) return \"\";\n return matchCategories[0][\"name\"];\n});\n\n\n//Watch\nwatch(title, () => {\n document.title = title.value + ' - ' + generalStore.metaTitle\n}, {immediate: true});\n\n</script>\n"],"mappings":";;;;;;;;;;;;;;EAqBA,MAAM,QAAQ;EAKd,MAAM,eAAe,gBAAgB;EACrC,MAAM,cAAc,eAAe;EAGnC,MAAM,YAAY,eAAe,YAAY,eAAe,CAAC,YAAY,YAAY,IAAI,CAAC,CAAC;EAC3F,MAAM,QAAQ,eAAe;GAC3B,MAAM,kBAAkB,aAAa,iBAAiB,QACnD,MAAgB,EAAE,OAAO,MAAM,KAClC;GACA,IAAI,MAAM,gBAAgB,QAAQ,OAAO;GACzC,OAAO,gBAAgB,GAAG;EAC5B,CAAC;EAID,MAAM,aAAa;GACjB,SAAS,QAAQ,MAAM,QAAQ,QAAQ,aAAa;EACtD,GAAG,EAAC,WAAW,KAAI,CAAC;;;;;;;;;;;;;;;;;;mBC1CT,OAAM,WAAU;;qBAAzB,mBAQU,WARV,YAQU,CAPR,mBAAoB,MAAA,MAAA,gBAAb,OAAA,KAAK,GAAA,CAAA,GACZ,YAKE,OAAA,gBAAA;EAJC,OAAO;EACP,MAAM;EACN,UAAQ,OAAA;EACR,mBAAiB,OAAA"}

package/dist/CategoryPage-DDBJ2krs.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"CategoryPage-DDBJ2krs.mjs","names":[],"sources":["../src/components/pages/CategoryPage.vue","../src/components/pages/CategoryPage.vue"],"sourcesContent":["<template>\n <section class=\"page-box\">\n <h1>{{ title }}</h1>\n <PodcastList\n :first=\"0\"\n :size=\"30\"\n :iab-id=\"iabId\"\n :organisation-id=\"orgaArray\"\n />\n </section>\n</template>\n\n<script setup lang=\"ts\">\nimport PodcastList from \"../display/podcasts/PodcastList.vue\";\nimport { useFilterStore } from \"../../stores/FilterStore\";\nimport { useGeneralStore } from \"../../stores/GeneralStore\";\nimport { computed, watch } from \"vue\";\nimport { Category } from \"@/stores/class/general/category\";\n\n\n//Props \nconst props = defineProps({\n iabId: { default: undefined, type: Number },\n})\n\n//Composables\nconst generalStore = useGeneralStore();\nconst filterStore = useFilterStore();\n\n//Computed\nconst orgaArray = computed(() => filterStore.filterOrgaId ? [filterStore.filterOrgaId] : []);\nconst title = computed(() => {\n const matchCategories = generalStore.storedCategories.filter(\n (c: Category) => c.id === props.iabId,\n );\n if (1 !== matchCategories.length) return \"\";\n return matchCategories[0][\"name\"];\n});\n\n\n//Watch\nwatch(title, () => {\n document.title = title.value + ' - ' + generalStore.metaTitle\n}, {immediate: true});\n\n</script>\n","<template>\n <section class=\"page-box\">\n <h1>{{ title }}</h1>\n <PodcastList\n :first=\"0\"\n :size=\"30\"\n :iab-id=\"iabId\"\n :organisation-id=\"orgaArray\"\n />\n </section>\n</template>\n\n<script setup lang=\"ts\">\nimport PodcastList from \"../display/podcasts/PodcastList.vue\";\nimport { useFilterStore } from \"../../stores/FilterStore\";\nimport { useGeneralStore } from \"../../stores/GeneralStore\";\nimport { computed, watch } from \"vue\";\nimport { Category } from \"@/stores/class/general/category\";\n\n\n//Props \nconst props = defineProps({\n iabId: { default: undefined, type: Number },\n})\n\n//Composables\nconst generalStore = useGeneralStore();\nconst filterStore = useFilterStore();\n\n//Computed\nconst orgaArray = computed(() => filterStore.filterOrgaId ? [filterStore.filterOrgaId] : []);\nconst title = computed(() => {\n const matchCategories = generalStore.storedCategories.filter(\n (c: Category) => c.id === props.iabId,\n );\n if (1 !== matchCategories.length) return \"\";\n return matchCategories[0][\"name\"];\n});\n\n\n//Watch\nwatch(title, () => {\n document.title = title.value + ' - ' + generalStore.metaTitle\n}, {immediate: true});\n\n</script>\n"],"mappings":";;;;;;;;;;;;;;EAqBA,MAAM,QAAQ;EAKd,MAAM,eAAe,gBAAgB;EACrC,MAAM,cAAc,eAAe;EAGnC,MAAM,YAAY,eAAe,YAAY,eAAe,CAAC,YAAY,YAAY,IAAI,CAAC,CAAC;EAC3F,MAAM,QAAQ,eAAe;GAC3B,MAAM,kBAAkB,aAAa,iBAAiB,QACnD,MAAgB,EAAE,OAAO,MAAM,KAClC;GACA,IAAI,MAAM,gBAAgB,QAAQ,OAAO;GACzC,OAAO,gBAAgB,GAAG;EAC5B,CAAC;EAID,MAAM,aAAa;GACjB,SAAS,QAAQ,MAAM,QAAQ,QAAQ,aAAa;EACtD,GAAG,EAAC,WAAW,KAAI,CAAC;;;;;;;;;;;;;;;;;;mBC1CT,OAAM,WAAU;;qBAAzB,mBAQU,WARV,YAQU,CAPR,mBAAoB,MAAA,MAAA,gBAAb,OAAA,KAAK,GAAA,CAAA,GACZ,YAKE,OAAA,gBAAA;EAJC,OAAO;EACP,MAAM;EACN,UAAQ,OAAA;EACR,mBAAiB,OAAA"}

package/dist/CategoryPage-DRCYjOqG.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"CategoryPage-DRCYjOqG.mjs","names":[],"sources":["../src/components/pages/CategoryPage.vue","../src/components/pages/CategoryPage.vue"],"sourcesContent":["<template>\n <section class=\"page-box\">\n <h1>{{ title }}</h1>\n <PodcastList\n :first=\"0\"\n :size=\"30\"\n :iab-id=\"iabId\"\n :organisation-id=\"orgaArray\"\n />\n </section>\n</template>\n\n<script setup lang=\"ts\">\nimport PodcastList from \"../display/podcasts/PodcastList.vue\";\nimport { useFilterStore } from \"../../stores/FilterStore\";\nimport { useGeneralStore } from \"../../stores/GeneralStore\";\nimport { computed, watch } from \"vue\";\nimport { Category } from \"@/stores/class/general/category\";\n\n\n//Props \nconst props = defineProps({\n iabId: { default: undefined, type: Number },\n})\n\n//Composables\nconst generalStore = useGeneralStore();\nconst filterStore = useFilterStore();\n\n//Computed\nconst orgaArray = computed(() => filterStore.filterOrgaId ? [filterStore.filterOrgaId] : []);\nconst title = computed(() => {\n const matchCategories = generalStore.storedCategories.filter(\n (c: Category) => c.id === props.iabId,\n );\n if (1 !== matchCategories.length) return \"\";\n return matchCategories[0][\"name\"];\n});\n\n\n//Watch\nwatch(title, () => {\n document.title = title.value + ' - ' + generalStore.metaTitle\n}, {immediate: true});\n\n</script>\n","<template>\n <section class=\"page-box\">\n <h1>{{ title }}</h1>\n <PodcastList\n :first=\"0\"\n :size=\"30\"\n :iab-id=\"iabId\"\n :organisation-id=\"orgaArray\"\n />\n </section>\n</template>\n\n<script setup lang=\"ts\">\nimport PodcastList from \"../display/podcasts/PodcastList.vue\";\nimport { useFilterStore } from \"../../stores/FilterStore\";\nimport { useGeneralStore } from \"../../stores/GeneralStore\";\nimport { computed, watch } from \"vue\";\nimport { Category } from \"@/stores/class/general/category\";\n\n\n//Props \nconst props = defineProps({\n iabId: { default: undefined, type: Number },\n})\n\n//Composables\nconst generalStore = useGeneralStore();\nconst filterStore = useFilterStore();\n\n//Computed\nconst orgaArray = computed(() => filterStore.filterOrgaId ? [filterStore.filterOrgaId] : []);\nconst title = computed(() => {\n const matchCategories = generalStore.storedCategories.filter(\n (c: Category) => c.id === props.iabId,\n );\n if (1 !== matchCategories.length) return \"\";\n return matchCategories[0][\"name\"];\n});\n\n\n//Watch\nwatch(title, () => {\n document.title = title.value + ' - ' + generalStore.metaTitle\n}, {immediate: true});\n\n</script>\n"],"mappings":";;;;;;;;;;;;;;EAqBA,MAAM,QAAQ;EAKd,MAAM,eAAe,gBAAgB;EACrC,MAAM,cAAc,eAAe;EAGnC,MAAM,YAAY,eAAe,YAAY,eAAe,CAAC,YAAY,YAAY,IAAI,CAAC,CAAC;EAC3F,MAAM,QAAQ,eAAe;GAC3B,MAAM,kBAAkB,aAAa,iBAAiB,QACnD,MAAgB,EAAE,OAAO,MAAM,KAClC;GACA,IAAI,MAAM,gBAAgB,QAAQ,OAAO;GACzC,OAAO,gBAAgB,GAAG;EAC5B,CAAC;EAID,MAAM,aAAa;GACjB,SAAS,QAAQ,MAAM,QAAQ,QAAQ,aAAa;EACtD,GAAG,EAAC,WAAW,KAAI,CAAC;;;;;;;;;;;;;;;;;;mBC1CT,OAAM,WAAU;;qBAAzB,mBAQU,WARV,YAQU,CAPR,mBAAoB,MAAA,MAAA,gBAAb,OAAA,KAAK,GAAA,CAAA,GACZ,YAKE,OAAA,gBAAA;EAJC,OAAO;EACP,MAAM;EACN,UAAQ,OAAA;EACR,mBAAiB,OAAA"}

package/dist/ChapteringModal-CSQqCWIk.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ChapteringModal-CSQqCWIk.mjs","names":[],"sources":["../src/components/misc/player/chaptering/ChapteringModal.vue","../src/components/misc/player/chaptering/ChapteringModal.vue"],"sourcesContent":["<template>\n <ClassicModal\n id-modal=\"chaptering-modal\"\n :title-modal=\"t('Chaptering')\"\n @close=\"closePopup\"\n >\n <template #body>\n <div class=\"d-flex flex-column\">\n <button\n v-for=\"(chapter, index) in playerStore.playerChapteringPercent\"\n :key=\"chapter\"\n class=\"btn d-flex flex-nowrap align-items-center p-2 mt-1 c-hand text-truncate mb-1\"\n :class=\"actualChapter === index ? 'chapter-selected' : 'border'\"\n @click=\"goToChapter(index)\"\n >\n <div class=\"d-flex align-items-center me-auto\">\n <WaveformIcon v-if=\"actualChapter === index\" />\n <div v-else>{{ index + 1 }}</div>\n <div class=\"ms-2\">{{ \"- \" + chapter.title }}</div>\n </div>\n <div>{{ chapter.startDisplay }}</div>\n </button>\n </div>\n </template>\n <template #footer>\n <button class=\"btn m-1\" @click=\"closePopup\">\n {{ t(\"Close\") }}\n </button>\n </template>\n </ClassicModal>\n</template>\n\n<script setup lang=\"ts\">\nimport WaveformIcon from \"vue-material-design-icons/Waveform.vue\";\nimport { usePlayerStore } from \"../../../../stores/PlayerStore\";\nimport ClassicModal from \"../../modal/ClassicModal.vue\";\nimport { onMounted, Ref, ref } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \ndefineProps({\n actualChapter: { default: -1, type: Number }\n})\n\n//Emits\nconst emit = defineEmits([\"close\"]);\n\n//Data \nconst audioPlayer : Ref<HTMLAudioElement | null>= ref(null);\n\n//Composables\nconst { t } = useI18n();\nconst playerStore = usePlayerStore();\n\n\nonMounted(()=>{\n audioPlayer.value = document.querySelector(\"#audio-player\");\n})\n\n//Methods\nfunction closePopup(): void {\n emit(\"close\");\n}\nfunction goToChapter(index: number) {\n if (!playerStore.playerChapteringPercent || !audioPlayer.value) {\n return;\n }\n const seekTime =\n playerStore.playerTotal *\n (playerStore.playerChapteringPercent[index].startPercent / 100);\n playerStore.playerUpdateSeekTime(seekTime);\n if (0 === seekTime) {\n playerStore.playerUpdateElapsed(0);\n }\n audioPlayer.value.currentTime = seekTime;\n}\n</script>\n<style lang=\"scss\">\n\n.octopus-app .chapter-selected {\n border: var(--octopus-primary) 3px solid;\n}\n</style>\n","<template>\n <ClassicModal\n id-modal=\"chaptering-modal\"\n :title-modal=\"t('Chaptering')\"\n @close=\"closePopup\"\n >\n <template #body>\n <div class=\"d-flex flex-column\">\n <button\n v-for=\"(chapter, index) in playerStore.playerChapteringPercent\"\n :key=\"chapter\"\n class=\"btn d-flex flex-nowrap align-items-center p-2 mt-1 c-hand text-truncate mb-1\"\n :class=\"actualChapter === index ? 'chapter-selected' : 'border'\"\n @click=\"goToChapter(index)\"\n >\n <div class=\"d-flex align-items-center me-auto\">\n <WaveformIcon v-if=\"actualChapter === index\" />\n <div v-else>{{ index + 1 }}</div>\n <div class=\"ms-2\">{{ \"- \" + chapter.title }}</div>\n </div>\n <div>{{ chapter.startDisplay }}</div>\n </button>\n </div>\n </template>\n <template #footer>\n <button class=\"btn m-1\" @click=\"closePopup\">\n {{ t(\"Close\") }}\n </button>\n </template>\n </ClassicModal>\n</template>\n\n<script setup lang=\"ts\">\nimport WaveformIcon from \"vue-material-design-icons/Waveform.vue\";\nimport { usePlayerStore } from \"../../../../stores/PlayerStore\";\nimport ClassicModal from \"../../modal/ClassicModal.vue\";\nimport { onMounted, Ref, ref } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \ndefineProps({\n actualChapter: { default: -1, type: Number }\n})\n\n//Emits\nconst emit = defineEmits([\"close\"]);\n\n//Data \nconst audioPlayer : Ref<HTMLAudioElement | null>= ref(null);\n\n//Composables\nconst { t } = useI18n();\nconst playerStore = usePlayerStore();\n\n\nonMounted(()=>{\n audioPlayer.value = document.querySelector(\"#audio-player\");\n})\n\n//Methods\nfunction closePopup(): void {\n emit(\"close\");\n}\nfunction goToChapter(index: number) {\n if (!playerStore.playerChapteringPercent || !audioPlayer.value) {\n return;\n }\n const seekTime =\n playerStore.playerTotal *\n (playerStore.playerChapteringPercent[index].startPercent / 100);\n playerStore.playerUpdateSeekTime(seekTime);\n if (0 === seekTime) {\n playerStore.playerUpdateElapsed(0);\n }\n audioPlayer.value.currentTime = seekTime;\n}\n</script>\n<style lang=\"scss\">\n\n.octopus-app .chapter-selected {\n border: var(--octopus-primary) 3px solid;\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;EA6CA,MAAM,OAAO;EAGb,MAAM,cAA4C,IAAI,IAAI;EAG1D,MAAM,EAAE,MAAM,QAAQ;EACtB,MAAM,cAAc,eAAe;EAGnC,gBAAc;GACZ,YAAY,QAAQ,SAAS,cAAc,eAAe;EAC5D,CAAC;EAGD,SAAS,aAAmB;GAC1B,KAAK,OAAO;EACd;EACA,SAAS,YAAY,OAAe;GAClC,IAAI,CAAC,YAAY,2BAA2B,CAAC,YAAY,OACvD;GAEF,MAAM,WACN,YAAY,eACT,YAAY,wBAAwB,OAAO,eAAe;GAC7D,YAAY,qBAAqB,QAAQ;GACzC,IAAI,MAAM,UACR,YAAY,oBAAoB,CAAC;GAEnC,YAAY,MAAM,cAAc;EAClC;;;;;;;;;;;;;;;;;;;;mBCpEW,OAAM,qBAAoB;;mBAQtB,OAAM,oCAAmC;;mBAGvC,OAAM,OAAM;;qBAjB3B,YA4Be,OAAA,iBAAA;EA3Bb,YAAS;EACR,eAAa,OAAA,EAAC,YAAA;EACd,SAAO,OAAA;;EAEG,MAAI,cAgBP,CAfN,mBAeM,OAfN,YAeM,EAAA,UAAA,IAAA,GAdJ,mBAaS,UAAA,MAAA,WAZoB,OAAA,YAAY,0BAA/B,SAAS,UAAK;uBADxB,mBAaS,UAAA;IAXN,KAAK;IACN,OAAK,eAAA,CAAC,gFACE,OAAA,kBAAkB,QAAK,qBAAA,QAAA,CAAA;IAC9B,UAAK,WAAE,OAAA,YAAY,KAAK;OAEzB,mBAIM,OAJN,YAIM,CAHgB,OAAA,kBAAkB,SAAA,UAAA,GAAtC,YAA+C,OAAA,iBAAA,EAAA,KAAA,EAAA,CAAA,MAAA,UAAA,GAC/C,mBAAiC,OAAA,YAAA,gBAAlB,QAAK,CAAA,GAAA,CAAA,IACpB,mBAAkD,OAAlD,YAAkD,gBAAA,OAAtB,QAAQ,KAAK,GAAA,CAAA,CAAA,CAAA,GAE3C,mBAAqC,OAAA,MAAA,gBAA7B,QAAQ,YAAY,GAAA,CAAA,CAAA,GAAA,IAAA,UAAA;;EAIvB,QAAM,cAGN,CAFT,mBAES,UAAA;GAFD,OAAM;GAAW,SAAO,OAAA;qBAC3B,OAAA,EAAC,OAAA,CAAA,GAAA,CAAA,CAAA,CAAA"}