Histórico da Página

...

A primeira regra criada nunca pode ser excluída, apenas as regras criadas depois da primeira, pois é necessário que exista pelo menos uma regra para que o componente funcione corretamente.

Exemplos de uso

6. Exemplo de Estrutura da Regra

Se um usuário criar uma regra com dois critérios obrigatórios, ela pode ser assim:

Se o campo "Gestor Solicitante" for igual ao campo "Atribuição do Gestor" E o campo "Gestor Solicitante" for igual a "João da Silva", então o fluxo seguirá para a próxima atividade.

Condição avançada

A condição avançada permite criar as regras a partir de codificação, flexibilizando a criação de condições para pessoas mais técnicas que saibam programar e desejam criar expressões avançadas para as condições usando JavaScript.

Para esse tipo de condição, é disponibilizada uma IDE embutida, ou seja, um editor de código onde as expressões avançadas podem ser escritas. O ambiente para codificação permite a escrita de códigos de forma estruturada.

A condição avançada deve ser escrita utilizando expressões JavaScript e seguindo a estrutura:

• Propriedade: campo do formulário ou variável do processo;

• Condição: operadores como ===, >, <, != etc.;

• Valor: valor fixo ou outra variável.

No ambiente para codificação, também são disponibilizados snippets prontos com os HPIs da plataforma para facilitar a criação das condições. Assim, é possível inserir facilmente chamadas e manipulação de dados. Esses snippets ajudam a reduzir erros de codificação e aceleram a configuração das condições avançadas.

Além disso, o ambiente exibe um exemplo de condição avançada para facilitar o entendimento da construção das regras.

Verificar se existem outras documentações que auxiliam a criação da condição avançada.

...

Reunimos aqui vários cenários utilizando as condições simples no componente Exclusivo. Os exemplos contam com a necessidade de decisão do processo, as condições que serão verificadas pelo componente e o resultado de acordo com a condição atendida.

Clique em cada cenário para ver seus detalhes.

<script>
    (function() {
        function toggleAreas(isExpand, $parent) {
            var $items = $parent.find('.panel');

            $.each($items, function(idx, el) {
                var $arrow = $(el).find('span.cloakToggle').find('span');
                var $content = $(el).find('span.cloak');
                if (isExpand) {
                    $arrow.removeClass('cloakDefaultOpen').addClass('cloakDefaultClose');
                    $content.show();
                } else {
                    $arrow.addClass('cloakDefaultOpen').removeClass('cloakDefaultClose');
                    $content.hide();
                }
            });
        }

        $(document).on('click', '#toggleAll-1', function(ev) {
            ev.preventDefault();
            var isExpand = $(this).data('expand');
            var $parent = $(this).nextAll('.sectionColumnWrapper').first();
            toggleAreas(isExpand, $parent);
            $(this).data('expand', !isExpand);
        });
    })();
</script>
<a id="toggleAll-1" href="#" data-expand="true">Abrir/fechar todos os exemplos</a>

6. Exemplo de Estrutura da Regra

Se um usuário criar uma regra com dois critérios obrigatórios, ela pode ser assim:

Se o campo "Gestor Solicitante" for igual ao campo "Atribuição do Gestor" E o campo "Gestor Solicitante" for igual a "João da Silva", então o fluxo seguirá para a próxima atividade.

Condição avançada

...

A condição avançada permite criar as regras a partir de codificação, flexibilizando a criação de condições para pessoas mais técnicas que saibam programar e desejam criar expressões avançadas para as condições usando JavaScript.

Para esse tipo de condição, é disponibilizada uma IDE embutida, ou seja, um editor de código onde as expressões avançadas podem ser escritas. O ambiente para codificação permite a escrita de códigos de forma estruturada.

A condição avançada deve ser escrita utilizando expressões JavaScript e seguindo a estrutura:

• Propriedade: campo do formulário ou variável do processo;

• Condição: operadores como ===, >, <, != etc.;

• Valor: valor fixo ou outra variável.

No ambiente para codificação, também são disponibilizados snippets prontos com os HPIs da plataforma para facilitar a criação das condições. Assim, é possível inserir facilmente chamadas e manipulação de dados. Esses snippets ajudam a reduzir erros de codificação e aceleram a configuração das condições avançadas.

Além disso, o ambiente exibe um exemplo de condição avançada para facilitar o entendimento da construção das regras.

Verificar se existem outras documentações que auxiliam a criação da condição avançada.

Exemplos de uso

...

Reunimos aqui vários cenários utilizando as condições avançadas no componente Exclusivo. Os exemplos contam com a necessidade de decisão do processo, as condições que serão verificadas pelo componente e o resultado de acordo com a condição atendida.

Clique em cada cenário para ver seus detalhes.

<script>
    (function() {
        function toggleAreas(isExpand, $parent) {
            var $items = $parent.find('.panel');

            $.each($items, function(idx, el) {
                var $arrow = $(el).find('span.cloakToggle').find('span');
                var $content = $(el).find('span.cloak');
                if (isExpand) {
                    $arrow.removeClass('cloakDefaultOpen').addClass('cloakDefaultClose');
                    $content.show();
                } else {
                    $arrow.addClass('cloakDefaultOpen').removeClass('cloakDefaultClose');
                    $content.hide();
                }
            });
        }

        $(document).on('click', '#toggleAll-1', function(ev) {
            ev.preventDefault();
            var isExpand = $(this).data('expand');
            var $parent = $(this).nextAll('.sectionColumnWrapper').first();
            toggleAreas(isExpand, $parent);
            $(this).data('expand', !isExpand);
        });
    })();
</script>
<a id="toggleAll-2" href="#" data-expand="true">Abrir/fechar todos os exemplos</a>

Configurar componente Exclusivo

...

<script>
    (function() {
        function toggleAreas(isExpand, $parent) {
            var $items = $parent.find('.panel');

            $.each($items, function(idx, el) {
                var $arrow = $(el).find('span.cloakToggle').find('span');
                var $content = $(el).find('span.cloak');
                if (isExpand) {
                    $arrow.removeClass('cloakDefaultOpen').addClass('cloakDefaultClose');
                    $content.show();
                } else {
                    $arrow.addClass('cloakDefaultOpen').removeClass('cloakDefaultClose');
                    $content.hide();
                }
            });
        }

        $(document).on('click', '#toggleAll-2', function(ev) {
            ev.preventDefault();
            var isExpand = $(this).data('expand');
            var $parent = $(this).nextAll('.sectionColumnWrapper').first();
            toggleAreas(isExpand, $parent);
            $(this).data('expand', !isExpand);
        });
    })();
</script>
<a id="toggleAll-23" href="#" data-expand="true">Abrir/fechar todas as dúvidas</a>

...