Uhr

Mit dem Uhr-Widget kann die aktuelle Uhrzeit angezeigt werden. Für jedes Widget kann separat eine Zeitzone konfiguriert werden. Bei Verwendung zusammen mit einem Ausfallverlauf-Widget richtet sich die Uhrzeit der Uhr nach der Ausfallzeit.

Bearbeiten des Uhr-Widgets

Jedes Uhr-Widget kann mit einer separaten Zeitzone konfiguriert werden.

Gültige Zeitzonen haben ein Format, das in der tz-Datenbank definiert ist, oder es handelt sich um gängige Zeitzonenabkürzungen wie CET oder GMT.

Farbe der Ziffern der Uhr

Farbe des inaktiven Segments

Dies kann durch Hinzufügen des folgenden Stils zum Ziel-Dashboard erfolgen (Details finden Sie unter: https://skoorag.atlassian.net/wiki/spaces/DOC/pages/494196/Dashboards+Guide#Edit-dashboard )

.widget.clock svg path {
  fill: #979ca1;
}

Farbe des aktiven Segments

Dies kann durch Hinzufügen des folgenden Stils zum Ziel-Dashboard erfolgen (Einzelheiten finden Sie unter: Dashboard bearbeiten )

.widget.clock svg path[class*="active"] {
  fill: #ff0000;
}

Entsprechend der aktuell verwendeten Zeitzone

Die Lösung vergleicht den aktuellen UTC-Offset mit dem im Uhr-Widget eingestellten UTC-Offset. Sind diese identisch, wird die CSS-Klasse auf „local“ gesetzt. Eine CSS-Regel im Dashboard-Stil färbt die lokalen aktiven Pfade entsprechend ein.

Die folgende Einstellung weist der Uhr die CSS-Klasse „local“ zu, wenn ihre Zeitzoneneinstellung mit „europe/zurich“ übereinstimmt

 ${moment().utcOffset() == moment().tz("europe/zurich").utcOffset() ? "local" : ""}

Die Verwendung des folgenden Stils in der Dashboard-Einstellung würde nur das Uhr-Widget mit der CSS-Klasse „local“ anpassen.

.widget.clock.local svg path[class*="active"] {
  fill: #0a87f0;
}