Cartão de linha do tempo

Marcos fornecidos aparecem como um roteiro, histórico datado ou fases de projeto desenhadas em escala. Poucos marcos definem tipo maior e muitos o apertam, o próximo marco é destacado com Hoje marcado ao lado, e uma página de vários marcos ajusta suas palavras à página. Primetime adiciona uma contagem crescente, uma linha que se desenha e entradas escalonadas de marcos, acentos ciano na linha do tempo, um fundo lento de tripé de topógrafo e sinais silenciosos de meia-noite local em limites datados. Precisão de data existente, bandeiras de conclusão fornecidas, progresso de fase e regras de paginação permanecem inalterados.

Cartão ao vivo

Categoria: Eventos. Etiquetas: Programações, Contagens regressivas e temporizadores, Escritórios e locais de trabalho, Saguões e recepção.

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

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

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

screenrig card create --type timeline --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": "timeline",
  "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:

{
  "items": [
    {
      "date": "2026-03-02",
      "title": "Kickoff",
      "detail": "Team, scope and budget agreed."
    },
    {
      "date": "2026-05-18",
      "title": "Design complete",
      "detail": "Screens signed off by operations."
    },
    {
      "date": "2026-07-27",
      "title": "Alpha",
      "detail": "Internal pilot on two floors."
    },
    {
      "date": "2026-09-14",
      "title": "Pilot opens",
      "detail": "Three sites go live."
    },
    {
      "date": "2026-11-06",
      "title": "Beta launch",
      "detail": "Every site, with the new dashboard."
    },
    {
      "date": "2027-01-18",
      "title": "General availability",
      "detail": "Open to all customers."
    },
    {
      "date": "2027-03-29",
      "title": "Integrations",
      "detail": "Calendar and payroll connect."
    },
    {
      "date": "2027-06-14",
      "title": "Version 2",
      "detail": "Mobile and an open API."
    }
  ]
}

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":{"items":[{"date":"2026-03-02","title":"Kickoff","detail":"Team, scope and budget agreed."},{"date":"2026-05-18","title":"Design complete","detail":"Screens signed off by operations."},{"date":"2026-07-27","title":"Alpha","detail":"Internal pilot on two floors."},{"date":"2026-09-14","title":"Pilot opens","detail":"Three sites go live."},{"date":"2026-11-06","title":"Beta launch","detail":"Every site, with the new dashboard."},{"date":"2027-01-18","title":"General availability","detail":"Open to all customers."},{"date":"2027-03-29","title":"Integrations","detail":"Calendar and payroll connect."},{"date":"2027-06-14","title":"Version 2","detail":"Mobile and an open API."}]}}'