A tela mostra um grande número de qualidade do ar com sua categoria, uma frase simples, uma escala com um marcador na leitura, e o índice UV ao lado, dimensionados para leitura à distância. Ela preenche a tela, fica no meio, se encaixa em um canto, corre como uma linha, ou se estende como uma faixa ao longo de uma borda. Você escolhe o local das leituras, um título ou o nome do local, se mostra o índice UV ao lado, como o tempo da leitura é escrito, e se permanece sempre ou mostra apenas acima de um nível definido.
Cartão ao vivo
Categoria: Clima. Tags: Clima e ambiente, Números e métricas.
Layouts
Este cartão principal se encaixa em qualquer layout: tela cheia, centro, largo, canto, chip, faixa ou qualquer retângulo livre.
Layouts: cheio, 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.airquality/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: 40 | Vazio usa o nome do local. |
showUv | boolean | true | Mostrar o índice UV ao lado do índice de qualidade do ar. Sem leitura da qualidade do ar, o índice UV é o destaque. | |
hourCycle | string | "24" | "12", "24", "military" | Como o horário da leitura é escrito: 12 horas com AM ou PM, 24 horas (13:00) ou militar (1300). |
timeZone | string, nulo | null | ||
presence | string | "always" | "always", "unhealthy" | sempre: o cartão é sempre mostrado. insalubre: somente enquanto o índice de qualidade do ar estiver acima de presenceFrom (uma leitura obsoleta ou ausente mantém o cartão mostrado). |
presenceFrom | integer | 100 | mínimo: 0; máximo: 500 | Com presença não saudável, o índice acima do qual o cartão é exibido (100: de não saudável para grupos sensíveis). |
location | object | additionalProperties: false | Local ao qual as leituras se referem. Seleciona o feed. | |
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 | ||
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 air-quality --major 1 --file params.jsonAdicione 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": "air-quality",
"primitive": "card",
"card": "crd_01EXAMPLECARD000000000",
"layout": "full",
"content_fit": "fill"
}