Estrutura Padrão 🛠

Este artigo apresenta uma estrutura padrão de pastas e arquivos, que é fundamental para a organização e eficiência em projetos de formulários no Fluig. A estrutura de pastas desempenha um papel crucial na organização dos arquivos de acordo com os seus tipos. Isso não apenas facilita a localização e o gerenciamento dos arquivos, mas também melhora a eficiência do trabalho, economizando tempo e esforço.

A seguir, detalharemos cada componente desta estrutura, proporcionando uma compreensão clara de sua funcionalidade e importância. Vamos explorar como cada pasta e arquivo se encaixa na estrutura geral e como eles contribuem para a eficácia geral do projeto. Isso fornecerá uma visão abrangente da importância de uma estrutura de pastas bem planejada e implementada.

Link para Download:

displayFields.js

O displayFields.js é um arquivo essencial no ecossistema Fluig, atuando como um mecanismo de customização de formulários. Diferentemente dos eventos HTML tradicionais, este arquivo JavaScript é processado pelo Fluig no backend antes da exibição do formulário ao usuário. Graças a essa execução prévia, o displayFields.js disponibiliza funcionalidades exclusivas do Fluig. Utilizamos esse recurso para desenvolver funções personalizadas dentro da biblioteca LIBDEVEREST, permitindo a realização de validações específicas com eficácia e precisão.

Padrão

function displayFields(form, customHTML) {
 
   var mode = form.getFormMode();
   var state = getValue("WKNumState");
   var complete = getValue("WKCompletTask");
   var user = getValue("WKUser");
   var locale = getValue("WKUserLocale");
   var mobile = form.getMobile();
   var processo = getValue("WKNumProces");
   var fullName = fluigAPI.getUserService().getCurrent().getFullName();
 
 
   if (form.getFormMode() == "VIEW") {
      form.setShowDisabledFields(true);
   }
 
   customHTML.append("<script>");
   customHTML.append("		function getFormMode(){ return '" + mode + "'};");
   customHTML.append("		function getMobile(){ return '" + mobile + "'};");
   customHTML.append("		function getWKNumState(){ return '" + state + "'};");
   customHTML.append("		function getWKUser(){ return '" + user + "'};");
   customHTML.append("		function getWKNumProces(){ return '" + processo + "'};");
   customHTML.append("		function getWKUserLocale(){ return '" + locale + "'};");
   customHTML.append("		function getFullNameUser(){ return '" + fullName + "'};");
   customHTML.append("</script>");
}

cadastroFornecedor.css

Este arquivo é dedicado para personalizações de CSS conforme as necessidades específicas do cliente ou para realizar ajustes específicos para cada projeto. Ele segue o mesmo nome do formulário para poder indicar que é um personalização especifica do projeto atual.
Veja abaixo um exemplo:

a {
    color: #0c5399;
}