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. --> +