From 6c56b3f1d785328a604b6d35be160360dd7477dd Mon Sep 17 00:00:00 2001
From: David <75678655+David-Werth@users.noreply.github.com>
Date: Wed, 6 Aug 2025 17:18:15 +0200
Subject: [PATCH] feat(missions): add copy button for mission uuid

---
 frontend/src/pages/files-explorer-page.vue | 17 ++++++++++++++++-
 1 file changed, 16 insertions(+), 1 deletion(-)

diff --git a/frontend/src/pages/files-explorer-page.vue b/frontend/src/pages/files-explorer-page.vue
index 7196acb4c..a56123a80 100644
--- a/frontend/src/pages/files-explorer-page.vue
+++ b/frontend/src/pages/files-explorer-page.vue
@@ -110,6 +110,17 @@
                                 </q-item>
                             </EditMissionDialogOpener>
 
+                            <q-item
+                                v-ripple
+                                clickable
+                                @click="copyDataToClipboard(missionUuid ?? '')"
+                            >
+                                <q-item-section avatar>
+                                    <q-icon name="sym_o_fingerprint" />
+                                </q-item-section>
+                                <q-item-section> Copy UUID</q-item-section>
+                            </q-item>
+
                             <delete-mission-dialog-opener
                                 v-if="mission"
                                 :mission="mission"
@@ -356,7 +367,7 @@ import { CategoryDto } from '@api/types/category.dto';
 import { TagDto } from '@api/types/tags/tags.dto';
 import { DataType, FileType } from '@common/enum';
 import { useMutation, useQueryClient } from '@tanstack/vue-query';
-import { Notify, useQuasar } from 'quasar';
+import { copyToClipboard, Notify, useQuasar } from 'quasar';
 import ConfirmDeleteDialog from 'src/dialogs/confirm-delete-dialog.vue';
 import {
     registerNoPermissionErrorHandler,
@@ -666,4 +677,8 @@ const clearSelectedFileState = (): void => {
     // @ts-ignore
     selectedFileHealth.value = undefined;
 };
+
+const copyDataToClipboard = async (data: string): Promise<void> => {
+    await copyToClipboard(data);
+};
 </script>