npm - @anzusystems/common-admin - Versions diffs - 2.0.0-rc.4 → 2.0.0-rc.6 - Mend

@anzusystems/common-admin 2.0.0-rc.4 → 2.0.0-rc.6

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

Files changed (680) hide show

package/dist/domains/dam/uploadQueue/components/AssetQueueSelectedSidebar.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AssetQueueSelectedSidebar.js","names":["_sfc_main","AssetQueueSelectedSidebar_vue_vue_type_script_setup_true_lang_default","AssetQueueSelectedSidebar_default"],"sources":["../../../../../src/domains/dam/uploadQueue/components/AssetQueueSelectedSidebar.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, onMounted, ref } from 'vue'\nimport { useI18n } from 'vue-i18n'\nimport { DamAssetType, type DamAssetTypeType } from '@/domains/dam/types/Asset'\nimport ASystemEntityScope from '@/domains/form/components/ASystemEntityScope.vue'\nimport AssetCustomMetadataFormMassOperations from '@/domains/dam/uploadQueue/components/AssetCustomMetadataFormMassOperations.vue'\nimport AuthorRemoteAutocompleteWithCached from '@/domains/dam/author/components/AuthorRemoteAutocompleteWithCached.vue'\nimport KeywordRemoteAutocompleteWithCached from '@/domains/dam/keyword/components/KeywordRemoteAutocompleteWithCached.vue'\nimport type { IntegerId } from '@/shared/types/common'\nimport type { CustomDataValue } from '@/domains/customDataForm/types/CustomDataForm'\nimport { useDamConfigState } from '@/domains/dam/config/composables/damConfigState'\nimport { useDamConfigName } from '@/domains/dam/composables/damConfigName'\nimport type { UploadQueueKey } from '@/domains/dam/types/UploadQueue'\nimport {\n type UploadQueueMassOperationsBinding,\n useLibraryUploadQueueMassOperationsBinding,\n} from '@/domains/dam/uploadQueue/components/uploadQueueBindings'\n\nconst props = withDefaults(\n defineProps<{\n queueKey: UploadQueueKey\n extSystem: IntegerId\n /** What the mass operations ask of their host; without it the library's store. /\n operations?: UploadQueueMassOperationsBinding\n /* The DAM configuration whose rules the operations follow; inherited when not given. */\n configName?: string\n }>(),\n {\n operations: undefined,\n configName: undefined,\n }\n)\n\nconst massOperationsData = ref<Record<'image' \| 'video' \| 'audio' \| 'document', Record<string, CustomDataValue>>>({\n image: {},\n video: {},\n audio: {},\n document: {},\n})\nconst massOperationsKeywords = ref([])\nconst massOperationsAuthors = ref([])\n\nconst { t } = useI18n()\n\n// The two icon buttons beside a field, named for who cannot see them: what each does, and to which field.\nconst fillEmptyName = (field: string) => t('common.damImage.asset.massOperations.fillOneEmptyField', { field })\nconst replaceName = (field: string) => t('common.damImage.asset.massOperations.replaceOneField', { field })\n\nconst panels = ref<Array<string>>(['general'])\n\n// Created only when the host binds none.\nconst operations = props.operations ?? useLibraryUploadQueueMassOperationsBinding(() => props.queueKey)\n\nconst fillEmptyField = (data: { assetType: DamAssetTypeType; elementProperty: string; value: any }) => {\n operations.fillCustomDataValue(data)\n}\nconst replaceField = (data: { assetType: DamAssetTypeType; elementProperty: string; value: any }) => {\n operations.fillCustomDataValue(data, true)\n}\nconst fillEmptyKeywords = () => {\n operations.fillKeywords(massOperationsKeywords.value)\n}\nconst replaceKeywords = () => {\n operations.fillKeywords(massOperationsKeywords.value, true)\n}\nconst fillEmptyAuthors = () => {\n operations.fillAuthors(massOperationsAuthors.value)\n}\nconst replaceAuthors = () => {\n operations.fillAuthors(massOperationsAuthors.value, true)\n}\nconst fillAll = (forceReplace = false) => {\n for (const [elementProperty, value] of Object.entries(massOperationsData.value.image)) {\n operations.fillCustomDataValue(\n {\n assetType: DamAssetType.Image,\n elementProperty,\n value,\n },\n forceReplace\n )\n }\n for (const [elementProperty, value] of Object.entries(massOperationsData.value.video)) {\n operations.fillCustomDataValue(\n {\n assetType: DamAssetType.Video,\n elementProperty,\n value,\n },\n forceReplace\n )\n }\n for (const [elementProperty, value] of Object.entries(massOperationsData.value.audio)) {\n operations.fillCustomDataValue(\n {\n assetType: DamAssetType.Audio,\n elementProperty,\n value,\n },\n forceReplace\n )\n }\n for (const [elementProperty, value] of Object.entries(massOperationsData.value.document)) {\n operations.fillCustomDataValue(\n {\n assetType: DamAssetType.Document,\n elementProperty,\n value,\n },\n forceReplace\n )\n }\n if (authorEnabled.value) {\n forceReplace ? replaceAuthors() : fillEmptyAuthors()\n }\n if (keywordEnabled.value) {\n forceReplace ? replaceKeywords() : fillEmptyKeywords()\n }\n}\nconst clearForm = () => {\n massOperationsData.value = { image: {}, video: {}, audio: {}, document: {} }\n massOperationsAuthors.value = []\n massOperationsKeywords.value = []\n}\n\nconst assetTypes = computed(() => {\n return operations.assetTypes()\n})\n\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst { getDamConfigExtSystem } = useDamConfigState(undefined, useDamConfigName(props.configName))\n\nconst keywordEnabled = computed(() => {\n const config = getDamConfigExtSystem(props.extSystem)\n if (!config) return false\n return assetTypes.value.some((type) => !!config[type]?.keywords?.enabled)\n})\n\nconst authorEnabled = computed(() => {\n const config = getDamConfigExtSystem(props.extSystem)\n if (!config) return false\n return assetTypes.value.some((type) => !!config[type]?.authors?.enabled)\n})\n\nonMounted(() => {\n if (assetTypes.value[0]) {\n panels.value.push(assetTypes.value[0])\n }\n})\n</script>\n\n<template>\n <div class=\"sidebar-info d-flex w-100 h-100 flex-column\">\n <div class=\"w-100 d-flex flex-column\">\n <VTabs class=\"sidebar-info__tabs\">\n <VTab>{{ t('common.damImage.asset.massOperations.title') }}</VTab>\n </VTabs>\n <div class=\"sidebar-info__content\">\n <div class=\"text-body-small pa-3\">\n {{ t('common.damImage.asset.massOperations.description') }}\n </div>\n <VExpansionPanels\n v-model=\"panels\"\n multiple\n class=\"v-expansion-panels--compact\"\n >\n <VExpansionPanel\n v-if=\"keywordEnabled \|\| authorEnabled\"\n elevation=\"0\"\n :title=\"t('common.damImage.asset.massOperations.general')\"\n value=\"general\"\n >\n <VExpansionPanelText>\n <VRow\n v-if=\"keywordEnabled\"\n density=\"compact\"\n class=\"my-2\"\n >\n <VCol>\n <ASystemEntityScope\n subject=\"keyword\"\n system=\"dam\"\n >\n <div class=\"d-flex\">\n <div style=\"min-width: 286px\">\n <KeywordRemoteAutocompleteWithCached\n v-model=\"massOperationsKeywords\"\n :label=\"t('common.damImage.asset.model.keywords')\"\n clearable\n :ext-system=\"extSystem\"\n multiple\n :validation-scope=\"false\"\n />\n </div>\n <VBtn\n :aria-label=\"fillEmptyName(t('common.damImage.asset.model.keywords'))\"\n icon\n size=\"small\"\n variant=\"text\"\n class=\"mr-1\"\n @click.stop=\"fillEmptyKeywords\"\n >\n <VIcon icon=\"mdi-file-arrow-left-right-outline\" />\n <VTooltip\n activator=\"parent\"\n location=\"bottom\"\n >\n {{ t('common.damImage.asset.massOperations.fillOneEmpty') }}\n </VTooltip>\n </VBtn>\n <VBtn\n :aria-label=\"replaceName(t('common.damImage.asset.model.keywords'))\"\n icon\n size=\"small\"\n variant=\"text\"\n @click.stop=\"replaceKeywords\"\n >\n <VIcon icon=\"mdi-file-replace-outline\" />\n <VTooltip\n activator=\"parent\"\n location=\"bottom\"\n >\n {{ t('common.damImage.asset.massOperations.replaceOne') }}\n </VTooltip>\n </VBtn>\n </div>\n </ASystemEntityScope>\n </VCol>\n </VRow>\n <VRow\n v-if=\"authorEnabled\"\n density=\"compact\"\n class=\"my-2\"\n >\n <VCol>\n <ASystemEntityScope\n subject=\"author\"\n system=\"dam\"\n >\n <div class=\"d-flex\">\n <div style=\"min-width: 286px\">\n <AuthorRemoteAutocompleteWithCached\n v-model=\"massOperationsAuthors\"\n :label=\"t('common.damImage.asset.model.authors')\"\n :ext-system=\"extSystem\"\n clearable\n multiple\n :validation-scope=\"false\"\n />\n </div>\n <VBtn\n :aria-label=\"fillEmptyName(t('common.damImage.asset.model.authors'))\"\n icon\n size=\"small\"\n variant=\"text\"\n class=\"mr-1\"\n @click.stop=\"fillEmptyAuthors\"\n >\n <VIcon icon=\"mdi-file-arrow-left-right-outline\" />\n <VTooltip\n activator=\"parent\"\n location=\"bottom\"\n >\n {{ t('common.damImage.asset.massOperations.fillOneEmpty') }}\n </VTooltip>\n </VBtn>\n <VBtn\n :aria-label=\"replaceName(t('common.damImage.asset.model.authors'))\"\n icon\n size=\"small\"\n variant=\"text\"\n @click.stop=\"replaceAuthors\"\n >\n <VIcon icon=\"mdi-file-replace-outline\" />\n <VTooltip\n activator=\"parent\"\n location=\"bottom\"\n >\n {{ t('common.damImage.asset.massOperations.replaceOne') }}\n </VTooltip>\n </VBtn>\n </div>\n </ASystemEntityScope>\n </VCol>\n </VRow>\n </VExpansionPanelText>\n </VExpansionPanel>\n <VExpansionPanel\n v-if=\"assetTypes.includes(DamAssetType.Image)\"\n elevation=\"0\"\n :title=\"t('common.damImage.asset.assetType.image')\"\n :value=\"DamAssetType.Image\"\n >\n <VExpansionPanelText>\n <AssetCustomMetadataFormMassOperations\n v-model=\"massOperationsData.image\"\n :asset-type=\"DamAssetType.Image\"\n :ext-system=\"extSystem\"\n @fill-empty-field=\"fillEmptyField\"\n @replace-field=\"replaceField\"\n />\n </VExpansionPanelText>\n </VExpansionPanel>\n <VExpansionPanel\n v-if=\"assetTypes.includes(DamAssetType.Video)\"\n elevation=\"0\"\n :title=\"t('common.damImage.asset.assetType.video')\"\n :value=\"DamAssetType.Video\"\n >\n <VExpansionPanelText>\n <AssetCustomMetadataFormMassOperations\n v-model=\"massOperationsData.video\"\n :asset-type=\"DamAssetType.Video\"\n :ext-system=\"extSystem\"\n @fill-empty-field=\"fillEmptyField\"\n @replace-field=\"replaceField\"\n />\n </VExpansionPanelText>\n </VExpansionPanel>\n <VExpansionPanel\n v-if=\"assetTypes.includes(DamAssetType.Audio)\"\n elevation=\"0\"\n :title=\"t('common.damImage.asset.assetType.audio')\"\n :value=\"DamAssetType.Audio\"\n >\n <VExpansionPanelText>\n <AssetCustomMetadataFormMassOperations\n v-model=\"massOperationsData.audio\"\n :asset-type=\"DamAssetType.Audio\"\n :ext-system=\"extSystem\"\n @fill-empty-field=\"fillEmptyField\"\n @replace-field=\"replaceField\"\n />\n </VExpansionPanelText>\n </VExpansionPanel>\n <VExpansionPanel\n v-if=\"assetTypes.includes(DamAssetType.Document)\"\n elevation=\"0\"\n :title=\"t('common.damImage.asset.assetType.document')\"\n :value=\"DamAssetType.Document\"\n >\n <VExpansionPanelText>\n <AssetCustomMetadataFormMassOperations\n v-model=\"massOperationsData.document\"\n :asset-type=\"DamAssetType.Document\"\n :ext-system=\"extSystem\"\n @fill-empty-field=\"fillEmptyField\"\n @replace-field=\"replaceField\"\n />\n </VExpansionPanelText>\n </VExpansionPanel>\n </VExpansionPanels>\n </div>\n <div class=\"sidebar-info__actions pa-2 d-flex align-center justify-center\">\n <VBtn\n class=\"mr-2\"\n variant=\"text\"\n size=\"small\"\n @click.stop=\"fillAll(false)\"\n >\n {{ t('common.damImage.asset.massOperations.fillAllEmpty') }}\n </VBtn>\n <VBtn\n class=\"mr-2\"\n variant=\"text\"\n size=\"small\"\n @click.stop=\"fillAll(true)\"\n >\n {{ t('common.damImage.asset.massOperations.replaceAll') }}\n </VBtn>\n <VBtn\n variant=\"text\"\n size=\"small\"\n @click.stop=\"clearForm\"\n >\n {{ t('common.damImage.asset.massOperations.clearForm') }}\n </VBtn>\n </div>\n </div>\n </div>\n</template>\n"],"mappings":""}
1	+ {"version":3,"file":"AssetQueueSelectedSidebar.js","names":["_sfc_main","AssetQueueSelectedSidebar_vue_vue_type_script_setup_true_lang_default","AssetQueueSelectedSidebar_default"],"sources":["../../../../../src/domains/dam/uploadQueue/components/AssetQueueSelectedSidebar.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, onMounted, ref } from 'vue'\nimport { useI18n } from 'vue-i18n'\nimport { DamAssetType, type DamAssetTypeType } from '@/domains/dam/types/Asset'\nimport ASystemEntityScope from '@/domains/form/components/ASystemEntityScope.vue'\nimport AssetCustomMetadataFormMassOperations from '@/domains/dam/uploadQueue/components/AssetCustomMetadataFormMassOperations.vue'\nimport AuthorRemoteAutocompleteWithCached from '@/domains/dam/author/components/AuthorRemoteAutocompleteWithCached.vue'\nimport KeywordRemoteAutocompleteWithCached from '@/domains/dam/keyword/components/KeywordRemoteAutocompleteWithCached.vue'\nimport type { IntegerId } from '@/shared/types/common'\nimport type { CustomDataValue } from '@/domains/customDataForm/types/CustomDataForm'\nimport { useDamConfigState } from '@/domains/dam/config/composables/damConfigState'\nimport { useDamConfigName } from '@/domains/dam/composables/damConfigName'\nimport type { UploadQueueKey } from '@/domains/dam/types/UploadQueue'\nimport {\n type UploadQueueMassOperationsBinding,\n useLibraryUploadQueueMassOperationsBinding,\n} from '@/domains/dam/uploadQueue/components/uploadQueueBindings'\n\nconst props = withDefaults(\n defineProps<{\n queueKey: UploadQueueKey\n extSystem: IntegerId\n /** What the mass operations need from their host. Without it they use the library store. /\n operations?: UploadQueueMassOperationsBinding\n /* The DAM configuration whose rules the operations follow. Inherited when not given. */\n configName?: string\n }>(),\n {\n operations: undefined,\n configName: undefined,\n }\n)\n\nconst massOperationsData = ref<Record<'image' \| 'video' \| 'audio' \| 'document', Record<string, CustomDataValue>>>({\n image: {},\n video: {},\n audio: {},\n document: {},\n})\nconst massOperationsKeywords = ref([])\nconst massOperationsAuthors = ref([])\n\nconst { t } = useI18n()\n\n// Accessible names for the two icon buttons beside a field: the action and the field.\nconst fillEmptyName = (field: string) => t('common.damImage.asset.massOperations.fillOneEmptyField', { field })\nconst replaceName = (field: string) => t('common.damImage.asset.massOperations.replaceOneField', { field })\n\nconst panels = ref<Array<string>>(['general'])\n\n// Created only when the host binds none.\nconst operations = props.operations ?? useLibraryUploadQueueMassOperationsBinding(() => props.queueKey)\n\nconst fillEmptyField = (data: { assetType: DamAssetTypeType; elementProperty: string; value: any }) => {\n operations.fillCustomDataValue(data)\n}\nconst replaceField = (data: { assetType: DamAssetTypeType; elementProperty: string; value: any }) => {\n operations.fillCustomDataValue(data, true)\n}\nconst fillEmptyKeywords = () => {\n operations.fillKeywords(massOperationsKeywords.value)\n}\nconst replaceKeywords = () => {\n operations.fillKeywords(massOperationsKeywords.value, true)\n}\nconst fillEmptyAuthors = () => {\n operations.fillAuthors(massOperationsAuthors.value)\n}\nconst replaceAuthors = () => {\n operations.fillAuthors(massOperationsAuthors.value, true)\n}\nconst fillAll = (forceReplace = false) => {\n for (const [elementProperty, value] of Object.entries(massOperationsData.value.image)) {\n operations.fillCustomDataValue(\n {\n assetType: DamAssetType.Image,\n elementProperty,\n value,\n },\n forceReplace\n )\n }\n for (const [elementProperty, value] of Object.entries(massOperationsData.value.video)) {\n operations.fillCustomDataValue(\n {\n assetType: DamAssetType.Video,\n elementProperty,\n value,\n },\n forceReplace\n )\n }\n for (const [elementProperty, value] of Object.entries(massOperationsData.value.audio)) {\n operations.fillCustomDataValue(\n {\n assetType: DamAssetType.Audio,\n elementProperty,\n value,\n },\n forceReplace\n )\n }\n for (const [elementProperty, value] of Object.entries(massOperationsData.value.document)) {\n operations.fillCustomDataValue(\n {\n assetType: DamAssetType.Document,\n elementProperty,\n value,\n },\n forceReplace\n )\n }\n if (authorEnabled.value) {\n forceReplace ? replaceAuthors() : fillEmptyAuthors()\n }\n if (keywordEnabled.value) {\n forceReplace ? replaceKeywords() : fillEmptyKeywords()\n }\n}\nconst clearForm = () => {\n massOperationsData.value = { image: {}, video: {}, audio: {}, document: {} }\n massOperationsAuthors.value = []\n massOperationsKeywords.value = []\n}\n\nconst assetTypes = computed(() => {\n return operations.assetTypes()\n})\n\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst { getDamConfigExtSystem } = useDamConfigState(undefined, useDamConfigName(props.configName))\n\nconst keywordEnabled = computed(() => {\n const config = getDamConfigExtSystem(props.extSystem)\n if (!config) return false\n return assetTypes.value.some((type) => !!config[type]?.keywords?.enabled)\n})\n\nconst authorEnabled = computed(() => {\n const config = getDamConfigExtSystem(props.extSystem)\n if (!config) return false\n return assetTypes.value.some((type) => !!config[type]?.authors?.enabled)\n})\n\nonMounted(() => {\n if (assetTypes.value[0]) {\n panels.value.push(assetTypes.value[0])\n }\n})\n</script>\n\n<template>\n <div class=\"sidebar-info d-flex w-100 h-100 flex-column\">\n <div class=\"w-100 d-flex flex-column\">\n <VTabs class=\"sidebar-info__tabs\">\n <VTab>{{ t('common.damImage.asset.massOperations.title') }}</VTab>\n </VTabs>\n <div class=\"sidebar-info__content\">\n <div class=\"text-body-small pa-3\">\n {{ t('common.damImage.asset.massOperations.description') }}\n </div>\n <VExpansionPanels\n v-model=\"panels\"\n multiple\n class=\"v-expansion-panels--compact\"\n >\n <VExpansionPanel\n v-if=\"keywordEnabled \|\| authorEnabled\"\n elevation=\"0\"\n :title=\"t('common.damImage.asset.massOperations.general')\"\n value=\"general\"\n >\n <VExpansionPanelText>\n <VRow\n v-if=\"keywordEnabled\"\n density=\"compact\"\n class=\"my-2\"\n >\n <VCol>\n <ASystemEntityScope\n subject=\"keyword\"\n system=\"dam\"\n >\n <div class=\"d-flex\">\n <div style=\"min-width: 286px\">\n <KeywordRemoteAutocompleteWithCached\n v-model=\"massOperationsKeywords\"\n :label=\"t('common.damImage.asset.model.keywords')\"\n clearable\n :ext-system=\"extSystem\"\n multiple\n :validation-scope=\"false\"\n />\n </div>\n <VBtn\n :aria-label=\"fillEmptyName(t('common.damImage.asset.model.keywords'))\"\n icon\n size=\"small\"\n variant=\"text\"\n class=\"mr-1\"\n @click.stop=\"fillEmptyKeywords\"\n >\n <VIcon icon=\"mdi-file-arrow-left-right-outline\" />\n <VTooltip\n activator=\"parent\"\n location=\"bottom\"\n >\n {{ t('common.damImage.asset.massOperations.fillOneEmpty') }}\n </VTooltip>\n </VBtn>\n <VBtn\n :aria-label=\"replaceName(t('common.damImage.asset.model.keywords'))\"\n icon\n size=\"small\"\n variant=\"text\"\n @click.stop=\"replaceKeywords\"\n >\n <VIcon icon=\"mdi-file-replace-outline\" />\n <VTooltip\n activator=\"parent\"\n location=\"bottom\"\n >\n {{ t('common.damImage.asset.massOperations.replaceOne') }}\n </VTooltip>\n </VBtn>\n </div>\n </ASystemEntityScope>\n </VCol>\n </VRow>\n <VRow\n v-if=\"authorEnabled\"\n density=\"compact\"\n class=\"my-2\"\n >\n <VCol>\n <ASystemEntityScope\n subject=\"author\"\n system=\"dam\"\n >\n <div class=\"d-flex\">\n <div style=\"min-width: 286px\">\n <AuthorRemoteAutocompleteWithCached\n v-model=\"massOperationsAuthors\"\n :label=\"t('common.damImage.asset.model.authors')\"\n :ext-system=\"extSystem\"\n clearable\n multiple\n :validation-scope=\"false\"\n />\n </div>\n <VBtn\n :aria-label=\"fillEmptyName(t('common.damImage.asset.model.authors'))\"\n icon\n size=\"small\"\n variant=\"text\"\n class=\"mr-1\"\n @click.stop=\"fillEmptyAuthors\"\n >\n <VIcon icon=\"mdi-file-arrow-left-right-outline\" />\n <VTooltip\n activator=\"parent\"\n location=\"bottom\"\n >\n {{ t('common.damImage.asset.massOperations.fillOneEmpty') }}\n </VTooltip>\n </VBtn>\n <VBtn\n :aria-label=\"replaceName(t('common.damImage.asset.model.authors'))\"\n icon\n size=\"small\"\n variant=\"text\"\n @click.stop=\"replaceAuthors\"\n >\n <VIcon icon=\"mdi-file-replace-outline\" />\n <VTooltip\n activator=\"parent\"\n location=\"bottom\"\n >\n {{ t('common.damImage.asset.massOperations.replaceOne') }}\n </VTooltip>\n </VBtn>\n </div>\n </ASystemEntityScope>\n </VCol>\n </VRow>\n </VExpansionPanelText>\n </VExpansionPanel>\n <VExpansionPanel\n v-if=\"assetTypes.includes(DamAssetType.Image)\"\n elevation=\"0\"\n :title=\"t('common.damImage.asset.assetType.image')\"\n :value=\"DamAssetType.Image\"\n >\n <VExpansionPanelText>\n <AssetCustomMetadataFormMassOperations\n v-model=\"massOperationsData.image\"\n :asset-type=\"DamAssetType.Image\"\n :ext-system=\"extSystem\"\n @fill-empty-field=\"fillEmptyField\"\n @replace-field=\"replaceField\"\n />\n </VExpansionPanelText>\n </VExpansionPanel>\n <VExpansionPanel\n v-if=\"assetTypes.includes(DamAssetType.Video)\"\n elevation=\"0\"\n :title=\"t('common.damImage.asset.assetType.video')\"\n :value=\"DamAssetType.Video\"\n >\n <VExpansionPanelText>\n <AssetCustomMetadataFormMassOperations\n v-model=\"massOperationsData.video\"\n :asset-type=\"DamAssetType.Video\"\n :ext-system=\"extSystem\"\n @fill-empty-field=\"fillEmptyField\"\n @replace-field=\"replaceField\"\n />\n </VExpansionPanelText>\n </VExpansionPanel>\n <VExpansionPanel\n v-if=\"assetTypes.includes(DamAssetType.Audio)\"\n elevation=\"0\"\n :title=\"t('common.damImage.asset.assetType.audio')\"\n :value=\"DamAssetType.Audio\"\n >\n <VExpansionPanelText>\n <AssetCustomMetadataFormMassOperations\n v-model=\"massOperationsData.audio\"\n :asset-type=\"DamAssetType.Audio\"\n :ext-system=\"extSystem\"\n @fill-empty-field=\"fillEmptyField\"\n @replace-field=\"replaceField\"\n />\n </VExpansionPanelText>\n </VExpansionPanel>\n <VExpansionPanel\n v-if=\"assetTypes.includes(DamAssetType.Document)\"\n elevation=\"0\"\n :title=\"t('common.damImage.asset.assetType.document')\"\n :value=\"DamAssetType.Document\"\n >\n <VExpansionPanelText>\n <AssetCustomMetadataFormMassOperations\n v-model=\"massOperationsData.document\"\n :asset-type=\"DamAssetType.Document\"\n :ext-system=\"extSystem\"\n @fill-empty-field=\"fillEmptyField\"\n @replace-field=\"replaceField\"\n />\n </VExpansionPanelText>\n </VExpansionPanel>\n </VExpansionPanels>\n </div>\n <div class=\"sidebar-info__actions pa-2 d-flex align-center justify-center\">\n <VBtn\n class=\"mr-2\"\n variant=\"text\"\n size=\"small\"\n @click.stop=\"fillAll(false)\"\n >\n {{ t('common.damImage.asset.massOperations.fillAllEmpty') }}\n </VBtn>\n <VBtn\n class=\"mr-2\"\n variant=\"text\"\n size=\"small\"\n @click.stop=\"fillAll(true)\"\n >\n {{ t('common.damImage.asset.massOperations.replaceAll') }}\n </VBtn>\n <VBtn\n variant=\"text\"\n size=\"small\"\n @click.stop=\"clearForm\"\n >\n {{ t('common.damImage.asset.massOperations.clearForm') }}\n </VBtn>\n </div>\n </div>\n </div>\n</template>\n"],"mappings":""}

package/dist/domains/dam/uploadQueue/components/AssetQueueSelectedSidebar.vue.d.ts CHANGED Viewed

@@ -4,9 +4,9 @@ import { UploadQueueMassOperationsBinding } from './uploadQueueBindings';
 type __VLS_Props = {
     queueKey: UploadQueueKey;
     extSystem: IntegerId;
-    /** What the mass operations ask of their host; without it the library's store. */
+    /** What the mass operations need from their host. Without it they use the library store. */
     operations?: UploadQueueMassOperationsBinding;
-    /** The DAM configuration whose rules the operations follow; inherited when not given. */
+    /** The DAM configuration whose rules the operations follow. Inherited when not given. */
     configName?: string;
 };
 declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {

package/dist/domains/dam/uploadQueue/components/AssetQueueSelectedSidebar.vue_vue_type_script_setup_true_lang.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AssetQueueSelectedSidebar.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_createElementVNode","_createVNode","_component_VTabs","_withCtx","_component_VTab","_createTextVNode","_toDisplayString","_unref","_component_VExpansionPanels","_createBlock","_component_VExpansionPanel","_component_VExpansionPanelText","_component_VRow","_component_VCol","ASystemEntityScope","KeywordRemoteAutocompleteWithCached","_component_VBtn","_withModifiers","_component_VIcon","_component_VTooltip","_createCommentVNode","AuthorRemoteAutocompleteWithCached","AssetCustomMetadataFormMassOperations","ASystemEntityScope_default","AuthorRemoteAutocompleteWithCached_default","KeywordRemoteAutocompleteWithCached_default","AssetCustomMetadataFormMassOperations_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","AssetQueueSelectedSidebar_vue_vue_type_script_setup_true_lang_default","props","__props","massOperationsData","ref","massOperationsKeywords","massOperationsAuthors","useI18n","fillEmptyName","t","replaceName","panels","operations","useLibraryUploadQueueMassOperationsBinding","fillEmptyField","data","replaceField","fillEmptyKeywords","replaceKeywords","fillEmptyAuthors","replaceAuthors","fillAll","elementProperty","value","DamAssetType","forceReplace","authorEnabled","keywordEnabled","clearForm","assetTypes","computed","useDamConfigState","useDamConfigName","config","getDamConfigExtSystem","type","onMounted","openBlock","createElementBlock","createElementVNode","createVNode","VTabs","withCtx","VTab","createTextVNode","toDisplayString","unref","VExpansionPanels","_cache","$event","createBlock","VExpansionPanel","VExpansionPanelText","VRow","VCol","VBtn","withModifiers","VIcon","VTooltip","createCommentVNode"],"sources":["../../../../../src/domains/dam/uploadQueue/components/AssetQueueSelectedSidebar.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, onMounted, ref } from 'vue'\nimport { useI18n } from 'vue-i18n'\nimport { DamAssetType, type DamAssetTypeType } from '@/domains/dam/types/Asset'\nimport ASystemEntityScope from '@/domains/form/components/ASystemEntityScope.vue'\nimport AssetCustomMetadataFormMassOperations from '@/domains/dam/uploadQueue/components/AssetCustomMetadataFormMassOperations.vue'\nimport AuthorRemoteAutocompleteWithCached from '@/domains/dam/author/components/AuthorRemoteAutocompleteWithCached.vue'\nimport KeywordRemoteAutocompleteWithCached from '@/domains/dam/keyword/components/KeywordRemoteAutocompleteWithCached.vue'\nimport type { IntegerId } from '@/shared/types/common'\nimport type { CustomDataValue } from '@/domains/customDataForm/types/CustomDataForm'\nimport { useDamConfigState } from '@/domains/dam/config/composables/damConfigState'\nimport { useDamConfigName } from '@/domains/dam/composables/damConfigName'\nimport type { UploadQueueKey } from '@/domains/dam/types/UploadQueue'\nimport {\n type UploadQueueMassOperationsBinding,\n useLibraryUploadQueueMassOperationsBinding,\n} from '@/domains/dam/uploadQueue/components/uploadQueueBindings'\n\nconst props = withDefaults(\n defineProps<{\n queueKey: UploadQueueKey\n extSystem: IntegerId\n /** What the mass operations ask of their host; without it the library's store. /\n operations?: UploadQueueMassOperationsBinding\n /* The DAM configuration whose rules the operations follow; inherited when not given. */\n configName?: string\n }>(),\n {\n operations: undefined,\n configName: undefined,\n }\n)\n\nconst massOperationsData = ref<Record<'image' \| 'video' \| 'audio' \| 'document', Record<string, CustomDataValue>>>({\n image: {},\n video: {},\n audio: {},\n document: {},\n})\nconst massOperationsKeywords = ref([])\nconst massOperationsAuthors = ref([])\n\nconst { t } = useI18n()\n\n// The two icon buttons beside a field, named for who cannot see them: what each does, and to which field.\nconst fillEmptyName = (field: string) => t('common.damImage.asset.massOperations.fillOneEmptyField', { field })\nconst replaceName = (field: string) => t('common.damImage.asset.massOperations.replaceOneField', { field })\n\nconst panels = ref<Array<string>>(['general'])\n\n// Created only when the host binds none.\nconst operations = props.operations ?? useLibraryUploadQueueMassOperationsBinding(() => props.queueKey)\n\nconst fillEmptyField = (data: { assetType: DamAssetTypeType; elementProperty: string; value: any }) => {\n operations.fillCustomDataValue(data)\n}\nconst replaceField = (data: { assetType: DamAssetTypeType; elementProperty: string; value: any }) => {\n operations.fillCustomDataValue(data, true)\n}\nconst fillEmptyKeywords = () => {\n operations.fillKeywords(massOperationsKeywords.value)\n}\nconst replaceKeywords = () => {\n operations.fillKeywords(massOperationsKeywords.value, true)\n}\nconst fillEmptyAuthors = () => {\n operations.fillAuthors(massOperationsAuthors.value)\n}\nconst replaceAuthors = () => {\n operations.fillAuthors(massOperationsAuthors.value, true)\n}\nconst fillAll = (forceReplace = false) => {\n for (const [elementProperty, value] of Object.entries(massOperationsData.value.image)) {\n operations.fillCustomDataValue(\n {\n assetType: DamAssetType.Image,\n elementProperty,\n value,\n },\n forceReplace\n )\n }\n for (const [elementProperty, value] of Object.entries(massOperationsData.value.video)) {\n operations.fillCustomDataValue(\n {\n assetType: DamAssetType.Video,\n elementProperty,\n value,\n },\n forceReplace\n )\n }\n for (const [elementProperty, value] of Object.entries(massOperationsData.value.audio)) {\n operations.fillCustomDataValue(\n {\n assetType: DamAssetType.Audio,\n elementProperty,\n value,\n },\n forceReplace\n )\n }\n for (const [elementProperty, value] of Object.entries(massOperationsData.value.document)) {\n operations.fillCustomDataValue(\n {\n assetType: DamAssetType.Document,\n elementProperty,\n value,\n },\n forceReplace\n )\n }\n if (authorEnabled.value) {\n forceReplace ? replaceAuthors() : fillEmptyAuthors()\n }\n if (keywordEnabled.value) {\n forceReplace ? replaceKeywords() : fillEmptyKeywords()\n }\n}\nconst clearForm = () => {\n massOperationsData.value = { image: {}, video: {}, audio: {}, document: {} }\n massOperationsAuthors.value = []\n massOperationsKeywords.value = []\n}\n\nconst assetTypes = computed(() => {\n return operations.assetTypes()\n})\n\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst { getDamConfigExtSystem } = useDamConfigState(undefined, useDamConfigName(props.configName))\n\nconst keywordEnabled = computed(() => {\n const config = getDamConfigExtSystem(props.extSystem)\n if (!config) return false\n return assetTypes.value.some((type) => !!config[type]?.keywords?.enabled)\n})\n\nconst authorEnabled = computed(() => {\n const config = getDamConfigExtSystem(props.extSystem)\n if (!config) return false\n return assetTypes.value.some((type) => !!config[type]?.authors?.enabled)\n})\n\nonMounted(() => {\n if (assetTypes.value[0]) {\n panels.value.push(assetTypes.value[0])\n }\n})\n</script>\n\n<template>\n <div class=\"sidebar-info d-flex w-100 h-100 flex-column\">\n <div class=\"w-100 d-flex flex-column\">\n <VTabs class=\"sidebar-info__tabs\">\n <VTab>{{ t('common.damImage.asset.massOperations.title') }}</VTab>\n </VTabs>\n <div class=\"sidebar-info__content\">\n <div class=\"text-body-small pa-3\">\n {{ t('common.damImage.asset.massOperations.description') }}\n </div>\n <VExpansionPanels\n v-model=\"panels\"\n multiple\n class=\"v-expansion-panels--compact\"\n >\n <VExpansionPanel\n v-if=\"keywordEnabled \|\| authorEnabled\"\n elevation=\"0\"\n :title=\"t('common.damImage.asset.massOperations.general')\"\n value=\"general\"\n >\n <VExpansionPanelText>\n <VRow\n v-if=\"keywordEnabled\"\n density=\"compact\"\n class=\"my-2\"\n >\n <VCol>\n <ASystemEntityScope\n subject=\"keyword\"\n system=\"dam\"\n >\n <div class=\"d-flex\">\n <div style=\"min-width: 286px\">\n <KeywordRemoteAutocompleteWithCached\n v-model=\"massOperationsKeywords\"\n :label=\"t('common.damImage.asset.model.keywords')\"\n clearable\n :ext-system=\"extSystem\"\n multiple\n :validation-scope=\"false\"\n />\n </div>\n <VBtn\n :aria-label=\"fillEmptyName(t('common.damImage.asset.model.keywords'))\"\n icon\n size=\"small\"\n variant=\"text\"\n class=\"mr-1\"\n @click.stop=\"fillEmptyKeywords\"\n >\n <VIcon icon=\"mdi-file-arrow-left-right-outline\" />\n <VTooltip\n activator=\"parent\"\n location=\"bottom\"\n >\n {{ t('common.damImage.asset.massOperations.fillOneEmpty') }}\n </VTooltip>\n </VBtn>\n <VBtn\n :aria-label=\"replaceName(t('common.damImage.asset.model.keywords'))\"\n icon\n size=\"small\"\n variant=\"text\"\n @click.stop=\"replaceKeywords\"\n >\n <VIcon icon=\"mdi-file-replace-outline\" />\n <VTooltip\n activator=\"parent\"\n location=\"bottom\"\n >\n {{ t('common.damImage.asset.massOperations.replaceOne') }}\n </VTooltip>\n </VBtn>\n </div>\n </ASystemEntityScope>\n </VCol>\n </VRow>\n <VRow\n v-if=\"authorEnabled\"\n density=\"compact\"\n class=\"my-2\"\n >\n <VCol>\n <ASystemEntityScope\n subject=\"author\"\n system=\"dam\"\n >\n <div class=\"d-flex\">\n <div style=\"min-width: 286px\">\n <AuthorRemoteAutocompleteWithCached\n v-model=\"massOperationsAuthors\"\n :label=\"t('common.damImage.asset.model.authors')\"\n :ext-system=\"extSystem\"\n clearable\n multiple\n :validation-scope=\"false\"\n />\n </div>\n <VBtn\n :aria-label=\"fillEmptyName(t('common.damImage.asset.model.authors'))\"\n icon\n size=\"small\"\n variant=\"text\"\n class=\"mr-1\"\n @click.stop=\"fillEmptyAuthors\"\n >\n <VIcon icon=\"mdi-file-arrow-left-right-outline\" />\n <VTooltip\n activator=\"parent\"\n location=\"bottom\"\n >\n {{ t('common.damImage.asset.massOperations.fillOneEmpty') }}\n </VTooltip>\n </VBtn>\n <VBtn\n :aria-label=\"replaceName(t('common.damImage.asset.model.authors'))\"\n icon\n size=\"small\"\n variant=\"text\"\n @click.stop=\"replaceAuthors\"\n >\n <VIcon icon=\"mdi-file-replace-outline\" />\n <VTooltip\n activator=\"parent\"\n location=\"bottom\"\n >\n {{ t('common.damImage.asset.massOperations.replaceOne') }}\n </VTooltip>\n </VBtn>\n </div>\n </ASystemEntityScope>\n </VCol>\n </VRow>\n </VExpansionPanelText>\n </VExpansionPanel>\n <VExpansionPanel\n v-if=\"assetTypes.includes(DamAssetType.Image)\"\n elevation=\"0\"\n :title=\"t('common.damImage.asset.assetType.image')\"\n :value=\"DamAssetType.Image\"\n >\n <VExpansionPanelText>\n <AssetCustomMetadataFormMassOperations\n v-model=\"massOperationsData.image\"\n :asset-type=\"DamAssetType.Image\"\n :ext-system=\"extSystem\"\n @fill-empty-field=\"fillEmptyField\"\n @replace-field=\"replaceField\"\n />\n </VExpansionPanelText>\n </VExpansionPanel>\n <VExpansionPanel\n v-if=\"assetTypes.includes(DamAssetType.Video)\"\n elevation=\"0\"\n :title=\"t('common.damImage.asset.assetType.video')\"\n :value=\"DamAssetType.Video\"\n >\n <VExpansionPanelText>\n <AssetCustomMetadataFormMassOperations\n v-model=\"massOperationsData.video\"\n :asset-type=\"DamAssetType.Video\"\n :ext-system=\"extSystem\"\n @fill-empty-field=\"fillEmptyField\"\n @replace-field=\"replaceField\"\n />\n </VExpansionPanelText>\n </VExpansionPanel>\n <VExpansionPanel\n v-if=\"assetTypes.includes(DamAssetType.Audio)\"\n elevation=\"0\"\n :title=\"t('common.damImage.asset.assetType.audio')\"\n :value=\"DamAssetType.Audio\"\n >\n <VExpansionPanelText>\n <AssetCustomMetadataFormMassOperations\n v-model=\"massOperationsData.audio\"\n :asset-type=\"DamAssetType.Audio\"\n :ext-system=\"extSystem\"\n @fill-empty-field=\"fillEmptyField\"\n @replace-field=\"replaceField\"\n />\n </VExpansionPanelText>\n </VExpansionPanel>\n <VExpansionPanel\n v-if=\"assetTypes.includes(DamAssetType.Document)\"\n elevation=\"0\"\n :title=\"t('common.damImage.asset.assetType.document')\"\n :value=\"DamAssetType.Document\"\n >\n <VExpansionPanelText>\n <AssetCustomMetadataFormMassOperations\n v-model=\"massOperationsData.document\"\n :asset-type=\"DamAssetType.Document\"\n :ext-system=\"extSystem\"\n @fill-empty-field=\"fillEmptyField\"\n @replace-field=\"replaceField\"\n />\n </VExpansionPanelText>\n </VExpansionPanel>\n </VExpansionPanels>\n </div>\n <div class=\"sidebar-info__actions pa-2 d-flex align-center justify-center\">\n <VBtn\n class=\"mr-2\"\n variant=\"text\"\n size=\"small\"\n @click.stop=\"fillAll(false)\"\n >\n {{ t('common.damImage.asset.massOperations.fillAllEmpty') }}\n </VBtn>\n <VBtn\n class=\"mr-2\"\n variant=\"text\"\n size=\"small\"\n @click.stop=\"fillAll(true)\"\n >\n {{ t('common.damImage.asset.massOperations.replaceAll') }}\n </VBtn>\n <VBtn\n variant=\"text\"\n size=\"small\"\n @click.stop=\"clearForm\"\n >\n {{ t('common.damImage.asset.massOperations.clearForm') }}\n </VBtn>\n </div>\n </div>\n </div>\n</template>\n"],"mappings":"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"}
1	+ {"version":3,"file":"AssetQueueSelectedSidebar.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_createElementVNode","_createVNode","_component_VTabs","_withCtx","_component_VTab","_createTextVNode","_toDisplayString","_unref","_component_VExpansionPanels","_createBlock","_component_VExpansionPanel","_component_VExpansionPanelText","_component_VRow","_component_VCol","ASystemEntityScope","KeywordRemoteAutocompleteWithCached","_component_VBtn","_withModifiers","_component_VIcon","_component_VTooltip","_createCommentVNode","AuthorRemoteAutocompleteWithCached","AssetCustomMetadataFormMassOperations","ASystemEntityScope_default","AuthorRemoteAutocompleteWithCached_default","KeywordRemoteAutocompleteWithCached_default","AssetCustomMetadataFormMassOperations_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","AssetQueueSelectedSidebar_vue_vue_type_script_setup_true_lang_default","props","__props","massOperationsData","ref","massOperationsKeywords","massOperationsAuthors","useI18n","fillEmptyName","t","replaceName","panels","operations","useLibraryUploadQueueMassOperationsBinding","fillEmptyField","data","replaceField","fillEmptyKeywords","replaceKeywords","fillEmptyAuthors","replaceAuthors","fillAll","elementProperty","value","DamAssetType","forceReplace","authorEnabled","keywordEnabled","clearForm","assetTypes","computed","useDamConfigState","useDamConfigName","config","getDamConfigExtSystem","type","onMounted","openBlock","createElementBlock","createElementVNode","createVNode","VTabs","withCtx","VTab","createTextVNode","toDisplayString","unref","VExpansionPanels","_cache","$event","createBlock","VExpansionPanel","VExpansionPanelText","VRow","VCol","VBtn","withModifiers","VIcon","VTooltip","createCommentVNode"],"sources":["../../../../../src/domains/dam/uploadQueue/components/AssetQueueSelectedSidebar.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, onMounted, ref } from 'vue'\nimport { useI18n } from 'vue-i18n'\nimport { DamAssetType, type DamAssetTypeType } from '@/domains/dam/types/Asset'\nimport ASystemEntityScope from '@/domains/form/components/ASystemEntityScope.vue'\nimport AssetCustomMetadataFormMassOperations from '@/domains/dam/uploadQueue/components/AssetCustomMetadataFormMassOperations.vue'\nimport AuthorRemoteAutocompleteWithCached from '@/domains/dam/author/components/AuthorRemoteAutocompleteWithCached.vue'\nimport KeywordRemoteAutocompleteWithCached from '@/domains/dam/keyword/components/KeywordRemoteAutocompleteWithCached.vue'\nimport type { IntegerId } from '@/shared/types/common'\nimport type { CustomDataValue } from '@/domains/customDataForm/types/CustomDataForm'\nimport { useDamConfigState } from '@/domains/dam/config/composables/damConfigState'\nimport { useDamConfigName } from '@/domains/dam/composables/damConfigName'\nimport type { UploadQueueKey } from '@/domains/dam/types/UploadQueue'\nimport {\n type UploadQueueMassOperationsBinding,\n useLibraryUploadQueueMassOperationsBinding,\n} from '@/domains/dam/uploadQueue/components/uploadQueueBindings'\n\nconst props = withDefaults(\n defineProps<{\n queueKey: UploadQueueKey\n extSystem: IntegerId\n /** What the mass operations need from their host. Without it they use the library store. /\n operations?: UploadQueueMassOperationsBinding\n /* The DAM configuration whose rules the operations follow. Inherited when not given. */\n configName?: string\n }>(),\n {\n operations: undefined,\n configName: undefined,\n }\n)\n\nconst massOperationsData = ref<Record<'image' \| 'video' \| 'audio' \| 'document', Record<string, CustomDataValue>>>({\n image: {},\n video: {},\n audio: {},\n document: {},\n})\nconst massOperationsKeywords = ref([])\nconst massOperationsAuthors = ref([])\n\nconst { t } = useI18n()\n\n// Accessible names for the two icon buttons beside a field: the action and the field.\nconst fillEmptyName = (field: string) => t('common.damImage.asset.massOperations.fillOneEmptyField', { field })\nconst replaceName = (field: string) => t('common.damImage.asset.massOperations.replaceOneField', { field })\n\nconst panels = ref<Array<string>>(['general'])\n\n// Created only when the host binds none.\nconst operations = props.operations ?? useLibraryUploadQueueMassOperationsBinding(() => props.queueKey)\n\nconst fillEmptyField = (data: { assetType: DamAssetTypeType; elementProperty: string; value: any }) => {\n operations.fillCustomDataValue(data)\n}\nconst replaceField = (data: { assetType: DamAssetTypeType; elementProperty: string; value: any }) => {\n operations.fillCustomDataValue(data, true)\n}\nconst fillEmptyKeywords = () => {\n operations.fillKeywords(massOperationsKeywords.value)\n}\nconst replaceKeywords = () => {\n operations.fillKeywords(massOperationsKeywords.value, true)\n}\nconst fillEmptyAuthors = () => {\n operations.fillAuthors(massOperationsAuthors.value)\n}\nconst replaceAuthors = () => {\n operations.fillAuthors(massOperationsAuthors.value, true)\n}\nconst fillAll = (forceReplace = false) => {\n for (const [elementProperty, value] of Object.entries(massOperationsData.value.image)) {\n operations.fillCustomDataValue(\n {\n assetType: DamAssetType.Image,\n elementProperty,\n value,\n },\n forceReplace\n )\n }\n for (const [elementProperty, value] of Object.entries(massOperationsData.value.video)) {\n operations.fillCustomDataValue(\n {\n assetType: DamAssetType.Video,\n elementProperty,\n value,\n },\n forceReplace\n )\n }\n for (const [elementProperty, value] of Object.entries(massOperationsData.value.audio)) {\n operations.fillCustomDataValue(\n {\n assetType: DamAssetType.Audio,\n elementProperty,\n value,\n },\n forceReplace\n )\n }\n for (const [elementProperty, value] of Object.entries(massOperationsData.value.document)) {\n operations.fillCustomDataValue(\n {\n assetType: DamAssetType.Document,\n elementProperty,\n value,\n },\n forceReplace\n )\n }\n if (authorEnabled.value) {\n forceReplace ? replaceAuthors() : fillEmptyAuthors()\n }\n if (keywordEnabled.value) {\n forceReplace ? replaceKeywords() : fillEmptyKeywords()\n }\n}\nconst clearForm = () => {\n massOperationsData.value = { image: {}, video: {}, audio: {}, document: {} }\n massOperationsAuthors.value = []\n massOperationsKeywords.value = []\n}\n\nconst assetTypes = computed(() => {\n return operations.assetTypes()\n})\n\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst { getDamConfigExtSystem } = useDamConfigState(undefined, useDamConfigName(props.configName))\n\nconst keywordEnabled = computed(() => {\n const config = getDamConfigExtSystem(props.extSystem)\n if (!config) return false\n return assetTypes.value.some((type) => !!config[type]?.keywords?.enabled)\n})\n\nconst authorEnabled = computed(() => {\n const config = getDamConfigExtSystem(props.extSystem)\n if (!config) return false\n return assetTypes.value.some((type) => !!config[type]?.authors?.enabled)\n})\n\nonMounted(() => {\n if (assetTypes.value[0]) {\n panels.value.push(assetTypes.value[0])\n }\n})\n</script>\n\n<template>\n <div class=\"sidebar-info d-flex w-100 h-100 flex-column\">\n <div class=\"w-100 d-flex flex-column\">\n <VTabs class=\"sidebar-info__tabs\">\n <VTab>{{ t('common.damImage.asset.massOperations.title') }}</VTab>\n </VTabs>\n <div class=\"sidebar-info__content\">\n <div class=\"text-body-small pa-3\">\n {{ t('common.damImage.asset.massOperations.description') }}\n </div>\n <VExpansionPanels\n v-model=\"panels\"\n multiple\n class=\"v-expansion-panels--compact\"\n >\n <VExpansionPanel\n v-if=\"keywordEnabled \|\| authorEnabled\"\n elevation=\"0\"\n :title=\"t('common.damImage.asset.massOperations.general')\"\n value=\"general\"\n >\n <VExpansionPanelText>\n <VRow\n v-if=\"keywordEnabled\"\n density=\"compact\"\n class=\"my-2\"\n >\n <VCol>\n <ASystemEntityScope\n subject=\"keyword\"\n system=\"dam\"\n >\n <div class=\"d-flex\">\n <div style=\"min-width: 286px\">\n <KeywordRemoteAutocompleteWithCached\n v-model=\"massOperationsKeywords\"\n :label=\"t('common.damImage.asset.model.keywords')\"\n clearable\n :ext-system=\"extSystem\"\n multiple\n :validation-scope=\"false\"\n />\n </div>\n <VBtn\n :aria-label=\"fillEmptyName(t('common.damImage.asset.model.keywords'))\"\n icon\n size=\"small\"\n variant=\"text\"\n class=\"mr-1\"\n @click.stop=\"fillEmptyKeywords\"\n >\n <VIcon icon=\"mdi-file-arrow-left-right-outline\" />\n <VTooltip\n activator=\"parent\"\n location=\"bottom\"\n >\n {{ t('common.damImage.asset.massOperations.fillOneEmpty') }}\n </VTooltip>\n </VBtn>\n <VBtn\n :aria-label=\"replaceName(t('common.damImage.asset.model.keywords'))\"\n icon\n size=\"small\"\n variant=\"text\"\n @click.stop=\"replaceKeywords\"\n >\n <VIcon icon=\"mdi-file-replace-outline\" />\n <VTooltip\n activator=\"parent\"\n location=\"bottom\"\n >\n {{ t('common.damImage.asset.massOperations.replaceOne') }}\n </VTooltip>\n </VBtn>\n </div>\n </ASystemEntityScope>\n </VCol>\n </VRow>\n <VRow\n v-if=\"authorEnabled\"\n density=\"compact\"\n class=\"my-2\"\n >\n <VCol>\n <ASystemEntityScope\n subject=\"author\"\n system=\"dam\"\n >\n <div class=\"d-flex\">\n <div style=\"min-width: 286px\">\n <AuthorRemoteAutocompleteWithCached\n v-model=\"massOperationsAuthors\"\n :label=\"t('common.damImage.asset.model.authors')\"\n :ext-system=\"extSystem\"\n clearable\n multiple\n :validation-scope=\"false\"\n />\n </div>\n <VBtn\n :aria-label=\"fillEmptyName(t('common.damImage.asset.model.authors'))\"\n icon\n size=\"small\"\n variant=\"text\"\n class=\"mr-1\"\n @click.stop=\"fillEmptyAuthors\"\n >\n <VIcon icon=\"mdi-file-arrow-left-right-outline\" />\n <VTooltip\n activator=\"parent\"\n location=\"bottom\"\n >\n {{ t('common.damImage.asset.massOperations.fillOneEmpty') }}\n </VTooltip>\n </VBtn>\n <VBtn\n :aria-label=\"replaceName(t('common.damImage.asset.model.authors'))\"\n icon\n size=\"small\"\n variant=\"text\"\n @click.stop=\"replaceAuthors\"\n >\n <VIcon icon=\"mdi-file-replace-outline\" />\n <VTooltip\n activator=\"parent\"\n location=\"bottom\"\n >\n {{ t('common.damImage.asset.massOperations.replaceOne') }}\n </VTooltip>\n </VBtn>\n </div>\n </ASystemEntityScope>\n </VCol>\n </VRow>\n </VExpansionPanelText>\n </VExpansionPanel>\n <VExpansionPanel\n v-if=\"assetTypes.includes(DamAssetType.Image)\"\n elevation=\"0\"\n :title=\"t('common.damImage.asset.assetType.image')\"\n :value=\"DamAssetType.Image\"\n >\n <VExpansionPanelText>\n <AssetCustomMetadataFormMassOperations\n v-model=\"massOperationsData.image\"\n :asset-type=\"DamAssetType.Image\"\n :ext-system=\"extSystem\"\n @fill-empty-field=\"fillEmptyField\"\n @replace-field=\"replaceField\"\n />\n </VExpansionPanelText>\n </VExpansionPanel>\n <VExpansionPanel\n v-if=\"assetTypes.includes(DamAssetType.Video)\"\n elevation=\"0\"\n :title=\"t('common.damImage.asset.assetType.video')\"\n :value=\"DamAssetType.Video\"\n >\n <VExpansionPanelText>\n <AssetCustomMetadataFormMassOperations\n v-model=\"massOperationsData.video\"\n :asset-type=\"DamAssetType.Video\"\n :ext-system=\"extSystem\"\n @fill-empty-field=\"fillEmptyField\"\n @replace-field=\"replaceField\"\n />\n </VExpansionPanelText>\n </VExpansionPanel>\n <VExpansionPanel\n v-if=\"assetTypes.includes(DamAssetType.Audio)\"\n elevation=\"0\"\n :title=\"t('common.damImage.asset.assetType.audio')\"\n :value=\"DamAssetType.Audio\"\n >\n <VExpansionPanelText>\n <AssetCustomMetadataFormMassOperations\n v-model=\"massOperationsData.audio\"\n :asset-type=\"DamAssetType.Audio\"\n :ext-system=\"extSystem\"\n @fill-empty-field=\"fillEmptyField\"\n @replace-field=\"replaceField\"\n />\n </VExpansionPanelText>\n </VExpansionPanel>\n <VExpansionPanel\n v-if=\"assetTypes.includes(DamAssetType.Document)\"\n elevation=\"0\"\n :title=\"t('common.damImage.asset.assetType.document')\"\n :value=\"DamAssetType.Document\"\n >\n <VExpansionPanelText>\n <AssetCustomMetadataFormMassOperations\n v-model=\"massOperationsData.document\"\n :asset-type=\"DamAssetType.Document\"\n :ext-system=\"extSystem\"\n @fill-empty-field=\"fillEmptyField\"\n @replace-field=\"replaceField\"\n />\n </VExpansionPanelText>\n </VExpansionPanel>\n </VExpansionPanels>\n </div>\n <div class=\"sidebar-info__actions pa-2 d-flex align-center justify-center\">\n <VBtn\n class=\"mr-2\"\n variant=\"text\"\n size=\"small\"\n @click.stop=\"fillAll(false)\"\n >\n {{ t('common.damImage.asset.massOperations.fillAllEmpty') }}\n </VBtn>\n <VBtn\n class=\"mr-2\"\n variant=\"text\"\n size=\"small\"\n @click.stop=\"fillAll(true)\"\n >\n {{ t('common.damImage.asset.massOperations.replaceAll') }}\n </VBtn>\n <VBtn\n variant=\"text\"\n size=\"small\"\n @click.stop=\"clearForm\"\n >\n {{ t('common.damImage.asset.massOperations.clearForm') }}\n </VBtn>\n </div>\n </div>\n </div>\n</template>\n"],"mappings":"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"}

package/dist/domains/dam/uploadQueue/components/UploadQueueDialog.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"UploadQueueDialog.js","names":["_sfc_main","UploadQueueDialog_vue_vue_type_script_setup_true_lang_default","UploadQueueDialog_default"],"sources":["../../../../../src/domains/dam/uploadQueue/components/UploadQueueDialog.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport {\n useUploadQueueDialog,\n useUploadQueueDialogDrawn,\n} from '@/domains/dam/uploadQueue/composables/useUploadQueueDialog'\nimport { useI18n } from 'vue-i18n'\nimport UploadQueueEditable from '@/domains/dam/uploadQueue/components/UploadQueueEditable.vue'\nimport { useUploadQueuesStore } from '@/domains/dam/uploadQueue/store/uploadQueuesStore'\nimport { computed, onBeforeUnmount, ref, toRaw, watch } from 'vue'\nimport { useDisplay } from 'vuetify'\nimport { useTheme } from '@/domains/system/composables/themeSettings'\nimport UploadQueueButtonStop from '@/domains/dam/uploadQueue/components/UploadQueueButtonStop.vue'\nimport useVuelidate from '@vuelidate/core'\nimport { useAlerts } from '@/domains/system/composables/alerts'\nimport {\n type AssetMetadataBulkItem,\n bulkUpdateAssetsMetadata,\n fetchAsset,\n hasMetadataToSave,\n showMetadataSaveError,\n} from '@/domains/dam/api/damAssetApi'\nimport { useCommonAdminCoreDamOptions } from '@/domains/dam/composables/commonAdminCoreDamOptions'\nimport AFileInput from '@/domains/ui/file/components/AFileInput.vue'\nimport AImageDropzone from '@/domains/ui/file/components/AFileDropzone.vue'\nimport type { ImageStoreItem } from '@/domains/dam/types/ImageAware'\nimport type { DocId, IntegerId } from '@/shared/types/common'\nimport { type UploadQueueItem, UploadQueueItemStatus } from '@/domains/dam/types/UploadQueue'\nimport { generateUUIDv1 } from '@/shared/utils/generator'\nimport { mapUploadMetadataToImages } from '@/domains/dam/imageWidget/utils/metadataToImageMap'\nimport { storeToRefs } from 'pinia'\nimport { useAssetDetailStore } from '@/domains/dam/assetDetail/store/assetDetailStore'\nimport { useDamConfigName } from '@/domains/dam/composables/damConfigName'\nimport { isNull } from '@/shared/utils/common'\n\nconst props = withDefaults(\n defineProps<{\n queueKey: string\n licenceId: IntegerId\n fileInputKey: number\n extSystem: IntegerId\n accept: string \| undefined\n maxSizes: Record<string, number> \| undefined\n configName?: string\n }>(),\n {\n configName: undefined,\n }\n)\n\nconst emit = defineEmits<{\n (e: 'drop', files: File[]): void\n (e: 'filesInput', files: File[]): void\n (e: 'apply', items: ImageStoreItem[]): void\n}>()\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst damConfigName = useDamConfigName(props.configName)\n\nconst { uploadQueueDialog, uploadQueueDialogSaving, uploadQueueSidebar, toggleUploadQueueSidebar } =\n useUploadQueueDialog()\n\nconst uploadQueuesStore = useUploadQueuesStore()\nconst queueTotalCount = computed(() => {\n return uploadQueuesStore.getQueueTotalCount(props.queueKey)\n})\n\nconst items = computed(() => {\n return uploadQueuesStore.getQueueItems(props.queueKey)\n})\n\nconst queueProcessedCount = computed(() => {\n return uploadQueuesStore.getQueueProcessedCount(props.queueKey)\n})\n\nconst isUploading = computed(() => {\n return queueTotalCount.value > queueProcessedCount.value\n})\n\nconst isFinished = computed(() => {\n return queueTotalCount.value === queueProcessedCount.value\n})\n\n// Failed uploads, items still waiting for their metadata: \"save\" would send nothing and report it saved.\nconst nothingToSave = computed(() => !items.value.some(hasMetadataToSave))\n// \"Save and apply\" hands the widget the items settled as uploaded (a duplicate and a copy are), saved or not: a\n// failed one has its asset and file ids too, and is no image to hand over.\nconst isUploaded = (item: UploadQueueItem) => item.status === UploadQueueItemStatus.Uploaded\nconst nothingToApply = computed(() => !items.value.some(isUploaded))\n// An uploaded row whose metadata did not come with its file, by a notification that is late or lost: its form is off.\nconst isUploadedWithoutForm = (item: UploadQueueItem): item is UploadQueueItem & { assetId: DocId } =>\n isUploaded(item) && !item.canEditMetadata && !isNull(item.assetId)\n\nconst { t } = useI18n()\nconst { toolbarColor } = useTheme()\nconst { mdAndDown } = useDisplay()\nconst v$ = useVuelidate({ $stopPropagation: true })\nconst { showRecordWas, showValidationError, showErrorsDefault, showWarningT } = useAlerts()\nconst { damClient, endPointAsset, endPointAuthor, customUploadMetadataToImageMap } =\n useCommonAdminCoreDamOptions(damConfigName)\n\nconst saveButtonLoading = ref(false)\nconst saveAndCloseButtonLoading = ref(false)\n\n// Known outside the dialog for as long as either save runs, from the moment it begins: its host takes no file for\n// this queue through an entry of its own meanwhile, as the \"+\" and the dropzone here take none. Taken back with the\n// dialog, also when it goes in the middle of a save: that save may end after another dialog has begun its own.\nwatch(\n () => saveButtonLoading.value \|\| saveAndCloseButtonLoading.value,\n (saving) => {\n uploadQueueDialogSaving.value = saving ? props.queueKey : null\n },\n { flush: 'sync' }\n)\n// A save and apply that waits for the rows it reads ends there once the dialog has gone.\nlet disposed = false\nonBeforeUnmount(() => {\n disposed = true\n if (uploadQueueDialogSaving.value === props.queueKey) uploadQueueDialogSaving.value = null\n})\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nuseUploadQueueDialogDrawn(props.queueKey)\n\nconst onStopConfirm = async () => {\n uploadQueuesStore.stopUpload(props.queueKey)\n uploadQueueDialog.value = null\n}\n\nconst onSave = async () => {\n // The spinning button still takes Enter and Space: a save that runs is not sent again.\n if (saveButtonLoading.value \|\| saveAndCloseButtonLoading.value) return\n const itemsRaw = toRaw(items.value)\n if (itemsRaw.length === 0) return\n saveButtonLoading.value = true\n v$.value.$touch()\n if (v$.value.$invalid) {\n showValidationError()\n saveButtonLoading.value = false\n return\n }\n try {\n await bulkUpdateAssetsMetadata(damClient, endPointAsset, itemsRaw)\n showRecordWas('updated')\n } catch (error) {\n showMetadataSaveError(error, props.extSystem, damConfigName)\n } finally {\n saveButtonLoading.value = false\n }\n}\n\nconst onSaveAndApply = async () => {\n if (saveButtonLoading.value \|\| saveAndCloseButtonLoading.value) return\n const itemsRaw = toRaw(items.value)\n if (itemsRaw.length === 0) return\n saveAndCloseButtonLoading.value = true\n // The save skips a row without its form: its image is handed over without texts, and its asset stays unsaved. Such\n // a row is asked about once more, as its own refresh asks. A form that comes of it is one the user has not seen:\n // nothing is saved or handed over until the button is pressed again. Where none comes, all goes on as it did.\n const withoutForm = itemsRaw.filter(isUploadedWithoutForm)\n if (withoutForm.length > 0) {\n const shownFor = uploadQueueDialog.value\n await Promise.all(\n withoutForm.map((item) => uploadQueuesStore.refreshAsset(item.assetId, { queueKey: props.queueKey }))\n )\n // Closed while the rows were read (its queue stopped and emptied with it): nothing is saved or handed over. The\n // save went out once the read had answered, for a queue the user had left.\n if (disposed \|\| uploadQueueDialog.value !== shownFor) {\n saveAndCloseButtonLoading.value = false\n return\n }\n // A row given up meanwhile for its asset gone (\"Asset už neexistuje.\"), by this read as the one too many to miss\n // it or by another, is not handed over: the user is told why, as by its refresh. Uploaded before the read, the row\n // was given up by nothing earlier.\n if (withoutForm.some((item) => uploadQueuesStore.isGivenUpMissing(item))) {\n showWarningT('common.damImage.queueItem.assetGone')\n }\n if (withoutForm.some((item) => item.canEditMetadata)) {\n showWarningT('common.damImage.upload.metadataJustLoaded')\n saveAndCloseButtonLoading.value = false\n return\n }\n }\n v$.value.$touch()\n if (v$.value.$invalid) {\n showValidationError()\n saveAndCloseButtonLoading.value = false\n return\n }\n try {\n let res: AssetMetadataBulkItem[]\n try {\n res = await bulkUpdateAssetsMetadata(damClient, endPointAsset, itemsRaw)\n } catch (error) {\n showMetadataSaveError(error, props.extSystem, damConfigName)\n return\n }\n const uploaded = itemsRaw.filter(isUploaded)\n const mappedItems = customUploadMetadataToImageMap\n ? await customUploadMetadataToImageMap(uploaded, res, damClient, props.extSystem, props.licenceId)\n : await mapUploadMetadataToImages(uploaded, res, damClient, props.extSystem, props.licenceId, endPointAuthor)\n // The save skips a row whose metadata never came, and its image is handed over all the same, without authors.\n // Whether its asset has any is not known: the authors of the DAM are offered only for an asset the save answered\n // for, or those picked in the widget would replace the ones the asset has.\n const savedAssetIds = new Set(res.map((saved) => saved.id))\n // No position is given here: the widget that takes the images gives each its own, after the last it has, also\n // over one a mapping of the application may have put into the image.\n const storeItems: ImageStoreItem[] = mappedItems.map((item) => ({\n key: generateUUIDv1(),\n ...item,\n damAuthors: item.authorIds ?? [],\n showDamAuthors: !!item.assetId && savedAssetIds.has(item.assetId) && (item.authorIds ?? []).length === 0,\n assetId: item.assetId ?? undefined,\n }))\n emit('apply', storeItems)\n } catch (error) {\n // The save is said above. What follows it, the images made of its answer, is said as it was before.\n showErrorsDefault(error)\n } finally {\n saveAndCloseButtonLoading.value = false\n }\n}\n\nconst assetDetailStore = useAssetDetailStore()\nconst { updateUploadStore } = storeToRefs(assetDetailStore)\n\nconst showDetail = async (id: DocId) => {\n updateUploadStore.value = true\n try {\n await assetDetailStore.open(props.queueKey, () => fetchAsset(damClient, endPointAsset, id))\n } catch (e) {\n showErrorsDefault(e)\n }\n}\n</script>\n\n<template>\n <VDialog\n :model-value=\"true\"\n fullscreen\n scrollable\n class=\"overlay--sidebar\"\n >\n <VCard>\n <div class=\"asset-footer__upload asset-footer--full asset-footer__upload--full pa-0\">\n <div class=\"d-flex w-100 h-100 flex-column\">\n <VToolbar\n class=\"w-100 border-b pr-1\"\n :color=\"toolbarColor\"\n density=\"compact\"\n :height=\"64\"\n style=\"overflow-x: auto\"\n >\n <div class=\"d-flex align-center px-2\">\n <div>\n <div\n v-if=\"isUploading\"\n class=\"text-label-large d-flex align-center\"\n >\n {{ t('common.damImage.upload.title') }}\n </div>\n <div\n v-else\n class=\"text-label-large d-flex align-center text-green-darken-3 font-weight-bold\"\n >\n {{ t('common.damImage.upload.titleDone') }}\n </div>\n </div>\n </div>\n <VSpacer />\n <div\n v-if=\"isUploading\"\n class=\"text-body-small d-flex align-center\"\n >\n <VProgressCircular\n indeterminate\n color=\"primary\"\n size=\"16\"\n width=\"2\"\n class=\"mr-1\"\n />\n <div>{{ t('common.damImage.upload.uploading') }} {{ queueProcessedCount + 1 }}/{{ queueTotalCount }}</div>\n </div>\n <div class=\"d-flex align-center pr-3\">\n <VDivider\n v-show=\"isUploading\"\n vertical\n class=\"mx-4 my-2\"\n />\n <ABtnPrimary\n v-if=\"isFinished\"\n :height=\"36\"\n class=\"mr-2\"\n rounded=\"pill\"\n :loading=\"saveAndCloseButtonLoading\"\n :disabled=\"saveButtonLoading \|\| nothingToApply\"\n @click.stop=\"onSaveAndApply\"\n >\n {{ mdAndDown ? t('common.damImage.upload.apply') : t('common.damImage.upload.saveAndApply') }}\n </ABtnPrimary>\n <VBtn\n :aria-label=\"t('common.damImage.upload.save')\"\n variant=\"text\"\n :height=\"36\"\n :width=\"36\"\n class=\"mr-2 text-medium-emphasis\"\n icon\n :loading=\"saveButtonLoading\"\n :disabled=\"saveAndCloseButtonLoading \|\| nothingToSave\"\n @click.stop=\"onSave\"\n >\n <VIcon icon=\"mdi-content-save\" />\n <VTooltip\n activator=\"parent\"\n location=\"bottom\"\n >\n {{ t('common.damImage.upload.save') }}\n </VTooltip>\n </VBtn>\n <!-- No file is added while a save runs: \"save and apply\" ends with the host closing the dialog and\n emptying its queue, and a file added meanwhile went with it, half uploaded and without a word. -->\n <AFileInput\n :file-input-key=\"fileInputKey\"\n :accept=\"accept\"\n :max-sizes=\"maxSizes\"\n multiple\n @files-input=\"emit('filesInput', $event)\"\n >\n <template #activator=\"{ props: fileInputProps }\">\n <VBtn\n :aria-label=\"t('common.damImage.upload.add')\"\n icon\n variant=\"text\"\n :height=\"34\"\n :width=\"34\"\n class=\"text-medium-emphasis\"\n :disabled=\"saveButtonLoading \|\| saveAndCloseButtonLoading\"\n v-bind=\"fileInputProps\"\n >\n <VIcon icon=\"mdi-plus\" />\n <VTooltip\n activator=\"parent\"\n location=\"bottom\"\n >\n {{ t('common.damImage.upload.add') }}\n </VTooltip>\n </VBtn>\n </template>\n </AFileInput>\n <VDivider\n vertical\n class=\"mx-4 my-2\"\n />\n <VBtn\n :aria-label=\"t('common.damImage.asset.massOperations.title')\"\n :height=\"36\"\n :width=\"36\"\n :active=\"uploadQueueSidebar\"\n :variant=\"uploadQueueSidebar ? 'flat' : 'text'\"\n :color=\"uploadQueueSidebar ? 'secondary' : ''\"\n class=\"mr-2 text-medium-emphasis\"\n icon\n @click.stop=\"toggleUploadQueueSidebar\"\n >\n <VIcon icon=\"mdi-tag-text-outline\" />\n <VTooltip\n activator=\"parent\"\n location=\"bottom\"\n >\n {{ t('common.damImage.asset.massOperations.title') }}\n </VTooltip>\n </VBtn>\n <UploadQueueButtonStop\n data-cy=\"button-close\"\n :button-size=\"36\"\n :is-uploading=\"isUploading\"\n @confirm=\"onStopConfirm\"\n />\n </div>\n </VToolbar>\n <UploadQueueEditable\n :queue-key=\"queueKey\"\n :ext-system=\"extSystem\"\n :config-name=\"damConfigName\"\n :mass-operations=\"uploadQueueSidebar\"\n @show-detail=\"showDetail\"\n />\n </div>\n <AImageDropzone\n variant=\"fill\"\n transparent\n hover-only\n :accept=\"accept\"\n :max-sizes=\"maxSizes\"\n :disabled=\"saveButtonLoading \|\| saveAndCloseButtonLoading\"\n @drop=\"emit('drop', $event)\"\n />\n </div>\n </VCard>\n </VDialog>\n</template>\n"],"mappings":""}
1	+ {"version":3,"file":"UploadQueueDialog.js","names":["_sfc_main","UploadQueueDialog_vue_vue_type_script_setup_true_lang_default","UploadQueueDialog_default"],"sources":["../../../../../src/domains/dam/uploadQueue/components/UploadQueueDialog.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport {\n useUploadQueueDialog,\n useUploadQueueDialogDrawn,\n} from '@/domains/dam/uploadQueue/composables/useUploadQueueDialog'\nimport { useI18n } from 'vue-i18n'\nimport UploadQueueEditable from '@/domains/dam/uploadQueue/components/UploadQueueEditable.vue'\nimport { useUploadQueuesStore } from '@/domains/dam/uploadQueue/store/uploadQueuesStore'\nimport { computed, onBeforeUnmount, ref, toRaw, watch } from 'vue'\nimport { useDisplay } from 'vuetify'\nimport { useTheme } from '@/domains/system/composables/themeSettings'\nimport UploadQueueButtonStop from '@/domains/dam/uploadQueue/components/UploadQueueButtonStop.vue'\nimport useVuelidate from '@vuelidate/core'\nimport { useAlerts } from '@/domains/system/composables/alerts'\nimport {\n type AssetMetadataBulkItem,\n bulkUpdateAssetsMetadata,\n fetchAsset,\n hasMetadataToSave,\n showMetadataSaveError,\n} from '@/domains/dam/api/damAssetApi'\nimport { useCommonAdminCoreDamOptions } from '@/domains/dam/composables/commonAdminCoreDamOptions'\nimport AFileInput from '@/domains/ui/file/components/AFileInput.vue'\nimport AImageDropzone from '@/domains/ui/file/components/AFileDropzone.vue'\nimport type { ImageStoreItem } from '@/domains/dam/types/ImageAware'\nimport type { DocId, IntegerId } from '@/shared/types/common'\nimport { type UploadQueueItem, UploadQueueItemStatus } from '@/domains/dam/types/UploadQueue'\nimport { generateUUIDv1 } from '@/shared/utils/generator'\nimport { mapUploadMetadataToImages } from '@/domains/dam/imageWidget/utils/metadataToImageMap'\nimport { storeToRefs } from 'pinia'\nimport { useAssetDetailStore } from '@/domains/dam/assetDetail/store/assetDetailStore'\nimport { useDamConfigName } from '@/domains/dam/composables/damConfigName'\nimport { isNull } from '@/shared/utils/common'\n\nconst props = withDefaults(\n defineProps<{\n queueKey: string\n licenceId: IntegerId\n fileInputKey: number\n extSystem: IntegerId\n accept: string \| undefined\n maxSizes: Record<string, number> \| undefined\n configName?: string\n }>(),\n {\n configName: undefined,\n }\n)\n\nconst emit = defineEmits<{\n (e: 'drop', files: File[]): void\n (e: 'filesInput', files: File[]): void\n (e: 'apply', items: ImageStoreItem[]): void\n}>()\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst damConfigName = useDamConfigName(props.configName)\n\nconst { uploadQueueDialog, uploadQueueDialogSaving, uploadQueueSidebar, toggleUploadQueueSidebar } =\n useUploadQueueDialog()\n\nconst uploadQueuesStore = useUploadQueuesStore()\nconst queueTotalCount = computed(() => {\n return uploadQueuesStore.getQueueTotalCount(props.queueKey)\n})\n\nconst items = computed(() => {\n return uploadQueuesStore.getQueueItems(props.queueKey)\n})\n\nconst queueProcessedCount = computed(() => {\n return uploadQueuesStore.getQueueProcessedCount(props.queueKey)\n})\n\nconst isUploading = computed(() => {\n return queueTotalCount.value > queueProcessedCount.value\n})\n\nconst isFinished = computed(() => {\n return queueTotalCount.value === queueProcessedCount.value\n})\n\n// Failed uploads and items still waiting for metadata have nothing to\n// save. Without this check \"save\" would send nothing and report success.\nconst nothingToSave = computed(() => !items.value.some(hasMetadataToSave))\n// \"Save and apply\" hands over the items with status uploaded, saved or not. Duplicates and copies count as uploaded.\n// A failed item also has asset and file ids, but it is not an image to hand over.\nconst isUploaded = (item: UploadQueueItem) => item.status === UploadQueueItemStatus.Uploaded\nconst nothingToApply = computed(() => !items.value.some(isUploaded))\n// An uploaded row whose metadata did not arrive because its notification is late or lost. Its form is disabled.\nconst isUploadedWithoutForm = (item: UploadQueueItem): item is UploadQueueItem & { assetId: DocId } =>\n isUploaded(item) && !item.canEditMetadata && !isNull(item.assetId)\n\nconst { t } = useI18n()\nconst { toolbarColor } = useTheme()\nconst { mdAndDown } = useDisplay()\nconst v$ = useVuelidate({ $stopPropagation: true })\nconst { showRecordWas, showValidationError, showErrorsDefault, showWarningT } = useAlerts()\nconst { damClient, endPointAsset, endPointAuthor, customUploadMetadataToImageMap } =\n useCommonAdminCoreDamOptions(damConfigName)\n\nconst saveButtonLoading = ref(false)\nconst saveAndCloseButtonLoading = ref(false)\n\n// Exposed outside the dialog while either save runs, so the host\n// accepts no file for this queue through its own entry points.\n// The \"+\" and the dropzone here are disabled for the same reason.\n// Reset when the dialog closes, also mid-save, because that save may end after another dialog has started its own.\nwatch(\n () => saveButtonLoading.value \|\| saveAndCloseButtonLoading.value,\n (saving) => {\n uploadQueueDialogSaving.value = saving ? props.queueKey : null\n },\n { flush: 'sync' }\n)\n// A save and apply that waits for row reads stops there once the dialog has unmounted.\nlet disposed = false\nonBeforeUnmount(() => {\n disposed = true\n if (uploadQueueDialogSaving.value === props.queueKey) uploadQueueDialogSaving.value = null\n})\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nuseUploadQueueDialogDrawn(props.queueKey)\n\nconst onStopConfirm = async () => {\n uploadQueuesStore.stopUpload(props.queueKey)\n uploadQueueDialog.value = null\n}\n\nconst onSave = async () => {\n // The loading button still reacts to Enter and Space. This prevents sending a running save again.\n if (saveButtonLoading.value \|\| saveAndCloseButtonLoading.value) return\n const itemsRaw = toRaw(items.value)\n if (itemsRaw.length === 0) return\n saveButtonLoading.value = true\n v$.value.$touch()\n if (v$.value.$invalid) {\n showValidationError()\n saveButtonLoading.value = false\n return\n }\n try {\n await bulkUpdateAssetsMetadata(damClient, endPointAsset, itemsRaw)\n showRecordWas('updated')\n } catch (error) {\n showMetadataSaveError(error, props.extSystem, damConfigName)\n } finally {\n saveButtonLoading.value = false\n }\n}\n\nconst onSaveAndApply = async () => {\n if (saveButtonLoading.value \|\| saveAndCloseButtonLoading.value) return\n const itemsRaw = toRaw(items.value)\n if (itemsRaw.length === 0) return\n saveAndCloseButtonLoading.value = true\n // The save skips a row without its form. Its image would be handed over without texts and its asset left unsaved.\n // Such rows are read once more, as their refresh does.\n // A form that arrives this way has not been seen by the user, so\n // nothing is saved or handed over until the button is pressed again.\n // If no form arrives, the save continues as before.\n const withoutForm = itemsRaw.filter(isUploadedWithoutForm)\n if (withoutForm.length > 0) {\n const shownFor = uploadQueueDialog.value\n await Promise.all(\n withoutForm.map((item) => uploadQueuesStore.refreshAsset(item.assetId, { queueKey: props.queueKey }))\n )\n // The dialog closed during the read and its queue was stopped and emptied. Nothing is saved or handed over.\n // Otherwise the save would go out for a queue the user has left.\n if (disposed \|\| uploadQueueDialog.value !== shownFor) {\n saveAndCloseButtonLoading.value = false\n return\n }\n // A row given up meanwhile because its asset is gone (\"Asset už\n // neexistuje.\") is not handed over. The user is warned, as on refresh.\n // It may be given up by this read or by another one. A row\n // uploaded before the read could not have been given up earlier.\n if (withoutForm.some((item) => uploadQueuesStore.isGivenUpMissing(item))) {\n showWarningT('common.damImage.queueItem.assetGone')\n }\n if (withoutForm.some((item) => item.canEditMetadata)) {\n showWarningT('common.damImage.upload.metadataJustLoaded')\n saveAndCloseButtonLoading.value = false\n return\n }\n }\n v$.value.$touch()\n if (v$.value.$invalid) {\n showValidationError()\n saveAndCloseButtonLoading.value = false\n return\n }\n try {\n let res: AssetMetadataBulkItem[]\n try {\n res = await bulkUpdateAssetsMetadata(damClient, endPointAsset, itemsRaw)\n } catch (error) {\n showMetadataSaveError(error, props.extSystem, damConfigName)\n return\n }\n const uploaded = itemsRaw.filter(isUploaded)\n const mappedItems = customUploadMetadataToImageMap\n ? await customUploadMetadataToImageMap(uploaded, res, damClient, props.extSystem, props.licenceId)\n : await mapUploadMetadataToImages(uploaded, res, damClient, props.extSystem, props.licenceId, endPointAuthor)\n // The save skips a row whose metadata never came, but its image is still handed over, without authors.\n // Its DAM authors are unknown. They are offered only for assets the save answered\n // for, otherwise the widget's picked authors would replace the asset's own.\n const savedAssetIds = new Set(res.map((saved) => saved.id))\n // No position is set here. The receiving widget assigns each image a position\n // after its last one, overriding any position an application mapping set.\n const storeItems: ImageStoreItem[] = mappedItems.map((item) => ({\n key: generateUUIDv1(),\n ...item,\n damAuthors: item.authorIds ?? [],\n showDamAuthors: !!item.assetId && savedAssetIds.has(item.assetId) && (item.authorIds ?? []).length === 0,\n assetId: item.assetId ?? undefined,\n }))\n emit('apply', storeItems)\n } catch (error) {\n showErrorsDefault(error)\n } finally {\n saveAndCloseButtonLoading.value = false\n }\n}\n\nconst assetDetailStore = useAssetDetailStore()\nconst { updateUploadStore } = storeToRefs(assetDetailStore)\n\nconst showDetail = async (id: DocId) => {\n updateUploadStore.value = true\n try {\n await assetDetailStore.open(props.queueKey, () => fetchAsset(damClient, endPointAsset, id))\n } catch (e) {\n showErrorsDefault(e)\n }\n}\n</script>\n\n<template>\n <VDialog\n :model-value=\"true\"\n fullscreen\n scrollable\n class=\"overlay--sidebar\"\n >\n <VCard>\n <div class=\"asset-footer__upload asset-footer--full asset-footer__upload--full pa-0\">\n <div class=\"d-flex w-100 h-100 flex-column\">\n <VToolbar\n class=\"w-100 border-b pr-1\"\n :color=\"toolbarColor\"\n density=\"compact\"\n :height=\"64\"\n style=\"overflow-x: auto\"\n >\n <div class=\"d-flex align-center px-2\">\n <div>\n <div\n v-if=\"isUploading\"\n class=\"text-label-large d-flex align-center\"\n >\n {{ t('common.damImage.upload.title') }}\n </div>\n <div\n v-else\n class=\"text-label-large d-flex align-center text-green-darken-3 font-weight-bold\"\n >\n {{ t('common.damImage.upload.titleDone') }}\n </div>\n </div>\n </div>\n <VSpacer />\n <div\n v-if=\"isUploading\"\n class=\"text-body-small d-flex align-center\"\n >\n <VProgressCircular\n indeterminate\n color=\"primary\"\n size=\"16\"\n width=\"2\"\n class=\"mr-1\"\n />\n <div>{{ t('common.damImage.upload.uploading') }} {{ queueProcessedCount + 1 }}/{{ queueTotalCount }}</div>\n </div>\n <div class=\"d-flex align-center pr-3\">\n <VDivider\n v-show=\"isUploading\"\n vertical\n class=\"mx-4 my-2\"\n />\n <ABtnPrimary\n v-if=\"isFinished\"\n :height=\"36\"\n class=\"mr-2\"\n rounded=\"pill\"\n :loading=\"saveAndCloseButtonLoading\"\n :disabled=\"saveButtonLoading \|\| nothingToApply\"\n @click.stop=\"onSaveAndApply\"\n >\n {{ mdAndDown ? t('common.damImage.upload.apply') : t('common.damImage.upload.saveAndApply') }}\n </ABtnPrimary>\n <VBtn\n :aria-label=\"t('common.damImage.upload.save')\"\n variant=\"text\"\n :height=\"36\"\n :width=\"36\"\n class=\"mr-2 text-medium-emphasis\"\n icon\n :loading=\"saveButtonLoading\"\n :disabled=\"saveAndCloseButtonLoading \|\| nothingToSave\"\n @click.stop=\"onSave\"\n >\n <VIcon icon=\"mdi-content-save\" />\n <VTooltip\n activator=\"parent\"\n location=\"bottom\"\n >\n {{ t('common.damImage.upload.save') }}\n </VTooltip>\n </VBtn>\n <!--\n No file can be added while a save runs. \"Save and apply\" ends\n with the host closing the dialog and emptying its queue.\n A file added meanwhile would be dropped half uploaded, without notice.\n -->\n <AFileInput\n :file-input-key=\"fileInputKey\"\n :accept=\"accept\"\n :max-sizes=\"maxSizes\"\n multiple\n @files-input=\"emit('filesInput', $event)\"\n >\n <template #activator=\"{ props: fileInputProps }\">\n <VBtn\n :aria-label=\"t('common.damImage.upload.add')\"\n icon\n variant=\"text\"\n :height=\"34\"\n :width=\"34\"\n class=\"text-medium-emphasis\"\n :disabled=\"saveButtonLoading \|\| saveAndCloseButtonLoading\"\n v-bind=\"fileInputProps\"\n >\n <VIcon icon=\"mdi-plus\" />\n <VTooltip\n activator=\"parent\"\n location=\"bottom\"\n >\n {{ t('common.damImage.upload.add') }}\n </VTooltip>\n </VBtn>\n </template>\n </AFileInput>\n <VDivider\n vertical\n class=\"mx-4 my-2\"\n />\n <VBtn\n :aria-label=\"t('common.damImage.asset.massOperations.title')\"\n :height=\"36\"\n :width=\"36\"\n :active=\"uploadQueueSidebar\"\n :variant=\"uploadQueueSidebar ? 'flat' : 'text'\"\n :color=\"uploadQueueSidebar ? 'secondary' : ''\"\n class=\"mr-2 text-medium-emphasis\"\n icon\n @click.stop=\"toggleUploadQueueSidebar\"\n >\n <VIcon icon=\"mdi-tag-text-outline\" />\n <VTooltip\n activator=\"parent\"\n location=\"bottom\"\n >\n {{ t('common.damImage.asset.massOperations.title') }}\n </VTooltip>\n </VBtn>\n <UploadQueueButtonStop\n data-cy=\"button-close\"\n :button-size=\"36\"\n :is-uploading=\"isUploading\"\n @confirm=\"onStopConfirm\"\n />\n </div>\n </VToolbar>\n <UploadQueueEditable\n :queue-key=\"queueKey\"\n :ext-system=\"extSystem\"\n :config-name=\"damConfigName\"\n :mass-operations=\"uploadQueueSidebar\"\n @show-detail=\"showDetail\"\n />\n </div>\n <AImageDropzone\n variant=\"fill\"\n transparent\n hover-only\n :accept=\"accept\"\n :max-sizes=\"maxSizes\"\n :disabled=\"saveButtonLoading \|\| saveAndCloseButtonLoading\"\n @drop=\"emit('drop', $event)\"\n />\n </div>\n </VCard>\n </VDialog>\n</template>\n"],"mappings":""}

package/dist/domains/dam/uploadQueue/components/UploadQueueDialog.vue_vue_type_script_setup_true_lang.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"UploadQueueDialog.vue_vue_type_script_setup_true_lang.js","names":["_resolveComponent","_openBlock","_createBlock","_component_VDialog","_withCtx","_createVNode","_component_VCard","_createElementVNode","_component_VToolbar","_unref","_createElementBlock","_toDisplayString","_component_VSpacer","_component_VProgressCircular","_createCommentVNode","_withDirectives","_component_VDivider","_vShow","_withModifiers","_createTextVNode","_component_VBtn","_component_VIcon","_component_VTooltip","AFileInput","_mergeProps","UploadQueueButtonStop","UploadQueueEditable","AImageDropzone","AFileDropzone_default","AFileInput_default","UploadQueueEditable_default","UploadQueueButtonStop_default","useVuelidate","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","UploadQueueDialog_vue_vue_type_script_setup_true_lang_default","__emit","props","__props","emit","damConfigName","useDamConfigName","useUploadQueueDialog","uploadQueuesStore","useUploadQueuesStore","queueTotalCount","computed","items","queueProcessedCount","isUploading","isFinished","nothingToSave","hasMetadataToSave","isUploaded","item","UploadQueueItemStatus","nothingToApply","isUploadedWithoutForm","isNull","useI18n","useTheme","useDisplay","v$","useAlerts","useCommonAdminCoreDamOptions","saveButtonLoading","ref","saveAndCloseButtonLoading","saving","disposed","onBeforeUnmount","uploadQueueDialogSaving","useUploadQueueDialogDrawn","onStopConfirm","onSave","itemsRaw","toRaw","showValidationError","bulkUpdateAssetsMetadata","damClient","endPointAsset","showRecordWas","error","onSaveAndApply","withoutForm","shownFor","uploadQueueDialog","showWarningT","res","uploaded","mappedItems","customUploadMetadataToImageMap","mapUploadMetadataToImages","endPointAuthor","savedAssetIds","saved","storeItems","generateUUIDv1","assetDetailStore","useAssetDetailStore","storeToRefs","showDetail","fetchAsset","id","_component_ABtnPrimary","resolveComponent","openBlock","createBlock","VDialog","withCtx","createVNode","VCard","createElementVNode","VToolbar","unref","toolbarColor","createElementBlock","toDisplayString","t","VSpacer","VProgressCircular","createCommentVNode","withDirectives","VDivider","vShow","withModifiers","createTextVNode","mdAndDown","VBtn","VIcon","VTooltip","_cache","$event","fileInputProps","mergeProps","uploadQueueSidebar","toggleUploadQueueSidebar"],"sources":["../../../../../src/domains/dam/uploadQueue/components/UploadQueueDialog.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport {\n useUploadQueueDialog,\n useUploadQueueDialogDrawn,\n} from '@/domains/dam/uploadQueue/composables/useUploadQueueDialog'\nimport { useI18n } from 'vue-i18n'\nimport UploadQueueEditable from '@/domains/dam/uploadQueue/components/UploadQueueEditable.vue'\nimport { useUploadQueuesStore } from '@/domains/dam/uploadQueue/store/uploadQueuesStore'\nimport { computed, onBeforeUnmount, ref, toRaw, watch } from 'vue'\nimport { useDisplay } from 'vuetify'\nimport { useTheme } from '@/domains/system/composables/themeSettings'\nimport UploadQueueButtonStop from '@/domains/dam/uploadQueue/components/UploadQueueButtonStop.vue'\nimport useVuelidate from '@vuelidate/core'\nimport { useAlerts } from '@/domains/system/composables/alerts'\nimport {\n type AssetMetadataBulkItem,\n bulkUpdateAssetsMetadata,\n fetchAsset,\n hasMetadataToSave,\n showMetadataSaveError,\n} from '@/domains/dam/api/damAssetApi'\nimport { useCommonAdminCoreDamOptions } from '@/domains/dam/composables/commonAdminCoreDamOptions'\nimport AFileInput from '@/domains/ui/file/components/AFileInput.vue'\nimport AImageDropzone from '@/domains/ui/file/components/AFileDropzone.vue'\nimport type { ImageStoreItem } from '@/domains/dam/types/ImageAware'\nimport type { DocId, IntegerId } from '@/shared/types/common'\nimport { type UploadQueueItem, UploadQueueItemStatus } from '@/domains/dam/types/UploadQueue'\nimport { generateUUIDv1 } from '@/shared/utils/generator'\nimport { mapUploadMetadataToImages } from '@/domains/dam/imageWidget/utils/metadataToImageMap'\nimport { storeToRefs } from 'pinia'\nimport { useAssetDetailStore } from '@/domains/dam/assetDetail/store/assetDetailStore'\nimport { useDamConfigName } from '@/domains/dam/composables/damConfigName'\nimport { isNull } from '@/shared/utils/common'\n\nconst props = withDefaults(\n defineProps<{\n queueKey: string\n licenceId: IntegerId\n fileInputKey: number\n extSystem: IntegerId\n accept: string \| undefined\n maxSizes: Record<string, number> \| undefined\n configName?: string\n }>(),\n {\n configName: undefined,\n }\n)\n\nconst emit = defineEmits<{\n (e: 'drop', files: File[]): void\n (e: 'filesInput', files: File[]): void\n (e: 'apply', items: ImageStoreItem[]): void\n}>()\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst damConfigName = useDamConfigName(props.configName)\n\nconst { uploadQueueDialog, uploadQueueDialogSaving, uploadQueueSidebar, toggleUploadQueueSidebar } =\n useUploadQueueDialog()\n\nconst uploadQueuesStore = useUploadQueuesStore()\nconst queueTotalCount = computed(() => {\n return uploadQueuesStore.getQueueTotalCount(props.queueKey)\n})\n\nconst items = computed(() => {\n return uploadQueuesStore.getQueueItems(props.queueKey)\n})\n\nconst queueProcessedCount = computed(() => {\n return uploadQueuesStore.getQueueProcessedCount(props.queueKey)\n})\n\nconst isUploading = computed(() => {\n return queueTotalCount.value > queueProcessedCount.value\n})\n\nconst isFinished = computed(() => {\n return queueTotalCount.value === queueProcessedCount.value\n})\n\n// Failed uploads, items still waiting for their metadata: \"save\" would send nothing and report it saved.\nconst nothingToSave = computed(() => !items.value.some(hasMetadataToSave))\n// \"Save and apply\" hands the widget the items settled as uploaded (a duplicate and a copy are), saved or not: a\n// failed one has its asset and file ids too, and is no image to hand over.\nconst isUploaded = (item: UploadQueueItem) => item.status === UploadQueueItemStatus.Uploaded\nconst nothingToApply = computed(() => !items.value.some(isUploaded))\n// An uploaded row whose metadata did not come with its file, by a notification that is late or lost: its form is off.\nconst isUploadedWithoutForm = (item: UploadQueueItem): item is UploadQueueItem & { assetId: DocId } =>\n isUploaded(item) && !item.canEditMetadata && !isNull(item.assetId)\n\nconst { t } = useI18n()\nconst { toolbarColor } = useTheme()\nconst { mdAndDown } = useDisplay()\nconst v$ = useVuelidate({ $stopPropagation: true })\nconst { showRecordWas, showValidationError, showErrorsDefault, showWarningT } = useAlerts()\nconst { damClient, endPointAsset, endPointAuthor, customUploadMetadataToImageMap } =\n useCommonAdminCoreDamOptions(damConfigName)\n\nconst saveButtonLoading = ref(false)\nconst saveAndCloseButtonLoading = ref(false)\n\n// Known outside the dialog for as long as either save runs, from the moment it begins: its host takes no file for\n// this queue through an entry of its own meanwhile, as the \"+\" and the dropzone here take none. Taken back with the\n// dialog, also when it goes in the middle of a save: that save may end after another dialog has begun its own.\nwatch(\n () => saveButtonLoading.value \|\| saveAndCloseButtonLoading.value,\n (saving) => {\n uploadQueueDialogSaving.value = saving ? props.queueKey : null\n },\n { flush: 'sync' }\n)\n// A save and apply that waits for the rows it reads ends there once the dialog has gone.\nlet disposed = false\nonBeforeUnmount(() => {\n disposed = true\n if (uploadQueueDialogSaving.value === props.queueKey) uploadQueueDialogSaving.value = null\n})\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nuseUploadQueueDialogDrawn(props.queueKey)\n\nconst onStopConfirm = async () => {\n uploadQueuesStore.stopUpload(props.queueKey)\n uploadQueueDialog.value = null\n}\n\nconst onSave = async () => {\n // The spinning button still takes Enter and Space: a save that runs is not sent again.\n if (saveButtonLoading.value \|\| saveAndCloseButtonLoading.value) return\n const itemsRaw = toRaw(items.value)\n if (itemsRaw.length === 0) return\n saveButtonLoading.value = true\n v$.value.$touch()\n if (v$.value.$invalid) {\n showValidationError()\n saveButtonLoading.value = false\n return\n }\n try {\n await bulkUpdateAssetsMetadata(damClient, endPointAsset, itemsRaw)\n showRecordWas('updated')\n } catch (error) {\n showMetadataSaveError(error, props.extSystem, damConfigName)\n } finally {\n saveButtonLoading.value = false\n }\n}\n\nconst onSaveAndApply = async () => {\n if (saveButtonLoading.value \|\| saveAndCloseButtonLoading.value) return\n const itemsRaw = toRaw(items.value)\n if (itemsRaw.length === 0) return\n saveAndCloseButtonLoading.value = true\n // The save skips a row without its form: its image is handed over without texts, and its asset stays unsaved. Such\n // a row is asked about once more, as its own refresh asks. A form that comes of it is one the user has not seen:\n // nothing is saved or handed over until the button is pressed again. Where none comes, all goes on as it did.\n const withoutForm = itemsRaw.filter(isUploadedWithoutForm)\n if (withoutForm.length > 0) {\n const shownFor = uploadQueueDialog.value\n await Promise.all(\n withoutForm.map((item) => uploadQueuesStore.refreshAsset(item.assetId, { queueKey: props.queueKey }))\n )\n // Closed while the rows were read (its queue stopped and emptied with it): nothing is saved or handed over. The\n // save went out once the read had answered, for a queue the user had left.\n if (disposed \|\| uploadQueueDialog.value !== shownFor) {\n saveAndCloseButtonLoading.value = false\n return\n }\n // A row given up meanwhile for its asset gone (\"Asset už neexistuje.\"), by this read as the one too many to miss\n // it or by another, is not handed over: the user is told why, as by its refresh. Uploaded before the read, the row\n // was given up by nothing earlier.\n if (withoutForm.some((item) => uploadQueuesStore.isGivenUpMissing(item))) {\n showWarningT('common.damImage.queueItem.assetGone')\n }\n if (withoutForm.some((item) => item.canEditMetadata)) {\n showWarningT('common.damImage.upload.metadataJustLoaded')\n saveAndCloseButtonLoading.value = false\n return\n }\n }\n v$.value.$touch()\n if (v$.value.$invalid) {\n showValidationError()\n saveAndCloseButtonLoading.value = false\n return\n }\n try {\n let res: AssetMetadataBulkItem[]\n try {\n res = await bulkUpdateAssetsMetadata(damClient, endPointAsset, itemsRaw)\n } catch (error) {\n showMetadataSaveError(error, props.extSystem, damConfigName)\n return\n }\n const uploaded = itemsRaw.filter(isUploaded)\n const mappedItems = customUploadMetadataToImageMap\n ? await customUploadMetadataToImageMap(uploaded, res, damClient, props.extSystem, props.licenceId)\n : await mapUploadMetadataToImages(uploaded, res, damClient, props.extSystem, props.licenceId, endPointAuthor)\n // The save skips a row whose metadata never came, and its image is handed over all the same, without authors.\n // Whether its asset has any is not known: the authors of the DAM are offered only for an asset the save answered\n // for, or those picked in the widget would replace the ones the asset has.\n const savedAssetIds = new Set(res.map((saved) => saved.id))\n // No position is given here: the widget that takes the images gives each its own, after the last it has, also\n // over one a mapping of the application may have put into the image.\n const storeItems: ImageStoreItem[] = mappedItems.map((item) => ({\n key: generateUUIDv1(),\n ...item,\n damAuthors: item.authorIds ?? [],\n showDamAuthors: !!item.assetId && savedAssetIds.has(item.assetId) && (item.authorIds ?? []).length === 0,\n assetId: item.assetId ?? undefined,\n }))\n emit('apply', storeItems)\n } catch (error) {\n // The save is said above. What follows it, the images made of its answer, is said as it was before.\n showErrorsDefault(error)\n } finally {\n saveAndCloseButtonLoading.value = false\n }\n}\n\nconst assetDetailStore = useAssetDetailStore()\nconst { updateUploadStore } = storeToRefs(assetDetailStore)\n\nconst showDetail = async (id: DocId) => {\n updateUploadStore.value = true\n try {\n await assetDetailStore.open(props.queueKey, () => fetchAsset(damClient, endPointAsset, id))\n } catch (e) {\n showErrorsDefault(e)\n }\n}\n</script>\n\n<template>\n <VDialog\n :model-value=\"true\"\n fullscreen\n scrollable\n class=\"overlay--sidebar\"\n >\n <VCard>\n <div class=\"asset-footer__upload asset-footer--full asset-footer__upload--full pa-0\">\n <div class=\"d-flex w-100 h-100 flex-column\">\n <VToolbar\n class=\"w-100 border-b pr-1\"\n :color=\"toolbarColor\"\n density=\"compact\"\n :height=\"64\"\n style=\"overflow-x: auto\"\n >\n <div class=\"d-flex align-center px-2\">\n <div>\n <div\n v-if=\"isUploading\"\n class=\"text-label-large d-flex align-center\"\n >\n {{ t('common.damImage.upload.title') }}\n </div>\n <div\n v-else\n class=\"text-label-large d-flex align-center text-green-darken-3 font-weight-bold\"\n >\n {{ t('common.damImage.upload.titleDone') }}\n </div>\n </div>\n </div>\n <VSpacer />\n <div\n v-if=\"isUploading\"\n class=\"text-body-small d-flex align-center\"\n >\n <VProgressCircular\n indeterminate\n color=\"primary\"\n size=\"16\"\n width=\"2\"\n class=\"mr-1\"\n />\n <div>{{ t('common.damImage.upload.uploading') }} {{ queueProcessedCount + 1 }}/{{ queueTotalCount }}</div>\n </div>\n <div class=\"d-flex align-center pr-3\">\n <VDivider\n v-show=\"isUploading\"\n vertical\n class=\"mx-4 my-2\"\n />\n <ABtnPrimary\n v-if=\"isFinished\"\n :height=\"36\"\n class=\"mr-2\"\n rounded=\"pill\"\n :loading=\"saveAndCloseButtonLoading\"\n :disabled=\"saveButtonLoading \|\| nothingToApply\"\n @click.stop=\"onSaveAndApply\"\n >\n {{ mdAndDown ? t('common.damImage.upload.apply') : t('common.damImage.upload.saveAndApply') }}\n </ABtnPrimary>\n <VBtn\n :aria-label=\"t('common.damImage.upload.save')\"\n variant=\"text\"\n :height=\"36\"\n :width=\"36\"\n class=\"mr-2 text-medium-emphasis\"\n icon\n :loading=\"saveButtonLoading\"\n :disabled=\"saveAndCloseButtonLoading \|\| nothingToSave\"\n @click.stop=\"onSave\"\n >\n <VIcon icon=\"mdi-content-save\" />\n <VTooltip\n activator=\"parent\"\n location=\"bottom\"\n >\n {{ t('common.damImage.upload.save') }}\n </VTooltip>\n </VBtn>\n <!-- No file is added while a save runs: \"save and apply\" ends with the host closing the dialog and\n emptying its queue, and a file added meanwhile went with it, half uploaded and without a word. -->\n <AFileInput\n :file-input-key=\"fileInputKey\"\n :accept=\"accept\"\n :max-sizes=\"maxSizes\"\n multiple\n @files-input=\"emit('filesInput', $event)\"\n >\n <template #activator=\"{ props: fileInputProps }\">\n <VBtn\n :aria-label=\"t('common.damImage.upload.add')\"\n icon\n variant=\"text\"\n :height=\"34\"\n :width=\"34\"\n class=\"text-medium-emphasis\"\n :disabled=\"saveButtonLoading \|\| saveAndCloseButtonLoading\"\n v-bind=\"fileInputProps\"\n >\n <VIcon icon=\"mdi-plus\" />\n <VTooltip\n activator=\"parent\"\n location=\"bottom\"\n >\n {{ t('common.damImage.upload.add') }}\n </VTooltip>\n </VBtn>\n </template>\n </AFileInput>\n <VDivider\n vertical\n class=\"mx-4 my-2\"\n />\n <VBtn\n :aria-label=\"t('common.damImage.asset.massOperations.title')\"\n :height=\"36\"\n :width=\"36\"\n :active=\"uploadQueueSidebar\"\n :variant=\"uploadQueueSidebar ? 'flat' : 'text'\"\n :color=\"uploadQueueSidebar ? 'secondary' : ''\"\n class=\"mr-2 text-medium-emphasis\"\n icon\n @click.stop=\"toggleUploadQueueSidebar\"\n >\n <VIcon icon=\"mdi-tag-text-outline\" />\n <VTooltip\n activator=\"parent\"\n location=\"bottom\"\n >\n {{ t('common.damImage.asset.massOperations.title') }}\n </VTooltip>\n </VBtn>\n <UploadQueueButtonStop\n data-cy=\"button-close\"\n :button-size=\"36\"\n :is-uploading=\"isUploading\"\n @confirm=\"onStopConfirm\"\n />\n </div>\n </VToolbar>\n <UploadQueueEditable\n :queue-key=\"queueKey\"\n :ext-system=\"extSystem\"\n :config-name=\"damConfigName\"\n :mass-operations=\"uploadQueueSidebar\"\n @show-detail=\"showDetail\"\n />\n </div>\n <AImageDropzone\n variant=\"fill\"\n transparent\n hover-only\n :accept=\"accept\"\n :max-sizes=\"maxSizes\"\n :disabled=\"saveButtonLoading \|\| saveAndCloseButtonLoading\"\n @drop=\"emit('drop', $event)\"\n />\n </div>\n </VCard>\n </VDialog>\n</template>\n"],"mappings":"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"}
1	+ {"version":3,"file":"UploadQueueDialog.vue_vue_type_script_setup_true_lang.js","names":["_resolveComponent","_openBlock","_createBlock","_component_VDialog","_withCtx","_createVNode","_component_VCard","_createElementVNode","_component_VToolbar","_unref","_createElementBlock","_toDisplayString","_component_VSpacer","_component_VProgressCircular","_createCommentVNode","_withDirectives","_component_VDivider","_vShow","_withModifiers","_createTextVNode","_component_VBtn","_component_VIcon","_component_VTooltip","AFileInput","_mergeProps","UploadQueueButtonStop","UploadQueueEditable","AImageDropzone","AFileDropzone_default","AFileInput_default","UploadQueueEditable_default","UploadQueueButtonStop_default","useVuelidate","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","UploadQueueDialog_vue_vue_type_script_setup_true_lang_default","__emit","props","__props","emit","damConfigName","useDamConfigName","useUploadQueueDialog","uploadQueuesStore","useUploadQueuesStore","queueTotalCount","computed","items","queueProcessedCount","isUploading","isFinished","nothingToSave","hasMetadataToSave","isUploaded","item","UploadQueueItemStatus","nothingToApply","isUploadedWithoutForm","isNull","useI18n","useTheme","useDisplay","v$","useAlerts","useCommonAdminCoreDamOptions","saveButtonLoading","ref","saveAndCloseButtonLoading","saving","disposed","onBeforeUnmount","uploadQueueDialogSaving","useUploadQueueDialogDrawn","onStopConfirm","onSave","itemsRaw","toRaw","showValidationError","bulkUpdateAssetsMetadata","damClient","endPointAsset","showRecordWas","error","onSaveAndApply","withoutForm","shownFor","uploadQueueDialog","showWarningT","res","uploaded","mappedItems","customUploadMetadataToImageMap","mapUploadMetadataToImages","endPointAuthor","savedAssetIds","saved","storeItems","generateUUIDv1","assetDetailStore","useAssetDetailStore","storeToRefs","showDetail","fetchAsset","id","_component_ABtnPrimary","resolveComponent","openBlock","createBlock","VDialog","withCtx","createVNode","VCard","createElementVNode","VToolbar","unref","toolbarColor","createElementBlock","toDisplayString","t","VSpacer","VProgressCircular","createCommentVNode","withDirectives","VDivider","vShow","withModifiers","createTextVNode","mdAndDown","VBtn","VIcon","VTooltip","_cache","$event","fileInputProps","mergeProps","uploadQueueSidebar","toggleUploadQueueSidebar"],"sources":["../../../../../src/domains/dam/uploadQueue/components/UploadQueueDialog.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport {\n useUploadQueueDialog,\n useUploadQueueDialogDrawn,\n} from '@/domains/dam/uploadQueue/composables/useUploadQueueDialog'\nimport { useI18n } from 'vue-i18n'\nimport UploadQueueEditable from '@/domains/dam/uploadQueue/components/UploadQueueEditable.vue'\nimport { useUploadQueuesStore } from '@/domains/dam/uploadQueue/store/uploadQueuesStore'\nimport { computed, onBeforeUnmount, ref, toRaw, watch } from 'vue'\nimport { useDisplay } from 'vuetify'\nimport { useTheme } from '@/domains/system/composables/themeSettings'\nimport UploadQueueButtonStop from '@/domains/dam/uploadQueue/components/UploadQueueButtonStop.vue'\nimport useVuelidate from '@vuelidate/core'\nimport { useAlerts } from '@/domains/system/composables/alerts'\nimport {\n type AssetMetadataBulkItem,\n bulkUpdateAssetsMetadata,\n fetchAsset,\n hasMetadataToSave,\n showMetadataSaveError,\n} from '@/domains/dam/api/damAssetApi'\nimport { useCommonAdminCoreDamOptions } from '@/domains/dam/composables/commonAdminCoreDamOptions'\nimport AFileInput from '@/domains/ui/file/components/AFileInput.vue'\nimport AImageDropzone from '@/domains/ui/file/components/AFileDropzone.vue'\nimport type { ImageStoreItem } from '@/domains/dam/types/ImageAware'\nimport type { DocId, IntegerId } from '@/shared/types/common'\nimport { type UploadQueueItem, UploadQueueItemStatus } from '@/domains/dam/types/UploadQueue'\nimport { generateUUIDv1 } from '@/shared/utils/generator'\nimport { mapUploadMetadataToImages } from '@/domains/dam/imageWidget/utils/metadataToImageMap'\nimport { storeToRefs } from 'pinia'\nimport { useAssetDetailStore } from '@/domains/dam/assetDetail/store/assetDetailStore'\nimport { useDamConfigName } from '@/domains/dam/composables/damConfigName'\nimport { isNull } from '@/shared/utils/common'\n\nconst props = withDefaults(\n defineProps<{\n queueKey: string\n licenceId: IntegerId\n fileInputKey: number\n extSystem: IntegerId\n accept: string \| undefined\n maxSizes: Record<string, number> \| undefined\n configName?: string\n }>(),\n {\n configName: undefined,\n }\n)\n\nconst emit = defineEmits<{\n (e: 'drop', files: File[]): void\n (e: 'filesInput', files: File[]): void\n (e: 'apply', items: ImageStoreItem[]): void\n}>()\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst damConfigName = useDamConfigName(props.configName)\n\nconst { uploadQueueDialog, uploadQueueDialogSaving, uploadQueueSidebar, toggleUploadQueueSidebar } =\n useUploadQueueDialog()\n\nconst uploadQueuesStore = useUploadQueuesStore()\nconst queueTotalCount = computed(() => {\n return uploadQueuesStore.getQueueTotalCount(props.queueKey)\n})\n\nconst items = computed(() => {\n return uploadQueuesStore.getQueueItems(props.queueKey)\n})\n\nconst queueProcessedCount = computed(() => {\n return uploadQueuesStore.getQueueProcessedCount(props.queueKey)\n})\n\nconst isUploading = computed(() => {\n return queueTotalCount.value > queueProcessedCount.value\n})\n\nconst isFinished = computed(() => {\n return queueTotalCount.value === queueProcessedCount.value\n})\n\n// Failed uploads and items still waiting for metadata have nothing to\n// save. Without this check \"save\" would send nothing and report success.\nconst nothingToSave = computed(() => !items.value.some(hasMetadataToSave))\n// \"Save and apply\" hands over the items with status uploaded, saved or not. Duplicates and copies count as uploaded.\n// A failed item also has asset and file ids, but it is not an image to hand over.\nconst isUploaded = (item: UploadQueueItem) => item.status === UploadQueueItemStatus.Uploaded\nconst nothingToApply = computed(() => !items.value.some(isUploaded))\n// An uploaded row whose metadata did not arrive because its notification is late or lost. Its form is disabled.\nconst isUploadedWithoutForm = (item: UploadQueueItem): item is UploadQueueItem & { assetId: DocId } =>\n isUploaded(item) && !item.canEditMetadata && !isNull(item.assetId)\n\nconst { t } = useI18n()\nconst { toolbarColor } = useTheme()\nconst { mdAndDown } = useDisplay()\nconst v$ = useVuelidate({ $stopPropagation: true })\nconst { showRecordWas, showValidationError, showErrorsDefault, showWarningT } = useAlerts()\nconst { damClient, endPointAsset, endPointAuthor, customUploadMetadataToImageMap } =\n useCommonAdminCoreDamOptions(damConfigName)\n\nconst saveButtonLoading = ref(false)\nconst saveAndCloseButtonLoading = ref(false)\n\n// Exposed outside the dialog while either save runs, so the host\n// accepts no file for this queue through its own entry points.\n// The \"+\" and the dropzone here are disabled for the same reason.\n// Reset when the dialog closes, also mid-save, because that save may end after another dialog has started its own.\nwatch(\n () => saveButtonLoading.value \|\| saveAndCloseButtonLoading.value,\n (saving) => {\n uploadQueueDialogSaving.value = saving ? props.queueKey : null\n },\n { flush: 'sync' }\n)\n// A save and apply that waits for row reads stops there once the dialog has unmounted.\nlet disposed = false\nonBeforeUnmount(() => {\n disposed = true\n if (uploadQueueDialogSaving.value === props.queueKey) uploadQueueDialogSaving.value = null\n})\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nuseUploadQueueDialogDrawn(props.queueKey)\n\nconst onStopConfirm = async () => {\n uploadQueuesStore.stopUpload(props.queueKey)\n uploadQueueDialog.value = null\n}\n\nconst onSave = async () => {\n // The loading button still reacts to Enter and Space. This prevents sending a running save again.\n if (saveButtonLoading.value \|\| saveAndCloseButtonLoading.value) return\n const itemsRaw = toRaw(items.value)\n if (itemsRaw.length === 0) return\n saveButtonLoading.value = true\n v$.value.$touch()\n if (v$.value.$invalid) {\n showValidationError()\n saveButtonLoading.value = false\n return\n }\n try {\n await bulkUpdateAssetsMetadata(damClient, endPointAsset, itemsRaw)\n showRecordWas('updated')\n } catch (error) {\n showMetadataSaveError(error, props.extSystem, damConfigName)\n } finally {\n saveButtonLoading.value = false\n }\n}\n\nconst onSaveAndApply = async () => {\n if (saveButtonLoading.value \|\| saveAndCloseButtonLoading.value) return\n const itemsRaw = toRaw(items.value)\n if (itemsRaw.length === 0) return\n saveAndCloseButtonLoading.value = true\n // The save skips a row without its form. Its image would be handed over without texts and its asset left unsaved.\n // Such rows are read once more, as their refresh does.\n // A form that arrives this way has not been seen by the user, so\n // nothing is saved or handed over until the button is pressed again.\n // If no form arrives, the save continues as before.\n const withoutForm = itemsRaw.filter(isUploadedWithoutForm)\n if (withoutForm.length > 0) {\n const shownFor = uploadQueueDialog.value\n await Promise.all(\n withoutForm.map((item) => uploadQueuesStore.refreshAsset(item.assetId, { queueKey: props.queueKey }))\n )\n // The dialog closed during the read and its queue was stopped and emptied. Nothing is saved or handed over.\n // Otherwise the save would go out for a queue the user has left.\n if (disposed \|\| uploadQueueDialog.value !== shownFor) {\n saveAndCloseButtonLoading.value = false\n return\n }\n // A row given up meanwhile because its asset is gone (\"Asset už\n // neexistuje.\") is not handed over. The user is warned, as on refresh.\n // It may be given up by this read or by another one. A row\n // uploaded before the read could not have been given up earlier.\n if (withoutForm.some((item) => uploadQueuesStore.isGivenUpMissing(item))) {\n showWarningT('common.damImage.queueItem.assetGone')\n }\n if (withoutForm.some((item) => item.canEditMetadata)) {\n showWarningT('common.damImage.upload.metadataJustLoaded')\n saveAndCloseButtonLoading.value = false\n return\n }\n }\n v$.value.$touch()\n if (v$.value.$invalid) {\n showValidationError()\n saveAndCloseButtonLoading.value = false\n return\n }\n try {\n let res: AssetMetadataBulkItem[]\n try {\n res = await bulkUpdateAssetsMetadata(damClient, endPointAsset, itemsRaw)\n } catch (error) {\n showMetadataSaveError(error, props.extSystem, damConfigName)\n return\n }\n const uploaded = itemsRaw.filter(isUploaded)\n const mappedItems = customUploadMetadataToImageMap\n ? await customUploadMetadataToImageMap(uploaded, res, damClient, props.extSystem, props.licenceId)\n : await mapUploadMetadataToImages(uploaded, res, damClient, props.extSystem, props.licenceId, endPointAuthor)\n // The save skips a row whose metadata never came, but its image is still handed over, without authors.\n // Its DAM authors are unknown. They are offered only for assets the save answered\n // for, otherwise the widget's picked authors would replace the asset's own.\n const savedAssetIds = new Set(res.map((saved) => saved.id))\n // No position is set here. The receiving widget assigns each image a position\n // after its last one, overriding any position an application mapping set.\n const storeItems: ImageStoreItem[] = mappedItems.map((item) => ({\n key: generateUUIDv1(),\n ...item,\n damAuthors: item.authorIds ?? [],\n showDamAuthors: !!item.assetId && savedAssetIds.has(item.assetId) && (item.authorIds ?? []).length === 0,\n assetId: item.assetId ?? undefined,\n }))\n emit('apply', storeItems)\n } catch (error) {\n showErrorsDefault(error)\n } finally {\n saveAndCloseButtonLoading.value = false\n }\n}\n\nconst assetDetailStore = useAssetDetailStore()\nconst { updateUploadStore } = storeToRefs(assetDetailStore)\n\nconst showDetail = async (id: DocId) => {\n updateUploadStore.value = true\n try {\n await assetDetailStore.open(props.queueKey, () => fetchAsset(damClient, endPointAsset, id))\n } catch (e) {\n showErrorsDefault(e)\n }\n}\n</script>\n\n<template>\n <VDialog\n :model-value=\"true\"\n fullscreen\n scrollable\n class=\"overlay--sidebar\"\n >\n <VCard>\n <div class=\"asset-footer__upload asset-footer--full asset-footer__upload--full pa-0\">\n <div class=\"d-flex w-100 h-100 flex-column\">\n <VToolbar\n class=\"w-100 border-b pr-1\"\n :color=\"toolbarColor\"\n density=\"compact\"\n :height=\"64\"\n style=\"overflow-x: auto\"\n >\n <div class=\"d-flex align-center px-2\">\n <div>\n <div\n v-if=\"isUploading\"\n class=\"text-label-large d-flex align-center\"\n >\n {{ t('common.damImage.upload.title') }}\n </div>\n <div\n v-else\n class=\"text-label-large d-flex align-center text-green-darken-3 font-weight-bold\"\n >\n {{ t('common.damImage.upload.titleDone') }}\n </div>\n </div>\n </div>\n <VSpacer />\n <div\n v-if=\"isUploading\"\n class=\"text-body-small d-flex align-center\"\n >\n <VProgressCircular\n indeterminate\n color=\"primary\"\n size=\"16\"\n width=\"2\"\n class=\"mr-1\"\n />\n <div>{{ t('common.damImage.upload.uploading') }} {{ queueProcessedCount + 1 }}/{{ queueTotalCount }}</div>\n </div>\n <div class=\"d-flex align-center pr-3\">\n <VDivider\n v-show=\"isUploading\"\n vertical\n class=\"mx-4 my-2\"\n />\n <ABtnPrimary\n v-if=\"isFinished\"\n :height=\"36\"\n class=\"mr-2\"\n rounded=\"pill\"\n :loading=\"saveAndCloseButtonLoading\"\n :disabled=\"saveButtonLoading \|\| nothingToApply\"\n @click.stop=\"onSaveAndApply\"\n >\n {{ mdAndDown ? t('common.damImage.upload.apply') : t('common.damImage.upload.saveAndApply') }}\n </ABtnPrimary>\n <VBtn\n :aria-label=\"t('common.damImage.upload.save')\"\n variant=\"text\"\n :height=\"36\"\n :width=\"36\"\n class=\"mr-2 text-medium-emphasis\"\n icon\n :loading=\"saveButtonLoading\"\n :disabled=\"saveAndCloseButtonLoading \|\| nothingToSave\"\n @click.stop=\"onSave\"\n >\n <VIcon icon=\"mdi-content-save\" />\n <VTooltip\n activator=\"parent\"\n location=\"bottom\"\n >\n {{ t('common.damImage.upload.save') }}\n </VTooltip>\n </VBtn>\n <!--\n No file can be added while a save runs. \"Save and apply\" ends\n with the host closing the dialog and emptying its queue.\n A file added meanwhile would be dropped half uploaded, without notice.\n -->\n <AFileInput\n :file-input-key=\"fileInputKey\"\n :accept=\"accept\"\n :max-sizes=\"maxSizes\"\n multiple\n @files-input=\"emit('filesInput', $event)\"\n >\n <template #activator=\"{ props: fileInputProps }\">\n <VBtn\n :aria-label=\"t('common.damImage.upload.add')\"\n icon\n variant=\"text\"\n :height=\"34\"\n :width=\"34\"\n class=\"text-medium-emphasis\"\n :disabled=\"saveButtonLoading \|\| saveAndCloseButtonLoading\"\n v-bind=\"fileInputProps\"\n >\n <VIcon icon=\"mdi-plus\" />\n <VTooltip\n activator=\"parent\"\n location=\"bottom\"\n >\n {{ t('common.damImage.upload.add') }}\n </VTooltip>\n </VBtn>\n </template>\n </AFileInput>\n <VDivider\n vertical\n class=\"mx-4 my-2\"\n />\n <VBtn\n :aria-label=\"t('common.damImage.asset.massOperations.title')\"\n :height=\"36\"\n :width=\"36\"\n :active=\"uploadQueueSidebar\"\n :variant=\"uploadQueueSidebar ? 'flat' : 'text'\"\n :color=\"uploadQueueSidebar ? 'secondary' : ''\"\n class=\"mr-2 text-medium-emphasis\"\n icon\n @click.stop=\"toggleUploadQueueSidebar\"\n >\n <VIcon icon=\"mdi-tag-text-outline\" />\n <VTooltip\n activator=\"parent\"\n location=\"bottom\"\n >\n {{ t('common.damImage.asset.massOperations.title') }}\n </VTooltip>\n </VBtn>\n <UploadQueueButtonStop\n data-cy=\"button-close\"\n :button-size=\"36\"\n :is-uploading=\"isUploading\"\n @confirm=\"onStopConfirm\"\n />\n </div>\n </VToolbar>\n <UploadQueueEditable\n :queue-key=\"queueKey\"\n :ext-system=\"extSystem\"\n :config-name=\"damConfigName\"\n :mass-operations=\"uploadQueueSidebar\"\n @show-detail=\"showDetail\"\n />\n </div>\n <AImageDropzone\n variant=\"fill\"\n transparent\n hover-only\n :accept=\"accept\"\n :max-sizes=\"maxSizes\"\n :disabled=\"saveButtonLoading \|\| saveAndCloseButtonLoading\"\n @drop=\"emit('drop', $event)\"\n />\n </div>\n </VCard>\n </VDialog>\n</template>\n"],"mappings":"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"}

package/dist/domains/dam/uploadQueue/components/UploadQueueDialogSingle.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"UploadQueueDialogSingle.js","names":["_sfc_main","UploadQueueDialogSingle_vue_vue_type_script_setup_true_lang_default","UploadQueueDialogSingle_default"],"sources":["../../../../../src/domains/dam/uploadQueue/components/UploadQueueDialogSingle.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, onMounted, ref, watch } from 'vue'\nimport { storeToRefs } from 'pinia'\nimport { useI18n } from 'vue-i18n'\nimport { AssetDetailTabImageWithRoi, useAssetDetailStore } from '@/domains/dam/assetDetail/store/assetDetailStore'\nimport { DamAssetType } from '@/domains/dam/types/Asset'\nimport AssetDetailDialogFrame from '@/domains/dam/assetDetail/components/AssetDetailDialogFrame.vue'\nimport { assetDetailViewOfUploadItem } from '@/domains/dam/assetDetail/composables/assetDetailView'\nimport type { ImageCreateUpdateAware } from '@/domains/dam/types/ImageAware'\nimport { useUploadQueuesStore } from '@/domains/dam/uploadQueue/store/uploadQueuesStore'\nimport {\n useUploadQueueDialog,\n useUploadQueueDialogDrawn,\n} from '@/domains/dam/uploadQueue/composables/useUploadQueueDialog'\nimport { type UploadQueueItem, UploadQueueItemStatus } from '@/domains/dam/types/UploadQueue'\nimport UploadQueueItemErrorOverlay from '@/domains/dam/uploadQueue/components/UploadQueueItemErrorOverlay.vue'\nimport { useAlerts } from '@/domains/system/composables/alerts'\nimport {\n type AssetMetadataBulkItem,\n bulkUpdateAssetsMetadata,\n fetchAsset,\n showMetadataSaveError,\n} from '@/domains/dam/api/damAssetApi'\nimport { useCommonAdminCoreDamOptions } from '@/domains/dam/composables/commonAdminCoreDamOptions'\nimport UploadQueueDialogSingleSidebar from '@/domains/dam/uploadQueue/components/UploadQueueDialogSingleSidebar.vue'\nimport UploadQueueButtonStop from '@/domains/dam/uploadQueue/components/UploadQueueButtonStop.vue'\nimport { isNull } from '@/shared/utils/common'\nimport { mapUploadMetadataToImages } from '@/domains/dam/imageWidget/utils/metadataToImageMap'\nimport type { IntegerId } from '@/shared/types/common'\nimport { useDamConfigName } from '@/domains/dam/composables/damConfigName'\n\nconst props = withDefaults(\n defineProps<{\n queueKey: string\n extSystem: IntegerId\n licenceId: IntegerId\n fileInputKey: number\n accept: string \| undefined\n maxSizes: Record<string, number> \| undefined\n configName?: string\n disableDoneAnimation?: boolean\n }>(),\n {\n configName: undefined,\n disableDoneAnimation: false,\n }\n)\n\nconst emit = defineEmits<{\n (e: 'apply', items: ImageCreateUpdateAware[]): void\n}>()\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst damConfigName = useDamConfigName(props.configName)\n\nconst { showErrorsDefault, showRecordWas } = useAlerts()\n\nconst { t } = useI18n()\n\nconst assetDetailStore = useAssetDetailStore()\nconst { activeTab, loading, asset: assetDetail } = storeToRefs(assetDetailStore)\nconst enableRoiTab = ref(false)\n\nconst uploadQueuesStore = useUploadQueuesStore()\nconst { uploadQueueDialog } = useUploadQueueDialog()\n\nconst items = computed(() => {\n return uploadQueuesStore.getQueueItems(props.queueKey)\n})\n\nconst item = computed<UploadQueueItem \| null>(() => {\n return items.value[0] ?? null\n})\n\nconst isDone = computed(() => {\n return !isNull(item.value) && item.value.status === UploadQueueItemStatus.Uploaded\n})\n\n// The title stays \"done\", in the colour of an error for a file refused or failed.\nconst isFailed = computed(() => item.value?.status === UploadQueueItemStatus.Failed)\n\nconst { damClient, endPointAsset, endPointAuthor, customUploadMetadataToImageMap, simpleAssetSidebarEnabled } =\n useCommonAdminCoreDamOptions(damConfigName)\n\nconst view = computed(() =>\n assetDetailViewOfUploadItem(item.value, assetDetail.value, {\n enableRoiTab: enableRoiTab.value,\n disableDoneAnimation: props.disableDoneAnimation,\n simpleAssetSidebarEnabled,\n })\n)\n\nconst onStopConfirm = async () => {\n uploadQueuesStore.stopUpload(props.queueKey)\n assetDetailStore.setAsset(null)\n uploadQueueDialog.value = null\n}\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nuseUploadQueueDialogDrawn(props.queueKey)\n\nconst queueTotalCount = computed(() => {\n return uploadQueuesStore.getQueueTotalCount(props.queueKey)\n})\n\nconst queueProcessedCount = computed(() => {\n return uploadQueuesStore.getQueueProcessedCount(props.queueKey)\n})\n\nconst isUploading = computed(() => {\n return queueTotalCount.value > queueProcessedCount.value\n})\n\n// The item's own switch: the store loads it with the item's metadata and leaves it to the user after that (a\n// duplicate takes over the original's). Not the asset detail's, which is set anew from the server when the item\n// turns uploaded, over what the user had chosen while the file was still on its way.\nconst mainFileSingleUse = computed(() => item.value?.mainFileSingleUse ?? false)\n\n// What the original of a duplicate is, as it was found: the notice is about that asset, and does not follow the\n// switch, which is the item's value from then on.\nconst originalIsSingleUse = ref(false)\nwatch(\n () => item.value?.isDuplicate,\n (isDuplicate) => {\n originalIsSingleUse.value = !!isDuplicate && item.value?.mainFileSingleUse === true\n },\n { immediate: true }\n)\n\n// Which of the two buttons saves, while it does: the other one waits, and neither sends a second request.\nconst saving = ref<'save' \| 'saveAndApply' \| null>(null)\n\nconst onSave = async () => {\n if (items.value.length === 0 \|\| !isNull(saving.value)) return\n saving.value = 'save'\n try {\n await bulkUpdateAssetsMetadata(damClient, endPointAsset, items.value, mainFileSingleUse.value)\n showRecordWas('updated')\n } catch (error) {\n showMetadataSaveError(error, props.extSystem, damConfigName)\n } finally {\n saving.value = null\n }\n}\n\nconst onSaveAndApply = async () => {\n if (items.value.length === 0 \|\| !isNull(saving.value)) return\n saving.value = 'saveAndApply'\n try {\n let assetsMetadataRes: AssetMetadataBulkItem[]\n try {\n assetsMetadataRes = await bulkUpdateAssetsMetadata(damClient, endPointAsset, items.value, mainFileSingleUse.value)\n if (!assetsMetadataRes[0]) {\n throw new Error('Fatal error updating asset metadata')\n }\n } catch (error) {\n showMetadataSaveError(error, props.extSystem, damConfigName)\n return\n }\n showRecordWas('updated')\n const mappedItems = customUploadMetadataToImageMap\n ? await customUploadMetadataToImageMap(\n items.value,\n assetsMetadataRes,\n damClient,\n props.extSystem,\n props.licenceId\n )\n : await mapUploadMetadataToImages(\n items.value,\n assetsMetadataRes,\n damClient,\n props.extSystem,\n props.licenceId,\n endPointAuthor\n )\n emit(\n 'apply',\n mappedItems.map((item) => ({\n ...item,\n position: 1,\n }))\n )\n await onStopConfirm()\n } catch (error) {\n // The save is said above. What follows it, the images made of its answer, is said as it was before.\n showErrorsDefault(error)\n } finally {\n saving.value = null\n }\n}\n\n// Read once the file is done, and again once the row has another asset: a row that turns out to be a duplicate becomes\n// the original of that duplicate only after the original asset has been read, and showed no \"File info\" then.\nwatch(\n [isDone, () => item.value?.assetId],\n async ([done, assetId]) => {\n if (!done \|\| !assetId) return\n // The row it is read for: the queue of a dialog closed meanwhile is emptied, and the next upload of the widget is\n // a new row of the same queue.\n const row = item.value\n try {\n const res = await fetchAsset(damClient, endPointAsset, assetId)\n // Closed meanwhile, the dialog has emptied its queue. The detail store is shared: written now, the asset of\n // this file would be what the next dialog shows. Nor the asset of a row that has another one by now.\n if (item.value?.assetId !== assetId) return\n assetDetailStore.setAsset(res)\n enableRoiTab.value = true\n } catch (e) {\n // Closed meanwhile as well: the error would be shown over whatever the user has gone on to, the next upload of\n // the widget among it. A row that has become the original of a duplicate meanwhile is the same row, and its\n // failed read is said as any.\n if (item.value !== row) return\n showErrorsDefault(e)\n }\n },\n { immediate: true }\n)\n\nonMounted(() => {\n activeTab.value = AssetDetailTabImageWithRoi.Info\n})\n</script>\n\n<template>\n <AssetDetailDialogFrame\n :loading=\"loading \|\| !item\"\n :view=\"view\"\n :ext-system=\"extSystem\"\n :config-name=\"damConfigName\"\n @close=\"onStopConfirm\"\n >\n <template #title>\n <div\n v-if=\"isUploading\"\n class=\"text-label-large\"\n >\n {{ t('common.damImage.upload.title') }}\n </div>\n <div\n v-else\n class=\"text-label-large font-weight-bold\"\n :class=\"isFailed ? 'text-error' : 'text-green-darken-3'\"\n >\n {{ t('common.damImage.upload.titleDone') }}\n </div>\n </template>\n <template #toolbar-actions>\n <UploadQueueButtonStop\n data-cy=\"button-close\"\n :button-size=\"36\"\n :is-uploading=\"isUploading\"\n @confirm=\"onStopConfirm\"\n />\n </template>\n <template #image-overlay>\n <UploadQueueItemErrorOverlay\n v-if=\"item && item.error.hasError\"\n :error=\"item.error\"\n />\n </template>\n <template #sidebar=\"{ view: shown }\">\n <UploadQueueDialogSingleSidebar\n v-if=\"shown.id\"\n :key=\"shown.id\"\n :queue-key=\"queueKey\"\n :ext-system=\"extSystem\"\n :config-name=\"damConfigName\"\n :enable-roi-tab=\"enableRoiTab\"\n :show-file-info=\"enableRoiTab\"\n :asset-id=\"shown.id\"\n :is-video=\"shown.assetType === DamAssetType.Video\"\n :is-audio=\"shown.assetType === DamAssetType.Audio\"\n :is-image=\"shown.assetType === DamAssetType.Image\"\n :is-document=\"shown.assetType === DamAssetType.Document\"\n :asset-status=\"shown.assetStatus\"\n :asset-type=\"shown.assetType\"\n :asset-main-file-status=\"shown.mainFile ? shown.mainFile.fileAttributes.status : undefined\"\n :asset-main-file-fail-reason=\"shown.mainFile ? shown.mainFile.fileAttributes.failReason : undefined\"\n :saving=\"saving\"\n @save=\"onSave\"\n @save-and-apply=\"onSaveAndApply\"\n >\n <template #prepend-sidebar>\n <div\n v-if=\"item?.isDuplicate\"\n class=\"text-body-small text-warning px-3 py-2\"\n >\n {{ t('common.damImage.asset.detail.info.status.duplicate') }}\n </div>\n <div\n v-if=\"item?.isDuplicate && originalIsSingleUse\"\n class=\"text-body-small text-error px-3 py-2\"\n >\n {{ t('common.damImage.asset.model.mainFileSingleUse') }}\n </div>\n </template>\n </UploadQueueDialogSingleSidebar>\n </template>\n </AssetDetailDialogFrame>\n</template>\n"],"mappings":""}
1	+ {"version":3,"file":"UploadQueueDialogSingle.js","names":["_sfc_main","UploadQueueDialogSingle_vue_vue_type_script_setup_true_lang_default","UploadQueueDialogSingle_default"],"sources":["../../../../../src/domains/dam/uploadQueue/components/UploadQueueDialogSingle.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, onMounted, ref, watch } from 'vue'\nimport { storeToRefs } from 'pinia'\nimport { useI18n } from 'vue-i18n'\nimport { AssetDetailTabImageWithRoi, useAssetDetailStore } from '@/domains/dam/assetDetail/store/assetDetailStore'\nimport { DamAssetType } from '@/domains/dam/types/Asset'\nimport AssetDetailDialogFrame from '@/domains/dam/assetDetail/components/AssetDetailDialogFrame.vue'\nimport { assetDetailViewOfUploadItem } from '@/domains/dam/assetDetail/composables/assetDetailView'\nimport type { ImageCreateUpdateAware } from '@/domains/dam/types/ImageAware'\nimport { useUploadQueuesStore } from '@/domains/dam/uploadQueue/store/uploadQueuesStore'\nimport {\n useUploadQueueDialog,\n useUploadQueueDialogDrawn,\n} from '@/domains/dam/uploadQueue/composables/useUploadQueueDialog'\nimport { type UploadQueueItem, UploadQueueItemStatus } from '@/domains/dam/types/UploadQueue'\nimport UploadQueueItemErrorOverlay from '@/domains/dam/uploadQueue/components/UploadQueueItemErrorOverlay.vue'\nimport { useAlerts } from '@/domains/system/composables/alerts'\nimport {\n type AssetMetadataBulkItem,\n bulkUpdateAssetsMetadata,\n fetchAsset,\n showMetadataSaveError,\n} from '@/domains/dam/api/damAssetApi'\nimport { useCommonAdminCoreDamOptions } from '@/domains/dam/composables/commonAdminCoreDamOptions'\nimport UploadQueueDialogSingleSidebar from '@/domains/dam/uploadQueue/components/UploadQueueDialogSingleSidebar.vue'\nimport UploadQueueButtonStop from '@/domains/dam/uploadQueue/components/UploadQueueButtonStop.vue'\nimport { isNull } from '@/shared/utils/common'\nimport { mapUploadMetadataToImages } from '@/domains/dam/imageWidget/utils/metadataToImageMap'\nimport type { IntegerId } from '@/shared/types/common'\nimport { useDamConfigName } from '@/domains/dam/composables/damConfigName'\n\nconst props = withDefaults(\n defineProps<{\n queueKey: string\n extSystem: IntegerId\n licenceId: IntegerId\n fileInputKey: number\n accept: string \| undefined\n maxSizes: Record<string, number> \| undefined\n configName?: string\n disableDoneAnimation?: boolean\n }>(),\n {\n configName: undefined,\n disableDoneAnimation: false,\n }\n)\n\nconst emit = defineEmits<{\n (e: 'apply', items: ImageCreateUpdateAware[]): void\n}>()\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst damConfigName = useDamConfigName(props.configName)\n\nconst { showErrorsDefault, showRecordWas } = useAlerts()\n\nconst { t } = useI18n()\n\nconst assetDetailStore = useAssetDetailStore()\nconst { activeTab, loading, asset: assetDetail } = storeToRefs(assetDetailStore)\nconst enableRoiTab = ref(false)\n\nconst uploadQueuesStore = useUploadQueuesStore()\nconst { uploadQueueDialog } = useUploadQueueDialog()\n\nconst items = computed(() => {\n return uploadQueuesStore.getQueueItems(props.queueKey)\n})\n\nconst item = computed<UploadQueueItem \| null>(() => {\n return items.value[0] ?? null\n})\n\nconst isDone = computed(() => {\n return !isNull(item.value) && item.value.status === UploadQueueItemStatus.Uploaded\n})\n\n// The title stays \"done\", in the error colour for a refused or failed file.\nconst isFailed = computed(() => item.value?.status === UploadQueueItemStatus.Failed)\n\nconst { damClient, endPointAsset, endPointAuthor, customUploadMetadataToImageMap, simpleAssetSidebarEnabled } =\n useCommonAdminCoreDamOptions(damConfigName)\n\nconst view = computed(() =>\n assetDetailViewOfUploadItem(item.value, assetDetail.value, {\n enableRoiTab: enableRoiTab.value,\n disableDoneAnimation: props.disableDoneAnimation,\n simpleAssetSidebarEnabled,\n })\n)\n\nconst onStopConfirm = async () => {\n uploadQueuesStore.stopUpload(props.queueKey)\n assetDetailStore.setAsset(null)\n uploadQueueDialog.value = null\n}\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nuseUploadQueueDialogDrawn(props.queueKey)\n\nconst queueTotalCount = computed(() => {\n return uploadQueuesStore.getQueueTotalCount(props.queueKey)\n})\n\nconst queueProcessedCount = computed(() => {\n return uploadQueuesStore.getQueueProcessedCount(props.queueKey)\n})\n\nconst isUploading = computed(() => {\n return queueTotalCount.value > queueProcessedCount.value\n})\n\n// The item's own switch. The store loads it with the item's metadata,\n// then the user owns it. A duplicate takes the original's value.\n// Not the asset detail's value: that is reset from the server when the\n// item turns uploaded, overwriting the user's choice made during upload.\nconst mainFileSingleUse = computed(() => item.value?.mainFileSingleUse ?? false)\n\n// Whether the duplicate's original is single use, as found. The notice is about that\n// asset and does not follow the switch, which is the item's value from then on.\nconst originalIsSingleUse = ref(false)\nwatch(\n () => item.value?.isDuplicate,\n (isDuplicate) => {\n originalIsSingleUse.value = !!isDuplicate && item.value?.mainFileSingleUse === true\n },\n { immediate: true }\n)\n\n// Which button is saving. The other one waits, so no second request is sent.\nconst saving = ref<'save' \| 'saveAndApply' \| null>(null)\n\nconst onSave = async () => {\n if (items.value.length === 0 \|\| !isNull(saving.value)) return\n saving.value = 'save'\n try {\n await bulkUpdateAssetsMetadata(damClient, endPointAsset, items.value, mainFileSingleUse.value)\n showRecordWas('updated')\n } catch (error) {\n showMetadataSaveError(error, props.extSystem, damConfigName)\n } finally {\n saving.value = null\n }\n}\n\nconst onSaveAndApply = async () => {\n if (items.value.length === 0 \|\| !isNull(saving.value)) return\n saving.value = 'saveAndApply'\n try {\n let assetsMetadataRes: AssetMetadataBulkItem[]\n try {\n assetsMetadataRes = await bulkUpdateAssetsMetadata(damClient, endPointAsset, items.value, mainFileSingleUse.value)\n if (!assetsMetadataRes[0]) {\n throw new Error('Fatal error updating asset metadata')\n }\n } catch (error) {\n showMetadataSaveError(error, props.extSystem, damConfigName)\n return\n }\n showRecordWas('updated')\n const mappedItems = customUploadMetadataToImageMap\n ? await customUploadMetadataToImageMap(\n items.value,\n assetsMetadataRes,\n damClient,\n props.extSystem,\n props.licenceId\n )\n : await mapUploadMetadataToImages(\n items.value,\n assetsMetadataRes,\n damClient,\n props.extSystem,\n props.licenceId,\n endPointAuthor\n )\n emit(\n 'apply',\n mappedItems.map((item) => ({\n ...item,\n position: 1,\n }))\n )\n await onStopConfirm()\n } catch (error) {\n showErrorsDefault(error)\n } finally {\n saving.value = null\n }\n}\n\n// Read when the file is done and again when the row gets another asset.\n// A duplicate row becomes the original only after the original asset was read, so the first read showed no \"File info\".\nwatch(\n [isDone, () => item.value?.assetId],\n async ([done, assetId]) => {\n if (!done \|\| !assetId) return\n // Capture the row being read. A dialog closed meanwhile empties its\n // queue, and the widget's next upload is a new row in the same queue.\n const row = item.value\n try {\n const res = await fetchAsset(damClient, endPointAsset, assetId)\n // If the dialog closed meanwhile, its queue is emptied. The detail store\n // is shared, so writing now would show this asset in the next dialog.\n // The same applies to a row that has another asset by now.\n if (item.value?.assetId !== assetId) return\n assetDetailStore.setAsset(res)\n enableRoiTab.value = true\n } catch (e) {\n // Skip the error if the dialog closed meanwhile. It would appear\n // over whatever the user moved on to, such as the next upload.\n // A row that became the original of a duplicate is the same row, so its failed read is reported normally.\n if (item.value !== row) return\n showErrorsDefault(e)\n }\n },\n { immediate: true }\n)\n\nonMounted(() => {\n activeTab.value = AssetDetailTabImageWithRoi.Info\n})\n</script>\n\n<template>\n <AssetDetailDialogFrame\n :loading=\"loading \|\| !item\"\n :view=\"view\"\n :ext-system=\"extSystem\"\n :config-name=\"damConfigName\"\n @close=\"onStopConfirm\"\n >\n <template #title>\n <div\n v-if=\"isUploading\"\n class=\"text-label-large\"\n >\n {{ t('common.damImage.upload.title') }}\n </div>\n <div\n v-else\n class=\"text-label-large font-weight-bold\"\n :class=\"isFailed ? 'text-error' : 'text-green-darken-3'\"\n >\n {{ t('common.damImage.upload.titleDone') }}\n </div>\n </template>\n <template #toolbar-actions>\n <UploadQueueButtonStop\n data-cy=\"button-close\"\n :button-size=\"36\"\n :is-uploading=\"isUploading\"\n @confirm=\"onStopConfirm\"\n />\n </template>\n <template #image-overlay>\n <UploadQueueItemErrorOverlay\n v-if=\"item && item.error.hasError\"\n :error=\"item.error\"\n />\n </template>\n <template #sidebar=\"{ view: shown }\">\n <UploadQueueDialogSingleSidebar\n v-if=\"shown.id\"\n :key=\"shown.id\"\n :queue-key=\"queueKey\"\n :ext-system=\"extSystem\"\n :config-name=\"damConfigName\"\n :enable-roi-tab=\"enableRoiTab\"\n :show-file-info=\"enableRoiTab\"\n :asset-id=\"shown.id\"\n :is-video=\"shown.assetType === DamAssetType.Video\"\n :is-audio=\"shown.assetType === DamAssetType.Audio\"\n :is-image=\"shown.assetType === DamAssetType.Image\"\n :is-document=\"shown.assetType === DamAssetType.Document\"\n :asset-status=\"shown.assetStatus\"\n :asset-type=\"shown.assetType\"\n :asset-main-file-status=\"shown.mainFile ? shown.mainFile.fileAttributes.status : undefined\"\n :asset-main-file-fail-reason=\"shown.mainFile ? shown.mainFile.fileAttributes.failReason : undefined\"\n :saving=\"saving\"\n @save=\"onSave\"\n @save-and-apply=\"onSaveAndApply\"\n >\n <template #prepend-sidebar>\n <div\n v-if=\"item?.isDuplicate\"\n class=\"text-body-small text-warning px-3 py-2\"\n >\n {{ t('common.damImage.asset.detail.info.status.duplicate') }}\n </div>\n <div\n v-if=\"item?.isDuplicate && originalIsSingleUse\"\n class=\"text-body-small text-error px-3 py-2\"\n >\n {{ t('common.damImage.asset.model.mainFileSingleUse') }}\n </div>\n </template>\n </UploadQueueDialogSingleSidebar>\n </template>\n </AssetDetailDialogFrame>\n</template>\n"],"mappings":""}