Il widget orologio consente di visualizzare l'ora corrente. È possibile configurare separatamente il fuso orario per ciascun widget. Se utilizzato insieme a un widget con la cronologia delle interruzioni, l'ora dell'orologio segue quella dell'interruzione.

Modifica del widget orologio

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

I fusi orari validi devono essere nel formato definito nel database tz oppure nelle abbreviazioni comuni dei fusi orari, come CET o GMT.

Colore delle cifre dell’orologio

Colore dei segmenti inattivi

Ciò può essere ottenuto aggiungendo il seguente stile alla 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

Ciò può essere ottenuto 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 in uso

La soluzione confronta l’offset UTC corrente con quello impostato sul widget dell’orologio. Se coincidono, imposta la classe CSS su “local”. Una regola CSS nello stile della dashboard colora di conseguenza i percorsi attivi locali.

1. L'impostazione riportata di seguito assegna la classe CSS "local" all'orologio se l'impostazione del fuso orario corrisponde a “europe/zurich“

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

2. L’utilizzo dello stile riportato di seguito nelle impostazioni della dashboard regolerebbe solo il widget dell’orologio con la classe CSS "local"

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