@saooti/octopus-sdk 42.0.3 → 42.0.5

package/dist/PodcastList-B9xZlEH4.mjs

@@ -0,0 +1,152 @@
+import { t as __exportAll } from "./rolldown-runtime-D7D4PA-g.mjs";
+import { p as playlistApi } from "./classicApi-BKNiWOG4.mjs";
+import { t as ListPaginate_default } from "./ListPaginate-BWWtCWZX.mjs";
+import { t as useErrorHandler } from "./useErrorHandler-DNz9da5N.mjs";
+import { t as useOrgaComputed } from "./useOrgaComputed-T8Mhcne0.mjs";
+import { t as ClassicLazy_default } from "./ClassicLazy-DKgiCdDI.mjs";
+import { t as ClassicSearch_default } from "./ClassicSearch-BPWOTzhw.mjs";
+import { t as PodcastItem_default } from "./PodcastItem-6qkOg90q.mjs";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, onBeforeMount, openBlock, ref, renderList, resolveComponent, toDisplayString, unref, watch, withCtx } from "vue";
+import { useI18n } from "vue-i18n";
+//#region src/components/display/playlist/PodcastList.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "mb-3 align-self-baseline" };
+var _hoisted_2 = { class: "octopus-element-list" };
+var PodcastList_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "PodcastList",
+	props: {
+		playlist: {
+			default: () => ({}),
+			type: Object
+		},
+		first: {
+			default: 0,
+			type: Number
+		},
+		size: {
+			default: 30,
+			type: Number
+		},
+		query: {
+			default: void 0,
+			type: String
+		}
+	},
+	emits: ["update:query"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const loading = ref(true);
+		const podcasts = ref([]);
+		const podcastsQuery = ref([]);
+		const dfirst = ref(props.first);
+		const dsize = ref(props.size);
+		const searchPattern = ref("");
+		const isMobile = ref(false);
+		const { t } = useI18n();
+		const { handle403 } = useErrorHandler();
+		const { isEditRights } = useOrgaComputed();
+		const titleList = computed(() => notEmptyPlaylist.value ? t("Podcasts in the playlist") : t("No podcasts in the playlist"));
+		const notEmptyPlaylist = computed(() => 0 !== Object.keys(props.playlist.samplingViews ?? []).length);
+		const podcastsDisplay = computed(() => {
+			if (isMobile.value) return podcastsQuery.value.slice(0, Math.min(dfirst.value + dsize.value, podcasts.value.length));
+			return podcastsQuery.value.slice(dfirst.value, Math.min(dfirst.value + dsize.value, podcasts.value.length));
+		});
+		const editRight = computed(() => isEditRights(props.playlist.organisation?.id));
+		watch(searchPattern, () => {
+			emit("update:query", searchPattern.value);
+			if ("" !== searchPattern.value) podcastsQuery.value = podcasts.value.filter((el) => {
+				return el.title.toLowerCase().includes(searchPattern.value.toLowerCase());
+			});
+			else podcastsQuery.value = podcasts.value;
+		});
+		onBeforeMount(fetchContent);
+		async function fetchContent() {
+			if (notEmptyPlaylist.value) {
+				podcasts.value.length = 0;
+				loading.value = true;
+				try {
+					podcasts.value = await playlistApi.getContentFull(props.playlist.playlistId);
+					if (!editRight.value) podcasts.value = podcasts.value.filter((p) => {
+						return null !== p && (!p.availability || true === p.availability.visibility);
+					});
+					podcastsQuery.value = podcasts.value;
+					searchPattern.value = props.query ?? "";
+				} catch (error) {
+					handle403(error);
+				}
+			}
+			loading.value = false;
+		}
+		return (_ctx, _cache) => {
+			const _component_router_link = resolveComponent("router-link");
+			return openBlock(), createElementBlock("div", null, [
+				createElementVNode("h3", _hoisted_1, toDisplayString(titleList.value), 1),
+				!loading.value && notEmptyPlaylist.value ? (openBlock(), createBlock(ClassicSearch_default, {
+					key: 0,
+					"text-init": searchPattern.value,
+					"onUpdate:textInit": _cache[0] || (_cache[0] = ($event) => searchPattern.value = $event),
+					class: "align-self-baseline mb-2",
+					"id-search": "podcast-list-search",
+					label: unref(t)("Search")
+				}, null, 8, ["text-init", "label"])) : createCommentVNode("", true),
+				createVNode(ListPaginate_default, {
+					id: "podcastPlaylistListPaginate",
+					first: dfirst.value,
+					"onUpdate:first": _cache[1] || (_cache[1] = ($event) => dfirst.value = $event),
+					"rows-per-page": dsize.value,
+					"onUpdate:rowsPerPage": _cache[2] || (_cache[2] = ($event) => dsize.value = $event),
+					"is-mobile": isMobile.value,
+					"onUpdate:isMobile": _cache[3] || (_cache[3] = ($event) => isMobile.value = $event),
+					"text-count": podcasts.value.length > 1 ? `${unref(t)("Number podcasts", { nb: podcasts.value.length })}` : void 0,
+					"total-count": podcasts.value.length,
+					loading: loading.value,
+					"loading-text": loading.value ? unref(t)("Loading podcasts ...") : void 0,
+					"error-text": !loading.value && !podcasts.value.length && notEmptyPlaylist.value ? unref(t)(`No podcast match your query`) : void 0,
+					"player-responsive": true,
+					"force-update-parameters": true
+				}, {
+					list: withCtx(() => [createElementVNode("div", _hoisted_2, [(openBlock(true), createElementBlock(Fragment, null, renderList(podcastsDisplay.value, (p) => {
+						return openBlock(), createBlock(ClassicLazy_default, {
+							key: p.podcastId,
+							"min-height": 410
+						}, {
+							preview: withCtx(() => [createVNode(_component_router_link, {
+								to: {
+									name: "podcast",
+									params: { podcastId: p.podcastId }
+								},
+								title: unref(t)("Episode name page", { name: p.title })
+							}, {
+								default: withCtx(() => [createTextVNode(toDisplayString(p.title), 1)]),
+								_: 2
+							}, 1032, ["to", "title"])]),
+							default: withCtx(() => [0 !== p.podcastId ? (openBlock(), createBlock(PodcastItem_default, {
+								key: 0,
+								podcast: p
+							}, null, 8, ["podcast"])) : createCommentVNode("", true)]),
+							_: 2
+						}, 1024);
+					}), 128))])]),
+					_: 1
+				}, 8, [
+					"first",
+					"rows-per-page",
+					"is-mobile",
+					"text-count",
+					"total-count",
+					"loading",
+					"loading-text",
+					"error-text"
+				])
+			]);
+		};
+	}
+});
+//#endregion
+//#region src/components/display/playlist/PodcastList.vue
+var PodcastList_exports = /* @__PURE__ */ __exportAll({ default: () => PodcastList_default });
+var PodcastList_default = PodcastList_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { PodcastList_exports as n, PodcastList_default as t };
+
+//# sourceMappingURL=PodcastList-B9xZlEH4.mjs.map

package/dist/PodcastList-B9xZlEH4.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PodcastList-B9xZlEH4.mjs","names":[],"sources":["../src/components/display/playlist/PodcastList.vue","../src/components/display/playlist/PodcastList.vue"],"sourcesContent":["<!--\n  Component displaying a list of podcasts IN A PLAYLIST\n  Do not confuse this with PodcastList from podcasts\n-->\n<template>\n  <div>\n    <h3 class=\"mb-3 align-self-baseline\">\n      {{ titleList }}\n    </h3>\n\n    <ClassicSearch\n      v-if=\"!loading && notEmptyPlaylist\"\n      v-model:text-init=\"searchPattern\"\n      class=\"align-self-baseline mb-2\"\n      id-search=\"podcast-list-search\"\n      :label=\"t('Search')\"\n    />\n\n    <ListPaginate\n      id=\"podcastPlaylistListPaginate\"\n      v-model:first=\"dfirst\"\n      v-model:rows-per-page=\"dsize\"\n      v-model:is-mobile=\"isMobile\"\n      :text-count=\"\n        podcasts.length > 1\n          ? `${t('Number podcasts', { nb: podcasts.length })}`\n          : undefined\n      \"\n      :total-count=\"podcasts.length\"\n      :loading=\"loading\"\n      :loading-text=\"loading ? t('Loading podcasts ...') : undefined\"\n      :error-text=\"\n        !loading && !podcasts.length && notEmptyPlaylist\n          ? t(`No podcast match your query`)\n          : undefined\n      \"\n      :player-responsive=\"true\"\n      :force-update-parameters=\"true\"\n    >\n      <template #list>\n        <div class=\"octopus-element-list\">\n          <ClassicLazy\n            v-for=\"p in podcastsDisplay\"\n            :key=\"p.podcastId\"\n            :min-height=\"410\"\n          >\n            <PodcastItem\n              v-if=\"0 !== p.podcastId\"\n              :podcast=\"p\"\n            />\n\n            <template #preview>\n              <router-link\n                :to=\"{\n                  name: 'podcast',\n                  params: { podcastId: p.podcastId },\n                }\"\n                :title=\"t('Episode name page', { name: p.title })\"\n              >\n                {{ p.title }}\n              </router-link>\n            </template>\n          </ClassicLazy>\n        </div>\n      </template>\n    </ListPaginate>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport ListPaginate from \"../list/ListPaginate.vue\";\nimport {useErrorHandler} from \"../../composable/useErrorHandler\";\nimport {useOrgaComputed} from \"../../composable/useOrgaComputed\";\nimport classicApi from \"../../../api/classicApi\";\nimport PodcastItem from \"../podcasts/PodcastItem.vue\";\nimport ClassicSearch from \"../../form/ClassicSearch.vue\";\nimport ClassicLazy from \"../../misc/ClassicLazy.vue\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport { Playlist } from \"@/stores/class/general/playlist\";\nimport { computed, onBeforeMount, Ref, ref, watch } from \"vue\";\nimport { AxiosError } from \"axios\";\nimport { useI18n } from \"vue-i18n\";\nimport { playlistApi } from \"../../../api/playlistApi\";\n\n//Props \nconst props = defineProps({\n  playlist: { default: () => ({}), type: Object as () => Playlist },\n  first: { default: 0, type: Number },\n  size: { default: 30, type: Number },\n  query: { default: undefined, type: String },\n})\n\n//Emits\nconst emit = defineEmits([\"update:query\"]);\n\n//Data \nconst loading = ref(true);\nconst podcasts: Ref<Array<Podcast>> = ref([]);\nconst podcastsQuery: Ref<Array<Podcast>> = ref([]);\nconst dfirst = ref(props.first);\nconst dsize = ref(props.size);\nconst searchPattern = ref(\"\");\nconst isMobile = ref(false);\n\n//Composables\nconst { t } = useI18n();\nconst {handle403} = useErrorHandler();\nconst { isEditRights } = useOrgaComputed();\n\n//Computed\nconst titleList = computed(() => notEmptyPlaylist.value? t(\"Podcasts in the playlist\"): t(\"No podcasts in the playlist\"));\nconst notEmptyPlaylist = computed(() => 0 !== Object.keys(props.playlist.samplingViews ?? []).length);\nconst podcastsDisplay = computed(() => {\n  if (isMobile.value) {\n    return podcastsQuery.value.slice(\n      0,\n      Math.min(dfirst.value + dsize.value, podcasts.value.length),\n    );\n  }\n  return podcastsQuery.value.slice(\n    dfirst.value,\n    Math.min(dfirst.value + dsize.value, podcasts.value.length),\n  );\n});\nconst editRight = computed(() =>isEditRights(props.playlist.organisation?.id));\n\n//Watch\nwatch(searchPattern,() => {\n  emit('update:query', searchPattern.value);\n  if (\"\" !== searchPattern.value) {\n    podcastsQuery.value = podcasts.value.filter((el: Podcast) => {\n      return el.title\n        .toLowerCase()\n        .includes(searchPattern.value.toLowerCase());\n    });\n  } else {\n    podcastsQuery.value = podcasts.value;\n  }\n});\n\nonBeforeMount(fetchContent);\n\n\n//Methods\nasync function fetchContent(): Promise<void> {\n  if (notEmptyPlaylist.value) {\n    podcasts.value.length = 0;\n    loading.value = true;\n    try {\n      podcasts.value = await playlistApi.getContentFull(props.playlist.playlistId);\n      if (!editRight.value) {\n        podcasts.value = podcasts.value.filter((p: Podcast | null) => {\n          return (\n            null !== p &&\n            (!p.availability || true === p.availability.visibility)\n          );\n        });\n      }\n      podcastsQuery.value = podcasts.value;\n      searchPattern.value = props.query ?? \"\";\n    } catch (error) {\n      handle403(error as AxiosError);\n    }\n  }\n  loading.value = false;\n}\n</script>\n\n","<!--\n  Component displaying a list of podcasts IN A PLAYLIST\n  Do not confuse this with PodcastList from podcasts\n-->\n<template>\n  <div>\n    <h3 class=\"mb-3 align-self-baseline\">\n      {{ titleList }}\n    </h3>\n\n    <ClassicSearch\n      v-if=\"!loading && notEmptyPlaylist\"\n      v-model:text-init=\"searchPattern\"\n      class=\"align-self-baseline mb-2\"\n      id-search=\"podcast-list-search\"\n      :label=\"t('Search')\"\n    />\n\n    <ListPaginate\n      id=\"podcastPlaylistListPaginate\"\n      v-model:first=\"dfirst\"\n      v-model:rows-per-page=\"dsize\"\n      v-model:is-mobile=\"isMobile\"\n      :text-count=\"\n        podcasts.length > 1\n          ? `${t('Number podcasts', { nb: podcasts.length })}`\n          : undefined\n      \"\n      :total-count=\"podcasts.length\"\n      :loading=\"loading\"\n      :loading-text=\"loading ? t('Loading podcasts ...') : undefined\"\n      :error-text=\"\n        !loading && !podcasts.length && notEmptyPlaylist\n          ? t(`No podcast match your query`)\n          : undefined\n      \"\n      :player-responsive=\"true\"\n      :force-update-parameters=\"true\"\n    >\n      <template #list>\n        <div class=\"octopus-element-list\">\n          <ClassicLazy\n            v-for=\"p in podcastsDisplay\"\n            :key=\"p.podcastId\"\n            :min-height=\"410\"\n          >\n            <PodcastItem\n              v-if=\"0 !== p.podcastId\"\n              :podcast=\"p\"\n            />\n\n            <template #preview>\n              <router-link\n                :to=\"{\n                  name: 'podcast',\n                  params: { podcastId: p.podcastId },\n                }\"\n                :title=\"t('Episode name page', { name: p.title })\"\n              >\n                {{ p.title }}\n              </router-link>\n            </template>\n          </ClassicLazy>\n        </div>\n      </template>\n    </ListPaginate>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport ListPaginate from \"../list/ListPaginate.vue\";\nimport {useErrorHandler} from \"../../composable/useErrorHandler\";\nimport {useOrgaComputed} from \"../../composable/useOrgaComputed\";\nimport classicApi from \"../../../api/classicApi\";\nimport PodcastItem from \"../podcasts/PodcastItem.vue\";\nimport ClassicSearch from \"../../form/ClassicSearch.vue\";\nimport ClassicLazy from \"../../misc/ClassicLazy.vue\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport { Playlist } from \"@/stores/class/general/playlist\";\nimport { computed, onBeforeMount, Ref, ref, watch } from \"vue\";\nimport { AxiosError } from \"axios\";\nimport { useI18n } from \"vue-i18n\";\nimport { playlistApi } from \"../../../api/playlistApi\";\n\n//Props \nconst props = defineProps({\n  playlist: { default: () => ({}), type: Object as () => Playlist },\n  first: { default: 0, type: Number },\n  size: { default: 30, type: Number },\n  query: { default: undefined, type: String },\n})\n\n//Emits\nconst emit = defineEmits([\"update:query\"]);\n\n//Data \nconst loading = ref(true);\nconst podcasts: Ref<Array<Podcast>> = ref([]);\nconst podcastsQuery: Ref<Array<Podcast>> = ref([]);\nconst dfirst = ref(props.first);\nconst dsize = ref(props.size);\nconst searchPattern = ref(\"\");\nconst isMobile = ref(false);\n\n//Composables\nconst { t } = useI18n();\nconst {handle403} = useErrorHandler();\nconst { isEditRights } = useOrgaComputed();\n\n//Computed\nconst titleList = computed(() => notEmptyPlaylist.value? t(\"Podcasts in the playlist\"): t(\"No podcasts in the playlist\"));\nconst notEmptyPlaylist = computed(() => 0 !== Object.keys(props.playlist.samplingViews ?? []).length);\nconst podcastsDisplay = computed(() => {\n  if (isMobile.value) {\n    return podcastsQuery.value.slice(\n      0,\n      Math.min(dfirst.value + dsize.value, podcasts.value.length),\n    );\n  }\n  return podcastsQuery.value.slice(\n    dfirst.value,\n    Math.min(dfirst.value + dsize.value, podcasts.value.length),\n  );\n});\nconst editRight = computed(() =>isEditRights(props.playlist.organisation?.id));\n\n//Watch\nwatch(searchPattern,() => {\n  emit('update:query', searchPattern.value);\n  if (\"\" !== searchPattern.value) {\n    podcastsQuery.value = podcasts.value.filter((el: Podcast) => {\n      return el.title\n        .toLowerCase()\n        .includes(searchPattern.value.toLowerCase());\n    });\n  } else {\n    podcastsQuery.value = podcasts.value;\n  }\n});\n\nonBeforeMount(fetchContent);\n\n\n//Methods\nasync function fetchContent(): Promise<void> {\n  if (notEmptyPlaylist.value) {\n    podcasts.value.length = 0;\n    loading.value = true;\n    try {\n      podcasts.value = await playlistApi.getContentFull(props.playlist.playlistId);\n      if (!editRight.value) {\n        podcasts.value = podcasts.value.filter((p: Podcast | null) => {\n          return (\n            null !== p &&\n            (!p.availability || true === p.availability.visibility)\n          );\n        });\n      }\n      podcastsQuery.value = podcasts.value;\n      searchPattern.value = props.query ?? \"\";\n    } catch (error) {\n      handle403(error as AxiosError);\n    }\n  }\n  loading.value = false;\n}\n</script>\n\n"],"mappings":"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"}

package/dist/PodcastList-BYBjpOL8.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PodcastList-BYBjpOL8.mjs","names":[],"sources":["../src/components/display/playlist/PodcastList.vue","../src/components/display/playlist/PodcastList.vue"],"sourcesContent":["<!--\n  Component displaying a list of podcasts IN A PLAYLIST\n  Do not confuse this with PodcastList from podcasts\n-->\n<template>\n  <div>\n    <h3 class=\"mb-3 align-self-baseline\">\n      {{ titleList }}\n    </h3>\n\n    <ClassicSearch\n      v-if=\"!loading && notEmptyPlaylist\"\n      v-model:text-init=\"searchPattern\"\n      class=\"align-self-baseline mb-2\"\n      id-search=\"podcast-list-search\"\n      :label=\"t('Search')\"\n    />\n\n    <ListPaginate\n      id=\"podcastPlaylistListPaginate\"\n      v-model:first=\"dfirst\"\n      v-model:rows-per-page=\"dsize\"\n      v-model:is-mobile=\"isMobile\"\n      :text-count=\"\n        podcasts.length > 1\n          ? `${t('Number podcasts', { nb: podcasts.length })}`\n          : undefined\n      \"\n      :total-count=\"podcasts.length\"\n      :loading=\"loading\"\n      :loading-text=\"loading ? t('Loading podcasts ...') : undefined\"\n      :error-text=\"\n        !loading && !podcasts.length && notEmptyPlaylist\n          ? t(`No podcast match your query`)\n          : undefined\n      \"\n      :player-responsive=\"true\"\n      :force-update-parameters=\"true\"\n    >\n      <template #list>\n        <div class=\"octopus-element-list\">\n          <ClassicLazy\n            v-for=\"p in podcastsDisplay\"\n            :key=\"p.podcastId\"\n            :min-height=\"410\"\n          >\n            <PodcastItem\n              v-if=\"0 !== p.podcastId\"\n              :podcast=\"p\"\n            />\n\n            <template #preview>\n              <router-link\n                :to=\"{\n                  name: 'podcast',\n                  params: { podcastId: p.podcastId },\n                }\"\n                :title=\"t('Episode name page', { name: p.title })\"\n              >\n                {{ p.title }}\n              </router-link>\n            </template>\n          </ClassicLazy>\n        </div>\n      </template>\n    </ListPaginate>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport ListPaginate from \"../list/ListPaginate.vue\";\nimport {useErrorHandler} from \"../../composable/useErrorHandler\";\nimport {useOrgaComputed} from \"../../composable/useOrgaComputed\";\nimport classicApi from \"../../../api/classicApi\";\nimport PodcastItem from \"../podcasts/PodcastItem.vue\";\nimport ClassicSearch from \"../../form/ClassicSearch.vue\";\nimport ClassicLazy from \"../../misc/ClassicLazy.vue\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport { Playlist } from \"@/stores/class/general/playlist\";\nimport { computed, onBeforeMount, Ref, ref, watch } from \"vue\";\nimport { AxiosError } from \"axios\";\nimport { useI18n } from \"vue-i18n\";\nimport { playlistApi } from \"../../../api/playlistApi\";\n\n//Props \nconst props = defineProps({\n  playlist: { default: () => ({}), type: Object as () => Playlist },\n  first: { default: 0, type: Number },\n  size: { default: 30, type: Number },\n  query: { default: undefined, type: String },\n})\n\n//Emits\nconst emit = defineEmits([\"update:query\"]);\n\n//Data \nconst loading = ref(true);\nconst podcasts: Ref<Array<Podcast>> = ref([]);\nconst podcastsQuery: Ref<Array<Podcast>> = ref([]);\nconst dfirst = ref(props.first);\nconst dsize = ref(props.size);\nconst searchPattern = ref(\"\");\nconst isMobile = ref(false);\n\n//Composables\nconst { t } = useI18n();\nconst {handle403} = useErrorHandler();\nconst { isEditRights } = useOrgaComputed();\n\n//Computed\nconst titleList = computed(() => notEmptyPlaylist.value? t(\"Podcasts in the playlist\"): t(\"No podcasts in the playlist\"));\nconst notEmptyPlaylist = computed(() => 0 !== Object.keys(props.playlist.samplingViews ?? []).length);\nconst podcastsDisplay = computed(() => {\n  if (isMobile.value) {\n    return podcastsQuery.value.slice(\n      0,\n      Math.min(dfirst.value + dsize.value, podcasts.value.length),\n    );\n  }\n  return podcastsQuery.value.slice(\n    dfirst.value,\n    Math.min(dfirst.value + dsize.value, podcasts.value.length),\n  );\n});\nconst editRight = computed(() =>isEditRights(props.playlist.organisation?.id));\n\n//Watch\nwatch(searchPattern,() => {\n  emit('update:query', searchPattern.value);\n  if (\"\" !== searchPattern.value) {\n    podcastsQuery.value = podcasts.value.filter((el: Podcast) => {\n      return el.title\n        .toLowerCase()\n        .includes(searchPattern.value.toLowerCase());\n    });\n  } else {\n    podcastsQuery.value = podcasts.value;\n  }\n});\n\nonBeforeMount(fetchContent);\n\n\n//Methods\nasync function fetchContent(): Promise<void> {\n  if (notEmptyPlaylist.value) {\n    podcasts.value.length = 0;\n    loading.value = true;\n    try {\n      podcasts.value = await playlistApi.getContentFull(props.playlist.playlistId);\n      if (!editRight.value) {\n        podcasts.value = podcasts.value.filter((p: Podcast | null) => {\n          return (\n            null !== p &&\n            (!p.availability || true === p.availability.visibility)\n          );\n        });\n      }\n      podcastsQuery.value = podcasts.value;\n      searchPattern.value = props.query ?? \"\";\n    } catch (error) {\n      handle403(error as AxiosError);\n    }\n  }\n  loading.value = false;\n}\n</script>\n\n","<!--\n  Component displaying a list of podcasts IN A PLAYLIST\n  Do not confuse this with PodcastList from podcasts\n-->\n<template>\n  <div>\n    <h3 class=\"mb-3 align-self-baseline\">\n      {{ titleList }}\n    </h3>\n\n    <ClassicSearch\n      v-if=\"!loading && notEmptyPlaylist\"\n      v-model:text-init=\"searchPattern\"\n      class=\"align-self-baseline mb-2\"\n      id-search=\"podcast-list-search\"\n      :label=\"t('Search')\"\n    />\n\n    <ListPaginate\n      id=\"podcastPlaylistListPaginate\"\n      v-model:first=\"dfirst\"\n      v-model:rows-per-page=\"dsize\"\n      v-model:is-mobile=\"isMobile\"\n      :text-count=\"\n        podcasts.length > 1\n          ? `${t('Number podcasts', { nb: podcasts.length })}`\n          : undefined\n      \"\n      :total-count=\"podcasts.length\"\n      :loading=\"loading\"\n      :loading-text=\"loading ? t('Loading podcasts ...') : undefined\"\n      :error-text=\"\n        !loading && !podcasts.length && notEmptyPlaylist\n          ? t(`No podcast match your query`)\n          : undefined\n      \"\n      :player-responsive=\"true\"\n      :force-update-parameters=\"true\"\n    >\n      <template #list>\n        <div class=\"octopus-element-list\">\n          <ClassicLazy\n            v-for=\"p in podcastsDisplay\"\n            :key=\"p.podcastId\"\n            :min-height=\"410\"\n          >\n            <PodcastItem\n              v-if=\"0 !== p.podcastId\"\n              :podcast=\"p\"\n            />\n\n            <template #preview>\n              <router-link\n                :to=\"{\n                  name: 'podcast',\n                  params: { podcastId: p.podcastId },\n                }\"\n                :title=\"t('Episode name page', { name: p.title })\"\n              >\n                {{ p.title }}\n              </router-link>\n            </template>\n          </ClassicLazy>\n        </div>\n      </template>\n    </ListPaginate>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport ListPaginate from \"../list/ListPaginate.vue\";\nimport {useErrorHandler} from \"../../composable/useErrorHandler\";\nimport {useOrgaComputed} from \"../../composable/useOrgaComputed\";\nimport classicApi from \"../../../api/classicApi\";\nimport PodcastItem from \"../podcasts/PodcastItem.vue\";\nimport ClassicSearch from \"../../form/ClassicSearch.vue\";\nimport ClassicLazy from \"../../misc/ClassicLazy.vue\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport { Playlist } from \"@/stores/class/general/playlist\";\nimport { computed, onBeforeMount, Ref, ref, watch } from \"vue\";\nimport { AxiosError } from \"axios\";\nimport { useI18n } from \"vue-i18n\";\nimport { playlistApi } from \"../../../api/playlistApi\";\n\n//Props \nconst props = defineProps({\n  playlist: { default: () => ({}), type: Object as () => Playlist },\n  first: { default: 0, type: Number },\n  size: { default: 30, type: Number },\n  query: { default: undefined, type: String },\n})\n\n//Emits\nconst emit = defineEmits([\"update:query\"]);\n\n//Data \nconst loading = ref(true);\nconst podcasts: Ref<Array<Podcast>> = ref([]);\nconst podcastsQuery: Ref<Array<Podcast>> = ref([]);\nconst dfirst = ref(props.first);\nconst dsize = ref(props.size);\nconst searchPattern = ref(\"\");\nconst isMobile = ref(false);\n\n//Composables\nconst { t } = useI18n();\nconst {handle403} = useErrorHandler();\nconst { isEditRights } = useOrgaComputed();\n\n//Computed\nconst titleList = computed(() => notEmptyPlaylist.value? t(\"Podcasts in the playlist\"): t(\"No podcasts in the playlist\"));\nconst notEmptyPlaylist = computed(() => 0 !== Object.keys(props.playlist.samplingViews ?? []).length);\nconst podcastsDisplay = computed(() => {\n  if (isMobile.value) {\n    return podcastsQuery.value.slice(\n      0,\n      Math.min(dfirst.value + dsize.value, podcasts.value.length),\n    );\n  }\n  return podcastsQuery.value.slice(\n    dfirst.value,\n    Math.min(dfirst.value + dsize.value, podcasts.value.length),\n  );\n});\nconst editRight = computed(() =>isEditRights(props.playlist.organisation?.id));\n\n//Watch\nwatch(searchPattern,() => {\n  emit('update:query', searchPattern.value);\n  if (\"\" !== searchPattern.value) {\n    podcastsQuery.value = podcasts.value.filter((el: Podcast) => {\n      return el.title\n        .toLowerCase()\n        .includes(searchPattern.value.toLowerCase());\n    });\n  } else {\n    podcastsQuery.value = podcasts.value;\n  }\n});\n\nonBeforeMount(fetchContent);\n\n\n//Methods\nasync function fetchContent(): Promise<void> {\n  if (notEmptyPlaylist.value) {\n    podcasts.value.length = 0;\n    loading.value = true;\n    try {\n      podcasts.value = await playlistApi.getContentFull(props.playlist.playlistId);\n      if (!editRight.value) {\n        podcasts.value = podcasts.value.filter((p: Podcast | null) => {\n          return (\n            null !== p &&\n            (!p.availability || true === p.availability.visibility)\n          );\n        });\n      }\n      podcastsQuery.value = podcasts.value;\n      searchPattern.value = props.query ?? \"\";\n    } catch (error) {\n      handle403(error as AxiosError);\n    }\n  }\n  loading.value = false;\n}\n</script>\n\n"],"mappings":"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"}

package/dist/PodcastList-BuDcObSr.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PodcastList-BuDcObSr.mjs","names":[],"sources":["../src/components/display/playlist/PodcastList.vue","../src/components/display/playlist/PodcastList.vue"],"sourcesContent":["<!--\n  Component displaying a list of podcasts IN A PLAYLIST\n  Do not confuse this with PodcastList from podcasts\n-->\n<template>\n  <div>\n    <h3 class=\"mb-3 align-self-baseline\">\n      {{ titleList }}\n    </h3>\n\n    <ClassicSearch\n      v-if=\"!loading && notEmptyPlaylist\"\n      v-model:text-init=\"searchPattern\"\n      class=\"align-self-baseline mb-2\"\n      id-search=\"podcast-list-search\"\n      :label=\"t('Search')\"\n    />\n\n    <ListPaginate\n      id=\"podcastPlaylistListPaginate\"\n      v-model:first=\"dfirst\"\n      v-model:rows-per-page=\"dsize\"\n      v-model:is-mobile=\"isMobile\"\n      :text-count=\"\n        podcasts.length > 1\n          ? `${t('Number podcasts', { nb: podcasts.length })}`\n          : undefined\n      \"\n      :total-count=\"podcasts.length\"\n      :loading=\"loading\"\n      :loading-text=\"loading ? t('Loading podcasts ...') : undefined\"\n      :error-text=\"\n        !loading && !podcasts.length && notEmptyPlaylist\n          ? t(`No podcast match your query`)\n          : undefined\n      \"\n      :player-responsive=\"true\"\n      :force-update-parameters=\"true\"\n    >\n      <template #list>\n        <div class=\"octopus-element-list\">\n          <ClassicLazy\n            v-for=\"p in podcastsDisplay\"\n            :key=\"p.podcastId\"\n            :min-height=\"410\"\n          >\n            <PodcastItem\n              v-if=\"0 !== p.podcastId\"\n              :podcast=\"p\"\n            />\n\n            <template #preview>\n              <router-link\n                :to=\"{\n                  name: 'podcast',\n                  params: { podcastId: p.podcastId },\n                }\"\n                :title=\"t('Episode name page', { name: p.title })\"\n              >\n                {{ p.title }}\n              </router-link>\n            </template>\n          </ClassicLazy>\n        </div>\n      </template>\n    </ListPaginate>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport ListPaginate from \"../list/ListPaginate.vue\";\nimport {useErrorHandler} from \"../../composable/useErrorHandler\";\nimport {useOrgaComputed} from \"../../composable/useOrgaComputed\";\nimport classicApi from \"../../../api/classicApi\";\nimport PodcastItem from \"../podcasts/PodcastItem.vue\";\nimport ClassicSearch from \"../../form/ClassicSearch.vue\";\nimport ClassicLazy from \"../../misc/ClassicLazy.vue\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport { Playlist } from \"@/stores/class/general/playlist\";\nimport { computed, onBeforeMount, Ref, ref, watch } from \"vue\";\nimport { AxiosError } from \"axios\";\nimport { useI18n } from \"vue-i18n\";\nimport { playlistApi } from \"../../../api/playlistApi\";\n\n//Props \nconst props = defineProps({\n  playlist: { default: () => ({}), type: Object as () => Playlist },\n  first: { default: 0, type: Number },\n  size: { default: 30, type: Number },\n  query: { default: undefined, type: String },\n})\n\n//Emits\nconst emit = defineEmits([\"update:query\"]);\n\n//Data \nconst loading = ref(true);\nconst podcasts: Ref<Array<Podcast>> = ref([]);\nconst podcastsQuery: Ref<Array<Podcast>> = ref([]);\nconst dfirst = ref(props.first);\nconst dsize = ref(props.size);\nconst searchPattern = ref(\"\");\nconst isMobile = ref(false);\n\n//Composables\nconst { t } = useI18n();\nconst {handle403} = useErrorHandler();\nconst { isEditRights } = useOrgaComputed();\n\n//Computed\nconst titleList = computed(() => notEmptyPlaylist.value? t(\"Podcasts in the playlist\"): t(\"No podcasts in the playlist\"));\nconst notEmptyPlaylist = computed(() => 0 !== Object.keys(props.playlist.samplingViews ?? []).length);\nconst podcastsDisplay = computed(() => {\n  if (isMobile.value) {\n    return podcastsQuery.value.slice(\n      0,\n      Math.min(dfirst.value + dsize.value, podcasts.value.length),\n    );\n  }\n  return podcastsQuery.value.slice(\n    dfirst.value,\n    Math.min(dfirst.value + dsize.value, podcasts.value.length),\n  );\n});\nconst editRight = computed(() =>isEditRights(props.playlist.organisation?.id));\n\n//Watch\nwatch(searchPattern,() => {\n  emit('update:query', searchPattern.value);\n  if (\"\" !== searchPattern.value) {\n    podcastsQuery.value = podcasts.value.filter((el: Podcast) => {\n      return el.title\n        .toLowerCase()\n        .includes(searchPattern.value.toLowerCase());\n    });\n  } else {\n    podcastsQuery.value = podcasts.value;\n  }\n});\n\nonBeforeMount(fetchContent);\n\n\n//Methods\nasync function fetchContent(): Promise<void> {\n  if (notEmptyPlaylist.value) {\n    podcasts.value.length = 0;\n    loading.value = true;\n    try {\n      podcasts.value = await playlistApi.getContentFull(props.playlist.playlistId);\n      if (!editRight.value) {\n        podcasts.value = podcasts.value.filter((p: Podcast | null) => {\n          return (\n            null !== p &&\n            (!p.availability || true === p.availability.visibility)\n          );\n        });\n      }\n      podcastsQuery.value = podcasts.value;\n      searchPattern.value = props.query ?? \"\";\n    } catch (error) {\n      handle403(error as AxiosError);\n    }\n  }\n  loading.value = false;\n}\n</script>\n\n","<!--\n  Component displaying a list of podcasts IN A PLAYLIST\n  Do not confuse this with PodcastList from podcasts\n-->\n<template>\n  <div>\n    <h3 class=\"mb-3 align-self-baseline\">\n      {{ titleList }}\n    </h3>\n\n    <ClassicSearch\n      v-if=\"!loading && notEmptyPlaylist\"\n      v-model:text-init=\"searchPattern\"\n      class=\"align-self-baseline mb-2\"\n      id-search=\"podcast-list-search\"\n      :label=\"t('Search')\"\n    />\n\n    <ListPaginate\n      id=\"podcastPlaylistListPaginate\"\n      v-model:first=\"dfirst\"\n      v-model:rows-per-page=\"dsize\"\n      v-model:is-mobile=\"isMobile\"\n      :text-count=\"\n        podcasts.length > 1\n          ? `${t('Number podcasts', { nb: podcasts.length })}`\n          : undefined\n      \"\n      :total-count=\"podcasts.length\"\n      :loading=\"loading\"\n      :loading-text=\"loading ? t('Loading podcasts ...') : undefined\"\n      :error-text=\"\n        !loading && !podcasts.length && notEmptyPlaylist\n          ? t(`No podcast match your query`)\n          : undefined\n      \"\n      :player-responsive=\"true\"\n      :force-update-parameters=\"true\"\n    >\n      <template #list>\n        <div class=\"octopus-element-list\">\n          <ClassicLazy\n            v-for=\"p in podcastsDisplay\"\n            :key=\"p.podcastId\"\n            :min-height=\"410\"\n          >\n            <PodcastItem\n              v-if=\"0 !== p.podcastId\"\n              :podcast=\"p\"\n            />\n\n            <template #preview>\n              <router-link\n                :to=\"{\n                  name: 'podcast',\n                  params: { podcastId: p.podcastId },\n                }\"\n                :title=\"t('Episode name page', { name: p.title })\"\n              >\n                {{ p.title }}\n              </router-link>\n            </template>\n          </ClassicLazy>\n        </div>\n      </template>\n    </ListPaginate>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport ListPaginate from \"../list/ListPaginate.vue\";\nimport {useErrorHandler} from \"../../composable/useErrorHandler\";\nimport {useOrgaComputed} from \"../../composable/useOrgaComputed\";\nimport classicApi from \"../../../api/classicApi\";\nimport PodcastItem from \"../podcasts/PodcastItem.vue\";\nimport ClassicSearch from \"../../form/ClassicSearch.vue\";\nimport ClassicLazy from \"../../misc/ClassicLazy.vue\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport { Playlist } from \"@/stores/class/general/playlist\";\nimport { computed, onBeforeMount, Ref, ref, watch } from \"vue\";\nimport { AxiosError } from \"axios\";\nimport { useI18n } from \"vue-i18n\";\nimport { playlistApi } from \"../../../api/playlistApi\";\n\n//Props \nconst props = defineProps({\n  playlist: { default: () => ({}), type: Object as () => Playlist },\n  first: { default: 0, type: Number },\n  size: { default: 30, type: Number },\n  query: { default: undefined, type: String },\n})\n\n//Emits\nconst emit = defineEmits([\"update:query\"]);\n\n//Data \nconst loading = ref(true);\nconst podcasts: Ref<Array<Podcast>> = ref([]);\nconst podcastsQuery: Ref<Array<Podcast>> = ref([]);\nconst dfirst = ref(props.first);\nconst dsize = ref(props.size);\nconst searchPattern = ref(\"\");\nconst isMobile = ref(false);\n\n//Composables\nconst { t } = useI18n();\nconst {handle403} = useErrorHandler();\nconst { isEditRights } = useOrgaComputed();\n\n//Computed\nconst titleList = computed(() => notEmptyPlaylist.value? t(\"Podcasts in the playlist\"): t(\"No podcasts in the playlist\"));\nconst notEmptyPlaylist = computed(() => 0 !== Object.keys(props.playlist.samplingViews ?? []).length);\nconst podcastsDisplay = computed(() => {\n  if (isMobile.value) {\n    return podcastsQuery.value.slice(\n      0,\n      Math.min(dfirst.value + dsize.value, podcasts.value.length),\n    );\n  }\n  return podcastsQuery.value.slice(\n    dfirst.value,\n    Math.min(dfirst.value + dsize.value, podcasts.value.length),\n  );\n});\nconst editRight = computed(() =>isEditRights(props.playlist.organisation?.id));\n\n//Watch\nwatch(searchPattern,() => {\n  emit('update:query', searchPattern.value);\n  if (\"\" !== searchPattern.value) {\n    podcastsQuery.value = podcasts.value.filter((el: Podcast) => {\n      return el.title\n        .toLowerCase()\n        .includes(searchPattern.value.toLowerCase());\n    });\n  } else {\n    podcastsQuery.value = podcasts.value;\n  }\n});\n\nonBeforeMount(fetchContent);\n\n\n//Methods\nasync function fetchContent(): Promise<void> {\n  if (notEmptyPlaylist.value) {\n    podcasts.value.length = 0;\n    loading.value = true;\n    try {\n      podcasts.value = await playlistApi.getContentFull(props.playlist.playlistId);\n      if (!editRight.value) {\n        podcasts.value = podcasts.value.filter((p: Podcast | null) => {\n          return (\n            null !== p &&\n            (!p.availability || true === p.availability.visibility)\n          );\n        });\n      }\n      podcastsQuery.value = podcasts.value;\n      searchPattern.value = props.query ?? \"\";\n    } catch (error) {\n      handle403(error as AxiosError);\n    }\n  }\n  loading.value = false;\n}\n</script>\n\n"],"mappings":"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"}

package/dist/PodcastList-DQanN0Bb.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PodcastList-DQanN0Bb.mjs","names":[],"sources":["../src/components/display/podcasts/PodcastList.vue","../src/components/display/podcasts/PodcastList.vue"],"sourcesContent":["<!--\n  Component displaying a list of podcast\n  DO NOT confuse this with PodcastList from playlist\n-->\n<template>\n  <ListPaginate\n    id=\"podcastListPaginate\"\n    v-model:first=\"dfirst\"\n    v-model:rows-per-page=\"dsize\"\n    v-model:is-mobile=\"isMobile\"\n    :text-count=\"\n      showCount && podcasts.length > 1\n        ? t('Number podcasts', { nb: totalCount }) + sortText\n        : undefined\n    \"\n    :total-count=\"totalCount\"\n    :loading=\"loading\"\n    :loading-text=\"loading ? t('Loading podcasts ...') : undefined\"\n    :error-text=\"\n      !loading && !podcasts.length\n        ? t(`No podcast match your query`)\n        : undefined\n    \"\n    :just-size-chosen=\"justSizeChosen\"\n    :player-responsive=\"true\"\n    :force-update-parameters=\"forceUpdateParameters\"\n  >\n    <template #list>\n      <div class=\"octopus-element-list\">\n        <ClassicLazy\n          v-for=\"p in displayArray\"\n          :key=\"p.podcastId\"\n          :min-height=\"410\"\n        >\n          <PodcastItem\n            v-if=\"0 !== p.podcastId\"\n            :podcast=\"p\"\n          />\n          <template #preview>\n            <router-link\n              :to=\"{\n                name: 'podcast',\n                params: { podcastId: p.podcastId },\n              }\"\n              :title=\"t('Episode name page', { name: p.title })\"\n            >\n              {{ p.title }}\n            </router-link>\n          </template>\n        </ClassicLazy>\n      </div>\n    </template>\n  </ListPaginate>\n</template>\n\n<script setup lang=\"ts\">\nimport ListPaginate from \"../list/ListPaginate.vue\";\nimport {useErrorHandler} from \"../../composable/useErrorHandler\";\nimport PodcastItem from \"./PodcastItem.vue\";\nimport ClassicLazy from \"../../misc/ClassicLazy.vue\";\nimport { useFilterStore } from \"../../../stores/FilterStore\";\nimport { Podcast, PodcastProcessingStatus, emptyPodcastData } from \"../../../stores/class/general/podcast\";\nimport { computed, onBeforeMount, Ref, ref, watch } from \"vue\";\nimport { AxiosError } from \"axios\";\nimport { useI18n } from \"vue-i18n\";\nimport { podcastApi, PodcastMonetisation, PodcastSearchOptions, PodcastSort } from \"../../../api/podcastApi\";\nimport { EmissionGroup } from \"@/api/groupsApi\";\n\n//Props \nconst props = withDefaults(defineProps<{\n  first?: number;\n  size?: number;\n  organisationId?: Array<string>;\n  emissionId?: number;\n  iabId?: number;\n  participantId?: number;\n  query?: string;\n  monetisable?: PodcastMonetisation;\n  popularSort?: boolean;\n  reload?: boolean;\n  before?: string;\n  after?: string;\n  includeHidden?: boolean;\n  /** Enable the display of number of items in ListPaginate */\n  showCount?: boolean;\n  displaySortText?: boolean;\n  /** Criteria to sort on */\n  sortCriteria?: PodcastSort;\n  validity?: 'true'|'false'|''|boolean; // TODO improve this\n  rubriqueId?: Array<number>;\n  rubriquageId?: Array<number>;\n  noRubriquageId?: Array<number>;\n  justSizeChosen?: boolean;\n  withVideo?: boolean;\n  includeTag?: Array<string>;\n  forceUpdateParameters?: boolean;\n  /** The beneficiaries to filter on */\n  beneficiaries?: Array<string>;\n  /** The emission groups to filter on */\n  emissionGroups?: Array<EmissionGroup>;\n  /** The seasons to filter on */\n  seasons?: Array<number>;\n}>(), {\n  first: 0,\n  size: 30,\n  popularSort: false,\n  reload: false,\n  includeHidden: false,\n  showCount: false,\n  displaySortText: true,\n  validity: '',\n  justSizeChosen: false,\n  withVideo: undefined,\n  forceUpdateParameters: false\n});\n\n//Emits\nconst emit = defineEmits([\"fetch\", \"emptyList\"]);\n\n//Data \nconst loading = ref(true);\nconst dfirst = ref(props.first);\nconst dsize = ref(props.size);\nconst totalCount = ref(0);\nconst isMobile = ref(false);\nconst podcasts: Ref<Array<Podcast>> = ref([]);\n\n//Composables\nconst { t } = useI18n();\nconst {handle403} = useErrorHandler();\nconst filterStore = useFilterStore();\n\n//Computed\nconst displayArray = computed(() => {\n  if (isMobile.value || props.justSizeChosen) {\n    return podcasts.value;\n  }\n  return podcasts.value.slice(\n    dfirst.value,\n    Math.min(dfirst.value + dsize.value, totalCount.value),\n  );\n});\nconst changePaginate = computed(() => `${props.first}|${props.size}`);\nconst changed = computed(() => {\n  return `${organisation.value}|${props.emissionId}|${props.sortCriteria}|${sort.value}\n    ${props.iabId}|${props.participantId}|${props.query}|${props.monetisable}|${props.popularSort}|\n    ${props.rubriqueId}|${props.rubriquageId}|${props.before}|${props.after}|${props.includeHidden}|${props.noRubriquageId}|${props.validity}|\n    ${props.withVideo}|${props.includeTag}|${props.beneficiaries}|${props.emissionGroups}`;\n});\nconst organisation = computed(() => {\n  if (props.organisationId) {\n    return props.organisationId;\n  }\n  return filterStore.filterOrgaId ? [filterStore.filterOrgaId] : [];\n});\nconst sort = computed(() => props.popularSort ? PodcastSort.POPULARITY : (props.sortCriteria ?? PodcastSort.DATE));\nconst sortText = computed(() => {\n  if (!props.displaySortText) {\n    return \"\";\n  }\n  switch (props.sortCriteria) {\n    case \"SCORE\":\n      return \" \" + t(\"sort by score\");\n    case \"DATE\":\n      return \" \" + t(\"sort by date\");\n    case \"NAME\":\n      return \" \" + t(\"sort by alphabetical\");\n    default:\n      return \" \" + t(\"sort by date\");\n  }\n});\n\n//Watch\nwatch(changePaginate, () => {\n  dfirst.value = props.first;\n  dsize.value = props.size;\n});\nwatch(changed, () => fetchContent(true));\nwatch(()=>props.reload, () => fetchContent(true));\nwatch(dsize, () => fetchContent(true));\nwatch(dfirst, () => {\n  if (\n    !podcasts.value[dfirst.value] ||\n    0 === podcasts.value[dfirst.value].podcastId\n  ) {\n    fetchContent(false);\n  }\n});\n\nonBeforeMount(()=>fetchContent(false))\n\n//Methods\nasync function fetchContent(reset: boolean): Promise<void> {\n  loading.value = true;\n\n  // Sadly we kinda have no idea what will be passed as 'validity', we need to\n  // handle multiple cases.\n  let validity: undefined|boolean = undefined;\n  if (props.validity !== undefined && props.validity !== '') {\n    validity = props.validity === 'true' || props.validity === true;\n  }\n  \n  const param: PodcastSearchOptions = {\n    first: reset ? 0 : dfirst.value,\n    size: dsize.value,\n    organisationId: organisation.value,\n    emissionId: props.emissionId,\n    groupId: props.emissionGroups?.map(g => g.groupId),\n    iabId: props.iabId,\n    participantId: props.participantId,\n    query: props.query,\n    monetisable: props.monetisable,\n    sort: sort.value,\n    pubDateBefore: props.before,\n    pubDateAfter: props.after,\n    noRubriquageId: props.noRubriquageId?.length\n      ? props.noRubriquageId\n      : undefined,\n    rubriqueId: props.rubriqueId?.length ? props.rubriqueId : undefined,\n    rubriquageId: props.rubriquageId?.length ? props.rubriquageId : undefined,\n    includeHidden: props.includeHidden,\n    validity,\n    /* publisherId:\n      !this.onlyValid && !authStore.isRoleProduction\n        ? authStore.authProfile?.userId\n        : undefined, */\n    processingStatus: [PodcastProcessingStatus.Ready, PodcastProcessingStatus.Processing],\n    withVideo: props.withVideo,\n    tags: props.includeTag?.length ? props.includeTag : undefined,\n    beneficiaries: props.beneficiaries ?? undefined,\n    season: props.seasons\n  };\n\n  try {\n    const data = await podcastApi.searchFull(param, true);\n    afterFetching(reset, data);\n  } catch (error) {\n    if (error instanceof AxiosError) {\n      handle403(error as AxiosError);\n    } else {\n      console.error('error', error);\n    }\n  }\n}\nfunction afterFetching(\n  reset: boolean,\n  data: { count: number; result: Array<Podcast>; sort: string },\n): void {\n  if (reset) {\n    dfirst.value = 0;\n    podcasts.value.length = 0;\n  }\n  if (dfirst.value > podcasts.value.length) {\n    for (\n      let i = podcasts.value.length - 1, len = dfirst.value + dsize.value;\n      i < len;\n      i++\n    ) {\n      podcasts.value.push(emptyPodcastData());\n    }\n  }\n  const responsePodcasts = data.result.filter((p: Podcast | null) => {\n    return null !== p;\n  });\n  podcasts.value = podcasts.value\n    .slice(0, dfirst.value)\n    .concat(responsePodcasts)\n    .concat(\n      podcasts.value.slice(dfirst.value + dsize.value, podcasts.value.length),\n    );\n  emit(\"fetch\", podcasts.value);\n  totalCount.value = props.justSizeChosen ? props.size : data.count;\n  if (0 === podcasts.value.length) {\n    emit(\"emptyList\");\n  }\n  loading.value = false;\n}\n</script>\n","<!--\n  Component displaying a list of podcast\n  DO NOT confuse this with PodcastList from playlist\n-->\n<template>\n  <ListPaginate\n    id=\"podcastListPaginate\"\n    v-model:first=\"dfirst\"\n    v-model:rows-per-page=\"dsize\"\n    v-model:is-mobile=\"isMobile\"\n    :text-count=\"\n      showCount && podcasts.length > 1\n        ? t('Number podcasts', { nb: totalCount }) + sortText\n        : undefined\n    \"\n    :total-count=\"totalCount\"\n    :loading=\"loading\"\n    :loading-text=\"loading ? t('Loading podcasts ...') : undefined\"\n    :error-text=\"\n      !loading && !podcasts.length\n        ? t(`No podcast match your query`)\n        : undefined\n    \"\n    :just-size-chosen=\"justSizeChosen\"\n    :player-responsive=\"true\"\n    :force-update-parameters=\"forceUpdateParameters\"\n  >\n    <template #list>\n      <div class=\"octopus-element-list\">\n        <ClassicLazy\n          v-for=\"p in displayArray\"\n          :key=\"p.podcastId\"\n          :min-height=\"410\"\n        >\n          <PodcastItem\n            v-if=\"0 !== p.podcastId\"\n            :podcast=\"p\"\n          />\n          <template #preview>\n            <router-link\n              :to=\"{\n                name: 'podcast',\n                params: { podcastId: p.podcastId },\n              }\"\n              :title=\"t('Episode name page', { name: p.title })\"\n            >\n              {{ p.title }}\n            </router-link>\n          </template>\n        </ClassicLazy>\n      </div>\n    </template>\n  </ListPaginate>\n</template>\n\n<script setup lang=\"ts\">\nimport ListPaginate from \"../list/ListPaginate.vue\";\nimport {useErrorHandler} from \"../../composable/useErrorHandler\";\nimport PodcastItem from \"./PodcastItem.vue\";\nimport ClassicLazy from \"../../misc/ClassicLazy.vue\";\nimport { useFilterStore } from \"../../../stores/FilterStore\";\nimport { Podcast, PodcastProcessingStatus, emptyPodcastData } from \"../../../stores/class/general/podcast\";\nimport { computed, onBeforeMount, Ref, ref, watch } from \"vue\";\nimport { AxiosError } from \"axios\";\nimport { useI18n } from \"vue-i18n\";\nimport { podcastApi, PodcastMonetisation, PodcastSearchOptions, PodcastSort } from \"../../../api/podcastApi\";\nimport { EmissionGroup } from \"@/api/groupsApi\";\n\n//Props \nconst props = withDefaults(defineProps<{\n  first?: number;\n  size?: number;\n  organisationId?: Array<string>;\n  emissionId?: number;\n  iabId?: number;\n  participantId?: number;\n  query?: string;\n  monetisable?: PodcastMonetisation;\n  popularSort?: boolean;\n  reload?: boolean;\n  before?: string;\n  after?: string;\n  includeHidden?: boolean;\n  /** Enable the display of number of items in ListPaginate */\n  showCount?: boolean;\n  displaySortText?: boolean;\n  /** Criteria to sort on */\n  sortCriteria?: PodcastSort;\n  validity?: 'true'|'false'|''|boolean; // TODO improve this\n  rubriqueId?: Array<number>;\n  rubriquageId?: Array<number>;\n  noRubriquageId?: Array<number>;\n  justSizeChosen?: boolean;\n  withVideo?: boolean;\n  includeTag?: Array<string>;\n  forceUpdateParameters?: boolean;\n  /** The beneficiaries to filter on */\n  beneficiaries?: Array<string>;\n  /** The emission groups to filter on */\n  emissionGroups?: Array<EmissionGroup>;\n  /** The seasons to filter on */\n  seasons?: Array<number>;\n}>(), {\n  first: 0,\n  size: 30,\n  popularSort: false,\n  reload: false,\n  includeHidden: false,\n  showCount: false,\n  displaySortText: true,\n  validity: '',\n  justSizeChosen: false,\n  withVideo: undefined,\n  forceUpdateParameters: false\n});\n\n//Emits\nconst emit = defineEmits([\"fetch\", \"emptyList\"]);\n\n//Data \nconst loading = ref(true);\nconst dfirst = ref(props.first);\nconst dsize = ref(props.size);\nconst totalCount = ref(0);\nconst isMobile = ref(false);\nconst podcasts: Ref<Array<Podcast>> = ref([]);\n\n//Composables\nconst { t } = useI18n();\nconst {handle403} = useErrorHandler();\nconst filterStore = useFilterStore();\n\n//Computed\nconst displayArray = computed(() => {\n  if (isMobile.value || props.justSizeChosen) {\n    return podcasts.value;\n  }\n  return podcasts.value.slice(\n    dfirst.value,\n    Math.min(dfirst.value + dsize.value, totalCount.value),\n  );\n});\nconst changePaginate = computed(() => `${props.first}|${props.size}`);\nconst changed = computed(() => {\n  return `${organisation.value}|${props.emissionId}|${props.sortCriteria}|${sort.value}\n    ${props.iabId}|${props.participantId}|${props.query}|${props.monetisable}|${props.popularSort}|\n    ${props.rubriqueId}|${props.rubriquageId}|${props.before}|${props.after}|${props.includeHidden}|${props.noRubriquageId}|${props.validity}|\n    ${props.withVideo}|${props.includeTag}|${props.beneficiaries}|${props.emissionGroups}`;\n});\nconst organisation = computed(() => {\n  if (props.organisationId) {\n    return props.organisationId;\n  }\n  return filterStore.filterOrgaId ? [filterStore.filterOrgaId] : [];\n});\nconst sort = computed(() => props.popularSort ? PodcastSort.POPULARITY : (props.sortCriteria ?? PodcastSort.DATE));\nconst sortText = computed(() => {\n  if (!props.displaySortText) {\n    return \"\";\n  }\n  switch (props.sortCriteria) {\n    case \"SCORE\":\n      return \" \" + t(\"sort by score\");\n    case \"DATE\":\n      return \" \" + t(\"sort by date\");\n    case \"NAME\":\n      return \" \" + t(\"sort by alphabetical\");\n    default:\n      return \" \" + t(\"sort by date\");\n  }\n});\n\n//Watch\nwatch(changePaginate, () => {\n  dfirst.value = props.first;\n  dsize.value = props.size;\n});\nwatch(changed, () => fetchContent(true));\nwatch(()=>props.reload, () => fetchContent(true));\nwatch(dsize, () => fetchContent(true));\nwatch(dfirst, () => {\n  if (\n    !podcasts.value[dfirst.value] ||\n    0 === podcasts.value[dfirst.value].podcastId\n  ) {\n    fetchContent(false);\n  }\n});\n\nonBeforeMount(()=>fetchContent(false))\n\n//Methods\nasync function fetchContent(reset: boolean): Promise<void> {\n  loading.value = true;\n\n  // Sadly we kinda have no idea what will be passed as 'validity', we need to\n  // handle multiple cases.\n  let validity: undefined|boolean = undefined;\n  if (props.validity !== undefined && props.validity !== '') {\n    validity = props.validity === 'true' || props.validity === true;\n  }\n  \n  const param: PodcastSearchOptions = {\n    first: reset ? 0 : dfirst.value,\n    size: dsize.value,\n    organisationId: organisation.value,\n    emissionId: props.emissionId,\n    groupId: props.emissionGroups?.map(g => g.groupId),\n    iabId: props.iabId,\n    participantId: props.participantId,\n    query: props.query,\n    monetisable: props.monetisable,\n    sort: sort.value,\n    pubDateBefore: props.before,\n    pubDateAfter: props.after,\n    noRubriquageId: props.noRubriquageId?.length\n      ? props.noRubriquageId\n      : undefined,\n    rubriqueId: props.rubriqueId?.length ? props.rubriqueId : undefined,\n    rubriquageId: props.rubriquageId?.length ? props.rubriquageId : undefined,\n    includeHidden: props.includeHidden,\n    validity,\n    /* publisherId:\n      !this.onlyValid && !authStore.isRoleProduction\n        ? authStore.authProfile?.userId\n        : undefined, */\n    processingStatus: [PodcastProcessingStatus.Ready, PodcastProcessingStatus.Processing],\n    withVideo: props.withVideo,\n    tags: props.includeTag?.length ? props.includeTag : undefined,\n    beneficiaries: props.beneficiaries ?? undefined,\n    season: props.seasons\n  };\n\n  try {\n    const data = await podcastApi.searchFull(param, true);\n    afterFetching(reset, data);\n  } catch (error) {\n    if (error instanceof AxiosError) {\n      handle403(error as AxiosError);\n    } else {\n      console.error('error', error);\n    }\n  }\n}\nfunction afterFetching(\n  reset: boolean,\n  data: { count: number; result: Array<Podcast>; sort: string },\n): void {\n  if (reset) {\n    dfirst.value = 0;\n    podcasts.value.length = 0;\n  }\n  if (dfirst.value > podcasts.value.length) {\n    for (\n      let i = podcasts.value.length - 1, len = dfirst.value + dsize.value;\n      i < len;\n      i++\n    ) {\n      podcasts.value.push(emptyPodcastData());\n    }\n  }\n  const responsePodcasts = data.result.filter((p: Podcast | null) => {\n    return null !== p;\n  });\n  podcasts.value = podcasts.value\n    .slice(0, dfirst.value)\n    .concat(responsePodcasts)\n    .concat(\n      podcasts.value.slice(dfirst.value + dsize.value, podcasts.value.length),\n    );\n  emit(\"fetch\", podcasts.value);\n  totalCount.value = props.justSizeChosen ? props.size : data.count;\n  if (0 === podcasts.value.length) {\n    emit(\"emptyList\");\n  }\n  loading.value = false;\n}\n</script>\n"],"mappings":"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"}

package/dist/PodcastList-gdQbPtGY.mjs

@@ -0,0 +1,234 @@
+import { t as __exportAll } from "./rolldown-runtime-D7D4PA-g.mjs";
+import { l as PodcastSort, r as useFilterStore, u as podcastApi } from "./classicApi-BKNiWOG4.mjs";
+import { t as ListPaginate_default } from "./ListPaginate-BWWtCWZX.mjs";
+import { t as useErrorHandler } from "./useErrorHandler-DNz9da5N.mjs";
+import { r as emptyPodcastData, t as PodcastProcessingStatus } from "./podcast-Da9L7I5Q.mjs";
+import { t as ClassicLazy_default } from "./ClassicLazy-DKgiCdDI.mjs";
+import { t as PodcastItem_default } from "./PodcastItem-6qkOg90q.mjs";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, onBeforeMount, openBlock, ref, renderList, resolveComponent, toDisplayString, unref, watch, withCtx } from "vue";
+import { useI18n } from "vue-i18n";
+import { AxiosError } from "axios";
+//#region src/components/display/podcasts/PodcastList.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "octopus-element-list" };
+var PodcastList_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "PodcastList",
+	props: {
+		first: { default: 0 },
+		size: { default: 30 },
+		organisationId: {},
+		emissionId: {},
+		iabId: {},
+		participantId: {},
+		query: {},
+		monetisable: {},
+		popularSort: {
+			type: Boolean,
+			default: false
+		},
+		reload: {
+			type: Boolean,
+			default: false
+		},
+		before: {},
+		after: {},
+		includeHidden: {
+			type: Boolean,
+			default: false
+		},
+		showCount: {
+			type: Boolean,
+			default: false
+		},
+		displaySortText: {
+			type: Boolean,
+			default: true
+		},
+		sortCriteria: {},
+		validity: {
+			type: [String, Boolean],
+			default: ""
+		},
+		rubriqueId: {},
+		rubriquageId: {},
+		noRubriquageId: {},
+		justSizeChosen: {
+			type: Boolean,
+			default: false
+		},
+		withVideo: {
+			type: Boolean,
+			default: void 0
+		},
+		includeTag: {},
+		forceUpdateParameters: {
+			type: Boolean,
+			default: false
+		},
+		beneficiaries: {},
+		emissionGroups: {},
+		seasons: {}
+	},
+	emits: ["fetch", "emptyList"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const loading = ref(true);
+		const dfirst = ref(props.first);
+		const dsize = ref(props.size);
+		const totalCount = ref(0);
+		const isMobile = ref(false);
+		const podcasts = ref([]);
+		const { t } = useI18n();
+		const { handle403 } = useErrorHandler();
+		const filterStore = useFilterStore();
+		const displayArray = computed(() => {
+			if (isMobile.value || props.justSizeChosen) return podcasts.value;
+			return podcasts.value.slice(dfirst.value, Math.min(dfirst.value + dsize.value, totalCount.value));
+		});
+		const changePaginate = computed(() => `${props.first}|${props.size}`);
+		const changed = computed(() => {
+			return `${organisation.value}|${props.emissionId}|${props.sortCriteria}|${sort.value}
+    ${props.iabId}|${props.participantId}|${props.query}|${props.monetisable}|${props.popularSort}|
+    ${props.rubriqueId}|${props.rubriquageId}|${props.before}|${props.after}|${props.includeHidden}|${props.noRubriquageId}|${props.validity}|
+    ${props.withVideo}|${props.includeTag}|${props.beneficiaries}|${props.emissionGroups}`;
+		});
+		const organisation = computed(() => {
+			if (props.organisationId) return props.organisationId;
+			return filterStore.filterOrgaId ? [filterStore.filterOrgaId] : [];
+		});
+		const sort = computed(() => props.popularSort ? PodcastSort.POPULARITY : props.sortCriteria ?? PodcastSort.DATE);
+		const sortText = computed(() => {
+			if (!props.displaySortText) return "";
+			switch (props.sortCriteria) {
+				case "SCORE": return " " + t("sort by score");
+				case "DATE": return " " + t("sort by date");
+				case "NAME": return " " + t("sort by alphabetical");
+				default: return " " + t("sort by date");
+			}
+		});
+		watch(changePaginate, () => {
+			dfirst.value = props.first;
+			dsize.value = props.size;
+		});
+		watch(changed, () => fetchContent(true));
+		watch(() => props.reload, () => fetchContent(true));
+		watch(dsize, () => fetchContent(true));
+		watch(dfirst, () => {
+			if (!podcasts.value[dfirst.value] || 0 === podcasts.value[dfirst.value].podcastId) fetchContent(false);
+		});
+		onBeforeMount(() => fetchContent(false));
+		async function fetchContent(reset) {
+			loading.value = true;
+			let validity = void 0;
+			if (props.validity !== void 0 && props.validity !== "") validity = props.validity === "true" || props.validity === true;
+			const param = {
+				first: reset ? 0 : dfirst.value,
+				size: dsize.value,
+				organisationId: organisation.value,
+				emissionId: props.emissionId,
+				groupId: props.emissionGroups?.map((g) => g.groupId),
+				iabId: props.iabId,
+				participantId: props.participantId,
+				query: props.query,
+				monetisable: props.monetisable,
+				sort: sort.value,
+				pubDateBefore: props.before,
+				pubDateAfter: props.after,
+				noRubriquageId: props.noRubriquageId?.length ? props.noRubriquageId : void 0,
+				rubriqueId: props.rubriqueId?.length ? props.rubriqueId : void 0,
+				rubriquageId: props.rubriquageId?.length ? props.rubriquageId : void 0,
+				includeHidden: props.includeHidden,
+				validity,
+				processingStatus: [PodcastProcessingStatus.Ready, PodcastProcessingStatus.Processing],
+				withVideo: props.withVideo,
+				tags: props.includeTag?.length ? props.includeTag : void 0,
+				beneficiaries: props.beneficiaries ?? void 0,
+				season: props.seasons
+			};
+			try {
+				afterFetching(reset, await podcastApi.searchFull(param, true));
+			} catch (error) {
+				if (error instanceof AxiosError) handle403(error);
+				else console.error("error", error);
+			}
+		}
+		function afterFetching(reset, data) {
+			if (reset) {
+				dfirst.value = 0;
+				podcasts.value.length = 0;
+			}
+			if (dfirst.value > podcasts.value.length) for (let i = podcasts.value.length - 1, len = dfirst.value + dsize.value; i < len; i++) podcasts.value.push(emptyPodcastData());
+			const responsePodcasts = data.result.filter((p) => {
+				return null !== p;
+			});
+			podcasts.value = podcasts.value.slice(0, dfirst.value).concat(responsePodcasts).concat(podcasts.value.slice(dfirst.value + dsize.value, podcasts.value.length));
+			emit("fetch", podcasts.value);
+			totalCount.value = props.justSizeChosen ? props.size : data.count;
+			if (0 === podcasts.value.length) emit("emptyList");
+			loading.value = false;
+		}
+		return (_ctx, _cache) => {
+			const _component_router_link = resolveComponent("router-link");
+			return openBlock(), createBlock(ListPaginate_default, {
+				id: "podcastListPaginate",
+				first: dfirst.value,
+				"onUpdate:first": _cache[0] || (_cache[0] = ($event) => dfirst.value = $event),
+				"rows-per-page": dsize.value,
+				"onUpdate:rowsPerPage": _cache[1] || (_cache[1] = ($event) => dsize.value = $event),
+				"is-mobile": isMobile.value,
+				"onUpdate:isMobile": _cache[2] || (_cache[2] = ($event) => isMobile.value = $event),
+				"text-count": __props.showCount && podcasts.value.length > 1 ? unref(t)("Number podcasts", { nb: totalCount.value }) + sortText.value : void 0,
+				"total-count": totalCount.value,
+				loading: loading.value,
+				"loading-text": loading.value ? unref(t)("Loading podcasts ...") : void 0,
+				"error-text": !loading.value && !podcasts.value.length ? unref(t)(`No podcast match your query`) : void 0,
+				"just-size-chosen": __props.justSizeChosen,
+				"player-responsive": true,
+				"force-update-parameters": __props.forceUpdateParameters
+			}, {
+				list: withCtx(() => [createElementVNode("div", _hoisted_1, [(openBlock(true), createElementBlock(Fragment, null, renderList(displayArray.value, (p) => {
+					return openBlock(), createBlock(ClassicLazy_default, {
+						key: p.podcastId,
+						"min-height": 410
+					}, {
+						preview: withCtx(() => [createVNode(_component_router_link, {
+							to: {
+								name: "podcast",
+								params: { podcastId: p.podcastId }
+							},
+							title: unref(t)("Episode name page", { name: p.title })
+						}, {
+							default: withCtx(() => [createTextVNode(toDisplayString(p.title), 1)]),
+							_: 2
+						}, 1032, ["to", "title"])]),
+						default: withCtx(() => [0 !== p.podcastId ? (openBlock(), createBlock(PodcastItem_default, {
+							key: 0,
+							podcast: p
+						}, null, 8, ["podcast"])) : createCommentVNode("", true)]),
+						_: 2
+					}, 1024);
+				}), 128))])]),
+				_: 1
+			}, 8, [
+				"first",
+				"rows-per-page",
+				"is-mobile",
+				"text-count",
+				"total-count",
+				"loading",
+				"loading-text",
+				"error-text",
+				"just-size-chosen",
+				"force-update-parameters"
+			]);
+		};
+	}
+});
+//#endregion
+//#region src/components/display/podcasts/PodcastList.vue
+var PodcastList_exports = /* @__PURE__ */ __exportAll({ default: () => PodcastList_default });
+var PodcastList_default = PodcastList_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { PodcastList_exports as n, PodcastList_default as t };
+
+//# sourceMappingURL=PodcastList-gdQbPtGY.mjs.map

package/dist/PodcastList-gdQbPtGY.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PodcastList-gdQbPtGY.mjs","names":[],"sources":["../src/components/display/podcasts/PodcastList.vue","../src/components/display/podcasts/PodcastList.vue"],"sourcesContent":["<!--\n  Component displaying a list of podcast\n  DO NOT confuse this with PodcastList from playlist\n-->\n<template>\n  <ListPaginate\n    id=\"podcastListPaginate\"\n    v-model:first=\"dfirst\"\n    v-model:rows-per-page=\"dsize\"\n    v-model:is-mobile=\"isMobile\"\n    :text-count=\"\n      showCount && podcasts.length > 1\n        ? t('Number podcasts', { nb: totalCount }) + sortText\n        : undefined\n    \"\n    :total-count=\"totalCount\"\n    :loading=\"loading\"\n    :loading-text=\"loading ? t('Loading podcasts ...') : undefined\"\n    :error-text=\"\n      !loading && !podcasts.length\n        ? t(`No podcast match your query`)\n        : undefined\n    \"\n    :just-size-chosen=\"justSizeChosen\"\n    :player-responsive=\"true\"\n    :force-update-parameters=\"forceUpdateParameters\"\n  >\n    <template #list>\n      <div class=\"octopus-element-list\">\n        <ClassicLazy\n          v-for=\"p in displayArray\"\n          :key=\"p.podcastId\"\n          :min-height=\"410\"\n        >\n          <PodcastItem\n            v-if=\"0 !== p.podcastId\"\n            :podcast=\"p\"\n          />\n          <template #preview>\n            <router-link\n              :to=\"{\n                name: 'podcast',\n                params: { podcastId: p.podcastId },\n              }\"\n              :title=\"t('Episode name page', { name: p.title })\"\n            >\n              {{ p.title }}\n            </router-link>\n          </template>\n        </ClassicLazy>\n      </div>\n    </template>\n  </ListPaginate>\n</template>\n\n<script setup lang=\"ts\">\nimport ListPaginate from \"../list/ListPaginate.vue\";\nimport {useErrorHandler} from \"../../composable/useErrorHandler\";\nimport PodcastItem from \"./PodcastItem.vue\";\nimport ClassicLazy from \"../../misc/ClassicLazy.vue\";\nimport { useFilterStore } from \"../../../stores/FilterStore\";\nimport { Podcast, PodcastProcessingStatus, emptyPodcastData } from \"../../../stores/class/general/podcast\";\nimport { computed, onBeforeMount, Ref, ref, watch } from \"vue\";\nimport { AxiosError } from \"axios\";\nimport { useI18n } from \"vue-i18n\";\nimport { podcastApi, PodcastMonetisation, PodcastSearchOptions, PodcastSort } from \"../../../api/podcastApi\";\nimport { EmissionGroup } from \"@/api/groupsApi\";\n\n//Props \nconst props = withDefaults(defineProps<{\n  first?: number;\n  size?: number;\n  organisationId?: Array<string>;\n  emissionId?: number;\n  iabId?: number;\n  participantId?: number;\n  query?: string;\n  monetisable?: PodcastMonetisation;\n  popularSort?: boolean;\n  reload?: boolean;\n  before?: string;\n  after?: string;\n  includeHidden?: boolean;\n  /** Enable the display of number of items in ListPaginate */\n  showCount?: boolean;\n  displaySortText?: boolean;\n  /** Criteria to sort on */\n  sortCriteria?: PodcastSort;\n  validity?: 'true'|'false'|''|boolean; // TODO improve this\n  rubriqueId?: Array<number>;\n  rubriquageId?: Array<number>;\n  noRubriquageId?: Array<number>;\n  justSizeChosen?: boolean;\n  withVideo?: boolean;\n  includeTag?: Array<string>;\n  forceUpdateParameters?: boolean;\n  /** The beneficiaries to filter on */\n  beneficiaries?: Array<string>;\n  /** The emission groups to filter on */\n  emissionGroups?: Array<EmissionGroup>;\n  /** The seasons to filter on */\n  seasons?: Array<number>;\n}>(), {\n  first: 0,\n  size: 30,\n  popularSort: false,\n  reload: false,\n  includeHidden: false,\n  showCount: false,\n  displaySortText: true,\n  validity: '',\n  justSizeChosen: false,\n  withVideo: undefined,\n  forceUpdateParameters: false\n});\n\n//Emits\nconst emit = defineEmits([\"fetch\", \"emptyList\"]);\n\n//Data \nconst loading = ref(true);\nconst dfirst = ref(props.first);\nconst dsize = ref(props.size);\nconst totalCount = ref(0);\nconst isMobile = ref(false);\nconst podcasts: Ref<Array<Podcast>> = ref([]);\n\n//Composables\nconst { t } = useI18n();\nconst {handle403} = useErrorHandler();\nconst filterStore = useFilterStore();\n\n//Computed\nconst displayArray = computed(() => {\n  if (isMobile.value || props.justSizeChosen) {\n    return podcasts.value;\n  }\n  return podcasts.value.slice(\n    dfirst.value,\n    Math.min(dfirst.value + dsize.value, totalCount.value),\n  );\n});\nconst changePaginate = computed(() => `${props.first}|${props.size}`);\nconst changed = computed(() => {\n  return `${organisation.value}|${props.emissionId}|${props.sortCriteria}|${sort.value}\n    ${props.iabId}|${props.participantId}|${props.query}|${props.monetisable}|${props.popularSort}|\n    ${props.rubriqueId}|${props.rubriquageId}|${props.before}|${props.after}|${props.includeHidden}|${props.noRubriquageId}|${props.validity}|\n    ${props.withVideo}|${props.includeTag}|${props.beneficiaries}|${props.emissionGroups}`;\n});\nconst organisation = computed(() => {\n  if (props.organisationId) {\n    return props.organisationId;\n  }\n  return filterStore.filterOrgaId ? [filterStore.filterOrgaId] : [];\n});\nconst sort = computed(() => props.popularSort ? PodcastSort.POPULARITY : (props.sortCriteria ?? PodcastSort.DATE));\nconst sortText = computed(() => {\n  if (!props.displaySortText) {\n    return \"\";\n  }\n  switch (props.sortCriteria) {\n    case \"SCORE\":\n      return \" \" + t(\"sort by score\");\n    case \"DATE\":\n      return \" \" + t(\"sort by date\");\n    case \"NAME\":\n      return \" \" + t(\"sort by alphabetical\");\n    default:\n      return \" \" + t(\"sort by date\");\n  }\n});\n\n//Watch\nwatch(changePaginate, () => {\n  dfirst.value = props.first;\n  dsize.value = props.size;\n});\nwatch(changed, () => fetchContent(true));\nwatch(()=>props.reload, () => fetchContent(true));\nwatch(dsize, () => fetchContent(true));\nwatch(dfirst, () => {\n  if (\n    !podcasts.value[dfirst.value] ||\n    0 === podcasts.value[dfirst.value].podcastId\n  ) {\n    fetchContent(false);\n  }\n});\n\nonBeforeMount(()=>fetchContent(false))\n\n//Methods\nasync function fetchContent(reset: boolean): Promise<void> {\n  loading.value = true;\n\n  // Sadly we kinda have no idea what will be passed as 'validity', we need to\n  // handle multiple cases.\n  let validity: undefined|boolean = undefined;\n  if (props.validity !== undefined && props.validity !== '') {\n    validity = props.validity === 'true' || props.validity === true;\n  }\n  \n  const param: PodcastSearchOptions = {\n    first: reset ? 0 : dfirst.value,\n    size: dsize.value,\n    organisationId: organisation.value,\n    emissionId: props.emissionId,\n    groupId: props.emissionGroups?.map(g => g.groupId),\n    iabId: props.iabId,\n    participantId: props.participantId,\n    query: props.query,\n    monetisable: props.monetisable,\n    sort: sort.value,\n    pubDateBefore: props.before,\n    pubDateAfter: props.after,\n    noRubriquageId: props.noRubriquageId?.length\n      ? props.noRubriquageId\n      : undefined,\n    rubriqueId: props.rubriqueId?.length ? props.rubriqueId : undefined,\n    rubriquageId: props.rubriquageId?.length ? props.rubriquageId : undefined,\n    includeHidden: props.includeHidden,\n    validity,\n    /* publisherId:\n      !this.onlyValid && !authStore.isRoleProduction\n        ? authStore.authProfile?.userId\n        : undefined, */\n    processingStatus: [PodcastProcessingStatus.Ready, PodcastProcessingStatus.Processing],\n    withVideo: props.withVideo,\n    tags: props.includeTag?.length ? props.includeTag : undefined,\n    beneficiaries: props.beneficiaries ?? undefined,\n    season: props.seasons\n  };\n\n  try {\n    const data = await podcastApi.searchFull(param, true);\n    afterFetching(reset, data);\n  } catch (error) {\n    if (error instanceof AxiosError) {\n      handle403(error as AxiosError);\n    } else {\n      console.error('error', error);\n    }\n  }\n}\nfunction afterFetching(\n  reset: boolean,\n  data: { count: number; result: Array<Podcast>; sort: string },\n): void {\n  if (reset) {\n    dfirst.value = 0;\n    podcasts.value.length = 0;\n  }\n  if (dfirst.value > podcasts.value.length) {\n    for (\n      let i = podcasts.value.length - 1, len = dfirst.value + dsize.value;\n      i < len;\n      i++\n    ) {\n      podcasts.value.push(emptyPodcastData());\n    }\n  }\n  const responsePodcasts = data.result.filter((p: Podcast | null) => {\n    return null !== p;\n  });\n  podcasts.value = podcasts.value\n    .slice(0, dfirst.value)\n    .concat(responsePodcasts)\n    .concat(\n      podcasts.value.slice(dfirst.value + dsize.value, podcasts.value.length),\n    );\n  emit(\"fetch\", podcasts.value);\n  totalCount.value = props.justSizeChosen ? props.size : data.count;\n  if (0 === podcasts.value.length) {\n    emit(\"emptyList\");\n  }\n  loading.value = false;\n}\n</script>\n","<!--\n  Component displaying a list of podcast\n  DO NOT confuse this with PodcastList from playlist\n-->\n<template>\n  <ListPaginate\n    id=\"podcastListPaginate\"\n    v-model:first=\"dfirst\"\n    v-model:rows-per-page=\"dsize\"\n    v-model:is-mobile=\"isMobile\"\n    :text-count=\"\n      showCount && podcasts.length > 1\n        ? t('Number podcasts', { nb: totalCount }) + sortText\n        : undefined\n    \"\n    :total-count=\"totalCount\"\n    :loading=\"loading\"\n    :loading-text=\"loading ? t('Loading podcasts ...') : undefined\"\n    :error-text=\"\n      !loading && !podcasts.length\n        ? t(`No podcast match your query`)\n        : undefined\n    \"\n    :just-size-chosen=\"justSizeChosen\"\n    :player-responsive=\"true\"\n    :force-update-parameters=\"forceUpdateParameters\"\n  >\n    <template #list>\n      <div class=\"octopus-element-list\">\n        <ClassicLazy\n          v-for=\"p in displayArray\"\n          :key=\"p.podcastId\"\n          :min-height=\"410\"\n        >\n          <PodcastItem\n            v-if=\"0 !== p.podcastId\"\n            :podcast=\"p\"\n          />\n          <template #preview>\n            <router-link\n              :to=\"{\n                name: 'podcast',\n                params: { podcastId: p.podcastId },\n              }\"\n              :title=\"t('Episode name page', { name: p.title })\"\n            >\n              {{ p.title }}\n            </router-link>\n          </template>\n        </ClassicLazy>\n      </div>\n    </template>\n  </ListPaginate>\n</template>\n\n<script setup lang=\"ts\">\nimport ListPaginate from \"../list/ListPaginate.vue\";\nimport {useErrorHandler} from \"../../composable/useErrorHandler\";\nimport PodcastItem from \"./PodcastItem.vue\";\nimport ClassicLazy from \"../../misc/ClassicLazy.vue\";\nimport { useFilterStore } from \"../../../stores/FilterStore\";\nimport { Podcast, PodcastProcessingStatus, emptyPodcastData } from \"../../../stores/class/general/podcast\";\nimport { computed, onBeforeMount, Ref, ref, watch } from \"vue\";\nimport { AxiosError } from \"axios\";\nimport { useI18n } from \"vue-i18n\";\nimport { podcastApi, PodcastMonetisation, PodcastSearchOptions, PodcastSort } from \"../../../api/podcastApi\";\nimport { EmissionGroup } from \"@/api/groupsApi\";\n\n//Props \nconst props = withDefaults(defineProps<{\n  first?: number;\n  size?: number;\n  organisationId?: Array<string>;\n  emissionId?: number;\n  iabId?: number;\n  participantId?: number;\n  query?: string;\n  monetisable?: PodcastMonetisation;\n  popularSort?: boolean;\n  reload?: boolean;\n  before?: string;\n  after?: string;\n  includeHidden?: boolean;\n  /** Enable the display of number of items in ListPaginate */\n  showCount?: boolean;\n  displaySortText?: boolean;\n  /** Criteria to sort on */\n  sortCriteria?: PodcastSort;\n  validity?: 'true'|'false'|''|boolean; // TODO improve this\n  rubriqueId?: Array<number>;\n  rubriquageId?: Array<number>;\n  noRubriquageId?: Array<number>;\n  justSizeChosen?: boolean;\n  withVideo?: boolean;\n  includeTag?: Array<string>;\n  forceUpdateParameters?: boolean;\n  /** The beneficiaries to filter on */\n  beneficiaries?: Array<string>;\n  /** The emission groups to filter on */\n  emissionGroups?: Array<EmissionGroup>;\n  /** The seasons to filter on */\n  seasons?: Array<number>;\n}>(), {\n  first: 0,\n  size: 30,\n  popularSort: false,\n  reload: false,\n  includeHidden: false,\n  showCount: false,\n  displaySortText: true,\n  validity: '',\n  justSizeChosen: false,\n  withVideo: undefined,\n  forceUpdateParameters: false\n});\n\n//Emits\nconst emit = defineEmits([\"fetch\", \"emptyList\"]);\n\n//Data \nconst loading = ref(true);\nconst dfirst = ref(props.first);\nconst dsize = ref(props.size);\nconst totalCount = ref(0);\nconst isMobile = ref(false);\nconst podcasts: Ref<Array<Podcast>> = ref([]);\n\n//Composables\nconst { t } = useI18n();\nconst {handle403} = useErrorHandler();\nconst filterStore = useFilterStore();\n\n//Computed\nconst displayArray = computed(() => {\n  if (isMobile.value || props.justSizeChosen) {\n    return podcasts.value;\n  }\n  return podcasts.value.slice(\n    dfirst.value,\n    Math.min(dfirst.value + dsize.value, totalCount.value),\n  );\n});\nconst changePaginate = computed(() => `${props.first}|${props.size}`);\nconst changed = computed(() => {\n  return `${organisation.value}|${props.emissionId}|${props.sortCriteria}|${sort.value}\n    ${props.iabId}|${props.participantId}|${props.query}|${props.monetisable}|${props.popularSort}|\n    ${props.rubriqueId}|${props.rubriquageId}|${props.before}|${props.after}|${props.includeHidden}|${props.noRubriquageId}|${props.validity}|\n    ${props.withVideo}|${props.includeTag}|${props.beneficiaries}|${props.emissionGroups}`;\n});\nconst organisation = computed(() => {\n  if (props.organisationId) {\n    return props.organisationId;\n  }\n  return filterStore.filterOrgaId ? [filterStore.filterOrgaId] : [];\n});\nconst sort = computed(() => props.popularSort ? PodcastSort.POPULARITY : (props.sortCriteria ?? PodcastSort.DATE));\nconst sortText = computed(() => {\n  if (!props.displaySortText) {\n    return \"\";\n  }\n  switch (props.sortCriteria) {\n    case \"SCORE\":\n      return \" \" + t(\"sort by score\");\n    case \"DATE\":\n      return \" \" + t(\"sort by date\");\n    case \"NAME\":\n      return \" \" + t(\"sort by alphabetical\");\n    default:\n      return \" \" + t(\"sort by date\");\n  }\n});\n\n//Watch\nwatch(changePaginate, () => {\n  dfirst.value = props.first;\n  dsize.value = props.size;\n});\nwatch(changed, () => fetchContent(true));\nwatch(()=>props.reload, () => fetchContent(true));\nwatch(dsize, () => fetchContent(true));\nwatch(dfirst, () => {\n  if (\n    !podcasts.value[dfirst.value] ||\n    0 === podcasts.value[dfirst.value].podcastId\n  ) {\n    fetchContent(false);\n  }\n});\n\nonBeforeMount(()=>fetchContent(false))\n\n//Methods\nasync function fetchContent(reset: boolean): Promise<void> {\n  loading.value = true;\n\n  // Sadly we kinda have no idea what will be passed as 'validity', we need to\n  // handle multiple cases.\n  let validity: undefined|boolean = undefined;\n  if (props.validity !== undefined && props.validity !== '') {\n    validity = props.validity === 'true' || props.validity === true;\n  }\n  \n  const param: PodcastSearchOptions = {\n    first: reset ? 0 : dfirst.value,\n    size: dsize.value,\n    organisationId: organisation.value,\n    emissionId: props.emissionId,\n    groupId: props.emissionGroups?.map(g => g.groupId),\n    iabId: props.iabId,\n    participantId: props.participantId,\n    query: props.query,\n    monetisable: props.monetisable,\n    sort: sort.value,\n    pubDateBefore: props.before,\n    pubDateAfter: props.after,\n    noRubriquageId: props.noRubriquageId?.length\n      ? props.noRubriquageId\n      : undefined,\n    rubriqueId: props.rubriqueId?.length ? props.rubriqueId : undefined,\n    rubriquageId: props.rubriquageId?.length ? props.rubriquageId : undefined,\n    includeHidden: props.includeHidden,\n    validity,\n    /* publisherId:\n      !this.onlyValid && !authStore.isRoleProduction\n        ? authStore.authProfile?.userId\n        : undefined, */\n    processingStatus: [PodcastProcessingStatus.Ready, PodcastProcessingStatus.Processing],\n    withVideo: props.withVideo,\n    tags: props.includeTag?.length ? props.includeTag : undefined,\n    beneficiaries: props.beneficiaries ?? undefined,\n    season: props.seasons\n  };\n\n  try {\n    const data = await podcastApi.searchFull(param, true);\n    afterFetching(reset, data);\n  } catch (error) {\n    if (error instanceof AxiosError) {\n      handle403(error as AxiosError);\n    } else {\n      console.error('error', error);\n    }\n  }\n}\nfunction afterFetching(\n  reset: boolean,\n  data: { count: number; result: Array<Podcast>; sort: string },\n): void {\n  if (reset) {\n    dfirst.value = 0;\n    podcasts.value.length = 0;\n  }\n  if (dfirst.value > podcasts.value.length) {\n    for (\n      let i = podcasts.value.length - 1, len = dfirst.value + dsize.value;\n      i < len;\n      i++\n    ) {\n      podcasts.value.push(emptyPodcastData());\n    }\n  }\n  const responsePodcasts = data.result.filter((p: Podcast | null) => {\n    return null !== p;\n  });\n  podcasts.value = podcasts.value\n    .slice(0, dfirst.value)\n    .concat(responsePodcasts)\n    .concat(\n      podcasts.value.slice(dfirst.value + dsize.value, podcasts.value.length),\n    );\n  emit(\"fetch\", podcasts.value);\n  totalCount.value = props.justSizeChosen ? props.size : data.count;\n  if (0 === podcasts.value.length) {\n    emit(\"emptyList\");\n  }\n  loading.value = false;\n}\n</script>\n"],"mappings":"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"}