topic Re: Custom outcome based on conditions in Alfresco Forum

Custom outcome based on conditions

mrahn — Thu, 25 May 2017 17:10:39 GMT

Dear community.Using Alfresco Process Services I wonder whether I could have costom outcomes based on conditions.Example:In a form a user provideds the expected price for something that has to be ordered. If the value is not above 10.000€ the user should get an outcome buttom labelled Send to A. If

Re: Custom outcome based on conditions

gdharley — Fri, 26 May 2017 21:15:31 GMT

Add a javascript function to the formFieldValueChanged event to disable the second "outcome" button if the value entered is < 1000.

e.g.

var buttons = angular.element(document.getElementsByClassName("activiti-btn"));
for(var i = 0; i < buttons.length; i++){
var button = buttons[i];
button.disabled = false;
if(button.innerText == "OUTCOME 2" && field.value < 10){
button.disabled = true;
}
}

I have attached a simple app example.

Cheers,

Greg

‌

Re: Custom outcome based on conditions

mrahn — Mon, 29 May 2017 05:42:14 GMT

Hello Greg.

Thank you very much!

I understand what the script does and wonder why it doesn't work in my environment. We run Alfresco Process Services 1.6.0.

Best regards

Marco

Re: Custom outcome based on conditions

gdharley — Tue, 30 May 2017 17:01:17 GMT

Did the project I attached work in your environment?

Greg

‌

Re: Custom outcome based on conditions

mrahn — Tue, 30 May 2017 18:10:51 GMT

no, unfortunately not

Re: Custom outcome based on conditions

gdharley — Tue, 30 May 2017 18:20:09 GMT

What version are you running? I built this with 1.6.1

Re: Custom outcome based on conditions

mrahn — Tue, 30 May 2017 18:47:16 GMT

Alfresco Process Services 1.6.0

I get both of the outcome buttoms whatever value (number) is choosen.

Marco

Re: Custom outcome based on conditions

gdharley — Tue, 30 May 2017 19:01:14 GMT

Hmm,

Certainly workign in 1.6.1.

Try adding the following to the formRendered event to disable both outcomes until such time as you enter something.

var buttons = angular.element(document.getElementsByClassName("activiti-btn"));

for(var i = 0; i < buttons.length; i++){
var button = buttons[i];
button.disabled = true;
}

Also, the class name may have changed between 1.6 and 1.6.1 so make sure the buttons are actually being found (add a debugger statement to ensure all 4 buttons are matched).

Greg

Re: Custom outcome based on conditions

mrahn — Thu, 01 Jun 2017 08:19:39 GMT

Hi Greg.

It seems to be a Browser issue. If I use button.textContent instead of button.innerText it works. I use Firefox 38.4.0.

Here the code I use:

Event: formRendered

var buttons = angular.element(document.getElementsByClassName("activiti-btn"));
for(var i = 0; i < buttons.length; i++){
var button = buttons[i];
if(button.textContent == "OUTCOME 1" || button.textContent == "OUTCOME 2"){
button.disabled = true;
}
}

Event: formFieldValueChanged

var buttons = angular.element(document.getElementsByClassName("activiti-btn"));
var intcount = scope.findFormFieldWithId(scope.allFormFields, 'thenumber');

for(var i = 0; i < buttons.length; i++){
    var button = buttons[i];
    button.disabled = false;
if(button.textContent == "OUTCOME 2" && intcount.value < 11){
        button.disabled = true;
    }
if(button.textContent == "OUTCOME 1" && intcount.value > 10){
        button.disabled = true;
    }
}

Thanks again for your help!

Marco