Painel Cartões de Conectores

../../../_images/painel_cartoes_conectores.png

Neste painel, faz-se a customização da Exibição de Conectores presente no Informações da página.

O recurso se encontra nas opções de painéis de telas denominado como Cartões de Conectores. Para maiores detalhes de configuração de telas, acesse Criando uma nova Tela (dashboard) para um Conector.

Configuração dos cartões

Aparência

Permite a definição da Cor de fundo do cartão.

Status

Permite a configuração do Ícone que será apresentado pelo cartão e comportamento da cor de fundo da área(caixa) do ícone.

As configurações do ícone apresentam as seguintes propriedades:

Propriedade	Descrição
	Menu dos ícones disponíveis em Font Awesome ou Glyphicons
	Cor do ícone
Ícone balde	Cor de fundo(caso a opção Cor de fundo dinâmica esteja desmarcada
Cor de fundo dinâmica	Cor de fundo do ícone definida pelos seguintes estados: Opções: Não Aplicável: Fundo default cinza; Conector Conexão: Verde quando conector está conectado; Dispositivo Conexão: Verde quando dispositivo está conectado; Conector em Alarme: Vermelho quando o conector está alarmado; Dispositivo em Alarme: Vermelho quando o dispositivo está alarmado.

Título, Conteúdo e Rodapé

Título é o texto que será exibido no topo do cartão.

Já o Conteúdo é a informação que será apresentada no interior(meio) do cartão.

Por fim, o Rodapé é conteúdo que será exibido na base do cartão.

Todas as configurações acima possuem as seguintes propriedades:

Expressão

Define se uma expressão irá determinar o conteúdo a ser apresentado no Título, Conteúdo ou Rodapé do cartão.

Uma expressão pode ser a seleção de uma simples propriedade disponível, como a informação de “nome” do conector. Também é possível escrever expressões que retornem o resultado de um cálculo ou mesmo combinando diversos resultados em uma única célula.

Ao clicar no botão , são disponibilizadas algumas propriedades do conector/dispositivos, como nome, localização, status de conexão, além de eventuais Campos Customizados do Contrato.

Segue a definição de algumas dessas propriedades:

Propriedade	Descrição
name	Nome do Conector
location_name	Identificação da localização cadastrada para o Conector
location_address	Informações da localização definida para o Conector(Cidade, Estado, Rua, Bairro, etc)
is_connected	Indicação do estado de conexão para o Conector
number_active_alarms	Número de alarmes ativos para o Conector
has_active_alarms	Indicação se há algum alarme ativo no Conector
user_data	Lista de Campos Customizados do Contrato
device	Lista com as propriedades do dispositivo associado ao Conector
last_activity_at	Indica a data/hora da última atividade/troca de informações entre o Conector e o Portal de Telemetria

Aparência

Espaçamento:

Propriedade	Descrição	Default
Superior	Define a distância, em pixels, de espaçamento entre a borda superior do controle e seu conteúdo(texto)	Depende
Direita	Define a distância, em pixels, de espaçamento entre a borda direita do controle e seu conteúdo(texto)	Depende
Inferior	Define a distância, em pixels, de espaçamento entre a borda inferior do controle e seu conteúdo(texto)	Depende
Esquerda	Define a distância, em pixels, de espaçamento entre a borda esquerda do controle e seu conteúdo(texto)	Depende

Cores

Define a cor de fundo e a cor da fonte(texto) apresentados pelo controle:

Propriedade	Descrição	Default
Ícone	Cor da fonte(texto)	Preto (#000000)
Ícone balde	Cor de fundo	Branco (#FFFFFF)

Borda

Propriedade

Descrição

Default

Cor

Cor da borda

Cinza Claro (#AFAFAF)

Estilo da linha da borda

Estilo de apresentação da linha de borda do controle.

Opções:

Sólida;

Tracejada;

Pontilhada;

Dupla;

Sulco;

Cume;

Embutida;

Saltada;

Nenhuma;

Sólida

Espessura da Borda

Espessura da linha da borda em pixels

1px

Arredondar Borda

Define o arredondamento das bordas do controle:

Propriedade

Descrição

Default

Arredondar Borda

Opções:

Não;

3px;

5px;

10px;

20%;

50%;

3px

Texto

Propriedade

Descrição

Default

Fonte

Define os atributos da fonte do controle

Opções:

Fonte: Tipo da fonte;

Tamanho: Tamanho da fonte;

Negrito ;

Itálico ;

Sublinhado ;

Subscrito ;

Source Sans Pro 18

Alinhamento

Alinhamento

Define o alinhamento vertical do texto dentro do controle.

Opções:

Esquerda ;

Direita ;

Centro ;

Centro

Atenção

As modificações feitas na tela após a primeira publicação, só serão apresentadas no dashboard se for realizada uma nova publicação da tela.

Substituindo os Cartões de Conectores padrão do Dashboard de Contrato

É possível substituir os cartões de conectores padrão 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. Está opção só estará disponível caso a tela 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.