Add "Copy XML" button to PromptCreator component

swuecho · Sep 14, 2024 · 2860018 · 2860018
1 parent 1995291
commit 2860018
Showing 1 changed file with 11 additions and 0 deletions.
diff --git a/web/src/views/prompt/components/PromptCreator.vue b/web/src/views/prompt/components/PromptCreator.vue
@@ -27,6 +27,7 @@
                         </n-form>
                         <n-space justify="end">
                                 <n-button @click="handleSubmit" type="primary">Generate XML</n-button>
+                                <n-button @click="copyToClipboard" type="primary">Copy XML</n-button>
                         </n-space>
                 </n-card>
                 <n-card v-if="xmlOutput" title="Generated XML">
@@ -143,4 +144,14 @@ const generateProcessXML = (steps, indent) => {
         })
         return xml
 }
+
+const copyToClipboard = () => {
+        navigator.clipboard.writeText(xmlOutput.value)
+                .then(() => {
+                        console.log('XML copied to clipboard')
+                })
+                .catch(err => {
+                        console.error('Failed to copy XML: ', err)
+                })
+}
 </script>