added copy button

added row default

Author: A1Gard

assets/js/engine.js

@@ -119,6 +119,7 @@ var app = new Vue({
         method: 'get', // default methods
         old: '',
         flds: [
+            {"type":"row","name":"","label":"","size":12,"id":"","options":"","others":[]}
         ], // list of field
         // type of inputs
         typ: [
@@ -607,6 +608,14 @@ var app = new Vue({
         },
         changeTheme: function () {
         },
+        copy: function () {
+            var dummyInput = document.createElement('textarea');
+            document.body.appendChild(dummyInput);
+            dummyInput.value = document.querySelector('#code').innerText;
+            dummyInput.select();
+            document.execCommand('copy');
+            document.body.removeChild(dummyInput);
+        },
     },
 
 });

index.html

@@ -189,8 +189,12 @@ <h4 class="ui dividing header">Elements</h4>
         </div>
 
         <div class="ui segment inverted">
-            <h2>
+            <h2 >
                 Generated Code
+                <div class="right floated ui button olive" @click="copy">
+                    &nbsp;
+                    <i class="copy outline icon"></i>
+                </div>
             </h2>
             <pre id="code">
                 {{code}}