Merge pull request #3 from wbu-tep/kd_sp07_dev_metrics (d41b33ea) · Commits · MEC - Multi-access Edge Computing / ETSI MEC Sandbox Frontend

config/.meepctl-repocfg.yaml

+5 −4

Original line number	Diff line number	Diff line
		version: 1.6.5
		version: 1.6.6
		repo:
		name: AdvantEDGE

		@@ -40,7 +40,7 @@ repo:
		# session encryption key k8s secret (data: encryption-key)
		key-secret: meep-session
		# maximum simultaneous sessions
		max-sessions: 10
		max-sessions: 9
		# GitHub OAuth provider config
		github:
		# enable GitHub OAuth
		@@ -70,8 +70,9 @@ repo:

		# Default monitoring dashboards
		dashboards:
		meep-session-info: dashboards/meep-session-info.json
		meep-node-exporter: dashboards/meep-node-exporter.json
		mec-sandbox: dashboards/mec-sandbox.json
		platform-advantedge: dashboards/platform-advantedge.json
		runtime-environment-node: dashboards/runtime-environment-node.json

		#------------------------------
		# Resource Prerequisites

config/dashboards/mec-sandbox.json

0 → 100644

+2706 −0

File added.

Preview size limit exceeded, changes collapsed.

config/dashboards/meep-session-info.json

deleted100644 → 0

+0 −807

Original line number	Diff line number	Diff line
		{
		"annotations": {
		"list": [
		{
		"builtIn": 1,
		"datasource": "-- Grafana --",
		"enable": true,
		"hide": true,
		"iconColor": "rgba(0, 211, 255, 1)",
		"name": "Annotations & Alerts",
		"type": "dashboard"
		}
		]
		},
		"editable": true,
		"gnetId": null,
		"graphTooltip": 0,
		"links": [],
		"panels": [
		{
		"collapsed": false,
		"datasource": null,
		"gridPos": {
		"h": 1,
		"w": 24,
		"x": 0,
		"y": 0
		},
		"id": 4,
		"panels": [],
		"title": "Session Info",
		"type": "row"
		},
		{
		"datasource": "Prometheus",
		"fieldConfig": {
		"defaults": {
		"custom": {},
		"decimals": 0,
		"mappings": [],
		"max": 10,
		"min": 0,
		"noValue": "0",
		"thresholds": {
		"mode": "absolute",
		"steps": [
		{
		"color": "green",
		"value": null
		},
		{
		"color": "orange",
		"value": 7
		},
		{
		"color": "red",
		"value": 9
		}
		]
		}
		},
		"overrides": []
		},
		"gridPos": {
		"h": 5,
		"w": 4,
		"x": 0,
		"y": 1
		},
		"id": 2,
		"options": {
		"orientation": "auto",
		"reduceOptions": {
		"calcs": [
		"lastNotNull"
		],
		"fields": "",
		"values": false
		},
		"showThresholdLabels": false,
		"showThresholdMarkers": true
		},
		"pluginVersion": "7.3.5",
		"targets": [
		{
		"expr": "auth_svc_session_active",
		"instant": true,
		"interval": "",
		"intervalFactor": 1,
		"legendFormat": "",
		"refId": "A"
		}
		],
		"timeFrom": null,
		"timeShift": null,
		"title": "Active Sessions",
		"type": "gauge"
		},
		{
		"datasource": "Prometheus",
		"fieldConfig": {
		"defaults": {
		"custom": {},
		"decimals": 0,
		"mappings": [],
		"noValue": "0",
		"thresholds": {
		"mode": "absolute",
		"steps": [
		{
		"color": "green",
		"value": null
		},
		{
		"color": "orange",
		"value": 7
		},
		{
		"color": "red",
		"value": 10
		}
		]
		},
		"unit": "none"
		},
		"overrides": []
		},
		"gridPos": {
		"h": 5,
		"w": 3,
		"x": 4,
		"y": 1
		},
		"id": 20,
		"options": {
		"colorMode": "value",
		"graphMode": "area",
		"justifyMode": "auto",
		"orientation": "auto",
		"reduceOptions": {
		"calcs": [
		"lastNotNull"
		],
		"fields": "",
		"values": false
		},
		"textMode": "value"
		},
		"pluginVersion": "7.3.5",
		"targets": [
		{
		"expr": "max(max_over_time(auth_svc_session_active[$__range]))",
		"instant": true,
		"interval": "",
		"intervalFactor": 1,
		"legendFormat": "",
		"refId": "A"
		}
		],
		"timeFrom": null,
		"timeShift": null,
		"title": "Max Concurrent Sessions",
		"type": "stat"
		},
		{
		"datasource": "meep-influxdb",
		"fieldConfig": {
		"defaults": {
		"custom": {},
		"mappings": [],
		"thresholds": {
		"mode": "absolute",
		"steps": [
		{
		"color": "blue",
		"value": null
		}
		]
		}
		},
		"overrides": []
		},
		"gridPos": {
		"h": 5,
		"w": 4,
		"x": 7,
		"y": 1
		},
		"id": 28,
		"options": {
		"colorMode": "value",
		"graphMode": "area",
		"justifyMode": "auto",
		"orientation": "auto",
		"reduceOptions": {
		"calcs": [
		"mean"
		],
		"fields": "",
		"values": false
		},
		"textMode": "auto"
		},
		"pluginVersion": "7.3.5",
		"targets": [
		{
		"groupBy": [
		{
		"params": [
		"$__interval"
		],
		"type": "time"
		},
		{
		"params": [
		"null"
		],
		"type": "fill"
		}
		],
		"orderByTime": "ASC",
		"policy": "default",
		"query": "SELECT count(distinct(userid)) FROM global_session_metrics.autogen.session",
		"rawQuery": true,
		"refId": "A",
		"resultFormat": "time_series",
		"select": [
		[
		{
		"params": [
		"value"
		],
		"type": "field"
		},
		{
		"params": [],
		"type": "mean"
		}
		]
		],
		"tags": []
		}
		],
		"timeFrom": null,
		"timeShift": null,
		"title": "All-time Unique Users",
		"type": "stat"
		},
		{
		"datasource": "Prometheus",
		"fieldConfig": {
		"defaults": {
		"custom": {},
		"decimals": 0,
		"mappings": [],
		"noValue": "0",
		"thresholds": {
		"mode": "absolute",
		"steps": [
		{
		"color": "blue",
		"value": null
		}
		]
		},
		"unit": "m"
		},
		"overrides": []
		},
		"gridPos": {
		"h": 5,
		"w": 4,
		"x": 11,
		"y": 1
		},
		"id": 14,
		"options": {
		"colorMode": "value",
		"graphMode": "area",
		"justifyMode": "auto",
		"orientation": "auto",
		"reduceOptions": {
		"calcs": [
		"lastNotNull"
		],
		"fields": "",
		"values": false
		},
		"textMode": "value"
		},
		"pluginVersion": "7.3.5",
		"targets": [
		{
		"expr": "sum(increase(auth_svc_session_duration_sum [$__range])) / sum(increase(auth_svc_session_duration_count [$__range]))",
		"instant": true,
		"interval": "",
		"intervalFactor": 1,
		"legendFormat": "",
		"refId": "A"
		}
		],
		"timeFrom": null,
		"timeShift": null,
		"title": "Average Session Duration",
		"type": "stat"
		},
		{
		"datasource": "Prometheus",
		"fieldConfig": {
		"defaults": {
		"custom": {},
		"decimals": 0,
		"mappings": [],
		"noValue": "0",
		"thresholds": {
		"mode": "absolute",
		"steps": [
		{
		"color": "green",
		"value": null
		}
		]
		}
		},
		"overrides": []
		},
		"gridPos": {
		"h": 5,
		"w": 3,
		"x": 15,
		"y": 1
		},
		"id": 12,
		"options": {
		"colorMode": "value",
		"graphMode": "area",
		"justifyMode": "auto",
		"orientation": "auto",
		"reduceOptions": {
		"calcs": [
		"lastNotNull"
		],
		"fields": "",
		"values": false
		},
		"textMode": "value"
		},
		"pluginVersion": "7.3.5",
		"targets": [
		{
		"expr": "sum(increase(auth_svc_session_success_total{container=\"meep-auth-svc\"} [$__range]))",
		"instant": true,
		"interval": "",
		"intervalFactor": 1,
		"legendFormat": "",
		"refId": "A"
		}
		],
		"timeFrom": null,
		"timeShift": null,
		"title": "Sessions Created",
		"type": "stat"
		},
		{
		"datasource": "Prometheus",
		"fieldConfig": {
		"defaults": {
		"custom": {},
		"decimals": 0,
		"mappings": [],
		"noValue": "0",
		"thresholds": {
		"mode": "absolute",
		"steps": [
		{
		"color": "super-light-orange",
		"value": null
		}
		]
		}
		},
		"overrides": []
		},
		"gridPos": {
		"h": 5,
		"w": 3,
		"x": 18,
		"y": 1
		},
		"id": 10,
		"options": {
		"colorMode": "value",
		"graphMode": "area",
		"justifyMode": "auto",
		"orientation": "auto",
		"reduceOptions": {
		"calcs": [
		"lastNotNull"
		],
		"fields": "",
		"values": false
		},
		"textMode": "value"
		},
		"pluginVersion": "7.3.5",
		"targets": [
		{
		"expr": "sum(increase(auth_svc_session_timeout_total{container=\"meep-auth-svc\"} [$__range]))",
		"instant": true,
		"interval": "",
		"intervalFactor": 1,
		"legendFormat": "",
		"refId": "A"
		}
		],
		"timeFrom": null,
		"timeShift": null,
		"title": "Session Timeouts",
		"type": "stat"
		},
		{
		"datasource": "Prometheus",
		"fieldConfig": {
		"defaults": {
		"custom": {},
		"decimals": 0,
		"mappings": [],
		"noValue": "0",
		"thresholds": {
		"mode": "absolute",
		"steps": [
		{
		"color": "red",
		"value": null
		}
		]
		}
		},
		"overrides": []
		},
		"gridPos": {
		"h": 5,
		"w": 3,
		"x": 21,
		"y": 1
		},
		"id": 8,
		"options": {
		"colorMode": "value",
		"graphMode": "area",
		"justifyMode": "auto",
		"orientation": "auto",
		"reduceOptions": {
		"calcs": [
		"lastNotNull"
		],
		"fields": "",
		"values": false
		},
		"textMode": "value"
		},
		"pluginVersion": "7.3.5",
		"targets": [
		{
		"expr": "sum(increase(auth_svc_session_fail_total{container=\"meep-auth-svc\"} [$__range]))",
		"instant": true,
		"interval": "",
		"intervalFactor": 1,
		"legendFormat": "",
		"refId": "A"
		}
		],
		"timeFrom": null,
		"timeShift": null,
		"title": "Session Failures",
		"type": "stat"
		},
		{
		"aliasColors": {},
		"bars": false,
		"dashLength": 10,
		"dashes": false,
		"datasource": "Prometheus",
		"decimals": 0,
		"fieldConfig": {
		"defaults": {
		"custom": {}
		},
		"overrides": []
		},
		"fill": 1,
		"fillGradient": 7,
		"gridPos": {
		"h": 8,
		"w": 11,
		"x": 0,
		"y": 6
		},
		"hiddenSeries": false,
		"id": 6,
		"legend": {
		"alignAsTable": true,
		"avg": false,
		"current": true,
		"hideEmpty": false,
		"hideZero": false,
		"max": true,
		"min": false,
		"rightSide": false,
		"show": false,
		"total": false,
		"values": true
		},
		"lines": true,
		"linewidth": 1,
		"nullPointMode": "null",
		"options": {
		"alertThreshold": true
		},
		"percentage": false,
		"pluginVersion": "7.3.5",
		"pointradius": 2,
		"points": false,
		"renderer": "flot",
		"seriesOverrides": [],
		"spaceLength": 10,
		"stack": true,
		"steppedLine": false,
		"targets": [
		{
		"expr": "auth_svc_session_active",
		"hide": false,
		"instant": false,
		"interval": "",
		"legendFormat": "",
		"refId": "A"
		}
		],
		"thresholds": [],
		"timeFrom": null,
		"timeRegions": [],
		"timeShift": null,
		"title": "Active Sessions",
		"tooltip": {
		"shared": true,
		"sort": 0,
		"value_type": "individual"
		},
		"type": "graph",
		"xaxis": {
		"buckets": null,
		"mode": "time",
		"name": null,
		"show": true,
		"values": []
		},
		"yaxes": [
		{
		"decimals": 0,
		"format": "short",
		"label": null,
		"logBase": 1,
		"max": null,
		"min": "0",
		"show": true
		},
		{
		"format": "short",
		"label": null,
		"logBase": 1,
		"max": null,
		"min": null,
		"show": true
		}
		],
		"yaxis": {
		"align": false,
		"alignLevel": null
		}
		},
		{
		"datasource": "Prometheus",
		"fieldConfig": {
		"defaults": {
		"custom": {},
		"mappings": [],
		"thresholds": {
		"mode": "absolute",
		"steps": [
		{
		"color": "dark-blue",
		"value": null
		}
		]
		}
		},
		"overrides": []
		},
		"gridPos": {
		"h": 8,
		"w": 13,
		"x": 11,
		"y": 6
		},
		"id": 22,
		"options": {
		"displayMode": "gradient",
		"orientation": "auto",
		"reduceOptions": {
		"calcs": [
		"max"
		],
		"fields": "",
		"values": false
		},
		"showUnfilled": true
		},
		"pluginVersion": "7.3.5",
		"targets": [
		{
		"expr": "sum by (le) (max_over_time(auth_svc_session_duration_bucket[$__range]) - min_over_time(auth_svc_session_duration_bucket[$__range]))",
		"format": "heatmap",
		"instant": false,
		"interval": "",
		"legendFormat": "{{le}}",
		"refId": "A"
		}
		],
		"timeFrom": null,
		"timeShift": null,
		"title": "Session Duration Distribution (minutes)",
		"transformations": [],
		"type": "bargauge"
		},
		{
		"collapsed": false,
		"datasource": null,
		"gridPos": {
		"h": 1,
		"w": 24,
		"x": 0,
		"y": 14
		},
		"id": 26,
		"panels": [],
		"title": "Platform Status",
		"type": "row"
		},
		{
		"aliasColors": {},
		"bars": false,
		"dashLength": 10,
		"dashes": false,
		"datasource": "Prometheus",
		"decimals": 0,
		"fieldConfig": {
		"defaults": {
		"custom": {}
		},
		"overrides": []
		},
		"fill": 3,
		"fillGradient": 7,
		"gridPos": {
		"h": 8,
		"w": 11,
		"x": 0,
		"y": 15
		},
		"hiddenSeries": false,
		"id": 24,
		"legend": {
		"alignAsTable": true,
		"avg": false,
		"current": true,
		"max": true,
		"min": true,
		"rightSide": true,
		"show": true,
		"sideWidth": null,
		"total": false,
		"values": true
		},
		"lines": true,
		"linewidth": 2,
		"links": [],
		"nullPointMode": "null as zero",
		"options": {
		"alertThreshold": true
		},
		"percentage": false,
		"pluginVersion": "7.3.5",
		"pointradius": 5,
		"points": false,
		"renderer": "flot",
		"seriesOverrides": [],
		"spaceLength": 10,
		"stack": false,
		"steppedLine": false,
		"targets": [
		{
		"expr": "sum (kube_pod_status_phase{}) by (phase)",
		"format": "time_series",
		"hide": false,
		"interval": "",
		"intervalFactor": 2,
		"legendFormat": "{{ phase }}",
		"metric": "kube_pod_status_phase",
		"refId": "A",
		"step": 10
		},
		{
		"expr": "kubelet_running_pod_count{kubernetes_io_role =~ \".node.\"}",
		"format": "time_series",
		"intervalFactor": 2,
		"legendFormat": "{{ instance }}",
		"refId": "B",
		"step": 10
		}
		],
		"thresholds": [],
		"timeFrom": null,
		"timeRegions": [],
		"timeShift": null,
		"title": "K8s Pod States",
		"tooltip": {
		"shared": true,
		"sort": 0,
		"value_type": "individual"
		},
		"type": "graph",
		"xaxis": {
		"buckets": null,
		"mode": "time",
		"name": null,
		"show": true,
		"values": []
		},
		"yaxes": [
		{
		"format": "short",
		"label": null,
		"logBase": 1,
		"max": null,
		"min": "0",
		"show": true
		},
		{
		"format": "short",
		"label": null,
		"logBase": 1,
		"max": null,
		"min": null,
		"show": true
		}
		],
		"yaxis": {
		"align": false,
		"alignLevel": null
		}
		},
		{
		"collapsed": true,
		"datasource": null,
		"gridPos": {
		"h": 1,
		"w": 24,
		"x": 0,
		"y": 23
		},
		"id": 16,
		"panels": [],
		"title": "MEC Service API Usage",
		"type": "row"
		}
		],
		"refresh": "15s",
		"schemaVersion": 26,
		"style": "dark",
		"tags": [],
		"templating": {
		"list": []
		},
		"time": {
		"from": "now-1h",
		"to": "now"
		},
		"timepicker": {
		"refresh_intervals": [
		"5s",
		"10s",
		"15s",
		"30s",
		"1m",
		"5m",
		"15m",
		"30m",
		"1h",
		"2h",
		"1d"
		]
		},
		"timezone": "",
		"title": "MEC Sandbox Dashboard",
		"uid": "meep-session-info",
		"version": 1
		}
		No newline at end of file

js-apps/frontend/src/js/app-constants.js

+3 −2

Original line number	Diff line number	Diff line
		@@ -29,8 +29,9 @@ export const ETSI_TERMS_OF_USE_URL = 'https://forge.etsi.org/mec-sandbox-terms-a
		export const ETSI_CONTACT_URL = 'https://www.etsi.org/contact';
		export const ETSI_MEC_OVERVIEW_PDF_URL = 'https://www.etsi.org/images/files/technologies/ETSI-MEC-Public-Overview.pdf';

		export const DASHBOARD_MEC_SANDBOX_URL = HOST_PATH + '/grafana/d/meep-session-info/mec-sandbox-dashboard?orgId=1&from=now-1h&to=now&refresh=15s&kiosk&theme=light';
		export const DASHBOARD_NODE_EXPORTER_URL = HOST_PATH + '/grafana/d/meep-node-exporter/node-exporter-full?orgId=1&from=now-1h&to=now&refresh=30s&kiosk&theme=light';
		export const DASHBOARD_MEC_SANDBOX_URL = HOST_PATH + '/grafana/d/mec-sandbox/mec-sandbox?orgId=1&from=now-24h&to=now&refresh=15s&kiosk=tv&theme=light';
		export const DASHBOARD_PLATFORM_ADVANTEDGE_URL = HOST_PATH + '/grafana/d/platform-advantedge/platform-advantedge?orgId=1&from=now-24h&to=now&refresh=15s&kiosk=tv&theme=light';
		export const DASHBOARD_RUNTIME_ENVIRONMENT_NODE_URL = HOST_PATH + '/grafana/d/runtime-environment-node/runtime-environment-node?orgId=1&from=now-24h&to=now&refresh=30s&kiosk=tv&theme=light';

		// IDs
		export const SANDBOX_NETWORK_FILES = 'sandbox-network-files';

js-apps/frontend/src/js/containers/top-bar-container.js

+13 −8

Original line number	Diff line number	Diff line
		@@ -33,7 +33,8 @@ import {
		WIKI_DISCUSSION_BOARD_URL,
		WIKI_REPORT_ISSUE_URL,
		DASHBOARD_MEC_SANDBOX_URL,
		DASHBOARD_NODE_EXPORTER_URL
		DASHBOARD_PLATFORM_ADVANTEDGE_URL,
		DASHBOARD_RUNTIME_ENVIRONMENT_NODE_URL
		} from '../app-constants';

		/eslint-disable /
		@@ -133,15 +134,23 @@ class TopBarContainer extends Component {
		this.handleItemClickIfEnabled(PAGE_DASHBOARD, signedIn && isAdmin);
		}}
		>
		<Typography use="body1">MEC Sandbox Dashboard</Typography>
		<Typography use="body1">MEC Sandbox</Typography>
		</MenuItem>
		<MenuItem
		onClick={() => {
		this.props.changeCurrentDashboard(DASHBOARD_NODE_EXPORTER_URL);
		this.props.changeCurrentDashboard(DASHBOARD_PLATFORM_ADVANTEDGE_URL);
		this.handleItemClickIfEnabled(PAGE_DASHBOARD, signedIn && isAdmin);
		}}
		>
		<Typography use="body1">Node Exporter Full</Typography>
		<Typography use="body1">Platform (AdvantEDGE)</Typography>
		</MenuItem>
		<MenuItem
		onClick={() => {
		this.props.changeCurrentDashboard(DASHBOARD_RUNTIME_ENVIRONMENT_NODE_URL);
		this.handleItemClickIfEnabled(PAGE_DASHBOARD, signedIn && isAdmin);
		}}
		>
		<Typography use="body1">Runtime Environment (Node)</Typography>
		</MenuItem>
		</Menu>

		@@ -183,11 +192,7 @@ class TopBarContainer extends Component {
		window.open(WIKI_DISCUSSION_BOARD_URL,'_blank');
		}}
		>
		<<<<<<< HEAD
		<Typography use="body1">Discussion Board</Typography>
		=======
		<Typography use="body1">Join Slack</Typography>
		>>>>>>> stf599-hotfix
		</MenuItem>
		<MenuItem
		onClick={() => {