{"version":3,"file":"DetailOverview-6a4e7426.js","sources":["../../src/components/audio/ChannelSerieCard.vue","../../src/components/audio/ChannelSeries.vue","../../src/components/channels/AlbumForm.vue","../../src/components/channels/AlbumModal.vue","../../src/views/channels/DetailOverview.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { Album } from '~/types'\n\nimport PlayButton from '~/components/audio/PlayButton.vue'\nimport { computed } from 'vue'\n\ninterface Props {\n  serie: Album\n}\n\nconst props = defineProps({\n  serie: null\n})\n\nconst cover = computed(() => props.serie?.cover ?? null)\n</script>\n\n<template>\n  <div class=\"channel-serie-card\">\n    <div class=\"two-images\">\n      <img\n        v-if=\"cover && cover.urls.original\"\n        v-lazy=\"$store.getters['instance/absoluteUrl'](cover.urls.medium_square_crop)\"\n        alt=\"\"\n        class=\"channel-image\"\n        @click=\"$router.push({name: 'library.albums.detail', params: {id: serie.id}})\"\n      >\n      <img\n        v-else\n        alt=\"\"\n        class=\"channel-image\"\n        src=\"../../assets/audio/default-cover.png\"\n        @click=\"$router.push({name: 'library.albums.detail', params: {id: serie.id}})\"\n      >\n      <img\n        v-if=\"cover && cover.urls.original\"\n        v-lazy=\"$store.getters['instance/absoluteUrl'](cover.urls.medium_square_crop)\"\n        alt=\"\"\n        class=\"channel-image\"\n        @click=\"$router.push({name: 'library.albums.detail', params: {id: serie.id}})\"\n      >\n      <img\n        v-else\n        alt=\"\"\n        class=\"channel-image\"\n        src=\"../../assets/audio/default-cover.png\"\n        @click=\"$router.push({name: 'library.albums.detail', params: {id: serie.id}})\"\n      >\n    </div>\n    <div class=\"content ellipsis\">\n      <strong>\n        <router-link\n          class=\"discrete link\"\n          :to=\"{name: 'library.albums.detail', params: {id: serie.id}}\"\n        >\n          {{ serie.title }}\n        </router-link>\n      </strong>\n      <div class=\"description\">\n        <span>\n          {{ $t('components.audio.ChannelSerieCard.meta.episodes', serie.tracks_count) }}\n        </span>\n      </div>\n    </div>\n    <div class=\"controls\">\n      <play-button\n        :icon-only=\"true\"\n        :is-playable=\"true\"\n        :button-classes=\"['ui', 'circular', 'vibrant', 'icon', 'button']\"\n        :album=\"serie\"\n      />\n    </div>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport type { BackendError, Album } from '~/types'\n\nimport { clone } from 'lodash-es'\nimport { ref, reactive } from 'vue'\n\nimport axios from 'axios'\nimport ChannelSerieCard from '~/components/audio/ChannelSerieCard.vue'\nimport AlbumCard from '~/components/audio/album/Card.vue'\n\ninterface Props {\n  filters: object\n  isPodcast?: boolean\n  limit?: number\n}\n\nconst props = defineProps({\n  filters: null,\n  isPodcast: { type: Boolean, default: true },\n  limit: { default: 5 }\n})\n\nconst isLoading = ref(false)\nconst errors = ref([] as string[])\n\nconst albums = reactive([] as Album[])\nconst nextPage = ref()\nconst count = ref(0)\n\nconst fetchData = async (url = 'albums/') => {\n  isLoading.value = true\n\n  try {\n    const params = {\n      ...clone(props.filters),\n      page_size: props.limit,\n      include_channels: true\n    }\n\n    const response = await axios.get(url, { params })\n    nextPage.value = response.data.next\n    count.value = response.data.count\n    albums.push(...response.data.results)\n  } catch (error) {\n    errors.value = (error as BackendError).backendErrors\n  }\n\n  isLoading.value = false\n}\n\nfetchData()\n</script>\n\n<template>\n  <div>\n    <slot />\n    <div class=\"ui hidden divider\" />\n    <div\n      v-if=\"isLoading\"\n      class=\"ui inverted active dimmer\"\n    >\n      <div class=\"ui loader\" />\n    </div>\n    <template v-if=\"isPodcast\">\n      <channel-serie-card\n        v-for=\"serie in albums\"\n        :key=\"serie.id\"\n        :serie=\"serie\"\n      />\n    </template>\n    <div\n      v-else\n      class=\"ui app-cards cards\"\n    >\n      <album-card\n        v-for=\"album in albums\"\n        :key=\"album.id\"\n        :album=\"album\"\n      />\n    </div>\n    <template v-if=\"nextPage\">\n      <div class=\"ui hidden divider\" />\n      <button\n        v-if=\"nextPage\"\n        :class=\"['ui', 'basic', 'button']\"\n        @click=\"fetchData(nextPage)\"\n      >\n        {{ $t('components.audio.ChannelSeries.button.showMore') }}\n      </button>\n    </template>\n    <template v-if=\"!isLoading && albums.length === 0\">\n      <empty-state\n        :refresh=\"true\"\n        @refresh=\"fetchData()\"\n      >\n        <p>\n          {{ $t('components.audio.ChannelSeries.help.subscribe') }}\n        </p>\n      </empty-state>\n    </template>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport type { BackendError, Channel } from '~/types'\n\nimport { computed, watch, ref } from 'vue'\nimport axios from 'axios'\n\ninterface Events {\n  (e: 'submittable', value: boolean): void\n  (e: 'loading', value: boolean): void\n  (e: 'created'): void\n}\n\ninterface Props {\n  channel: Channel\n}\n\nconst emit = defineEmits([\"submittable\", \"loading\", \"created\"])\nconst props = defineProps({\n  channel: null\n})\n\nconst title = ref('')\n\nconst errors = ref([] as string[])\nconst isLoading = ref(false)\nconst submit = async () => {\n  isLoading.value = true\n  errors.value = []\n\n  try {\n    await axios.post('albums/', {\n      title: title.value,\n      artist: props.channel.artist?.id\n    })\n\n    emit('created')\n  } catch (error) {\n    errors.value = (error as BackendError).backendErrors\n  }\n\n  isLoading.value = false\n}\n\nconst submittable = computed(() => title.value.length > 0)\nwatch(submittable, (value) => emit('submittable', value))\nwatch(isLoading, (value) => emit('loading', value))\n\ndefineExpose({\n  submit\n})\n</script>\n\n<template>\n  <form\n    :class=\"['ui', {loading: isLoading}, 'form']\"\n    @submit.stop.prevent\n  >\n    <div\n      v-if=\"errors.length > 0\"\n      role=\"alert\"\n      class=\"ui negative message\"\n    >\n      <h4 class=\"header\">\n        {{ $t('components.channels.AlbumForm.header.error') }}\n      </h4>\n      <ul class=\"list\">\n        <li\n          v-for=\"(error, key) in errors\"\n          :key=\"key\"\n        >\n          {{ error }}\n        </li>\n      </ul>\n    </div>\n    <div class=\"ui required field\">\n      <label for=\"album-title\">\n        {{ $t('components.channels.AlbumForm.label.albumTitle') }}\n      </label>\n      <input\n        v-model=\"title\"\n        type=\"text\"\n      >\n    </div>\n  </form>\n</template>\n","<script setup lang=\"ts\">\nimport type { Channel } from '~/types'\nimport SemanticModal from '~/components/semantic/Modal.vue'\nimport ChannelAlbumForm from '~/components/channels/AlbumForm.vue'\nimport { watch, ref } from 'vue'\n\ninterface Events {\n  (e: 'created'): void\n}\n\ninterface Props {\n  channel: Channel\n}\n\nconst emit = defineEmits([\"created\"])\ndefineProps({\n  channel: null\n})\n\nconst isLoading = ref(false)\nconst submittable = ref(false)\nconst show = ref(false)\n\nwatch(show, () => {\n  isLoading.value = false\n  submittable.value = false\n})\n\nconst albumForm = ref()\ndefineExpose({\n  show\n})\n</script>\n\n<template>\n  <semantic-modal\n    v-model:show=\"show\"\n    class=\"small\"\n  >\n    <h4 class=\"header\">\n      <span v-if=\"channel.content_category === 'podcast'\">\n        {{ $t('components.channels.AlbumModal.header.newSeries') }}\n      </span>\n      <span v-else>\n        {{ $t('components.channels.AlbumModal.header.newAlbum') }}\n      </span>\n    </h4>\n    <div class=\"scrolling content\">\n      <channel-album-form\n        ref=\"albumForm\"\n        :channel=\"channel\"\n        @loading=\"isLoading = $event\"\n        @submittable=\"submittable = $event\"\n        @created=\"emit('created')\"\n      />\n    </div>\n    <div class=\"actions\">\n      <button class=\"ui basic cancel button\">\n        {{ $t('components.channels.AlbumModal.button.cancel') }}\n      </button>\n      <button\n        :class=\"['ui', 'primary', {loading: isLoading}, 'button']\"\n        :disabled=\"!submittable\"\n        @click.stop.prevent=\"albumForm.submit()\"\n      >\n        {{ $t('components.channels.AlbumModal.button.create') }}\n      </button>\n    </div>\n  </semantic-modal>\n</template>\n","<script setup lang=\"ts\">\nimport type { Channel, Upload } from '~/types'\n\nimport { computed, ref, reactive, watch } from 'vue'\nimport { whenever } from '@vueuse/core'\nimport { useStore } from '~/store'\n\nimport axios from 'axios'\n\nimport ChannelEntries from '~/components/audio/ChannelEntries.vue'\nimport ChannelSeries from '~/components/audio/ChannelSeries.vue'\nimport AlbumModal from '~/components/channels/AlbumModal.vue'\n\nimport useWebSocketHandler from '~/composables/useWebSocketHandler'\n\ninterface Props {\n  object: Channel\n}\n\nconst props = defineProps({\n  object: null\n})\n\nconst store = useStore()\n\nconst isPodcast = computed(() => props.object.artist?.content_category === 'podcast')\nconst isOwner = computed(() => store.state.auth.authenticated && props.object.attributed_to.full_username === store.state.auth.fullUsername)\n\nconst seriesFilters = computed(() => ({\n  artist: props.object.artist?.id,\n  ordering: '-creation_date',\n  playable: isOwner.value\n    ? undefined\n    : true\n}))\n\nconst pendingUploads = reactive([] as Upload[])\nconst processedUploads = computed(() => pendingUploads.filter(upload => upload.import_status !== 'pending'))\nconst finishedUploads = computed(() => pendingUploads.filter(upload => upload.import_status === 'finished'))\nconst erroredUploads = computed(() => pendingUploads.filter(upload => upload.import_status === 'errored'))\nconst skippedUploads = computed(() => pendingUploads.filter(upload => upload.import_status === 'skipped'))\n\nconst pendingUploadsById = computed(() => pendingUploads.reduce((acc, upload) => {\n  acc[upload.uuid] = upload\n  return acc\n}, {} as Record<string, Upload>))\n\nconst isOver = computed(() => pendingUploads.length === processedUploads.value.length)\nconst isSuccessfull = computed(() => pendingUploads.length === finishedUploads.value.length)\n\nwatch(() => store.state.channels.latestPublication, (value) => {\n  if (value?.channel.uuid === props.object.uuid && value.uploads.length > 0) {\n    pendingUploads.push(...value.uploads)\n  }\n})\n\nconst episodesKey = ref(new Date())\nconst seriesKey = ref(new Date())\nwhenever(isOver, () => {\n  episodesKey.value = new Date()\n  seriesKey.value = new Date()\n})\n\nconst fetchPendingUploads = async () => {\n  try {\n    const response = await axios.get('uploads/', {\n      params: { channel: props.object.uuid, import_status: ['pending', 'skipped', 'errored'], include_channels: 'true' },\n      paramsSerializer: {\n        indexes: null\n      }\n    })\n\n    pendingUploads.length = 0\n    pendingUploads.push(...response.data.results)\n  } catch (error) {\n\n  }\n}\n\nif (isOwner.value) {\n  fetchPendingUploads()\n    .then(() => {\n      useWebSocketHandler('import.status_updated', (event) => {\n        if (!pendingUploadsById.value[event.upload.uuid]) return\n        Object.assign(pendingUploadsById.value[event.upload.uuid], event.upload)\n      })\n    })\n}\n\nconst albumModal = ref()\n</script>\n\n<template>\n  <section>\n    <div\n      v-if=\"pendingUploads.length > 0\"\n      class=\"ui info message\"\n    >\n      <template v-if=\"isSuccessfull\">\n        <i\n          role=\"button\"\n          class=\"close icon\"\n          @click=\"pendingUploads.length = 0\"\n        />\n        <h3 class=\"ui header\">\n          {{ $t('views.channels.DetailOverview.header.uploadsSuccess') }}\n        </h3>\n        <p>\n          {{ $t('views.channels.DetailOverview.meta.progress', {finished: processedUploads.length, total: pendingUploads.length}) }}\n        </p>\n      </template>\n      <template v-else-if=\"isOver\">\n        <h3 class=\"ui header\">\n          {{ $t('views.channels.DetailOverview.header.uploadsFailure') }}\n        </h3>\n        <div class=\"ui hidden divider\" />\n        <router-link\n          v-if=\"skippedUploads.length > 0\"\n          class=\"ui basic button\"\n          :to=\"{name: 'content.libraries.files', query: {q: 'status:skipped'}}\"\n        >\n          {{ $t('views.channels.DetailOverview.link.skippedUploads') }}\n        </router-link>\n        <router-link\n          v-if=\"erroredUploads.length > 0\"\n          class=\"ui basic button\"\n          :to=\"{name: 'content.libraries.files', query: {q: 'status:errored'}}\"\n        >\n          {{ $t('views.channels.DetailOverview.link.erroredUploads') }}\n        </router-link>\n      </template>\n      <template v-else>\n        <div class=\"ui inline right floated active loader\" />\n        <h3 class=\"ui header\">\n          {{ $t('views.channels.DetailOverview.header.uploadsProcessing') }}\n        </h3>\n        <p>\n          {{ $t('views.channels.DetailOverview.message.processing') }}\n        </p>\n        <p>\n          {{ $t('views.channels.DetailOverview.meta.progress', {finished: processedUploads.length, total: pendingUploads.length}) }}\n        </p>\n      </template>\n    </div>\n    <div v-if=\"$store.getters['ui/layoutVersion'] === 'small'\">\n      <rendered-description\n        :content=\"object.artist?.description\"\n        :update-url=\"`channels/${object.uuid}/`\"\n        :can-update=\"false\"\n      />\n      <div class=\"ui hidden divider\" />\n    </div>\n    <channel-entries\n      :key=\"String(episodesKey) + 'entries'\"\n      :is-podcast=\"isPodcast\"\n      :default-cover=\"object.artist?.cover\"\n      :limit=\"25\"\n      :filters=\"{channel: object.uuid, ordering: '-creation_date', page_size: '25'}\"\n    >\n      <h2 class=\"ui header\">\n        <span\n          v-if=\"isPodcast\"\n        >\n          {{ $t('views.channels.DetailOverview.header.latestEpisodes') }}\n        </span>\n        <span\n          v-else\n        >\n          {{ $t('views.channels.DetailOverview.header.latestTracks') }}\n        </span>\n      </h2>\n    </channel-entries>\n    <div class=\"ui hidden divider\" />\n    <channel-series\n      :key=\"String(seriesKey) + 'series'\"\n      :filters=\"seriesFilters\"\n      :is-podcast=\"isPodcast\"\n    >\n      <h2 class=\"ui with-actions header\">\n        <span\n          v-if=\"isPodcast\"\n        >\n          {{ $t('views.channels.DetailOverview.header.series') }}\n        </span>\n        <span\n          v-else\n        >\n          {{ $t('views.channels.DetailOverview.header.albums') }}\n        </span>\n        <div\n          v-if=\"isOwner\"\n          class=\"actions\"\n        >\n          <a @click.stop.prevent=\"albumModal.show = true\">\n            <i class=\"plus icon\" />\n            {{ $t('views.channels.DetailOverview.link.addAlbum') }}\n          </a>\n        </div>\n      </h2>\n    </channel-series>\n    <album-modal\n      v-if=\"isOwner\"\n      ref=\"albumModal\"\n      :channel=\"object\"\n      @created=\"albumModal.show = false; seriesKey = new Date()\"\n    />\n  </section>\n</template>\n"],"names":["props","__props","cover","computed","_a","isLoading","ref","errors","albums","reactive","nextPage","count","fetchData","url","params","clone","response","axios","error","emit","__emit","title","submit","submittable","watch","value","__expose","show","albumForm","store","useStore","isPodcast","isOwner","seriesFilters","pendingUploads","processedUploads","upload","finishedUploads","erroredUploads","skippedUploads","pendingUploadsById","acc","isOver","isSuccessfull","episodesKey","seriesKey","whenever","fetchPendingUploads","useWebSocketHandler","event","albumModal"],"mappings":"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"}