From a8fe4ab2a3cd51ecc5274b0fdfc05547de9d369b Mon Sep 17 00:00:00 2001
From: Stefan Koller <stefan@dreist.at>
Date: Thu, 11 Feb 2021 11:25:54 +0100
Subject: [PATCH] added 'Clear Table' button

---
 .../dist/js/table_on_steroids-fieldtype.js      | 17 +++++++++++++++--
 resources/js/TableOnSteroids.vue                |  6 +++++-
 2 files changed, 20 insertions(+), 3 deletions(-)

diff --git a/resources/dist/js/table_on_steroids-fieldtype.js b/resources/dist/js/table_on_steroids-fieldtype.js
index aec62d9..4e94e6e 100644
--- 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
index d08d741..45a91d2 100755
--- 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 = ''
     },