feat: update panels that used deprecated angular plugins (#456)

Signed-off-by: Timo Hankamer <timo.hankamer@brainbits.net>
kyverno · Jun 24, 2024 · 6a1c166 · 6a1c166
1 parent 7c5a373
commit 6a1c166
Show file tree

Hide file tree

Showing 3 changed files with 410 additions and 278 deletions.
diff --git a/charts/policy-reporter/charts/monitoring/templates/clusterpolicy-details.dashboard.yaml b/charts/policy-reporter/charts/monitoring/templates/clusterpolicy-details.dashboard.yaml
@@ -309,102 +309,146 @@ data:
         }
 {{- if .Values.clusterPolicyReportDetails.statusTimeline.enabled }}
         ,{
-        "aliasColors": {},
-        "bars": false,
-        "dashLength": 10,
-        "dashes": false,
-        "datasource": "${DS_PROMETHEUS}",
-        "fieldConfig": {
+          "datasource": {
+            "uid": "${DS_PROMETHEUS}",
+            "type": "prometheus"
+          },
+          "fieldConfig": {
             "defaults": {
-            "custom": {}
+              "custom": {
+                "drawStyle": "line",
+                "lineInterpolation": "linear",
+                "barAlignment": 0,
+                "lineWidth": 1,
+                "fillOpacity": 10,
+                "gradientMode": "none",
+                "spanNulls": false,
+                "insertNulls": false,
+                "showPoints": "never",
+                "pointSize": 5,
+                "stacking": {
+                  "mode": "none",
+                  "group": "A"
+                },
+                "axisPlacement": "auto",
+                "axisLabel": "",
+                "axisColorMode": "text",
+                "axisBorderShow": false,
+                "scaleDistribution": {
+                  "type": "linear"
+                },
+                "axisCenteredZero": false,
+                "hideFrom": {
+                  "tooltip": false,
+                  "viz": false,
+                  "legend": false
+                },
+                "thresholdsStyle": {
+                  "mode": "off"
+                }
+              },
+              "color": {
+                "mode": "palette-classic"
+              },
+              "mappings": [],
+              "thresholds": {
+                "mode": "absolute",
+                "steps": [
+                  {
+                    "value": null,
+                    "color": "green"
+                  },
+                  {
+                    "value": 80,
+                    "color": "red"
+                  }
+                ]
+              },
+              "unit": "none",
+              "decimals": 0,
+              "min": 0
             },
-            "overrides": []
-        },
-        "fill": 1,
-        "fillGradient": 0,
-        "gridPos": {
+            "overrides": [
+              {
+                "matcher": {
+                  "id": "byValue",
+                  "options": {
+                    "reducer": "allIsZero",
+                    "op": "gte",
+                    "value": 0
+                  }
+                },
+                "properties": [
+                  {
+                    "id": "custom.hideFrom",
+                    "value": {
+                      "tooltip": true,
+                      "viz": false,
+                      "legend": true
+                    }
+                  }
+                ]
+              },
+              {
+                "matcher": {
+                  "id": "byValue",
+                  "options": {
+                    "reducer": "allIsNull",
+                    "op": "gte",
+                    "value": 0
+                  }
+                },
+                "properties": [
+                  {
+                    "id": "custom.hideFrom",
+                    "value": {
+                      "tooltip": true,
+                      "viz": false,
+                      "legend": true
+                    }
+                  }
+                ]
+              }
+            ]
+          },
+          "gridPos": {
             "h": {{ .Values.clusterPolicyReportDetails.statusTimeline.height }},
             "w": 24,
             "x": 0,
-            "y": 7
-        },
-        "hiddenSeries": false,
-        "id": 13,
-        "legend": {
-            "alignAsTable": true,
-            "avg": false,
-            "current": true,
-            "hideEmpty": true,
-            "hideZero": true,
-            "max": false,
-            "min": false,
-            "rightSide": true,
-            "show": true,
-            "total": false,
-            "values": true
-        },
-        "lines": true,
-        "linewidth": 1,
-        "nullPointMode": "null as zero",
-        "percentage": false,
-        "pluginVersion": "7.1.5",
-        "pointradius": 2,
-        "points": false,
-        "renderer": "flot",
-        "seriesOverrides": [],
-        "spaceLength": 10,
-        "stack": false,
-        "steppedLine": false,
-        "targets": [
+            "y": 6
+          },
+          "id": 13,
+          "pluginVersion": "10.4.1",
+          "targets": [
             {
-            "expr": "sum(cluster_policy_report_result{policy=~\"$policy\", category=~\"$category\", severity=~\"$severity\", source=~\"$source\", kind=~\"$kind\"{{ range $filters }}, {{.}}=~\"${{.}}\"{{ end }} } > 0) by (status)",
-            "interval": "",
-            "legendFormat": "{{`{{ status }}`}}",
-            "refId": "A"
+              "expr": "sum(cluster_policy_report_result{policy=~\"$policy\", category=~\"$category\", severity=~\"$severity\", source=~\"$source\", kind=~\"$kind\"{{ range $filters }}, {{.}}=~\"${{.}}\"{{ end }} } > 0) by (status)",
+              "interval": "",
+              "legendFormat": "{{`{{ status }}`}}",
+              "refId": "A",
+              "datasource": {
+                "uid": "prometheus",
+                "type": "prometheus"
+              }
             }
-        ],
-        "thresholds": [],
-        "timeFrom": null,
-        "timeRegions": [],
-        "timeShift": null,
-        "title": "Status Timeline",
-        "tooltip": {
-            "shared": true,
-            "sort": 0,
-            "value_type": "individual"
-        },
-        "type": "graph",
-        "xaxis": {
-            "buckets": null,
-            "mode": "time",
-            "name": null,
-            "show": true,
-            "values": []
-        },
-        "yaxes": [
-            {
-            "decimals": 0,
-            "format": "none",
-            "label": null,
-            "logBase": 1,
-            "max": null,
-            "min": "0",
-            "show": true
+          ],
+          "title": "Status Timeline",
+          "type": "timeseries",
+          "options": {
+            "tooltip": {
+              "mode": "multi",
+              "sort": "none"
             },
-            {
-            "decimals": 0,
-            "format": "short",
-            "label": null,
-            "logBase": 1,
-            "max": null,
-            "min": null,
-            "show": true
+            "legend": {
+              "showLegend": true,
+              "displayMode": "table",
+              "placement": "right",
+              "calcs": [
+                "lastNotNull"
+              ]
             }
-        ],
-        "yaxis": {
-            "align": false,
-            "alignLevel": null
-        }
+          },
+          "timeFrom": null,
+          "timeShift": null
         }
 {{- end }}
 {{- if .Values.clusterPolicyReportDetails.passTable.enabled }}
@@ -863,7 +907,7 @@ data:
             "type": "query",
             "useTags": false
         }
-        {{- end }} 
+        {{- end }}
         ]
     },
     "time": {
@@ -889,4 +933,4 @@ data:
     "uid": "iyJszGUMk",
     "version": 1
     }
-{{- end }}
+{{- end }}