Cartão da lua para telas de sinalização digital

Uma grande renderização da forma iluminada da lua lidera um quadro mostrando fase, horários de nascer e pôr, fases próximas e o próximo eclipse lunar visível. O Primetime adiciona uma entrada suave e sinais discretos nos eventos de fase e horizonte calculados. O quadro segue o hemisfério selecionado e mostra fases sem localização.

Cartão ao vivo

Este cartão é desenhado no seu navegador pelo mesmo código que os Players executam, com dados de exemplo.

Categoria: Clima. Tags: Clima e ambiente, Relógios e calendários.

Layouts

Este cartão em tela cheia preenche toda a tela em paisagem ou retrato e não é colocado como canto, chip ou faixa.

Layouts: cheio. Formas: paisagem, retrato.

Layouts, temas e publicação de cartões. Veja os cartões.

Dados e privacidade

Este cartão usa suas propriedades configuradas e dados ao vivo do cartão.

Propriedades

Para tema, fundo, destaque e posição, veja Propriedades comuns.

Defina as propriedades estáticas nos params do cartão ao criá-lo. O documento de dados dele contém apenas propriedades dinâmicas. Linhas aninhadas descrevem o conteúdo da propriedade pai.

Propriedades estáticas

Nome	Tipo	Padrão	Valores e limites	Descrição
`title`	string	`"Moon"`	maxLength: `30`	O cabeçalho quando o local não tem nome.
`location`	objeto, nulo	`null`	additionalProperties: `false`	De onde a lua é observada: nascer e pôr, qual lado da lua está iluminado e quais eclipses são visíveis. Vazio mostra apenas a fase.
`location.name`	string		maxLength: `40`; Obrigatório
`location.latitude`	number		mínimo: `-90`; máximo: `90`; Obrigatório
`location.longitude`	number		mínimo: `-180`; máximo: `180`; Obrigatório
`hemisphere`	string	`"north"`	`"north"`, `"south"`	Para qual lado a lua está iluminada quando não há localização.
`hour12`	boolean	`false`
`eclipses`	boolean	`true`		Mostrar o próximo eclipse lunar para o qual a lua estará visível.
`timeZone`	string, nulo	`null`
`backgroundColor`	string, nulo	`null`	padrão: `"^#[0-9A-Fa-f]{6}([0-9A-Fa-f]{2})?$"`	Substitui o fundo e a placa do cartão por uma cor plana ordenada por CSS. #RRGGBBAA fornece opacidade. background none tem precedência.
`textColor`	string, nulo	`null`	padrão: `"^#[0-9A-Fa-f]{6}([0-9A-Fa-f]{2})?$"`	Substitui as cores do texto principal e secundário. As cores de destaque e status semântico mantêm seus papéis.

Propriedades dinâmicas

Este cartão não tem propriedades dinâmicas.

Exemplo de tela

Salve as propriedades estáticas como params.json e crie o cartão. O resultado traz o id crd_ dele.

{
  "theme": "neomustard",
  "location": {
    "name": "Vancouver",
    "latitude": 49.25,
    "longitude": -123.0
  }
}

screenrig card create --type moon --major 1 --file params.json

Adicione este item aos primitives de uma página da playlist, com esse id no lugar do id do exemplo. Publique a playlist e atribua uma tela.

{
  "id": "moon",
  "primitive": "card",
  "card": "crd_01EXAMPLECARD000000000",
  "layout": "full",
  "content_fit": "fill"
}