diff --git a/client/package.json b/client/package.json index db2e699155d8..ed687a94ce63 100644 --- a/client/package.json +++ b/client/package.json @@ -187,7 +187,7 @@ "vue-template-compiler": "^2.7.14", "webpack": "^5.75.0", "webpack-cli": "^5.0.1", - "webpack-dev-server": "^4.11.1", + "webpack-dev-server": "^4.12.0", "webpack-merge": "^5.8.0", "yaml-jest": "^1.2.0", "yaml-loader": "^0.8.0" diff --git a/client/src/components/Common/ExportRecordDetails.vue b/client/src/components/Common/ExportRecordDetails.vue index 8aa2e7e0cf75..0516de46b05b 100644 --- a/client/src/components/Common/ExportRecordDetails.vue +++ b/client/src/components/Common/ExportRecordDetails.vue @@ -4,10 +4,16 @@ import { BAlert, BCard, BCardTitle } from "bootstrap-vue"; import LoadingSpan from "components/LoadingSpan"; import { FontAwesomeIcon } from "@fortawesome/vue-fontawesome"; import { library } from "@fortawesome/fontawesome-svg-core"; -import { faExclamationCircle, faExclamationTriangle, faCheckCircle, faClock } from "@fortawesome/free-solid-svg-icons"; +import { + faExclamationCircle, + faExclamationTriangle, + faCheckCircle, + faClock, + faLink, +} from "@fortawesome/free-solid-svg-icons"; import { ExportRecordModel } from "./models/exportRecordModel"; -library.add(faExclamationCircle, faExclamationTriangle, faCheckCircle, faClock); +library.add(faExclamationCircle, faExclamationTriangle, faCheckCircle, faClock, faLink); const props = defineProps({ record: { @@ -28,7 +34,7 @@ const props = defineProps({ }, }); -const emit = defineEmits(["onReimport", "onDownload", "onActionMessageDismissed"]); +const emit = defineEmits(["onReimport", "onDownload", "onCopyDownloadLink", "onActionMessageDismissed"]); const title = computed(() => (props.record.isReady ? `Exported` : `Export started`)); const preparingMessage = computed( @@ -43,6 +49,10 @@ function downloadObject() { emit("onDownload", props.record); } +function copyDownloadLink() { + emit("onCopyDownloadLink", props.record); +} + function onMessageDismissed() { emit("onActionMessageDismissed"); } @@ -113,6 +123,14 @@ function onMessageDismissed() { @click="downloadObject"> Download + + + (isExpanded.value ? `Hide export records` : `Show export records`)); +const title = computed(() => (isExpanded.value ? `Hide old export records` : `Show old export records`)); async function reimportObject(record) { emit("onReimport", record); @@ -41,6 +42,10 @@ async function reimportObject(record) { function downloadObject(record) { emit("onDownload", record); } + +function copyDownloadLink(record) { + emit("onCopyDownloadLink", record); +}