Changeset 35756

Timestamp:

2021-11-30T12:03:54+13:00 (2 years ago)

Author:

cstephen

Message:

Allow direct input to be copied to the clipboard

Location:

main/trunk/model-interfaces-dev/atea/macron-restoration/src

Files:

• App.vue (modified) (4 diffs)
• components/DirectInput.vue (modified) (3 diffs)
• components/Snackbar.vue (added)

main/trunk/model-interfaces-dev/atea/macron-restoration/src/App.vue

@@ -25 +25 @@
     </div>
 </div>
+
+<snackbar ref="snackBar" />
 </template>
 
@@ -78 +80 @@
 import DirectInput from "./components/DirectInput.vue"
 import FileInput from "./components/FileInput.vue"
+import Snackbar, { SnackController } from "./components/Snackbar.vue"
 import TabBar from "./components/TabBar.vue"
 
@@ -85 +88 @@
         DirectInput,
         FileInput,
+        Snackbar,
         TabBar
     },
@@ -103 +107 @@
             translations: state => state.translations
         })
+    },
+    mounted() {
+        SnackController.setBar(this.$refs.snackBar);
     }
 }

main/trunk/model-interfaces-dev/atea/macron-restoration/src/components/DirectInput.vue

@@ -25 +25 @@
         <label for="i-show-macronised-words">{{ translations.get('DirectInput_NormaliseLinebreaks') }}</label>
     </div>
+
+    <button class="btn-primary right-column" :disabled="!canDownload" @click="copyToClipboard">
+        {{ translations.get('DirectInput_CopyToClipboard') }}
+    </button>
 
     <button class="btn-primary right-column" :disabled="!canDownload" @click="downloadAsText">
@@ -72 +76 @@
 import { log } from "../js/Util"
 import MacronRestorationModule from "../js/MacronRestorationModule"
+import { SnackController } from "./Snackbar.vue"
 
 const macroniser = new MacronRestorationModule();
@@ -170 +175 @@
             }
         },
+
         downloadAsText() {
-            const blob = new Blob([ this.restored ], { type: "text/plain;charset=utf-8" });
+            const blob = new Blob([ this.formattedRestored ], { type: "text/plain;charset=utf-8" });
             saveAs(blob, "restored.txt");
         },
+        async copyToClipboard() {
+            await navigator.clipboard.writeText(this.formattedRestored);
+            SnackController.addSnack("Output copied to clipboard!");
+        },
+
         /**
          * Normalises a linebreak.