Con il widget dell'orologio è possibile visualizzare l'ora corrente. È possibile configurare un fuso orario separatamente su ciascun widget. Se utilizzato insieme al widget della cronologia delle interruzioni, l'ora dell'orologio segue l'ora dell'interruzione.

Modifica del widget orologio

Ogni widget orologio può essere configurato con un fuso orario separato.

I fusi orari validi sono in un formato definito nel database tz o nelle abbreviazioni comuni dei fusi orari come CET o GMT.

Colore delle cifre dell'orologio

Colore del segmento inattivo

Questo può essere fatto aggiungendo lo stile seguente al Dashboard di destinazione (per i dettagli consultare: https://skoorag.atlassian.net/wiki/spaces/DOC/pages/494196/Dashboards+Guide#Edit-dashboard )

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

Colore del segmento attivo

Questo può essere fatto aggiungendo il seguente stile alla dashboard di destinazione (per i dettagli, consultare: Modifica dashboard )

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

In base al fuso orario attualmente utilizzato

La soluzione confronta l'offset UTC corrente con l'offset UTC impostato sul widget dell'orologio. Se sono uguali, imposta la classe CSS su locale. Una regola CSS nello stile del dashboard colora i percorsi attivi locali di conseguenza.

1. L'impostazione seguente assegna la classe CSS locale all'orologio se la sua impostazione del fuso orario corrisponde a "europe/zurich"

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

2. L'utilizzo dello stile riportato di seguito nell'impostazione del dashboard regolerebbe solo il widget dell'orologio con la classe CSS locale

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