A barra de navegação é um componente que já vem por padrão na tela menu.view.html e será visível por todas as outras páginas, facilitando a navegação entre as páginas do sistema mobile. Essa barrapossui itens, que serão os links para as outras páginas.
Figura 1 - Componente sendo executado pelo Cronapp Browser
Propriedades do componente
Na tabela abaixo estão descritas as principais propriedades para o funcionamento básico do componente.
Nome
Propriedade
Função
Configuração
options
Abre a janela de configurações da barra de navegação.
Classes CSS
class
Adiciona classes CSS que já foram criadas.
Exibir
ng-show
Propriedade AngularJS usada para mostrar ou oculta o componente.
Identificador
id
Atributo que especifica um ID exclusivo para o componente. Por padrão um id é gerado automaticamente e atribuído ao componente.
Segurança
cronapp-security
Propriedade do Cronapp que trata as permissões de segurança da aplicação. Usado para permitir ou não edição e visualização do componente com base nos perfis selecionados.
Configuração
A propriedadeconfiguraçãoagrupa a maioria das propriedades deste componente, como inserção dos itens, definição dos rótulos, da segurança e outros.
Ao selecionar o componente na área de edição de páginas, você poderá acessar a aba de propriedades no lado direito da tela. O botão "..." que aparece ao lado do campoConfiguraçãopermite que você abra a janela Opções de Menu (Figura 2.1).
Figura 2.1 - Janela de opções do menu
Adicionar novo item;
Excluir o item selecionado;
Área que exibe a árvore hierárquica para seleção dos itens;
Propriedades do item selecionado.
Aba Adicional
A aba adicional da janela de opções define a posição e o tema tanto do texto quanto do ícone do item selecionado.
Figura 2.2 - Aba adicional da janela de opções
Posição do texto: define a posição do texto do item selecionado, podendo ser na esquerda, no centro ou na direita;
Posição do ícone: define a posição do ícone do item selecionado, podendo ser na esquerda ou na direita;
Tema do ícone: define o tema do ícone do item selecionado, podendo ser: assertive, balanced, energized, light, stable, calm, positive, royal e dark.
Tema do texto: define o tema do texto do item selecionado, podendo ser: assertive, balanced, energized, light, stable, calm, positive, royal e dark.
Hierarquia dos menus
A barra de navegação pode ser definida em níveis quando se encontra no modo de configuração. O nível 0 (Principal) é a barra de navegação em si. Após isso, vem o(s) item(ns) dessa barra, que se encontram no nível 1.
Após o nível 1 não é possível adicionar mais itens, ou seja, os itens do nível 1 não podem ter subitens - se criarmos um item logo abaixo dele, ele virará automaticamente um item do nível 0. No entanto, não existe limites para criação de menu e itens na barra de navegação.