Merge pull request #657 from amansinghbais/job-manager/copyUtilityFor…

…FailedJob Implemented: button for copying failed job reason in the modal
hotwax · Dec 27, 2023 · e4ff554 · e4ff554
2 parents e395f30 + 1eb7f32
commit e4ff554
Show file tree

Hide file tree

Showing 3 changed files with 24 additions and 2 deletions.
diff --git a/src/locales/en.json b/src/locales/en.json
@@ -58,6 +58,7 @@
   "Completed orders": "Completed orders",
   "Configuration missing": "Configuration missing",
   "Copied job details to clipboard": "Copied job details to clipboard",
+  "Copied to clipboard": "Copied to clipboard",
   "Copy details": "Copy details",
   "Custom": "Custom",
   "Custom frequency": "Custom frequency",

diff --git a/src/utils/index.ts b/src/utils/index.ts
@@ -4,6 +4,7 @@ import Papa from 'papaparse'
 import { DateTime } from "luxon";
 import logger from "@/logger";
 import { translate } from "@/i18n";
+import { Plugins } from '@capacitor/core';
 
 // TODO Use separate files for specific utilities
 
@@ -330,7 +331,19 @@ const hasJobDataError = (job: any) => {
   return false;
 }
 
+const copyToClipboard = async (value: string, text?: string) => {
+  const { Clipboard } = Plugins;
+
+  await Clipboard.write({
+    string: value,
+  }).then(() => {
+    text ? showToast(translate(text)) : showToast(translate("Copied", { value }));
+  });
+}
+
+
 export {
+  copyToClipboard,
   isCustomRunTime,
   getNowTimestamp,
   generateAllowedFrequencies,

diff --git a/src/views/FailedJobReasonModal.vue b/src/views/FailedJobReasonModal.vue
@@ -7,6 +7,11 @@
         </ion-button>
       </ion-buttons>
       <ion-title>{{ $t("Failed job reason") }}</ion-title>
+      <ion-buttons slot="end">
+        <ion-button @click="copyToClipboard(job.jobResult, 'Copied to clipboard')">
+          <ion-icon slot="icon-only" :icon="copyOutline" />
+        </ion-button>
+      </ion-buttons>
     </ion-toolbar>
   </ion-header>
   <ion-content>
@@ -29,7 +34,8 @@ import {
   modalController,
 } from '@ionic/vue';
 import { defineComponent } from 'vue';
-import { closeOutline } from 'ionicons/icons';
+import { closeOutline, copyOutline } from 'ionicons/icons';
+import { copyToClipboard } from "@/utils";
 
 export default defineComponent({
   name: "FailedJobReasonModal",
@@ -51,7 +57,9 @@ export default defineComponent({
   },
   setup() {
     return {
-      closeOutline
+      closeOutline,
+      copyOutline,
+      copyToClipboard
     };
   },
 });