Cartão de alertas públicos para telas de sinalização digital

A tela mostra alertas públicos ativos para um local a partir dos feeds oficiais de alerta, com o mais severo primeiro nas cores de segurança do tema para leitura clara à distância. Ela preenche toda a tela, se ajusta a qualquer retângulo, fica no meio, se encaixa em um canto como um quadrado pequeno ou uma linha, ou corre como uma faixa ao longo de uma borda. Você define o local, a severidade mínima para mostrar, quais eventos incluir ou excluir, e seu idioma preferido. Você escolhe se o cartão mostra apenas enquanto um alerta está ativo ou permanece com status calmo, e como o tempo é exibido.

Cartão ao vivo

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

Categoria: Informação pública. Tags: Contagens regressivas e temporizadores, Tempo e meio ambiente.

Layouts

Este cartão principal se encaixa em qualquer layout: tela cheia, centro, largo, canto, chip, faixa ou qualquer retângulo livre.

Layouts: cheio, livre, centro, largo, canto, chip, faixa. Formas: paisagem, retrato, quadrado, faixa.

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

Dados e privacidade

Feed: screenrig.cap/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
`title`	string	`""`	maxLength: `60`	Vazio lê "Alertas públicos".
`presence`	string	`"active"`	`"active"`, `"always"`	`active` mostra o cartão apenas enquanto um alerta no nível `minSeverity` ou superior estiver ativo. `always` mantém um status calmo quando não há: sem alertas ativos, sem atualização desde então, sem fonte de alerta para este local.
`minSeverity`	string	`"moderate"`	`"minor"`, `"moderate"`, `"severe"`, `"extreme"`	Ocultar alertas abaixo desta severidade. Um alerta sem severidade declarada é considerado menor.
`events`	array	`[]`	maxItems: `30`	Somente estes eventos (não diferencia maiúsculas; * corresponde a qualquer sequência de caracteres).
`excludeEvents`	array	`[]`	maxItems: `30`	Nunca esses eventos.
`languages`	array	`[]`	maxItems: `30`	Preferência de idioma, o primeiro vence (fr, fr-CA, en). Um alerta em nenhum deles mostra seu primeiro idioma.
`hourCycle`	string	`"24"`	`"12"`, `"24"`, `"military"`	12: 14h05. 24: 14:05. militar: 1405.
`timeZone`	string, nulo	`null`		Zona IANA; nulo usa a zona da tela.
`staleMinutes`	integer	`30`	mínimo: `10`; máximo: `1440`	Um documento não atualizado por tanto tempo é considerado desatualizado, qualquer que seja seu estado.
`location`	object		additionalProperties: `false`	Local para o qual os alertas são destinados. Suas coordenadas selecionam os feeds oficiais de alertas que o cobrem; alertas cuja área inclui este ponto serão exibidos.
`location.name`	string		maxLength: `40`
`location.latitude`	number		mínimo: `-90`; máximo: `90`; Obrigatório
`location.longitude`	number		mínimo: `-180`; máximo: `180`; Obrigatório
`location.geocodes`	array	`[]`	maxItems: `40`	Códigos de área do local, comparados com alertas que nomeiam sua área por código: [{"name": "UGC", "value": "WAC033"}].
`location.geocodes[].name`	string		minLength: `1`; maxLength: `40`; Obrigatório	O sistema de código: SAME, UGC, NUTS3, EMMA_ID.
`location.geocodes[].value`	string		minLength: `1`; maxLength: `120`; Obrigatório
`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 alerts --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": "alerts",
  "primitive": "card",
  "card": "crd_01EXAMPLECARD000000000",
  "layout": "full",
  "content_fit": "fill"
}