Angular Animation

Camunda 7 Topics Discussion & Questions
,
1

Hi ,

How can i add AngularJS Animate CDN to my embed form.

https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular-animate.js
Need to add ng-show and ng-hide properties

Thanks
Ajr

2

Hi @Ajr
I would say the best way would be to configure tasklistā€™s config.js by adding the script there: https://docs.camunda.org/manual/7.5/webapps/tasklist/configuration/#custom-scripts

Best
Felix

1 Like
3

Hi,

But beware!
The right version to use is: 1.2.29
And this is already included in the camunda-commons-ui

Cheers,
Vale

3 Likes
4

Hi @vale and @felix-mueller , Thanks for your responseā€¦ Can you please suggest a working example.
Am not much aware of the tags in it . Requesting your help .

Thanks
Ajr

5

Hi ,

From my understanding i have given something like this . But i got error pasted below

My config file :

  customScripts: {
    ngDeps: ['cam.embedded.forms'],

    deps: ['custom-ng-animate'],
    paths: {
      'custom-ng-animate': '../custom-ng-animate/script'
    }
  }

Error :

Error: [$injector:modulerr] Failed to instantiate module cam.tasklist due to:
d is undefined
[674]</b.exports</this.getAvailableLocales@http://192.168.180.99:8080/camunda/app/tasklist/scripts/camunda-tasklist-ui.js?bust=7.5.6-SNAPSHOT-1478013260063:36:13577
[644]</b.exports/<@http://192.168.180.99:8080/camunda/app/tasklist/scripts/camunda-tasklist-ui.js?bust=7.5.6-SNAPSHOT-1478013260063:33:24936
d@http://192.168.180.99:8080/camunda/app/tasklist/scripts/camunda-tasklist-ui.js?bust=7.5.6-SNAPSHOT-1478013260063:16:19640
k/<@http://192.168.180.99:8080/camunda/app/tasklist/scripts/camunda-tasklist-ui.js?bust=7.5.6-SNAPSHOT-1478013260063:16:18833
f@http://192.168.180.99:8080/camunda/app/tasklist/scripts/camunda-tasklist-ui.js?bust=7.5.6-SNAPSHOT-1478013260063:16:3859
k@http://192.168.180.99:8080/camunda/app/tasklist/scripts/camunda-tasklist-ui.js?bust=7.5.6-SNAPSHOT-1478013260063:16:18654
Ha@http://192.168.180.99:8080/camunda/app/tasklist/scripts/camunda-tasklist-ui.js?bust=7.5.6-SNAPSHOT-1478013260063:16:20208
$/e@http://192.168.180.99:8080/camunda/app/tasklist/scripts/camunda-tasklist-ui.js?bust=7.5.6-SNAPSHOT-1478013260063:16:9736
$@http://192.168.180.99:8080/camunda/app/tasklist/scripts/camunda-tasklist-ui.js?bust=7.5.6-SNAPSHOT-1478013260063:16:9950
d/<@http://192.168.180.99:8080/camunda/app/tasklist/scripts/camunda-tasklist-ui.js?bust=7.5.6-SNAPSHOT-1478013260063:33:21177
[639]</</.Callbacks/k@http://192.168.180.99:8080/camunda/app/tasklist/scripts/camunda-tasklist-ui.js?bust=7.5.6-SNAPSHOT-1478013260063:31:30785
[639]</</.Callbacks/l.add@http://192.168.180.99:8080/camunda/app/tasklist/scripts/camunda-tasklist-ui.js?bust=7.5.6-SNAPSHOT-1478013260063:31:31099
[639]</</_.fn.ready@http://192.168.180.99:8080/camunda/app/tasklist/scripts/camunda-tasklist-ui.js?bust=7.5.6-SNAPSHOT-1478013260063:32:1182
d@http://192.168.180.99:8080/camunda/app/tasklist/scripts/camunda-tasklist-ui.js?bust=7.5.6-SNAPSHOT-1478013260063:33:21148
[642]</b.exports@http://192.168.180.99:8080/camunda/app/tasklist/scripts/camunda-tasklist-ui.js?bust=7.5.6-SNAPSHOT-1478013260063:33:22988
@http://192.168.180.99:8080/camunda/app/tasklist/camunda-tasklist-bootstrap.js?bust=7.5.6-SNAPSHOT-1478013260063:1:1036
newContext/u.execCb@http://192.168.180.99:8080/camunda/lib/require.js:1:12776
newContext/t.prototype.check@http://192.168.180.99:8080/camunda/lib/require.js:1:6466
newContext/t.prototype.enable@http://192.168.180.99:8080/camunda/lib/require.js:1:9368
newContext/t.prototype.init@http://192.168.180.99:8080/camunda/lib/require.js:1:5676
f/<@http://192.168.180.99:8080/camunda/lib/require.js:1:11142

http://errors.angularjs.org/1.2.29/$injector/modulerr?p0=cam.tasklist&p1=d%20is%20undefined [674]<%2Fb.exports<%2Fthis.getAvailableLocales%40http%3A%2F%2F192.168.180.99%3A8080%2Fcamunda%2Fapp%2Ftasklist%2Fscripts%2Fcamunda-tasklist-ui.js%3Fbust%3D7.5.6-SNAPSHOT-1478013260063%3A36%3A13577 [644]<%2Fb.exports%2F<%40http%3A%2F%2F192.168.180.99%3A8080%2Fcamunda%2Fapp%2Ftasklist%2Fscripts%2Fcamunda-tasklist-ui.js%3Fbust%3D7.5.6-SNAPSHOT-1478013260063%3A33%3A24936 d%40http%3A%2F%2F192.168.180.99%3A8080%2Fcamunda%2Fapp%2Ftasklist%2Fscripts%2Fcamunda-tasklist-ui.js%3Fbust%3D7.5.6-SNAPSHOT-1478013260063%3A16%3A19640 k%2F<%40http%3A%2F%2F192.168.180.99%3A8080%2Fcamunda%2Fapp%2Ftasklist%2Fscripts%2Fcamunda-tasklist-ui.js%3Fbust%3D7.5.6-SNAPSHOT-1478013260063%3A16%3A18833 f%40http%3A%2F%2F192.168.180.99%3A8080%2Fcamunda%2Fapp%2Ftasklist%2Fscripts%2Fcamunda-tasklist-ui.js%3Fbust%3D7.5.6-SNAPSHOT-1478013260063%3A16%3A3859 k%40http%3A%2F%2F192.168.180.99%3A8080%2Fcamunda%2Fapp%2Ftasklist%2Fscripts%2Fcamunda-tasklist-ui.js%3Fbust%3D7.5.6-SNAPSHOT-1478013260063%3A16%3A18654 Ha%40http%3A%2F%2F192.168.180.99%3A8080%2Fcamunda%2Fapp%2Ftasklist%2Fscripts%2Fcamunda-tasklist-ui.js%3Fbust%3D7.5.6-SNAPSHOT-1478013260063%3A16%3A20208 %24%2Fe%40http%3A%2F%2F192.168.180.99%3A8080%2Fcamunda%2Fapp%2Ftasklist%2Fscripts%2Fcamunda-tasklist-ui.js%3Fbust%3D7.5.6-SNAPSHOT-1478013260063%3A16%3A9736 %24%40http%3A%2F%2F192.168.180.99%3A8080%2Fcamunda%2Fapp%2Ftasklist%2Fscripts%2Fcamunda-tasklist-ui.js%3Fbust%3D7.5.6-SNAPSHOT-1478013260063%3A16%3A9950 d%2F<%40http%3A%2F%2F192.168.180.99%3A8080%2Fcamunda%2Fapp%2Ftasklist%2Fscripts%2Fcamunda-tasklist-ui.js%3Fbust%3D7.5.6-SNAPSHOT-1478013260063%3A33%3A21177 [639]<%2F<%2F_.Callbacks%2Fk%40http%3A%2F%2F192.168.180.99%3A8080%2Fcamunda%2Fapp%2Ftasklist%2Fscripts%2Fcamunda-tasklist-ui.js%3Fbust%3D7.5.6-SNAPSHOT-1478013260063%3A31%3A30785 [639]<%2F<%2F_.Callbacks%2Fl.add%40http%3A%2F%2F192.168.180.99%3A8080%2Fcamunda%2Fapp%2Ftasklist%2Fscripts%2Fcamunda-tasklist-ui.js%3Fbust%3D7.5.6-SNAPSHOT-1478013260063%3A31%3A31099 [639]<%2F<%2F_.fn.ready%40http%3A%2F%2F192.168.180.99%3A8080%2Fcamunda%2Fapp%2Ftasklist%2Fscripts%2Fcamunda-tasklist-ui.js%3Fbust%3D7.5.6-SNAPSHOT-1478013260063%3A32%3A1182 d%40http%3A%2F%2F192.168.180.99%3A8080%2Fcamunda%2Fapp%2Ftasklist%2Fscripts%2Fcamunda-tasklist-ui.js%3Fbust%3D7.5.6-SNAPSHOT-1478013260063%3A33%3A21148 [642]<%2Fb.exports%40http%3A%2F%2F192.168.180.99%3A8080%2Fcamunda%2Fapp%2Ftasklist%2Fscripts%2Fcamunda-tasklist-ui.js%3Fbust%3D7.5.6-SNAPSHOT-1478013260063%3A33%3A22988 %40http%3A%2F%2F192.168.180.99%3A8080%2Fcamunda%2Fapp%2Ftasklist%2Fcamunda-tasklist-bootstrap.js%3Fbust%3D7.5.6-SNAPSHOT-1478013260063%3A1%3A1036 newContext%2Fu.execCb%40http%3A%2F%2F192.168.180.99%3A8080%2Fcamunda%2Flib%2Frequire.js%3A1%3A12776 newContext%2Ft.prototype.check%40http%3A%2F%2F192.168.180.99%3A8080%2Fcamunda%2Flib%2Frequire.js%3A1%3A6466 newContext%2Ft.prototype.enable%40http%3A%2F%2F192.168.180.99%3A8080%2Fcamunda%2Flib%2Frequire.js%3A1%3A9368 newContext%2Ft.prototype.init%40http%3A%2F%2F192.168.180.99%3A8080%2Fcamunda%2Flib%2Frequire.js%3A1%3A5676 f%2F<%40http%3A%2F%2F192.168.180.99%3A8080%2Fcamunda%2Flib%2Frequire.js%3A1%3A11142
Stack trace:
d/<@http://192.168.180.99:8080/camunda/app/tasklist/scripts/camunda-tasklist-ui.js?bust=7.5.6-SNAPSHOT-1478013260063:16:3517
k/<@http://192.168.180.99:8080/camunda/app/tasklist/scripts/camunda-tasklist-ui.js?bust=7.5.6-SNAPSHOT-1478013260063:16:19045
f@http://192.168.180.99:8080/camunda/app/tasklist/scripts/camunda-tasklist-ui.js?bust=7.5.6-SNAPSHOT-1478013260063:16:3859
k@http://192.168.180.99:8080/camunda/app/tasklist/scripts/camunda-tasklist-ui.js?bust=7.5.6-SNAPSHOT-1478013260063:16:18654
Ha@http://192.168.180.99:8080/camunda/app/tasklist/scripts/camunda-tasklist-ui.js?bust=7.5.6-SNAPSHOT-1478013260063:16:20208
$/e@http://192.168.180.99:8080/camunda/app/tasklist/scripts/camunda-tasklist-ui.js?bust=7.5.6-SNAPSHOT-1478013260063:16:9736
$@http://192.168.180.99:8080/camunda/app/tasklist/scripts/camunda-tasklist-ui.js?bust=7.5.6-SNAPSHOT-1478013260063:16:9950
d/<@http://192.168.180.99:8080/camunda/app/tasklist/scripts/camunda-tasklist-ui.js?bust=7.5.6-SNAPSHOT-1478013260063:33:21177
[639]</</.Callbacks/k@http://192.168.180.99:8080/camunda/app/tasklist/scripts/camunda-tasklist-ui.js?bust=7.5.6-SNAPSHOT-1478013260063:31:30785
[639]</</.Callbacks/l.add@http://192.168.180.99:8080/camunda/app/tasklist/scripts/camunda-tasklist-ui.js?bust=7.5.6-SNAPSHOT-1478013260063:31:31099
[639]</</_.fn.ready@http://192.168.180.99:8080/camunda/app/tasklist/scripts/camunda-tasklist-ui.js?bust=7.5.6-SNAPSHOT-1478013260063:32:1182
d@http://192.168.180.99:8080/camunda/app/tasklist/scripts/camunda-tasklist-ui.js?bust=7.5.6-SNAPSHOT-1478013260063:33:21148
[642]</b.exports@http://192.168.180.99:8080/camunda/app/tasklist/scripts/camunda-tasklist-ui.js?bust=7.5.6-SNAPSHOT-1478013260063:33:22988
@http://192.168.180.99:8080/camunda/app/tasklist/camunda-tasklist-bootstrap.js?bust=7.5.6-SNAPSHOT-1478013260063:1:1036
newContext/u.execCb@http://192.168.180.99:8080/camunda/lib/require.js:1:12776
newContext/t.prototype.check@http://192.168.180.99:8080/camunda/lib/require.js:1:6466
newContext/t.prototype.enable@http://192.168.180.99:8080/camunda/lib/require.js:1:9368
newContext/t.prototype.init@http://192.168.180.99:8080/camunda/lib/require.js:1:5676
f/<@http://192.168.180.99:8080/camunda/lib/require.js:1:11142
require.js:1:6862

When i run again it says script error:

my script looks exactly like this :

https://code.angularjs.org/1.2.29/angular-animate.min.js

Error: Script error for ā€œcustom-ng-animateā€
http://requirejs.org/docs/errors.html#scripterror

6

It looks to me like you have 2 problemsā€¦
(one is probably leading to the other)

Can you confirm that your ā€˜custom-ng-animateā€™ JS file is loaded by the browser?

7

Hi @vale ,

Most probably , because console never shown a file not found exception .So i think its been loaded.

Or worst case is when it tries load it getting a script error as i mentioned
http://requirejs.org/docs/errors.html#scripterror

Thanks
Ajr

8

This occurs when the script.onerror function is triggered in a browser. This usually means there is a JavaScript syntax error or other execution problem running the script. To fix it, examine the script that generated the error in a script debugger.

So, your script might be loadedā€¦ but the browser canā€™t process/use it.

I canā€™t help any further in that case, sorry.

Cheers and good luck with your debugging!

9

Thanks @vale . :slight_smile: