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}}