Vitral 0.2

Lumen Metrics

O back office de um produto por assinatura. A visão geral abre com quatro KPIs e suas tendências, depois receita, distribuição por plano e conversões; a tabela de clientes busca, filtra, ordena, seleciona e pagina; as configurações reúnem um formulário de perfil, chaves de notificação e cobrança.

AdminGráficosTabela

Telas

  1. 1

    Visão geral

    KPIs, gráficos de receita e de cadastros, distribuição por plano e atividade

    Abrir ao vivo
    Lumen Metrics: a tela Visão geral
  2. 2

    Clientes

    Uma tabela de clientes com busca, filtros e paginação

    Abrir ao vivo
    Lumen Metrics: a tela Clientes
  3. 3

    Configurações

    Perfil, notificações e cobrança em abas

    Abrir ao vivo
    Lumen Metrics: a tela Configurações

O que tem dentro

3 telas e 17 componentes, ligados por estado compartilhado e navegação local.

Recursos

  • Blocos de KPI com sparklines e variações
  • Gráficos de área, de barras e de rosca que tiram suas cores do tema
  • Uma tabela de clientes com busca global, filtro por plano, ordenação, seleção e páginas
  • Configurações em abas: um formulário de perfil, chaves de notificação, uso e planos
  • Uma marca que troca de workspace e um menu da conta no pé da sidebar
  • Uma sidebar embutida que se recolhe em ícones em telas estreitas

Telas

Perguntas

Sobre o Lumen Metrics e sobre templates em geral.

Sim. O DataGrid aceita uma fonte de dados ou roda em modo lazy: ordenação, filtragem e paginação ficam a cargo do seu servidor, e o markup continua o mesmo.