A tela mostra a hora em números grandes e claros feitos para serem lidos à 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 mostrador entre digital, analógico, palavras, cartões flip, lâmpadas, anéis ou régua, escolhe 12 horas, 24 horas ou horário militar, adiciona segundos e data, e define o fuso horário e estilo da faixa.
Cartão ao vivo
Categoria: Tempo. Tags: Relógios e calendários, Escritórios e locais de trabalho, Lobbies e recepção, Lojas.
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
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 |
|---|---|---|---|---|
face | string | "digital" | "digital", "analog", "words", "flip", "sets", "rings", "ruler" | |
hourCycle | string | "24" | "12", "24", "military" | 12: 14h05. 24: 14:05. militar: 1405, quatro dígitos sem separador (e HRS quando o sufixo aparece). |
showSeconds | boolean | false | ||
showSuffix | boolean | true | O AM ou PM ao lado de um horário de 12 horas, ou HRS ao lado do horário militar. | |
showDate | boolean | true | ||
dateFormat | string | "long" | "long", "short", "numeric" | |
timeZone | string, nulo | null | Zona IANA; nulo usa a zona da tela. | |
label | string | "" | maxLength: 40 | |
stripStyle | string | "timeline" | "timeline", "sweep", "zones", "week" | O que preenche uma faixa ao lado do horário. timeline: o dia como uma régua com um marcador de agora, luz do dia e a parte já passada. sweep: o tempo centralizado com um preenchimento que cruza a faixa a cada minuto. zones: as cidades em zonas como células compactas. week: dia da semana, data, semana ISO e dia do ano. |
zones | array | [] | maxItems: 4 | Outras cidades para a faixa de zonas, de duas a quatro. |
zones[].label | string | minLength: 1; maxLength: 24; Obrigatório | ||
zones[].timeZone | string | minLength: 1; maxLength: 64; Obrigatório | Zona IANA. | |
location | objeto, nulo | null | additionalProperties: false | Onde o relógio está. A faixa da linha do tempo sombreia a noite entre o pôr e o nascer do sol ali; sem isso, o dia vai das 6:00 às 18:00. |
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": {
"latitude": 49.25,
"longitude": -123.0
}
}screenrig card create --type clock --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": "clock",
"primitive": "card",
"card": "crd_01EXAMPLECARD000000000",
"layout": "full",
"content_fit": "fill"
}