added 'Clear Table' button

goellner · Feb 11, 2021 · a8fe4ab · a8fe4ab
1 parent 3eae191
commit a8fe4ab
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 3 deletions.
diff --git a/resources/dist/js/table_on_steroids-fieldtype.js b/resources/dist/js/table_on_steroids-fieldtype.js
@@ -119,6 +119,7 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 //
 //
 //
+//
 
 var Table = Vue.component('table-fieldtype');
 /* harmony default export */ __webpack_exports__["default"] = ({
@@ -152,6 +153,9 @@ var Table = Vue.component('table-fieldtype');
     this.data = this.value;
   },
   methods: {
+    handleClearTable: function handleClearTable() {
+      this.data = [];
+    },
     handleClearInput: function handleClearInput() {
       this.csv = '';
     },
@@ -7888,10 +7892,19 @@ var render = function() {
       _c(
         "button",
         {
-          staticClass: "btn btn-default mb-2",
+          staticClass: "btn btn-default mb-2 mr-1",
           on: { click: _vm.handleClearInput }
         },
-        [_vm._v("Clear input")]
+        [_vm._v("Clear Input")]
+      ),
+      _vm._v(" "),
+      _c(
+        "button",
+        {
+          staticClass: "btn btn-default mb-2",
+          on: { click: _vm.handleClearTable }
+        },
+        [_vm._v("Clear Table")]
       ),
       _vm._v(" "),
       _vm.error

diff --git a/resources/js/TableOnSteroids.vue b/resources/js/TableOnSteroids.vue
@@ -4,7 +4,8 @@
     <label class="form-group-label mt-2 mb-1">Paste your CSV into this field:</label>
     <textarea class="input-text w-full mb-2" v-model="csv" rows="4"></textarea>
     <button class="btn btn-default mb-2 mr-1" @click="csvToJavascript">Process CSV Data</button>
-    <button class="btn btn-default mb-2" @click="handleClearInput">Clear input</button>
+    <button class="btn btn-default mb-2 mr-1" @click="handleClearInput">Clear Input</button>
+    <button class="btn btn-default mb-2" @click="handleClearTable">Clear Table</button>
     <div class="text-red" v-if="error">{{ error }}</div>
   </div>
 </template>
@@ -45,6 +46,9 @@ export default {
     this.data = this.value;
   },
   methods: {
+    handleClearTable() {
+      this.data = [];
+    },
     handleClearInput() {
       this.csv = ''
     },