From 3a4543478f621c87356bf1faa6ac26eaa89718bb Mon Sep 17 00:00:00 2001
From: toruksmakto <42709228+toruksmakto@users.noreply.github.com>
Date: Sun, 12 May 2019 12:00:00 +0800
Subject: [PATCH] feat[ErrorLog]: add a clear button in ErrorLog component
 (#2065)

---
 src/components/ErrorLog/index.vue | 12 +++++++++++-
 src/store/modules/errorLog.js     |  6 ++++++
 2 files changed, 17 insertions(+), 1 deletion(-)

diff --git a/src/components/ErrorLog/index.vue b/src/components/ErrorLog/index.vue
index 7ffa573b..6119c037 100644
--- a/src/components/ErrorLog/index.vue
+++ b/src/components/ErrorLog/index.vue
@@ -6,7 +6,11 @@
       </el-button>
     </el-badge>
 
-    <el-dialog :visible.sync="dialogTableVisible" title="Error Log" width="80%" append-to-body>
+    <el-dialog :visible.sync="dialogTableVisible" width="80%" append-to-body>
+      <div slot="title">
+        <span style="padding-right: 10px;">Error Log</span>
+        <el-button size="mini" type="primary" icon="el-icon-delete" @click="clearAll">Clear All</el-button>
+      </div>
       <el-table :data="errorLogs" border>
         <el-table-column label="Message">
           <template slot-scope="{row}">
@@ -54,6 +58,12 @@ export default {
     errorLogs() {
       return this.$store.getters.errorLogs
     }
+  },
+  methods: {
+    clearAll() {
+      this.dialogTableVisible = false
+      this.$store.dispatch('errorLog/clearErrorLog')
+    }
   }
 }
 </script>
diff --git a/src/store/modules/errorLog.js b/src/store/modules/errorLog.js
index 8e3db060..6b01f957 100644
--- a/src/store/modules/errorLog.js
+++ b/src/store/modules/errorLog.js
@@ -5,12 +5,18 @@ const state = {
 const mutations = {
   ADD_ERROR_LOG: (state, log) => {
     state.logs.push(log)
+  },
+  CLEAR_ERROR_LOG: (state) => {
+    state.logs.splice(0)
   }
 }
 
 const actions = {
   addErrorLog({ commit }, log) {
     commit('ADD_ERROR_LOG', log)
+  },
+  clearErrorLog({ commit }) {
+    commit('CLEAR_ERROR_LOG')
   }
 }