Jesse David Peterson
d8cdee80f0
* chore(gdev-dashboard): minimal repro of escalation #19939 bug report * fix(canvas): add branching logic to handle field mapping to icons case * test(canvas): validate integration of canvas icon mappings * refactor(resource-dimension): defensive against JS `undefined` in paths
583 lines
15 KiB
JSON
583 lines
15 KiB
JSON
{
|
|
"annotations": {
|
|
"list": []
|
|
},
|
|
"editable": true,
|
|
"fiscalYearStartMonth": 0,
|
|
"graphTooltip": 0,
|
|
"id": null,
|
|
"links": [],
|
|
"panels": [
|
|
{
|
|
"datasource": {
|
|
"type": "datasource",
|
|
"uid": "-- Mixed --"
|
|
},
|
|
"fieldConfig": {
|
|
"defaults": {
|
|
"mappings": [
|
|
{
|
|
"options": {
|
|
"1": {
|
|
"color": "green",
|
|
"icon": "img/icons/unicons/check-circle.svg",
|
|
"index": 0,
|
|
"text": "Success"
|
|
},
|
|
"2": {
|
|
"color": "orange",
|
|
"icon": "img/icons/unicons/exclamation-triangle.svg",
|
|
"index": 1,
|
|
"text": "Warning"
|
|
},
|
|
"3": {
|
|
"color": "red",
|
|
"icon": "img/icons/unicons/times-circle.svg",
|
|
"index": 2,
|
|
"text": "Error"
|
|
}
|
|
},
|
|
"type": "value"
|
|
}
|
|
],
|
|
"thresholds": {
|
|
"mode": "absolute",
|
|
"steps": [
|
|
{
|
|
"color": "text",
|
|
"value": null
|
|
}
|
|
]
|
|
}
|
|
},
|
|
"overrides": [
|
|
{
|
|
"matcher": {
|
|
"id": "byName",
|
|
"options": "success"
|
|
},
|
|
"properties": [
|
|
{
|
|
"id": "mappings",
|
|
"value": [
|
|
{
|
|
"options": {
|
|
"1": {
|
|
"color": "green",
|
|
"icon": "img/icons/unicons/check-circle.svg",
|
|
"index": 0,
|
|
"text": "Success"
|
|
}
|
|
},
|
|
"type": "value"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"matcher": {
|
|
"id": "byName",
|
|
"options": "warning"
|
|
},
|
|
"properties": [
|
|
{
|
|
"id": "mappings",
|
|
"value": [
|
|
{
|
|
"options": {
|
|
"2": {
|
|
"color": "orange",
|
|
"icon": "img/icons/unicons/exclamation-triangle.svg",
|
|
"index": 1,
|
|
"text": "Warning"
|
|
}
|
|
},
|
|
"type": "value"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"matcher": {
|
|
"id": "byName",
|
|
"options": "error"
|
|
},
|
|
"properties": [
|
|
{
|
|
"id": "mappings",
|
|
"value": [
|
|
{
|
|
"options": {
|
|
"3": {
|
|
"color": "red",
|
|
"icon": "img/icons/unicons/times-circle.svg",
|
|
"index": 2,
|
|
"text": "Error"
|
|
}
|
|
},
|
|
"type": "value"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"matcher": {
|
|
"id": "byName",
|
|
"options": "unmapped"
|
|
},
|
|
"properties": [
|
|
{
|
|
"id": "mappings",
|
|
"value": [
|
|
{
|
|
"options": {
|
|
"1": {
|
|
"color": "green",
|
|
"icon": "img/icons/unicons/check-circle.svg",
|
|
"index": 0,
|
|
"text": "Success"
|
|
},
|
|
"2": {
|
|
"color": "orange",
|
|
"icon": "img/icons/unicons/exclamation-triangle.svg",
|
|
"index": 1,
|
|
"text": "Warning"
|
|
},
|
|
"3": {
|
|
"color": "red",
|
|
"icon": "img/icons/unicons/times-circle.svg",
|
|
"index": 2,
|
|
"text": "Error"
|
|
}
|
|
},
|
|
"type": "value"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"gridPos": {
|
|
"h": 12,
|
|
"w": 24,
|
|
"x": 0,
|
|
"y": 0
|
|
},
|
|
"id": 1,
|
|
"options": {
|
|
"inlineEditing": true,
|
|
"root": {
|
|
"background": {
|
|
"color": {
|
|
"fixed": "transparent"
|
|
}
|
|
},
|
|
"constraint": {
|
|
"horizontal": "left",
|
|
"vertical": "top"
|
|
},
|
|
"elements": [
|
|
{
|
|
"config": {
|
|
"align": "center",
|
|
"color": {
|
|
"fixed": "text"
|
|
},
|
|
"size": 16,
|
|
"text": {
|
|
"fixed": "Field-based Icons (from value mappings):",
|
|
"mode": "fixed"
|
|
},
|
|
"valign": "middle"
|
|
},
|
|
"constraint": {
|
|
"horizontal": "left",
|
|
"vertical": "top"
|
|
},
|
|
"name": "Header",
|
|
"placement": {
|
|
"height": 40,
|
|
"left": 20,
|
|
"top": 10,
|
|
"width": 400
|
|
},
|
|
"type": "text"
|
|
},
|
|
{
|
|
"config": {
|
|
"fill": {
|
|
"field": "success",
|
|
"fixed": "green"
|
|
},
|
|
"path": {
|
|
"field": "success",
|
|
"mode": "field"
|
|
}
|
|
},
|
|
"constraint": {
|
|
"horizontal": "left",
|
|
"vertical": "top"
|
|
},
|
|
"name": "Success Icon",
|
|
"placement": {
|
|
"height": 50,
|
|
"left": 50,
|
|
"top": 60,
|
|
"width": 50
|
|
},
|
|
"type": "icon"
|
|
},
|
|
{
|
|
"config": {
|
|
"align": "center",
|
|
"color": {
|
|
"field": "success",
|
|
"fixed": "text"
|
|
},
|
|
"size": 12,
|
|
"text": {
|
|
"field": "success",
|
|
"mode": "field"
|
|
},
|
|
"valign": "middle"
|
|
},
|
|
"constraint": {
|
|
"horizontal": "left",
|
|
"vertical": "top"
|
|
},
|
|
"name": "Success Text",
|
|
"placement": {
|
|
"height": 25,
|
|
"left": 30,
|
|
"top": 115,
|
|
"width": 90
|
|
},
|
|
"type": "text"
|
|
},
|
|
{
|
|
"config": {
|
|
"fill": {
|
|
"field": "warning",
|
|
"fixed": "orange"
|
|
},
|
|
"path": {
|
|
"field": "warning",
|
|
"mode": "field"
|
|
}
|
|
},
|
|
"constraint": {
|
|
"horizontal": "left",
|
|
"vertical": "top"
|
|
},
|
|
"name": "Warning Icon",
|
|
"placement": {
|
|
"height": 50,
|
|
"left": 180,
|
|
"top": 60,
|
|
"width": 50
|
|
},
|
|
"type": "icon"
|
|
},
|
|
{
|
|
"config": {
|
|
"align": "center",
|
|
"color": {
|
|
"field": "warning",
|
|
"fixed": "text"
|
|
},
|
|
"size": 12,
|
|
"text": {
|
|
"field": "warning",
|
|
"mode": "field"
|
|
},
|
|
"valign": "middle"
|
|
},
|
|
"constraint": {
|
|
"horizontal": "left",
|
|
"vertical": "top"
|
|
},
|
|
"name": "Warning Text",
|
|
"placement": {
|
|
"height": 25,
|
|
"left": 160,
|
|
"top": 115,
|
|
"width": 90
|
|
},
|
|
"type": "text"
|
|
},
|
|
{
|
|
"config": {
|
|
"fill": {
|
|
"field": "error",
|
|
"fixed": "red"
|
|
},
|
|
"path": {
|
|
"field": "error",
|
|
"mode": "field"
|
|
}
|
|
},
|
|
"constraint": {
|
|
"horizontal": "left",
|
|
"vertical": "top"
|
|
},
|
|
"name": "Error Icon",
|
|
"placement": {
|
|
"height": 50,
|
|
"left": 310,
|
|
"top": 60,
|
|
"width": 50
|
|
},
|
|
"type": "icon"
|
|
},
|
|
{
|
|
"config": {
|
|
"align": "center",
|
|
"color": {
|
|
"field": "error",
|
|
"fixed": "text"
|
|
},
|
|
"size": 12,
|
|
"text": {
|
|
"field": "error",
|
|
"mode": "field"
|
|
},
|
|
"valign": "middle"
|
|
},
|
|
"constraint": {
|
|
"horizontal": "left",
|
|
"vertical": "top"
|
|
},
|
|
"name": "Error Text",
|
|
"placement": {
|
|
"height": 25,
|
|
"left": 290,
|
|
"top": 115,
|
|
"width": 90
|
|
},
|
|
"type": "text"
|
|
},
|
|
{
|
|
"config": {
|
|
"fill": {
|
|
"field": "unmapped",
|
|
"fixed": "#808080"
|
|
},
|
|
"path": {
|
|
"field": "unmapped",
|
|
"fixed": "img/icons/unicons/question-circle.svg",
|
|
"mode": "field"
|
|
}
|
|
},
|
|
"constraint": {
|
|
"horizontal": "left",
|
|
"vertical": "top"
|
|
},
|
|
"name": "Unmapped Icon",
|
|
"placement": {
|
|
"height": 50,
|
|
"left": 440,
|
|
"top": 60,
|
|
"width": 50
|
|
},
|
|
"type": "icon"
|
|
},
|
|
{
|
|
"config": {
|
|
"align": "center",
|
|
"color": {
|
|
"field": "unmapped",
|
|
"fixed": "text"
|
|
},
|
|
"size": 12,
|
|
"text": {
|
|
"fixed": "No mapping (14)",
|
|
"mode": "fixed"
|
|
},
|
|
"valign": "middle"
|
|
},
|
|
"constraint": {
|
|
"horizontal": "left",
|
|
"vertical": "top"
|
|
},
|
|
"name": "Unmapped Text",
|
|
"placement": {
|
|
"height": 25,
|
|
"left": 410,
|
|
"top": 115,
|
|
"width": 110
|
|
},
|
|
"type": "text"
|
|
},
|
|
{
|
|
"config": {
|
|
"align": "center",
|
|
"color": {
|
|
"fixed": "text"
|
|
},
|
|
"size": 14,
|
|
"text": {
|
|
"fixed": "Fixed Relative Path:",
|
|
"mode": "fixed"
|
|
},
|
|
"valign": "middle"
|
|
},
|
|
"constraint": {
|
|
"horizontal": "left",
|
|
"vertical": "top"
|
|
},
|
|
"name": "Relative Label",
|
|
"placement": {
|
|
"height": 30,
|
|
"left": 50,
|
|
"top": 170,
|
|
"width": 200
|
|
},
|
|
"type": "text"
|
|
},
|
|
{
|
|
"config": {
|
|
"fill": {
|
|
"fixed": "blue"
|
|
},
|
|
"path": {
|
|
"fixed": "img/icons/unicons/cloud.svg",
|
|
"mode": "fixed"
|
|
}
|
|
},
|
|
"constraint": {
|
|
"horizontal": "left",
|
|
"vertical": "top"
|
|
},
|
|
"name": "Relative Icon",
|
|
"placement": {
|
|
"height": 50,
|
|
"left": 260,
|
|
"top": 165,
|
|
"width": 50
|
|
},
|
|
"type": "icon"
|
|
},
|
|
{
|
|
"config": {
|
|
"align": "center",
|
|
"color": {
|
|
"fixed": "text"
|
|
},
|
|
"size": 14,
|
|
"text": {
|
|
"fixed": "Fixed Absolute URL:",
|
|
"mode": "fixed"
|
|
},
|
|
"valign": "middle"
|
|
},
|
|
"constraint": {
|
|
"horizontal": "left",
|
|
"vertical": "top"
|
|
},
|
|
"name": "Absolute Label",
|
|
"placement": {
|
|
"height": 30,
|
|
"left": 50,
|
|
"top": 240,
|
|
"width": 200
|
|
},
|
|
"type": "text"
|
|
},
|
|
{
|
|
"config": {
|
|
"fill": {
|
|
"fixed": "purple"
|
|
},
|
|
"path": {
|
|
"fixed": "https://grafana.com/static/assets/img/grafana_icon.svg",
|
|
"mode": "fixed"
|
|
}
|
|
},
|
|
"constraint": {
|
|
"horizontal": "left",
|
|
"vertical": "top"
|
|
},
|
|
"name": "Absolute Icon",
|
|
"placement": {
|
|
"height": 50,
|
|
"left": 260,
|
|
"top": 235,
|
|
"width": 50
|
|
},
|
|
"type": "icon"
|
|
}
|
|
],
|
|
"name": "Canvas Root",
|
|
"placement": {
|
|
"height": 100,
|
|
"left": 0,
|
|
"top": 0,
|
|
"width": 100
|
|
},
|
|
"type": "frame"
|
|
}
|
|
},
|
|
"pluginVersion": "12.1.0",
|
|
"targets": [
|
|
{
|
|
"datasource": {
|
|
"type": "grafana-testdata-datasource",
|
|
"uid": "PD8C576611E62080A"
|
|
},
|
|
"refId": "A",
|
|
"scenarioId": "csv_content",
|
|
"csvContent": "success\n1"
|
|
},
|
|
{
|
|
"datasource": {
|
|
"type": "grafana-testdata-datasource",
|
|
"uid": "PD8C576611E62080A"
|
|
},
|
|
"refId": "B",
|
|
"scenarioId": "csv_content",
|
|
"csvContent": "warning\n2"
|
|
},
|
|
{
|
|
"datasource": {
|
|
"type": "grafana-testdata-datasource",
|
|
"uid": "PD8C576611E62080A"
|
|
},
|
|
"refId": "C",
|
|
"scenarioId": "csv_content",
|
|
"csvContent": "error\n3"
|
|
},
|
|
{
|
|
"datasource": {
|
|
"type": "grafana-testdata-datasource",
|
|
"uid": "PD8C576611E62080A"
|
|
},
|
|
"refId": "D",
|
|
"scenarioId": "csv_content",
|
|
"csvContent": "unmapped\n14"
|
|
}
|
|
],
|
|
"title": "Various SVG icons",
|
|
"type": "canvas"
|
|
}
|
|
],
|
|
"schemaVersion": 39,
|
|
"tags": ["canvas", "icons", "test", "v2"],
|
|
"templating": {
|
|
"list": []
|
|
},
|
|
"time": {
|
|
"from": "now-6h",
|
|
"to": "now"
|
|
},
|
|
"timepicker": {},
|
|
"timezone": "browser",
|
|
"title": "Panel tests - Canvas - Kitchen sink",
|
|
"uid": "canvas-icon-fix-test-v2",
|
|
"version": 1,
|
|
"weekStart": ""
|
|
}
|