O componente Linha do Tempo é um componente que permite a exibição de dados de forma linear de acordo com a data do evento, com ele, é possível organizar eventos do passado, presente ou futuro.
Figura 1 - Exemplo do componente em sua configuração básica rodando no aplicativo
Principais propriedades
Na tabela abaixo estão descritas as principais propriedades para o funcionamento básico do componente.
Nome
Propriedade
Função
Configurações
options
Abre uma janela para personalização do componente.
Identificador
id
Atributo que especifica um ID exclusivo para o componente. Por padrão um id é gerado automaticamente e atribuído ao componente.
Estilo
style
Altera o estilo do componente da forma inline.
Exibir
ng-show
Propriedade Angular usada para mostrar ou oculta o componente.
Repetir
crn-repeat
Propriedade que seleciona uma fonte de dados contida na tela e repete o componente baseado no número de itens dessa fonte de dados.
Segurança
cronapp-security
Abre a janela de seleção dos grupos com permissões para visualização ou edição da Grade.
Diagrama de dados
Para que o componente funcione corretamente, é necessário criar uma classe no Diagrama de dados contendo as informações mostradas na figura 2.
Escreva "1" para o lado Esquerdo e "2" para o lado Direito.
O Nome e Tipo precisam ser igual ao mostrado na tabela e na figura 2.
Preenchendo dados
Configuração
A janela Configuração possui diversas propriedades para a personalização do componente. Selecione o componente no editor visual para exibir suas propriedades na aba lateral, clique no botão “...” da propriedade Configuração para abrir a janela e clique em.
Não é possível utilizar a mesma fonte de dados para dois componentes na mesma tela.
Atribuindo Fonte de dados
Após abrir a janela de opções do componente Linha do Tempo clicando em "...", clique no sinal de "+" para abrir a janela de configuração da Fonte de dados.
Figura 3 - Janela de opções
Figura 3.1 - Selecionando Fonte de Dados
Clique em "...";
Selecione a Entidade desejada;
Clique nos botões de OK para selecionar e em seguida salve o projeto.