From c8c82cd31197cbea3cba3b98d7324e5a5cb59776 Mon Sep 17 00:00:00 2001
From: Qiuxia Fan <fine0830@outlook.com>
Date: Fri, 4 Mar 2022 14:17:29 +0800
Subject: [PATCH] feat: add log

---
 src/router/index.ts                        |  3 +--
 src/store/modules/dashboard.ts             |  2 +-
 src/views/dashboard/controls/Log.vue       | 17 +++++++++++++++++
 src/views/dashboard/data.ts                |  1 +
 src/views/dashboard/panel/Tool.vue         |  3 +++
 src/views/dashboard/related/log/Filter.vue |  0
 6 files changed, 23 insertions(+), 3 deletions(-)
 create mode 100644 src/views/dashboard/controls/Log.vue
 create mode 100644 src/views/dashboard/related/log/Filter.vue

diff --git a/src/router/index.ts b/src/router/index.ts
index 80068c3e..3c45cab3 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -21,7 +21,7 @@ import { routesMesh } from "./serviceMesh";
 import { routesDatabase } from "./database";
 import { routesInfra } from "./infrastructure";
 import { routesDashboard } from "./dashboard";
-import { routesLog } from "./log";
+// import { routesLog } from "./log";
 import { routesEvent } from "./event";
 import { routesAlert } from "./alert";
 import { routesSetting } from "./setting";
@@ -34,7 +34,6 @@ const routes: Array<RouteRecordRaw> = [
   ...routesDatabase,
   ...routesInfra,
   ...routesDashboard,
-  ...routesLog,
   ...routesEvent,
   ...routesAlert,
   ...routesSetting,
diff --git a/src/store/modules/dashboard.ts b/src/store/modules/dashboard.ts
index 24a19e33..edc80e69 100644
--- a/src/store/modules/dashboard.ts
+++ b/src/store/modules/dashboard.ts
@@ -95,7 +95,7 @@ export const dashboardStore = defineStore({
           showDepth: true,
         };
       }
-      if (type === "Trace" || type === "Profile") {
+      if (type === "Trace" || type === "Profile" || type === "Log") {
         newItem.h = 36;
       }
       this.layout = this.layout.map((d: LayoutConfig) => {
diff --git a/src/views/dashboard/controls/Log.vue b/src/views/dashboard/controls/Log.vue
new file mode 100644
index 00000000..35c421ec
--- /dev/null
+++ b/src/views/dashboard/controls/Log.vue
@@ -0,0 +1,17 @@
+<!-- Licensed to the Apache Software Foundation (ASF) under one or more
+contributor license agreements.  See the NOTICE file distributed with
+this work for additional information regarding copyright ownership.
+The ASF licenses this file to You under the Apache License, Version 2.0
+(the "License"); you may not use this file except in compliance with
+the License.  You may obtain a copy of the License at
+
+  http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License. -->
+<template>
+  <div class="log-wrapper flex-v">Log</div>
+</template>
diff --git a/src/views/dashboard/data.ts b/src/views/dashboard/data.ts
index 17a186f3..ae9bcd2e 100644
--- a/src/views/dashboard/data.ts
+++ b/src/views/dashboard/data.ts
@@ -168,6 +168,7 @@ export const ToolIcons = [
   { name: "device_hub", content: "Add Topology", id: "topology" },
   { name: "merge", content: "Add Trace", id: "trace" },
   { name: "timeline", content: "Add Profile", id: "profile" },
+  { name: "assignment", content: "Add Log", id: "log" },
   // { name: "save_alt", content: "Export", id: "export" },
   // { name: "folder_open", content: "Import", id: "import" },
   // { name: "settings", content: "Settings", id: "settings" },
diff --git a/src/views/dashboard/panel/Tool.vue b/src/views/dashboard/panel/Tool.vue
index 7e5774a8..1feb18b0 100644
--- a/src/views/dashboard/panel/Tool.vue
+++ b/src/views/dashboard/panel/Tool.vue
@@ -301,6 +301,9 @@ function clickIcons(t: { id: string; content: string; name: string }) {
     case "profile":
       dashboardStore.addControl("Profile");
       break;
+    case "log":
+      dashboardStore.addControl("Log");
+      break;
     case "topology":
       dashboardStore.addControl("Topology");
       break;
diff --git a/src/views/dashboard/related/log/Filter.vue b/src/views/dashboard/related/log/Filter.vue
new file mode 100644
index 00000000..e69de29b