Scheda World Clock per schermi di digital signage

Mostra le città fornite come orari digitali o quadranti analogici, con giorno e notte, differenze di data e offset dalla zona dello schermo. Una città casa scelta risalta. Primetime aggiunge un ingresso condiviso contenuto e segnali discreti ai confini locali di data e giorno/notte.

Live card

Questa scheda viene disegnata nel browser con lo stesso codice usato dai Player, con dati di esempio.

Categoria: Tempo. Tag: Orologi e calendari, Uffici e luoghi di lavoro, Hall e reception.

Layout

Questa scheda a schermo intero riempie tutto lo schermo in orizzontale o verticale e non è posizionata come angolo, chip o striscia.

Layout: pieno. Moduli: orizzontale, verticale.

Layout, temi e pubblicazione delle schede. Esplora le schede.

Dati e privacy

Questa scheda usa le proprietà configurate e i dati live della scheda.

Proprietà

Per tema, sfondo, accento e posizione, vedi Proprietà comuni.

Imposta le proprietà statiche nei params della scheda quando la crei. Il suo documento dati contiene solo proprietà dinamiche. Le righe annidate descrivono il contenuto della proprietà genitore.

Proprietà statiche

Nome	Tipo	Predefinito	Valori e limiti	Descrizione
`cities`	array		minItems: `2`; maxItems: `12`; Obbligatorio
`cities[].label`	string		minLength: `1`; maxLength: `40`; Obbligatorio
`cities[].timeZone`	string		minLength: `1`; maxLength: `64`; Obbligatorio	Zona IANA.
`hour12`	boolean	`false`
`showSeconds`	boolean	`false`
`showDate`	boolean	`true`		Mostra Domani, Ieri o il giorno della settimana sotto ogni città.
`face`	string	`"digital"`	`"digital"`, `"analog"`
`highlight`	integer	`-1`	minimo: `-1`; massimo: `11`	Indice di una città natale da enfatizzare; -1 per nessuna.
`backgroundColor`	stringa, nullo	`null`	modello: `"^#[0-9A-Fa-f]{6}([0-9A-Fa-f]{2})?$"`	Sovrascrive il colore di sfondo e della piastra della scheda con un colore piatto ordinato in CSS. #RRGGBBAA fornisce l’opacità. background none ha la precedenza.
`textColor`	stringa, nullo	`null`	modello: `"^#[0-9A-Fa-f]{6}([0-9A-Fa-f]{2})?$"`	Sovrascrive i colori del testo principale e secondario. I colori di accento e di stato semantico mantengono i loro ruoli.

Proprietà dinamiche

Questa scheda non ha proprietà dinamiche.

Esempio di canvas

Salva le proprietà statiche come params.json e crea la scheda. Il risultato contiene il suo ID crd_.

{
  "theme": "neomustard",
  "cities": [
    {
      "label": "Example",
      "timeZone": "Example"
    },
    {
      "label": "Example",
      "timeZone": "Example"
    }
  ]
}

screenrig card create --type world-clock --major 1 --file params.json

Aggiungi questo elemento ai primitives di una pagina playlist, con quell’ID al posto di quello dell’esempio. Pubblica la playlist e assegna uno schermo.

{
  "id": "world-clock",
  "primitive": "card",
  "card": "crd_01EXAMPLECARD000000000",
  "layout": "full",
  "content_fit": "fill"
}