diff --git a/src/constants/templates.ts b/src/constants/templates.ts
deleted file mode 100644
index bc10acb3..00000000
--- a/src/constants/templates.ts
+++ /dev/null
@@ -1,1029 +0,0 @@
-/**
- * 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.
- */
-export const AllLayout = {
- id: "0",
- configuration: {
- name: "All Layout",
- layer: "GENERAL",
- entity: "All",
- isRoot: true,
- children: [
- {
- x: 0,
- y: 0,
- w: 24,
- h: 45,
- i: "0",
- type: "Tab",
- widget: {},
- graph: {},
- standard: {},
- metrics: [],
- metricTypes: [],
- children: [
- {
- name: "Overview",
- children: [
- {
- x: 0,
- y: 0,
- w: 8,
- h: 12,
- i: "0",
- metrics: ["all_heatmap"],
- metricTypes: ["readHeatMap"],
- type: "Widget",
- widget: {
- title: "all_heatmap",
- tips: "Tooltip",
- },
- graph: {
- type: "HeatMap",
- },
- standard: {
- unit: "ms",
- },
- },
- {
- x: 8,
- y: 0,
- w: 8,
- h: 12,
- i: "1",
- metrics: ["all_percentile"],
- metricTypes: ["readLabeledMetricsValues"],
- type: "Widget",
- widget: {
- title: "Global Response Latency",
- tips: "Tooltip",
- },
- graph: {
- type: "Line",
- },
- standard: {
- unit: "percentile in ms",
- metricLabels: "P50, P75, P90, P95, P99",
- labelsIndex: "0, 1, 2, 3, 4",
- },
- },
- ],
- },
- {
- name: "Services",
- children: [
- {
- x: 0,
- y: 0,
- w: 24,
- h: 12,
- i: "0",
- metrics: ["service_sla"],
- metricTypes: ["readMetricsValues"],
- type: "Widget",
- widget: {},
- graph: {
- type: "ServiceList",
- dashboardName: "123",
- fontSize: 12,
- },
- standard: {},
- },
- ],
- },
- {
- name: "Topology",
- children: [
- {
- x: 0,
- y: 0,
- w: 4,
- h: 6,
- i: "0",
- metrics: [],
- metricTypes: [],
- type: "Topology",
- widget: {},
- graph: {
- fontColor: "white",
- backgroundColor: "green",
- iconTheme: true,
- content: "Topology",
- fontSize: 18,
- showDepth: true,
- },
- standard: {},
- },
- ],
- },
- {
- name: "Trace",
- children: [
- {
- x: 0,
- y: 0,
- w: 24,
- h: 40,
- i: "0",
- metrics: [],
- metricTypes: [],
- type: "Trace",
- widget: {},
- graph: {},
- standard: {},
- },
- ],
- },
- {
- name: "Log",
- children: [
- {
- x: 0,
- y: 0,
- w: 24,
- h: 40,
- i: "0",
- metrics: [],
- metricTypes: [],
- type: "Log",
- widget: {},
- graph: {},
- standard: {},
- },
- ],
- },
- ],
- },
- ],
- },
-};
-
-export const ServiceLayout = {
- id: "1",
- configuration: {
- name: "Service Root Layout",
- layer: "GENERAL",
- entity: "Service",
- isRoot: true,
- children: [
- {
- x: 0,
- y: 0,
- w: 24,
- h: 45,
- i: "0",
- type: "Tab",
- widget: {},
- graph: {},
- standard: {},
- metrics: [],
- metricTypes: [],
- children: [
- {
- name: "Overview",
- children: [
- {
- x: 0,
- y: 0,
- w: 8,
- h: 12,
- i: "0",
- metrics: ["service_percentile"],
- metricTypes: ["readLabeledMetricsValues"],
- type: "Widget",
- widget: {
- title: "Service Response Time Percentile",
- },
- graph: {
- type: "Line",
- },
- standard: {
- unit: "ms",
- metricLabels: "P50, P75, P90, P95, P99",
- labelsIndex: "0, 1, 2, 3, 4",
- },
- },
- {
- x: 8,
- y: 0,
- w: 8,
- h: 12,
- i: "1",
- metrics: ["service_apdex"],
- metricTypes: ["readMetricsValue"],
- type: "Widget",
- widget: {
- title: "Service Apdex",
- tips: "Tooltip",
- },
- graph: {
- type: "Card",
- fontSize: 20,
- textAlign: "center",
- },
- standard: {
- divide: "10000",
- },
- },
- {
- x: 16,
- y: 0,
- w: 8,
- h: 12,
- i: "2",
- metrics: ["service_sla"],
- metricTypes: ["readMetricsValue"],
- type: "Widget",
- widget: {
- title: "Successful Rate",
- tips: "Tooltip",
- },
- graph: {
- type: "Card",
- fontSize: 20,
- textAlign: "center",
- },
- standard: {
- unit: "%",
- divide: "100",
- },
- },
- {
- x: 0,
- y: 12,
- w: 8,
- h: 12,
- i: "3",
- metrics: ["service_cpm"],
- metricTypes: ["readMetricsValue"],
- type: "Widget",
- widget: {
- title: "Service Load",
- tips: "For HTTP 1/2, gRPC, RPC services, this means Calls Per Minute (CPM), for TCP services, this means Packets Per Minute (PPM)",
- },
- graph: {
- type: "Card",
- fontSize: 20,
- textAlign: "center",
- },
- standard: {
- unit: "CPM / PPM",
- divide: "100",
- },
- },
- {
- x: 8,
- y: 12,
- w: 8,
- h: 12,
- i: "4",
- metrics: ["service_cpm"],
- metricTypes: ["readMetricsValues"],
- type: "Widget",
- widget: {
- title: "Service cpm",
- tips: "For HTTP 1/2, gRPC, RPC services, this means Calls Per Minute (CPM), for TCP services, this means Packets Per Minute (PPM)",
- },
- graph: {
- type: "Line",
- },
- standard: {
- unit: "CPM / PPM",
- divide: "100",
- },
- },
- {
- x: 16,
- y: 12,
- w: 8,
- h: 12,
- i: "5",
- metrics: ["service_resp_time"],
- metricTypes: ["readMetricsValues"],
- type: "Widget",
- widget: {
- title: "Service Avg Response Time",
- },
- graph: {
- type: "Line",
- },
- standard: {
- unit: "ms",
- },
- },
- {
- x: 0,
- y: 24,
- w: 8,
- h: 12,
- i: "6",
- metrics: ["service_apdex"],
- metricTypes: ["readMetricsValues"],
- type: "Widget",
- widget: {
- title: "Service Apdex",
- },
- graph: {
- type: "Line",
- },
- standard: {
- divide: "10000",
- },
- },
- {
- x: 8,
- y: 24,
- w: 8,
- h: 12,
- i: "7",
- metrics: ["service_sla"],
- metricTypes: ["readMetricsValues"],
- type: "Widget",
- widget: {
- title: "Successful Rate",
- },
- graph: {
- type: "Line",
- },
- standard: {
- divide: "100",
- },
- },
- {
- x: 16,
- y: 24,
- w: 8,
- h: 12,
- i: "8",
- metrics: [
- "service_throughput_received",
- "service_throughput_sent",
- ],
- metricTypes: ["readMetricsValues", "readMetricsValues"],
- type: "Widget",
- widget: {
- title: "Service Throughput",
- },
- graph: {
- type: "Line",
- },
- standard: {
- unit: "Bytes",
- tips: "This metrics is only avaible for TCP services",
- },
- },
- {
- x: 0,
- y: 36,
- w: 8,
- h: 12,
- i: "9",
- metrics: ["service_mq_consume_count"],
- metricTypes: ["readMetricsValues"],
- type: "Widget",
- widget: {
- title: "Message Queue Consuming Count",
- },
- graph: {
- type: "Line",
- },
- standard: {
- tips: "The number of consumed messages.",
- },
- },
- {
- x: 8,
- y: 36,
- w: 8,
- h: 12,
- i: "10",
- metrics: ["service_mq_consume_latency"],
- metricTypes: ["readMetricsValues"],
- type: "Widget",
- widget: {
- title: "Message Queue Consuming Count",
- },
- graph: {
- type: "Line",
- },
- standard: {
- unit: "ms",
- tips: "The avg latency of message consuming. Latency = timestamp(received) - timestamp(producing)",
- },
- },
- ],
- },
- {
- name: "Endpoints",
- children: [
- {
- x: 0,
- y: 0,
- w: 24,
- h: 12,
- i: "0",
- metrics: ["endpoint_sla"],
- metricTypes: ["readMetricsValues"],
- type: "Widget",
- widget: {},
- graph: {
- type: "EndpointList",
- dashboardName: "123",
- fontSize: 12,
- },
- standard: {},
- },
- ],
- },
- {
- name: "Service Instances",
- children: [
- {
- x: 0,
- y: 0,
- w: 24,
- h: 12,
- i: "0",
- metrics: ["service_instance_sla"],
- metricTypes: ["readMetricsValues"],
- type: "Widget",
- widget: {},
- graph: {
- type: "InstanceList",
- dashboardName: "123",
- fontSize: 12,
- },
- standard: {
- unit: "ms",
- },
- },
- ],
- },
- {
- name: "Topology",
- children: [
- {
- x: 0,
- y: 0,
- w: 4,
- h: 6,
- i: "0",
- metrics: [],
- metricTypes: [],
- type: "Topology",
- widget: {},
- graph: {
- fontColor: "white",
- backgroundColor: "green",
- iconTheme: true,
- content: "Topology",
- fontSize: 18,
- showDepth: true,
- },
- standard: {},
- },
- ],
- },
- {
- name: "Trace",
- children: [
- {
- x: 0,
- y: 0,
- w: 24,
- h: 40,
- i: "0",
- metrics: [],
- metricTypes: [],
- type: "Trace",
- widget: {},
- graph: {},
- standard: {},
- },
- ],
- },
- {
- name: "Profile",
- children: [
- {
- x: 0,
- y: 0,
- w: 24,
- h: 40,
- i: "0",
- metrics: [],
- metricTypes: [],
- type: "Profile",
- widget: {},
- graph: {},
- standard: {},
- },
- ],
- },
- {
- name: "Log",
- children: [
- {
- x: 0,
- y: 0,
- w: 24,
- h: 40,
- i: "0",
- metrics: [],
- metricTypes: [],
- type: "Log",
- widget: {},
- graph: {},
- standard: {},
- },
- ],
- },
- ],
- },
- ],
- },
-};
-
-export const EndpointLayout = {
- id: "2",
- configuration: {
- name: "Endpoint Layout",
- layer: "GENERAL",
- entity: "Endpoint",
- isRoot: true,
- children: [
- {
- x: 0,
- y: 0,
- w: 24,
- h: 45,
- i: "0",
- type: "Tab",
- widget: {},
- graph: {},
- standard: {},
- metrics: [],
- metricTypes: [],
- children: [
- {
- name: "Overview",
- children: [
- {
- x: 0,
- y: 0,
- w: 8,
- h: 12,
- i: "0",
- metrics: ["endpoint_cpm"],
- metricTypes: ["sortMetrics"],
- type: "Widget",
- widget: {},
- graph: {
- type: "TopList",
- dashboardName: "123",
- fontSize: 12,
- },
- standard: {
- unit: "CPM / PPM",
- },
- },
- {
- x: 8,
- y: 0,
- w: 8,
- h: 12,
- i: "1",
- metrics: ["endpoint_sla"],
- metricTypes: ["sortMetrics"],
- type: "Widget",
- widget: {
- title: "Successful Rate in Current Service",
- },
- graph: {
- type: "TopList",
- dashboardName: "123",
- fontSize: 12,
- },
- standard: {
- unit: "%",
- divide: 100,
- },
- },
- {
- x: 16,
- y: 0,
- w: 8,
- h: 12,
- i: "2",
- metrics: ["endpoint_sla"],
- metricTypes: ["readMetricsValues"],
- type: "Widget",
- widget: {
- title: "Successful Rate in Current Service",
- },
- graph: {
- type: "Line",
- dashboardName: "123",
- fontSize: 12,
- },
- standard: {
- unit: "%",
- divide: 100,
- },
- },
- {
- x: 0,
- y: 12,
- w: 8,
- h: 12,
- i: "3",
- metrics: ["endpoint_percentile"],
- metricTypes: ["readLabeledMetricsValues"],
- type: "Widget",
- widget: {
- title: "Endpoint Response Time Percentile",
- },
- graph: {
- type: "Line",
- },
- standard: {
- unit: "ms",
- metricLabels: "P50, P75, P90, P95, P99",
- labelsIndex: "0, 1, 2, 3, 4",
- },
- },
- ],
- },
- {
- name: "Topology",
- children: [
- {
- x: 0,
- y: 0,
- w: 4,
- h: 6,
- i: "0",
- metrics: [],
- metricTypes: [],
- type: "Topology",
- widget: {},
- graph: {
- fontColor: "white",
- backgroundColor: "green",
- iconTheme: true,
- content: "Topology",
- fontSize: 18,
- showDepth: true,
- },
- standard: {},
- },
- ],
- },
- {
- name: "Trace",
- children: [
- {
- x: 0,
- y: 0,
- w: 24,
- h: 40,
- i: "0",
- metrics: [],
- metricTypes: [],
- type: "Trace",
- widget: {},
- graph: {},
- standard: {},
- },
- ],
- },
- {
- name: "Log",
- children: [
- {
- x: 0,
- y: 0,
- w: 24,
- h: 40,
- i: "0",
- metrics: [],
- metricTypes: [],
- type: "Log",
- widget: {},
- graph: {},
- standard: {},
- },
- ],
- },
- ],
- },
- ],
- },
-};
-
-export const InstanceLayout = {
- id: "3",
- configuration: {
- name: "Instance Layout",
- layer: "GENERAL",
- entity: "ServiceInstance",
- isRoot: true,
- children: [
- {
- x: 0,
- y: 0,
- w: 24,
- h: 45,
- i: "0",
- type: "Tab",
- widget: {},
- graph: {},
- standard: {},
- metrics: [],
- metricTypes: [],
- children: [
- {
- name: "Overview",
- children: [
- {
- x: 0,
- y: 0,
- w: 8,
- h: 12,
- i: "0",
- metrics: ["service_instance_cpm"],
- metricTypes: ["readMetricsValues"],
- type: "Widget",
- widget: {},
- graph: {
- type: "Line",
- dashboardName: "123",
- fontSize: 12,
- },
- standard: {
- unit: "CPM / PPM",
- },
- },
- {
- x: 8,
- y: 0,
- w: 8,
- h: 12,
- i: "2",
- metrics: ["instance_jvm_memory_heap"],
- metricTypes: ["readMetricsValues"],
- type: "Widget",
- widget: {},
- graph: {
- type: "Line",
- dashboardName: "123",
- fontSize: 12,
- },
- standard: {
- unit: "%",
- divide: 100,
- },
- },
- {
- x: 16,
- y: 0,
- w: 8,
- h: 12,
- i: "3",
- metrics: [
- "instance_jvm_class_loaded_class_count",
- "instance_jvm_class_total_unloaded_class_count",
- ],
- metricTypes: ["readMetricsValues", "readMetricsValues"],
- type: "Widget",
- widget: {
- title: "JVM Class Count (Java Service)",
- },
- graph: {
- type: "Line",
- },
- standard: {},
- },
- ],
- },
- {
- name: "Topology",
- children: [
- {
- x: 0,
- y: 0,
- w: 4,
- h: 6,
- i: "0",
- metrics: [],
- metricTypes: [],
- type: "Topology",
- widget: {},
- graph: {
- fontColor: "white",
- backgroundColor: "green",
- iconTheme: true,
- content: "Topology",
- fontSize: 18,
- showDepth: true,
- },
- standard: {},
- },
- ],
- },
- {
- name: "Trace",
- children: [
- {
- x: 0,
- y: 0,
- w: 24,
- h: 40,
- i: "0",
- metrics: [],
- metricTypes: [],
- type: "Trace",
- widget: {},
- graph: {},
- standard: {},
- },
- ],
- },
- {
- name: "Log",
- children: [
- {
- x: 0,
- y: 0,
- w: 24,
- h: 40,
- i: "0",
- metrics: [],
- metricTypes: [],
- type: "Log",
- widget: {},
- graph: {},
- standard: {},
- },
- ],
- },
- ],
- },
- ],
- },
-};
-
-export const ServiceRelationLayout = {
- id: "4",
- configuration: {
- name: "Service Relation Layout",
- layer: "GENERAL",
- entity: "ServiceRelation",
- isRoot: true,
- children: [
- {
- x: 0,
- y: 0,
- w: 24,
- h: 45,
- i: "0",
- type: "Tab",
- widget: {},
- graph: {},
- standard: {},
- metrics: [],
- metricTypes: [],
- children: [
- {
- name: "Overview",
- children: [
- {
- x: 0,
- y: 0,
- w: 8,
- h: 12,
- i: "0",
- metrics: ["service_relation_server_resp_time"],
- metricTypes: ["readMetricsValues"],
- type: "Widget",
- widget: {
- title: "service_relation_server_resp_time",
- tips: "Tooltip",
- },
- graph: {
- type: "Line",
- },
- standard: {
- unit: "min",
- },
- children: [],
- },
- ],
- },
- {
- name: "Topology",
- children: [
- {
- x: 0,
- y: 0,
- w: 4,
- h: 6,
- i: "0",
- metrics: [],
- metricTypes: [],
- type: "Topology",
- widget: {},
- graph: {
- fontColor: "white",
- backgroundColor: "green",
- iconTheme: true,
- content: "Topology",
- fontSize: 18,
- showDepth: true,
- },
- standard: {},
- },
- ],
- },
- ],
- },
- ],
- },
-};
-export const InstanceRelationLayout = {
- id: "5",
- configuration: {
- name: "Service Instance Relation Layout",
- layer: "GENERAL",
- entity: "ServiceInstanceRelation",
- isRoot: true,
- children: [
- {
- x: 0,
- y: 0,
- w: 8,
- h: 12,
- i: "0",
- metrics: ["service_instance_relation_server_cpm"],
- metricTypes: ["readMetricsValues"],
- type: "Widget",
- widget: {
- title: "service_instance_relation_server_cpm",
- tips: "Tooltip",
- },
- graph: {
- type: "Line",
- },
- standard: {
- unit: "min",
- },
- children: [],
- },
- ],
- },
-};
-export const EndpointRelationLayout = {
- id: "5",
- configuration: {
- name: "Endpoint Relation Layout",
- layer: "GENERAL",
- entity: "EndpointRelation",
- isRoot: true,
- children: [
- {
- x: 0,
- y: 0,
- w: 8,
- h: 12,
- i: "0",
- metrics: ["endpoint_relation_cpm"],
- metricTypes: ["readMetricsValues"],
- type: "Widget",
- widget: {
- title: "endpoint_relation_cpm",
- tips: "Tooltip",
- },
- graph: {
- type: "Line",
- },
- standard: {
- unit: "min",
- },
- children: [],
- },
- ],
- },
-};
diff --git a/src/layout/components/AppMain.vue b/src/layout/components/AppMain.vue
index f5f4aa91..812a3bff 100644
--- a/src/layout/components/AppMain.vue
+++ b/src/layout/components/AppMain.vue
@@ -21,6 +21,19 @@ limitations under the License. -->
+