add button to copy result table to clipboard

ozh · Feb 19, 2019 · d9e8f73 · d9e8f73
1 parent f58cfb4
commit d9e8f73
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 0 deletions.
diff --git a/assets/js/script.js b/assets/js/script.js
@@ -608,3 +608,17 @@ function _pad(text, length, char, align) {
 function _repeat(str, num) {
     return new Array(num + 1).join(str);
 }
+
+function copyOutputToClipboard() {
+    const output = $('#output').val();
+
+    if (navigator.clipboard) {
+        navigator.clipboard.writeText(output).catch(e => console.error('Cannot write to clipboard', e));
+    } else {
+        const tmp = $('<textarea>');
+        $('body').append(tmp);
+        tmp.val(output).select();
+        document.execCommand('copy');
+        tmp.remove();
+    }
+}
diff --git a/index.html b/index.html
@@ -135,6 +135,9 @@ <h2>Output</h2>
         <div class="row">
           <button class="btn btn-lg btn-primary" onclick="parseTableClick()">Parse <i class="fa fa-table"></i></button>
         </div>
+        <div class="row">
+          <button class="btn btn-md btn-secondary" onclick="copyOutputToClipboard()" style="margin: 0.5em">Copy <i class="fa fa-copy"></i></button>
+        </div>
       </div>
       <div class="col-xs-9">
         <div id="outputText" class="row">