Custom Panels

Gemeinsamer Aufbau und Hilfsfunktionen für Grafana Custom HTML Panels.

Felder

Feld	Required	Typ	Default	Beschreibung
`HTML Container`	Ja	`<div id="..."></div>`	-	Die ID muss pro Dashboard eindeutig sein.
`generate* Aufruf`	Ja	`function call`	-	Ruft die passende Runtime-Funktion mit derselben ID auf.
`initVarGraf(varGraf, arrayPos)`	Nein	`(string, number) => string`	-	Liest Pipe-getrennte Grafana-Variablen.
`resolveIconName(iconId)`	Nein	`(string) => string \| null`	-	Löst SENS-Aliase auf und validiert direkte Font-Awesome-Slugs.
`getIconMarkup(iconId, styleId?)`	Nein	`(string, string?) => string`	-	Liefert Font-Awesome-Markup; ohne Style wird Classic Solid verwendet.
`getInputIconMarkup(iconId)`	Nein	`(string) => string`	-	Liefert Classic-Regular-Markup für kleine Input- und Action-Icons.
`getIconSVG(iconId, styleId?)`	Nein	`(string, string?) => string`	-	Veralteter kompatibler Alias für `getIconMarkup()`.
`loadFontAwesomeKit()`	Nein	`() => Promise`	-	Lädt das gemeinsame Font-Awesome-Kit höchstens einmal pro Dashboard-Seite (`02 - fontAwesome.js`).
`renderFontAwesomeIcons(root?)`	Nein	`(Element \| Document?) => Promise`	-	Konvertiert Font-Awesome-Markup im Root via Kit `i2svg` und markiert fehlende Icons.
`getAppColor(value)`	Nein	`(string \| number) => { name: string; hex: string }`	-	Liefert Farbe aus dem gemeinsamen `app_color` Katalog.
`getAppColorName(value)`	Nein	`(string \| number) => string`	-	Liefert den Farbnamen für Map-Marker.
`getAppColorHex(value)`	Nein	`(string \| number) => string`	-	Liefert den Hex-Wert für Font-Awesome-SVGs und CSS.
`grafanaPanelsGenerateHtmlToFile(panelName, outputPath?)`	Nein	`('cssCode' \| 'defaultValues' \| 'jsCode' \| 'mapCode' \| 'overview', string?) => Result`	-	Node/TS API zum Erzeugen der HTML-Fragmente.
`dashboardSettings`	Ja	`object`	-	Dashboard-weites Snippet (kein deploybares Part). Siehe Dashboard Settings.

Beispiele

Panel-Grundaufbau

<div id="custom_id"></div>
<script>
  var id = 'custom_id';
  var config = {};
  generateInputs(id, config);
</script>