add event config

src/assets/icons/event.svg

@@ -0,0 +1,15 @@
+<!-- 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. -->
+<svg t="1655695739627" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2218" width="48" height="48"><path d="M173.292308 177.230769C86.646154 265.846154 39.384615 382.030769 39.384615 504.123077 39.384615 531.692308 61.046154 551.384615 86.646154 551.384615s47.261538-21.661538 47.261538-47.261538c-1.969231-96.492308 37.415385-189.046154 106.338462-257.969231s163.446154-106.338462 257.969231-106.338461c27.569231 0 47.261538-21.661538 47.261538-47.261539 0-27.569231-21.661538-47.261538-47.261538-47.261538C378.092308 43.323077 259.938462 90.584615 173.292308 177.230769z m57.107692 326.892308c0 27.569231 19.692308 47.261538 47.261538 47.261538s47.261538-21.661538 47.261539-47.261538c0-45.292308 17.723077-90.584615 51.2-122.092308 33.476923-33.476923 76.8-49.230769 122.092308-51.2 27.569231 0 47.261538-21.661538 47.261538-47.261538 0-27.569231-19.692308-47.261538-47.261538-47.261539-70.892308 0-139.815385 27.569231-191.015385 76.8-7.876923 9.846154-80.738462 82.707692-76.8 191.015385z m665.6-204.8c-17.723077-23.630769-41.353846-51.2-45.292308-55.138462-5.907692-3.938462-13.784615-7.876923-21.661538-7.876923-7.876923 0-15.753846 1.969231-19.692308 7.876923L610.461538 441.107692c-47.261538-39.384615-118.153846-37.415385-163.446153 7.876923-45.292308 45.292308-47.261538 116.184615-7.876923 163.446154l-191.015385 191.015385c-5.907692 5.907692-9.846154 13.784615-9.846154 21.661538 0 9.846154 3.938462 19.692308 11.815385 25.6l53.16923 39.384616c72.861538 57.107692 163.446154 88.615385 259.938462 88.615384 232.369231 0 421.415385-189.046154 421.415385-421.415384 0-94.523077-33.476923-185.107692-88.615385-257.969231z" p-id="2219" fill="#707070"></path></svg>

src/store/modules/dashboard.ts

@@ -111,11 +111,7 @@ export const dashboardStore = defineStore({
         };
       }
       if (
-        type === "Trace" ||
-        type === "Profile" ||
-        type === "Log" ||
-        type === "Ebpf" ||
-        type === "DemandLog"
+        ["Trace", "Profile", "Log", "DemandLog", "Ebpf", "Event"].includes(type)
       ) {
         newItem.h = 36;
       }
@@ -172,11 +168,7 @@ export const dashboardStore = defineStore({
         };
       }
       if (
-        type === "Trace" ||
-        type === "Profile" ||
-        type === "Log" ||
-        type === "DemandLog" ||
-        type === "Ebpf"
+        ["Trace", "Profile", "Log", "DemandLog", "Ebpf", "Event"].includes(type)
       ) {
         newItem.h = 32;
       }

src/views/dashboard/data.ts

@@ -178,15 +178,16 @@ export const AllTools = [
   { name: "assignment", content: "Add Log", id: "addLog" },
 ];
 export const ServiceTools = [
-  { name: "playlist_add", content: "Widget", id: "addWidget" },
-  { name: "all_inbox", content: "Tab", id: "addTab" },
-  { name: "library_books", content: "Text", id: "addText" },
-  { name: "device_hub", content: "Topology", id: "addTopology" },
-  { name: "merge", content: "Trace", id: "addTrace" },
-  { name: "timeline", content: "Trace Profiling", id: "addProfile" },
-  { name: "insert_chart", content: "eBPF Profiling", id: "addEbpf" },
-  { name: "assignment", content: "Log", id: "addLog" },
+  { name: "playlist_add", content: "Add Widget", id: "addWidget" },
+  { name: "all_inbox", content: "Add Tab", id: "addTab" },
+  { name: "library_books", content: "Add Text", id: "addText" },
+  { name: "device_hub", content: "Add Topology", id: "addTopology" },
+  { name: "merge", content: "Add Trace", id: "addTrace" },
+  { name: "timeline", content: "Add Trace Profiling", id: "addProfile" },
+  { name: "insert_chart", content: "Add eBPF Profiling", id: "addEbpf" },
+  { name: "assignment", content: "Add Log", id: "addLog" },
   { name: "demand", content: "Add On Demand Log", id: "addDemandLog" },
+  { name: "event", content: "Add Event", id: "addEvent" },
 ];
 export const InstanceTools = [
   { name: "playlist_add", content: "Add Widget", id: "addWidget" },
@@ -195,6 +196,7 @@ export const InstanceTools = [
   { name: "merge", content: "Add Trace", id: "addTrace" },
   { name: "assignment", content: "Add Log", id: "addLog" },
   { name: "demand", content: "Add On Demand Log", id: "addDemandLog" },
+  { name: "event", content: "Add Event", id: "addEvent" },
 ];
 export const EndpointTools = [
   { name: "playlist_add", content: "Add Widget", id: "addWidget" },
@@ -203,6 +205,7 @@ export const EndpointTools = [
   { name: "device_hub", content: "Add Topology", id: "addTopology" },
   { name: "merge", content: "Add Trace", id: "addTrace" },
   { name: "assignment", content: "Add Log", id: "addLog" },
+  { name: "event", content: "Add Event", id: "addEvent" },
 ];
 export const ServiceRelationTools = [
   { name: "playlist_add", content: "Add Widget", id: "addWidget" },

src/views/dashboard/panel/Tool.vue

@@ -458,6 +458,9 @@ function setTabControls(id: string) {
     case "addDemandLog":
       dashboardStore.addTabControls("DemandLog");
       break;
+    case "addEvent":
+      dashboardStore.addTabControls("Event");
+      break;
     default:
       ElMessage.info("Don't support this control");
       break;
@@ -493,6 +496,9 @@ function setControls(id: string) {
     case "addDemandLog":
       dashboardStore.addControl("DemandLog");
       break;
+    case "addEvent":
+      dashboardStore.addControl("Event");
+      break;
     default:
       dashboardStore.addControl("Widget");
   }