From 43640cea52c65ece714e5fbe0e04c4b5e216cbfd Mon Sep 17 00:00:00 2001
From: amansinghbais <singh11amanbais@gmail.com>
Date: Tue, 13 Feb 2024 11:49:05 +0530
Subject: [PATCH] Implemented: copy utility for identification in external
 mapping card and fixed truncation (#192)

---
 src/views/FacilityDetails.vue | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/views/FacilityDetails.vue b/src/views/FacilityDetails.vue
index 8760ec3f..fb7482d0 100644
--- a/src/views/FacilityDetails.vue
+++ b/src/views/FacilityDetails.vue
@@ -366,9 +366,12 @@
                 <ion-card-title>
                   {{ translate('Facility External ID') }}
                 </ion-card-title>
+                <ion-button fill="clear" @click="copyToClipboard(current.externalId, 'Copied to clipboard')">
+                  <ion-icon slot="icon-only" :icon="copyOutline" />
+                </ion-button>
               </ion-card-header>
               <ion-item lines="full">
-                <ion-label>{{ translate('Identification') }}</ion-label>
+                <ion-label slot="start">{{ translate('Identification') }}</ion-label>
                 <ion-label slot="end">{{ current.externalId }}</ion-label>
               </ion-item>
               <!-- Using blur to remove the focus from button on click, as we need to focus the input field inside the modal opened
@@ -532,6 +535,7 @@ import {
   bookmarksOutline,
   closeCircleOutline,
   closeOutline,
+  copyOutline,
   chevronForwardOutline,
   ellipsisVerticalOutline,
   globeOutline,
@@ -572,6 +576,7 @@ import AddFacilityGroupModal from '@/components/AddFacilityGroupModal.vue'
 import Image from '@/components/Image.vue';
 import emitter from '@/event-bus'
 import CreateFacilityGroupModal from '@/components/CreateFacilityGroupModal.vue';
+import { copyToClipboard } from '@/utils';
 
 export default defineComponent({
   name: 'FacilityDetails',
@@ -1346,6 +1351,8 @@ export default defineComponent({
       bookmarksOutline,
       closeCircleOutline,
       closeOutline,
+      copyOutline,
+      copyToClipboard,
       chevronForwardOutline,
       ellipsisVerticalOutline,
       globeOutline,