{"version":3,"file":"Card.vue_vue_type_script_setup_true_lang-627a9298.js","sources":["../../src/views/content/remote/Card.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { Library } from '~/types'\n\nimport { useTimeoutFn } from '@vueuse/core'\nimport { computed, ref, watch } from 'vue'\nimport { useI18n } from 'vue-i18n'\nimport { useStore } from '~/store'\n\nimport axios from 'axios'\n\nimport RadioButton from '~/components/radios/Button.vue'\n\nimport useErrorHandler from '~/composables/useErrorHandler'\nimport useReport from '~/composables/moderation/useReport'\nimport useLogger from '~/composables/useLogger'\n\ninterface Emits {\n  (e: 'followed'): void\n}\n\ninterface Props {\n  initialLibrary: Library\n  displayFollow?: boolean\n  displayScan?: boolean\n  displayCopyFid?: boolean\n}\n\nconst emit = defineEmits([\"followed\"])\nconst props = defineProps({\n  initialLibrary: null,\n  displayFollow: { type: Boolean, default: true },\n  displayScan: { type: Boolean, default: true },\n  displayCopyFid: { type: Boolean, default: true }\n})\n\nconst logger = useLogger()\n\nconst { report, getReportableObjects } = useReport()\nconst store = useStore()\n\nconst library = ref(props.initialLibrary)\nconst isLoadingFollow = ref(false)\nconst showScan = ref(false)\nconst latestScan = ref(props.initialLibrary.latest_scan)\n\nconst scanProgress = computed(() => Math.min(latestScan.value.processed_files * 100 / latestScan.value.total_files, 100))\nconst scanStatus = computed(() => latestScan.value?.status ?? 'unknown')\nconst canLaunchScan = computed(() => scanStatus.value !== 'pending' && scanStatus.value !== 'scanning')\nconst radioPlayable = computed(() => (\n  (library.value.actor.is_local || scanStatus.value === 'finished')\n  && (library.value.privacy_level === 'everyone' || library.value.follow?.approved)\n))\n\nconst { t } = useI18n()\nconst labels = computed(() => ({\n  tooltips: {\n    me: t('views.content.remote.Card.tooltip.private'),\n    everyone: t('views.content.remote.Card.tooltip.public')\n  }\n}))\n\nconst launchScan = async () => {\n  try {\n    const response = await axios.post(`federation/libraries/${library.value.uuid}/scan/`)\n    if (response.data.status !== 'skipped') {\n      latestScan.value = response.data.scan\n    }\n\n    store.commit('ui/addMessage', {\n      date: new Date(),\n      content: response.data.status === 'skipped'\n        ? t('views.content.remote.Card.message.scanSkipped')\n        : t('views.content.remote.Card.message.scanLaunched')\n    })\n  } catch (error) {\n    useErrorHandler(error as Error)\n  }\n}\n\nconst follow = async () => {\n  isLoadingFollow.value = true\n  try {\n    const response = await axios.post('federation/follows/library/', { target: library.value.uuid })\n    library.value.follow = response.data\n    emit('followed')\n  } catch (error) {\n    logger.error(error)\n    store.commit('ui/addMessage', {\n      content: t('views.content.remote.Card.error.follow', { error }),\n      date: new Date()\n    })\n  }\n\n  isLoadingFollow.value = false\n}\n\nconst unfollow = async () => {\n  isLoadingFollow.value = true\n  try {\n    if (library.value.follow) {\n      await axios.delete(`federation/follows/library/${library.value.follow.uuid}/`)\n      library.value.follow = undefined\n    }\n  } catch (error) {\n    store.commit('ui/addMessage', {\n      content: t('views.content.remote.Card.error.unfollow', { error }),\n      date: new Date()\n    })\n  }\n\n  isLoadingFollow.value = false\n}\n\nconst fetchScanStatus = async () => {\n  try {\n    if (!library.value.follow) {\n      return\n    }\n\n    const response = await axios.get(`federation/follows/library/${library.value.follow.uuid}/`)\n    latestScan.value = response.data.target.latest_scan\n\n    if (scanStatus.value === 'pending' || scanStatus.value === 'scanning') {\n      startFetching()\n    } else {\n      stopFetching()\n    }\n  } catch (error) {\n    useErrorHandler(error as Error)\n  }\n}\n\nconst { start: startFetching, stop: stopFetching } = useTimeoutFn(fetchScanStatus, 5000, { immediate: false })\n\nwatch(showScan, (shouldShow) => {\n  if (shouldShow) {\n    if (scanStatus.value === 'pending' || scanStatus.value === 'scanning') {\n      fetchScanStatus()\n    }\n\n    return\n  }\n\n  stopFetching()\n})\n</script>\n\n<template>\n  <div class=\"ui card\">\n    <div class=\"content\">\n      <h4 class=\"header\">\n        <router-link :to=\"{name: 'library.detail', params: {id: library.uuid}}\">\n          {{ library.name }}\n        </router-link>\n        <div\n          v-dropdown\n          class=\"ui right floated dropdown\"\n        >\n          <i class=\"ellipsis vertical large icon nomargin\" />\n          <div class=\"menu\">\n            <button\n              v-for=\"obj in getReportableObjects({library, account: library.actor})\"\n              :key=\"obj.target.type + obj.target.id\"\n              class=\"item basic\"\n              @click.stop.prevent=\"report(obj)\"\n            >\n              <i class=\"share icon\" /> {{ obj.label }}\n            </button>\n          </div>\n        </div>\n        <span\n          v-if=\"library.privacy_level === 'me'\"\n          class=\"right floated\"\n          :data-tooltip=\"labels.tooltips.me\"\n        >\n          <i class=\"small lock icon\" />\n        </span>\n        <span\n          v-else-if=\"library.privacy_level === 'everyone'\"\n          class=\"right floated\"\n          :data-tooltip=\"labels.tooltips.everyone\"\n        >\n          <i class=\"small globe icon\" />\n        </span>\n      </h4>\n      <div class=\"meta\">\n        <span>\n          <i class=\"small outline clock icon\" />\n          <human-date :date=\"library.creation_date\" />\n        </span>\n      </div>\n      <div class=\"description\">\n        {{ library.description }}\n        <div class=\"ui hidden divider\" />\n      </div>\n      <div class=\"meta\">\n        <i class=\"music icon\" />\n        {{ $t('views.content.remote.Card.meta.tracks', library.uploads_count) }}\n      </div>\n      <div\n        v-if=\"displayScan && latestScan\"\n        class=\"meta\"\n      >\n        <template v-if=\"latestScan.status === 'pending'\">\n          <i class=\"hourglass icon\" />\n          {{ $t('views.content.remote.Card.label.scanPending') }}\n        </template>\n        <template v-if=\"latestScan.status === 'scanning'\">\n          <i class=\"loading spinner icon\" />\n          {{ $t('views.content.remote.Card.label.scanProgress', {progress: scanProgress}) }}\n        </template>\n        <template v-else-if=\"latestScan.status === 'errored'\">\n          <i class=\"dangerdownload icon\" />\n          {{ $t('views.content.remote.Card.label.scanFailure') }}\n        </template>\n        <template v-else-if=\"latestScan.status === 'finished' && latestScan.errored_files === 0\">\n          <i class=\"success download icon\" />\n          {{ $t('views.content.remote.Card.label.scanSuccess') }}\n        </template>\n        <template v-else-if=\"latestScan.status === 'finished' && latestScan.errored_files > 0\">\n          <i class=\"warning download icon\" />\n          {{ $t('views.content.remote.Card.label.scanPartialSuccess') }}\n        </template>\n        <a\n          href=\"\"\n          class=\"link right floated\"\n          @click.prevent=\"showScan = !showScan\"\n        >\n          {{ $t('views.content.remote.Card.link.scanDetails') }}\n          <i\n            v-if=\"showScan\"\n            class=\"angle down icon\"\n          />\n          <i\n            v-else\n            class=\"angle right icon\"\n          />\n        </a>\n        <div v-if=\"showScan\">\n          <template v-if=\"latestScan.modification_date\">\n            {{ $t('views.content.remote.Card.meta.lastUpdate') }}<human-date :date=\"latestScan.modification_date\" /><br>\n          </template>\n          {{ $t('views.content.remote.Card.meta.failedTracks', {tracks: latestScan.errored_files}) }}\n        </div>\n      </div>\n      <div\n        v-if=\"displayScan && canLaunchScan\"\n        class=\"clearfix\"\n      >\n        <a\n          href=\"\"\n          class=\"right floated link\"\n          @click.prevent=\"launchScan\"\n        >\n          {{ $t('views.content.remote.Card.link.scan') }}<i class=\"paper plane icon\" />\n        </a>\n      </div>\n    </div>\n    <div class=\"extra content\">\n      <actor-link\n        style=\"color: var(--link-color)\"\n        :actor=\"library.actor\"\n      />\n    </div>\n    <div\n      v-if=\"displayCopyFid\"\n      class=\"extra content\"\n    >\n      <div class=\"ui form\">\n        <div class=\"field\">\n          <label :for=\"library.fid\">{{ $t('views.content.remote.Card.label.sharingLink') }}</label>\n          <copy-input\n            :id=\"library.fid\"\n            :button-classes=\"'basic'\"\n            :value=\"library.fid\"\n          />\n        </div>\n      </div>\n    </div>\n    <div\n      v-if=\"displayFollow || radioPlayable\"\n      :class=\"['ui', {two: displayFollow && radioPlayable}, 'bottom', 'attached', 'buttons']\"\n    >\n      <radio-button\n        v-if=\"radioPlayable\"\n        :type=\"'library'\"\n        :object-id=\"library.uuid\"\n      />\n      <template v-if=\"displayFollow\">\n        <button\n          v-if=\"!library.follow\"\n          :class=\"['ui', 'success', {'loading': isLoadingFollow}, 'button']\"\n          @click=\"follow()\"\n        >\n          {{ $t('views.content.remote.Card.button.follow') }}\n        </button>\n        <template v-else-if=\"!library.follow.approved\">\n          <button\n            class=\"ui disabled button\"\n          >\n            <i class=\"hourglass icon\" />\n            {{ $t('views.content.remote.Card.button.pending') }}\n          </button>\n          <button\n            class=\"ui button\"\n            @click=\"unfollow\"\n          >\n            {{ $t('views.content.remote.Card.button.cancel') }}\n          </button>\n        </template>\n        <template v-else-if=\"library.follow.approved\">\n          <dangerous-button\n            :class=\"['ui', 'button']\"\n            :action=\"unfollow\"\n          >\n            {{ $t('views.content.remote.Card.button.unfollow') }}\n            <template #modal-header>\n              <p>\n                {{ $t('views.content.remote.Card.modal.unfollow.header') }}\n              </p>\n            </template>\n            <template #modal-content>\n              <div>\n                <p>\n                  {{ $t('views.content.remote.Card.modal.unfollow.content.warning') }}\n                </p>\n              </div>\n            </template>\n            <template #modal-confirm>\n              <div>\n                {{ $t('views.content.remote.Card.button.unfollow') }}\n              </div>\n            </template>\n          </dangerous-button>\n        </template>\n      </template>\n    </div>\n  </div>\n</template>\n"],"names":["emit","__emit","props","__props","logger","useLogger","report","getReportableObjects","useReport","store","useStore","library","ref","isLoadingFollow","showScan","latestScan","scanProgress","computed","scanStatus","_a","canLaunchScan","radioPlayable","t","useI18n","labels","launchScan","response","axios","error","useErrorHandler","follow","unfollow","fetchScanStatus","startFetching","stopFetching","useTimeoutFn","watch","shouldShow"],"mappings":"szDA2BA,MAAMA,EAAOC,EACPC,EAAQC,EAORC,EAASC,KAET,CAAE,OAAAC,EAAQ,qBAAAC,CAAqB,EAAIC,GAAU,EAC7CC,EAAQC,KAERC,EAAUC,EAAIV,EAAM,cAAc,EAClCW,EAAkBD,EAAI,EAAK,EAC3BE,EAAWF,EAAI,EAAK,EACpBG,EAAaH,EAAIV,EAAM,eAAe,WAAW,EAEjDc,EAAeC,EAAS,IAAM,KAAK,IAAIF,EAAW,MAAM,gBAAkB,IAAMA,EAAW,MAAM,YAAa,GAAG,CAAC,EAClHG,EAAaD,EAAS,IAAM,OAAA,QAAAE,EAAAJ,EAAW,QAAX,YAAAI,EAAkB,SAAU,UAAS,EACjEC,EAAgBH,EAAS,IAAMC,EAAW,QAAU,WAAaA,EAAW,QAAU,UAAU,EAChGG,EAAgBJ,EAAS,WAC5B,OAAAN,EAAQ,MAAM,MAAM,UAAYO,EAAW,QAAU,cAClDP,EAAQ,MAAM,gBAAkB,cAAcQ,EAAAR,EAAQ,MAAM,SAAd,YAAAQ,EAAsB,WACzE,EAEK,CAAE,EAAAG,GAAMC,KACRC,EAASP,EAAS,KAAO,CAC7B,SAAU,CACR,GAAIK,EAAE,2CAA2C,EACjD,SAAUA,EAAE,0CAA0C,CACxD,CACA,EAAA,EAEIG,EAAa,SAAY,CACzB,GAAA,CACF,MAAMC,EAAW,MAAMC,EAAM,KAAK,wBAAwBhB,EAAQ,MAAM,YAAY,EAChFe,EAAS,KAAK,SAAW,YAChBX,EAAA,MAAQW,EAAS,KAAK,MAGnCjB,EAAM,OAAO,gBAAiB,CAC5B,SAAU,KACV,QAASiB,EAAS,KAAK,SAAW,UAC9BJ,EAAE,+CAA+C,EACjDA,EAAE,gDAAgD,CAAA,CACvD,QACMM,GACPC,EAAgBD,CAAc,CAChC,CAAA,EAGIE,EAAS,SAAY,CACzBjB,EAAgB,MAAQ,GACpB,GAAA,CACI,MAAAa,EAAW,MAAMC,EAAM,KAAK,8BAA+B,CAAE,OAAQhB,EAAQ,MAAM,IAAA,CAAM,EACvFA,EAAA,MAAM,OAASe,EAAS,KAChC1B,EAAK,UAAU,QACR4B,GACPxB,EAAO,MAAMwB,CAAK,EAClBnB,EAAM,OAAO,gBAAiB,CAC5B,QAASa,EAAE,yCAA0C,CAAE,MAAAM,EAAO,EAC9D,SAAU,IAAK,CAChB,CACH,CAEAf,EAAgB,MAAQ,EAAA,EAGpBkB,EAAW,SAAY,CAC3BlB,EAAgB,MAAQ,GACpB,GAAA,CACEF,EAAQ,MAAM,SAChB,MAAMgB,EAAM,OAAO,8BAA8BhB,EAAQ,MAAM,OAAO,OAAO,EAC7EA,EAAQ,MAAM,OAAS,cAElBiB,GACPnB,EAAM,OAAO,gBAAiB,CAC5B,QAASa,EAAE,2CAA4C,CAAE,MAAAM,EAAO,EAChE,SAAU,IAAK,CAChB,CACH,CAEAf,EAAgB,MAAQ,EAAA,EAGpBmB,EAAkB,SAAY,CAC9B,GAAA,CACE,GAAA,CAACrB,EAAQ,MAAM,OACjB,OAGI,MAAAe,EAAW,MAAMC,EAAM,IAAI,8BAA8BhB,EAAQ,MAAM,OAAO,OAAO,EAChFI,EAAA,MAAQW,EAAS,KAAK,OAAO,YAEpCR,EAAW,QAAU,WAAaA,EAAW,QAAU,WAC3Ce,IAEDC,UAERN,GACPC,EAAgBD,CAAc,CAChC,CAAA,EAGI,CAAE,MAAOK,EAAe,KAAMC,CAAa,EAAIC,GAAaH,EAAiB,IAAM,CAAE,UAAW,EAAO,CAAA,EAEvG,OAAAI,EAAAtB,EAAWuB,GAAe,CAC9B,GAAIA,EAAY,EACVnB,EAAW,QAAU,WAAaA,EAAW,QAAU,aACzCc,IAGlB,OAGWE,GAAA,CACd"}