Configuração
Recursos de Visualização

JavaScript

A composição de uma aplicação Low Code possui diversos elementos. Sendo uma plataforma 100% web, o Low Code usa elementos de HTML, CSS e JavaScript para montar a visualização das aplicações no browser.

Na tela de JavaScript serão mostrados todos os JavaScript cadastrados no sistema, com suas respectivas informações identificadoras divididas em colunas.

Funções em JavaScript podem ser removidas do controller e colocadas como recurso extra no Formulário Low Code. A vantagem dissoé que estas funções podem ser compartilhadas com outros formulários, que são associados aos formulários como dependências (ver a documentação sobre Formulário para mais detalhes sobre dependências).

Passo a passo

  1. Acesse a funcionalidade através da navegação no menu Recursos > JavaScript.
Document image


Coluna

Descrição

Resource (Recurso)

Informa o caminho do recurso JavaScript usado pelo sistema. É possível clicar no título da coluna para organizar os recursos de forma ascendente ou descendente de acordo com a data de edição.

Name (Nome)

Identificador único do JavaScript

Description (Descrição)

Descrição do JavaScript

Version (Versão)

Número da versão do recurso em questão

Actions (Ações)

Nessa coluna é possível clicar em um dos ícones para Editar o recurso, Editar versões anteriores e Excluir o recurso.

No canto superior direito da página é possivel encontrar o botão de Criar para criar um novo JavaScript , e ao lado deste a barra de pesquisa, para pesquisar um JavaScript na lista.

Ao fim da página é possível encontrar informações relativas ao número total de recursos cadastrados, o número de recursos por página, e o número de páginas. O sistema permite que sejam visualizados 10 ou 50 recursos por página.

Na coluna de ações, ao selecionar o ícone de Editar ou Editar Versões Anteriores, você será redirecionado a outra tela.

Abaixo há o exemplo do local filters. Tratam-se de filtros criados para diversos objetivos. Para fazer uso dele basta colocar o seu nome nas dependências do formulário.

Document image


A primeira tela apresenta os seguintes campos:

Campo

Descrição

Nome

O nome é um identificador único do JavaScript selecionado. Este campo não aceita espaços, e não é possível ter dois JavaScript com o mesmo nome.

Pasta

Ferramenta usada para organização dos elementos de forma hierárquica no código da página.

Descrição



Versão

Este campo mostra qual a versão do JavaScript está sendo visualizada no momento. Qualquer alteração feita pode ser salva com uma nova versão, e o sistema mantém versões antigas disponíveis.

Conteúdo

Este campo apresenta o código JavaScript propriamente dito. É possível editar normalmente o JavaScript como em um editor de código. A visualização aponta possíveis erros ou incongruências no código com um ícone de ⚠️ ou i nas linhas. O possível erro é detalhado ao passar o ponteiro do mouse sobre o ícone.

Salvar

Salva as alterações feitas. É possível salvar como uma nova versão, ou salvar na mesma versão que está sendo editada.

Cancelar

Cancela as alterações e volta para a lista de JavaScript