Cartão Tides para telas de sinalização digital

Construído a partir dos extremos fornecidos da estação no feed screenrig.tides/v1, com sua série densa opcional quando disponível, esta visualização mostra a curva diária, altura atual e próximas máximas e mínimas. Entre os extremos, a linha segue um cosseno; interpolação e conversão de unidade seguem as regras do feed existente. O Primetime introduz a altura suavemente e adiciona alertas sutis e sincronizados nos extremos fornecidos e nas atualizações do feed. Tabelas desatualizadas permanecem marcadas como desatualizadas.

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, Gráficos e medidores, Trânsito e viagens.

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

Feed: screenrig.tides/v1.

Documentos do feed carregam atribuição da fonte. O Player fornece o feed para o 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
`location`	object		additionalProperties: `false`	Local ao qual a maré se refere: a estação de previsão de marés da NOAA mais próxima, em um raio de 100 km, alimenta o painel quando `station` está vazio. {screen.location} usa o local da própria tela.
`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
`station`	string	`""`	padrão: `"^([0-9A-Za-z]{7})?$"`	Um ID de estação de previsão de marés da NOAA, com sete caracteres (por exemplo 9449880). Ele prevalece sobre `location`.
`units`	string	`"auto"`	`"auto"`, `"m"`, `"ft"`	Alturas em metros ou pés. auto usa as unidades do feed.
`hour12`	boolean	`false`
`timeZone`	string, nulo	`null`		Zona IANA para o dia mostrado; nulo usa a zona da tela.
`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 tides --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": "tides",
  "primitive": "card",
  "card": "crd_01EXAMPLECARD000000000",
  "layout": "full",
  "content_fit": "fill"
}