Painel Estatísticas Conectores / Dispositivos
Neste painel, faz-se a customização dos Cartões de estatísticas de Dispositivos presente no Informações da página.
O recurso se encontra nas opções de painéis de telas denominado como Estatísticas Conectores / Dispositivos.
Para maiores detalhes sobre a configuração de telas, acesse Criando uma nova Tela (dashboard) para um Conector.
Propriedades do painel
É possível substituir os cartões de estatísticas padrões do Informações da página pelo painel customizado.
Para isso, basta clicar na opção Definir como padrão presente no topo do editor de propriedades do painel. Esta opção apenas estará disponível caso a tela com o painel customizado já esteja publicada.
Já para restaurar o painel original(padrão), clique no botão de restaurar (botão ao lado do texto “Este painel é o padrão”).
Atenção
As modificações só estarão disponíveis para telas já publicadas com o painel customizado.
Cartões
Nesta seção, são disponibilizadas configurações de cada cartão do painel:
Cartão configurado |
Descrição |
|---|---|
Conexão |
Propriedades de configuração do cartão de estatísticas dos Conectores |
Alarme |
Propriedades de configuração do cartão de estatísticas dos Alarmes |
Área de Processo |
Propriedades de configuração do cartão de estatísticas das Áreas de Processo |
Ao selecionar qualquer uma das opções de cartões acima, serão apresentadas as seguintes seções que são padrões na configuração de cada cartão:
Seção |
Descrição |
|---|---|
Aparência |
Configurações relativas a aparência do cartão como um todo(cor de fundo, bordas, etc) |
Ícone |
Configurações relativas ao ícone apresentado pelo cartão |
Título |
Configurações relativas ao texto de Titulo apresentado pelo cartão |
Conteúdo |
Configurações relativas as informações apresentadas no corpo(central) do cartão |
Rodapé |
Configurações relativas as informações apresentadas no rodapé do cartão |
Progresso |
Configurações relativas as informações apresentadas na barra de progresso do cartão |
Display |
Configurações relativas a porcentagem apresentada pelo cartão(no canto superior direito) |
Para cada seção descrita acima, temos as seguintes configurações:
Cor
Define a cor de fundo do elemento que está sendo configurado. Para mais informações acesse: Cores.
Arredondar borda
Define o arredondamento da borda (em pixels) do elemento que está sendo configurado. Para mais informações acesse Arredondar Borda.
Expressão
Permite a definição de expressões para que seja personalizada as informações apresentadas no conteúdo do elemento que está sendo configurado.
Esta configuração já é inicialmente preenchida com a expressão que apresenta o conteúdo padrão de cada cartão.
Porém, pode-se definir outras expressões para que o conteúdo seja substituído conforme a necessidade.
Abaixo, segue alguns exemplos de atributos que podem ser utilizados nas expressões em um cartão:
Nome do atributo |
Expressão |
Função |
|---|---|---|
Available |
${item.available} |
Quantidade de dispositivos cadastrados no contrato |
Enabled |
${item.enabled} |
Quantidade de dispositivos habilitados |
Disabled |
${item.disabled} |
Quantidade de dispositivos desabilitados |
Connected |
${item.connected} |
Quantidade de dispositivos Conectados(online) (em tempo real) |
Disconnected |
${item.disconnected} |
Quantidade de dispositivos Desconectados(offline) (em tempo real) |
Alarmed |
${item.alarmed} |
Quantidade de dispositivos que possuem ao menos 1 alarme ativo |
Title |
${item.card_defaults.title} |
Contém a definição padrão de Título no contexto do cartão que está sendo configurado |
Info |
${item.card_defaults.info} |
Contém a definição padrão de Estatísticas no contexto do cartão que está sendo configurado |
Body |
${item.card_defaults.body} |
Contém a definição padrão de Conteúdo no contexto do cartão que está sendo configurado |
Perc |
${item.card_defaults.perc} |
Contém a definição padrão de Percentual no contexto do cartão que está sendo configurado |
Para mais informações de utilização de expressões, acesse Expressões.
Aparência e Texto
Personalização da fonte exibida pelo elemento que está sendo configurado. Para mais informações acesse: Texto.
Filtro Habilitado
Permite o filtro na pesquisa do conteúdo do cartão que está sendo configurado.
Espaçamento
Define o espaço entre o conteúdo e as bordas dos cartões. Para mais informações acesse: Espaçamento.
Fundo
Espaçamento
Define o espaço entre o fundo e o conteúdo dos cartões (em pixels). Para mais informações acesse: Espaçamento.
Cores
Define a cor de fundo da aba dos cartões. Para mais informações acesse: Cores.
Arredondar borda
Define o arredondamento da borda (em pixels) da aba do cartões. Para mais informações acesse: Arredondar Borda.
Pesquisa por texto
Habilitado
Permite a pesquisa dos elementos por texto.
Mostrar Botão para novo conector?
Quando habilitado, a opção de adicionar um novo conector ficará disponível ao lado da barra de pesquisa.