Card luna per schermi di digital signage

Una grande rappresentazione della forma illuminata della luna guida una bacheca che mostra fase, orari di sorgere e tramontare, fasi imminenti e la prossima eclissi lunare visibile. Primetime aggiunge un ingresso delicato e segnali silenziosi agli eventi di fase e orizzonte calcolati. La bacheca segue l’emisfero selezionato e mostra le fasi senza una posizione.

Live card

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

Categoria: Meteo. Tag: Meteo e ambiente, Orologi e calendari.

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
`title`	string	`"Moon"`	maxLength: `30`	L’intestazione quando la posizione non ha un nome.
`location`	oggetto, null	`null`	additionalProperties: `false`	Da dove si osserva la luna: sorgere e tramonto, come è illuminata la luna, e quali eclissi sono visibili. Vuoto mostra solo la fase.
`location.name`	string		maxLength: `40`; Obbligatorio
`location.latitude`	number		minimo: `-90`; massimo: `90`; Obbligatorio
`location.longitude`	number		minimo: `-180`; massimo: `180`; Obbligatorio
`hemisphere`	string	`"north"`	`"north"`, `"south"`	Come è illuminata la luna quando non c’è posizione.
`hour12`	boolean	`false`
`eclipses`	boolean	`true`		Mostra la prossima eclissi lunare per cui la luna è visibile.
`timeZone`	stringa, nullo	`null`
`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",
  "location": {
    "name": "Vancouver",
    "latitude": 49.25,
    "longitude": -123.0
  }
}

screenrig card create --type moon --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": "moon",
  "primitive": "card",
  "card": "crd_01EXAMPLECARD000000000",
  "layout": "full",
  "content_fit": "fill"
}