Cartão de tempos de espera para telas de sinalização digital

Cada fila de serviço mostra a espera estimada como número e barra, ambos coloridos para curto, moderado ou longo, para que o tempo seja lido rapidamente. Pode preencher a tela, esticar para qualquer retângulo, ficar no meio, no canto, funcionar como uma linha ou faixa na borda. Você define as filas, a ordem por menor ou maior tempo ou por nome, os minutos para espera moderada e longa, a espera que preenche a barra, e a fila mostrada no canto e como linha única.

Cartão ao vivo

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

Categoria: Varejo. Tags: Filas e esperas, Saúde, Restaurantes e cafés, Lojas, Gráficos e medidores.

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

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	`"Wait times"`	maxLength: `40`
`order`	string	`"listed"`	`"listed"`, `"shortest"`, `"longest"`, `"name"`	listed: conforme dado. espera mais curta ou mais longa primeiro, linhas fechadas e desconhecidas por último. name: A a Z.
`moderateFrom`	integer	`15`	mínimo: `1`; máximo: `500`	Minutos em que uma espera deixa de ser curta.
`longFrom`	integer	`30`	mínimo: `2`; máximo: `500`	Minutos em que uma espera é longa (sempre acima de moderateFrom).
`scaleMinutes`	integer	`60`	mínimo: `10`; máximo: `480`	A espera que preenche uma barra.
`focus`	string	`"rotate"`	`"rotate"`, `"shortest"`, `"longest"`, `"first"`	Qual linha o canto e o chip mostram: alternar entre eles no relógio de parede, a espera mais curta, a mais longa ou a primeira listada. Qualquer outra opção que não alternar também faz o centro ser uma linha única.
`presence`	string	`"always"`	`"always"`, `"long"`	long: o cartão aparece apenas enquanto uma linha estiver em ou acima de longFrom.
`hourCycle`	string	`"12"`	`"12"`, `"24"`, `"military"`	Como o horário da atualização é escrito: 2:05 PM, 14:05 ou 1405.
`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

Nome	Tipo	Padrão	Valores e limites	Descrição
`lines`	array	`[]`	minItems: `0`; maxItems: `12`
`lines[].name`	string		minLength: `1`; maxLength: `40`; Obrigatório
`lines[].minutes`	integer		mínimo: `0`; máximo: `999`	A espera estimada. 0 significa sem espera; se omitido, a linha mostra um traço.
`lines[].closed`	boolean	`false`
`lines[].note`	string	`""`	maxLength: `40`	Uma linha abaixo do nome: um local, uma pista, um motivo.
`lines[].short`	string	`""`	maxLength: `14`	Um nome mais curto para o chip, o canto e a faixa.
`lines[].previous`	integer		mínimo: `0`; máximo: `999`	A espera antes de mudar. Com updatedAt, o número conta junto dele até a nova espera em cada tela.
`footnote`	string	`""`	maxLength: `120`
`updatedAt`	string	`""`	maxLength: `40`	Instante ISO em que as estimativas mudaram. Com o anterior de uma linha, os números contam e as barras suavizam a partir dele.

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"
}

screenrig card create --type wait-times --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": "wait-times",
  "primitive": "card",
  "card": "crd_01EXAMPLECARD000000000",
  "layout": "full",
  "content_fit": "fill"
}

Escrever dados ao vivo

Escreva o documento no cartão depois de criá-lo e depois substitua-o para atualizar a tela sem republicar. O cartão verifica cada gravação contra suas propriedades dinâmicas e recusa um documento que ele rejeita. Use o mesmo projeto da playlist.

Salve o documento como card-data.json. O CLI lê o documento em si, sem invólucro:

{
  "lines": [],
  "footnote": "",
  "updatedAt": ""
}

screenrig card data put crd_01EXAMPLECARD000000000 --file card-data.json

Ou chame a API diretamente. A API envolve o mesmo documento em um campo document. Um token de agente já nomeia seu projeto, então nenhum cabeçalho de projeto é enviado; se você enviar ScreenRig-Project, ele deve corresponder ao projeto do token. Forneça sua autorização de API pelo ambiente; veja Autenticação da API.

curl --request PUT "https://api.screenrig.ai/api/cards/crd_01EXAMPLECARD000000000/data" \
  --header "Authorization: Bearer $SCREENRIG_TOKEN" \
  --header "Content-Type: application/json" \
  --data '{"document":{"lines":[],"footnote":"","updatedAt":""}}'