From 87b0a8c7cb1e7cb87c955b22db82e285a27e0a1e Mon Sep 17 00:00:00 2001
From: pataar <pietering1@gmail.com>
Date: Tue, 22 Feb 2022 21:48:21 +0100
Subject: [PATCH] feat(console): add the ability to clear the console (#672)

fixes #658
---
 src/components/panels/MiniconsolePanel.vue |  6 +++++-
 src/pages/Console.vue                      |  7 +++++++
 src/store/gui/console/actions.ts           | 16 ++++++++++++++++
 src/store/gui/console/getters.ts           |  4 ++++
 src/store/gui/console/mutations.ts         |  4 ++++
 src/store/gui/console/types.ts             |  1 +
 src/store/server/actions.ts                | 18 ++++++++++++++++++
 src/store/server/getters.ts                |  2 +-
 src/store/server/mutations.ts              |  4 ++++
 src/store/server/types.ts                  |  3 +++
 10 files changed, 63 insertions(+), 2 deletions(-)

diff --git a/src/components/panels/MiniconsolePanel.vue b/src/components/panels/MiniconsolePanel.vue
index b41daa3a8..a7a19d3f2 100644
--- a/src/components/panels/MiniconsolePanel.vue
+++ b/src/components/panels/MiniconsolePanel.vue
@@ -17,8 +17,8 @@
         card-class="miniconsole-panel"
         :hide-buttons-on-collapse="true">
         <template #buttons>
+            <v-btn icon tile @click="clearConsole"><v-icon small>mdi-trash-can</v-icon></v-btn>
             <command-help-modal :in-toolbar="true" @onCommand="gcode = $event"></command-help-modal>
-
             <v-menu
                 :offset-y="true"
                 :close-on-content-click="false"
@@ -151,6 +151,10 @@ export default class MiniconsolePanel extends Mixins(BaseMixin) {
         }
     }
 
+    clearConsole() {
+        this.$store.dispatch('gui/console/clear')
+    }
+
     get hideWaitTemperatures(): boolean {
         return this.$store.state.gui.console.hideWaitTemperatures
     }
diff --git a/src/pages/Console.vue b/src/pages/Console.vue
index 4e3c261a5..fd23967fc 100644
--- a/src/pages/Console.vue
+++ b/src/pages/Console.vue
@@ -38,6 +38,9 @@
             </v-col>
 
             <v-col class="col-auto d-flex align-center">
+                <v-btn class="mr-3 px-2 minwidth-0" color="lightgray" @click="clearConsole">
+                    <v-icon>mdi-trash-can</v-icon>
+                </v-btn>
                 <command-help-modal @onCommand="gcode = $event"></command-help-modal>
                 <v-menu
                     offset-y
@@ -148,6 +151,10 @@ export default class PageConsole extends Mixins(BaseMixin) {
         this.$store.dispatch('gui/saveSetting', { name: 'console.hideWaitTemperatures', value: newVal })
     }
 
+    clearConsole() {
+        this.$store.dispatch('gui/console/clear')
+    }
+
     get hideTlCommands(): boolean {
         return this.$store.state.gui.console.hideWaitTemperatures
     }
diff --git a/src/store/gui/console/actions.ts b/src/store/gui/console/actions.ts
index 562e14900..b9cf5e0e6 100644
--- a/src/store/gui/console/actions.ts
+++ b/src/store/gui/console/actions.ts
@@ -9,6 +9,22 @@ export const actions: ActionTree<GuiConsoleState, RootState> = {
         commit('reset')
     },
 
+    clear({ commit }) {
+        const cleared_since = new Date().valueOf()
+        Vue.$socket.emit('server.database.post_item', {
+            namespace: 'mainsail',
+            key: 'console.cleared_since',
+            value: cleared_since,
+        })
+
+        commit('clear', {
+            cleared_since,
+        })
+
+        commit('server/clearGcodeStore', {}, { root: true })
+        commit('server/setConsoleClearedThisSession', {}, { root: true })
+    },
+
     saveSetting({ dispatch }, payload) {
         dispatch(
             'gui/saveSetting',
diff --git a/src/store/gui/console/getters.ts b/src/store/gui/console/getters.ts
index 0a1c2aae7..3d211f616 100644
--- a/src/store/gui/console/getters.ts
+++ b/src/store/gui/console/getters.ts
@@ -36,4 +36,8 @@ export const getters: GetterTree<GuiConsoleState, any> = {
 
         return output
     },
+
+    getConsoleClearedSince: (state, getters, rootState) => {
+        return state.cleared_since
+    },
 }
diff --git a/src/store/gui/console/mutations.ts b/src/store/gui/console/mutations.ts
index 2437eef37..737727bef 100644
--- a/src/store/gui/console/mutations.ts
+++ b/src/store/gui/console/mutations.ts
@@ -8,6 +8,10 @@ export const mutations: MutationTree<GuiConsoleState> = {
         Object.assign(state, getDefaultState())
     },
 
+    clear(state, payload) {
+        Vue.set(state, 'cleared_since', payload.cleared_since)
+    },
+
     filterStore(state, payload) {
         Vue.set(state.consolefilters, payload.id, payload.values)
     },
diff --git a/src/store/gui/console/types.ts b/src/store/gui/console/types.ts
index 08a6c4bde..a3f49274e 100644
--- a/src/store/gui/console/types.ts
+++ b/src/store/gui/console/types.ts
@@ -1,4 +1,5 @@
 export interface GuiConsoleState {
+    cleared_since?: number
     hideWaitTemperatures: boolean
     hideTlCommands: boolean
     direction: 'table' | 'shell'
diff --git a/src/store/server/actions.ts b/src/store/server/actions.ts
index eb627d936..9b257b464 100644
--- a/src/store/server/actions.ts
+++ b/src/store/server/actions.ts
@@ -158,6 +158,24 @@ export const actions: ActionTree<ServerState, RootState> = {
             }
         })
 
+        const cleared_since = rootGetters['gui/console/getConsoleClearedSince']
+
+        events = events.filter((event) => {
+            if (!cleared_since) {
+                return true
+            }
+
+            if (event.time && event.time * 1000 < cleared_since) {
+                return false
+            }
+
+            if (event.date && new Date(event.date).valueOf() < cleared_since) {
+                return false
+            }
+
+            return true
+        })
+
         commit('setGcodeStore', events)
     },
 
diff --git a/src/store/server/getters.ts b/src/store/server/getters.ts
index ccd79bc28..83b32a44c 100644
--- a/src/store/server/getters.ts
+++ b/src/store/server/getters.ts
@@ -9,7 +9,7 @@ export const getters: GetterTree<ServerState, any> = {
         (reverse = true, limit = 500) => {
             const events = [...state.events].slice(limit * -1) ?? []
 
-            if (events.length < 20) {
+            if (events.length < 20 && !state.console_cleared_this_session) {
                 const date = events.length ? events[0].date : new Date()
                 let message = ''
 
diff --git a/src/store/server/mutations.ts b/src/store/server/mutations.ts
index ed227babd..25a88ecac 100644
--- a/src/store/server/mutations.ts
+++ b/src/store/server/mutations.ts
@@ -64,6 +64,10 @@ export const mutations: MutationTree<ServerState> = {
         })
     },
 
+    setConsoleClearedThisSession(state) {
+        Vue.set(state, 'console_cleared_this_session', true)
+    },
+
     clearGcodeStore(state) {
         Vue.set(state, 'events', [])
     },
diff --git a/src/store/server/types.ts b/src/store/server/types.ts
index 35d61678e..bca6235ff 100644
--- a/src/store/server/types.ts
+++ b/src/store/server/types.ts
@@ -40,6 +40,8 @@ export interface ServerState {
     websocket_count: number
     moonraker_version: string
 
+    console_cleared_this_session?: boolean
+
     power?: ServerPowerState
     updateManager?: ServerUpdateMangerState
     history?: ServerHistoryState
@@ -48,6 +50,7 @@ export interface ServerState {
 
 export interface ServerStateEvent {
     date: Date
+    time?: number
     formatTime: string
     type: string
     message: string