Add clear log

ui/src/components/icons.ts

@@ -79,6 +79,7 @@ import person from '@iconify-icons/fluent/person-24-regular';
 import person_filled from '@iconify-icons/fluent/person-24-filled';
 import edit from '@iconify-icons/fluent/edit-24-regular';
 import edit_filled from '@iconify-icons/fluent/edit-24-filled';
+import clear from '@iconify-icons/fluent/paint-brush-arrow-down-20-regular';
 import deleteIcon from '@iconify-icons/fluent/delete-24-regular';
 import delete_filled from '@iconify-icons/fluent/delete-24-filled';
 import clock from '@iconify-icons/fluent/clock-24-regular';
@@ -178,6 +179,7 @@ export const icons = {
     'person-filled': person_filled,
     'edit': edit,
     'edit-filled': edit_filled,
+    'clear': clear,
     'delete': deleteIcon,
     'delete-filled': delete_filled,
     'clock': clock,

ui/src/config/settings.ts

@@ -31,6 +31,7 @@ export interface SettingsType {
     eventNotify: string;
     eventWebSocketConnStatus: string,
     eventWebSocketMsg: string,
+    eventClearWebSocketMsg: string,
     webSocketRoom: string,
     electronMsg: string,
     electronMsgReplay: string,
@@ -75,6 +76,7 @@ const settings: SettingsType = {
     eventNotify: 'eventNotify',
     eventWebSocketConnStatus: 'eventWebSocketStatus',
     eventWebSocketMsg: 'eventWebSocketMsg',
+    eventClearWebSocketMsg: 'eventClearWebSocketMsg',
     webSocketRoom: 'webSocketRoom',
     electronMsg: 'electronMsg',
     electronMsgReplay: 'electronMsgReplay',

ui/src/locales/en-US.ts

@@ -61,6 +61,7 @@ export default {
     'select_ui_lang': 'Please select Language',
     'sync': 'Synchronization',
     'close': 'Close',
+    'clear': 'Clear',
     'download': 'Download',
     'src': 'Source Code',
     'zentao_url': 'ZenTao URL',

ui/src/locales/zh-CN.ts

@@ -67,6 +67,7 @@ export default {
     'minimize': '最小化',
     'restore': '还原',
     'close': '关闭',
+    'clear': '清空',
     'sync': '同步',
     'download': '下载',
     'src': '源码',

ui/src/views/exec/LogList.vue

@@ -151,15 +151,21 @@ const updateStatisticInfo = (logDir) => {
   })
 }
 
+const clearWebsocketMsgEvent = () => {
+  wsMsg.out = [];
+}
+
 onMounted(() => {
   console.log('onMounted')
   bus.on(settings.eventExec, exec);
   bus.on(settings.eventWebSocketMsg, onWebsocketMsgEvent);
+  bus.on(settings.eventClearWebSocketMsg, clearWebsocketMsgEvent);
 })
 onBeforeUnmount( () => {
   console.log('onBeforeUnmount')
   bus.off(settings.eventExec, exec);
   bus.off(settings.eventWebSocketMsg, onWebsocketMsgEvent);
+  bus.off(settings.eventClearWebSocketMsg, clearWebsocketMsgEvent);
 })
 
 const exec = (data: any) => {

ui/src/views/exec/LogPanel.vue

 <template>
   <Panel :title="t('exec_log')" class="log-panel">
     <template #toolbar-buttons>
+      <Button class="rounded pure" :hint="t('clear')"
+              icon="clear" iconSize="1.4em"
+              @click="bus.emit(settings.eventClearWebSocketMsg);"/>
       <Button class="rounded pure" :hint="t('collapse_all')"
               :icon="logContentExpand ? 'subtract-square-multiple' : 'add-square-multiple'" iconSize="1.4em"
               @click="store.commit('global/setLogContentExpand')"/>
@@ -22,6 +25,8 @@ import {useI18n} from "vue-i18n";
 import { useStore} from 'vuex';
 import { StateType } from '@/store/global'
 import {computed} from 'vue';
+import bus from "@/utils/eventBus";
+import settings from "@/config/settings";
 const { t } = useI18n();
 
 const store = useStore<{global: StateType}>()