topic AngularJS Modeler not working in Firefox 34 and Chrome 39 in Alfresco Archive

AngularJS Modeler not working in Firefox 34 and Chrome 39

b_schnarr — Fri, 19 Dec 2014 12:46:39 GMT

When I try to create a new process model with the new AngularJS designer in Activiti 5.17, I get the following error in firefox:Error: model.stencilset is undefined ORYX.Editor.construct@http://10.120.40.24:8080/activiti-explorer1/editor-app/editor/oryx.debug.js:10923:8 Clazz.extend/classDef@http://

Re: AngularJS Modeler not working in Firefox 34 and Chrome 39

b_schnarr — Mon, 05 Jan 2015 12:14:53 GMT

No one?

Re: AngularJS Modeler not working in Firefox 34 and Chrome 39

b_schnarr — Thu, 15 Jan 2015 11:57:08 GMT

Am I the only one with this problem?

Re: AngularJS Modeler not working in Firefox 34 and Chrome 39

jbarrez — Fri, 16 Jan 2015 09:07:36 GMT

No, it works here on FF and Chrome (on mac).

When do you get this error?

I'm using version 39.0.2171.95 (64-bit)

Re: AngularJS Modeler not working in Firefox 34 and Chrome 39

b_schnarr — Fri, 16 Jan 2015 09:36:01 GMT

When I try to open the modeler in the Activiti Explorer. A part of the GUI gets loaded, but before the stencilsets are displayed, nothing happens anymore and the browser consoles give me the messages from above.

Re: AngularJS Modeler not working in Firefox 34 and Chrome 39

b_schnarr — Fri, 16 Jan 2015 09:56:46 GMT

On Tomcat, I am using the build in Tomcat-CORS filter. Could that cause issues? Maybe some headers which are not present in the allow-headers section?

Re: AngularJS Modeler not working in Firefox 34 and Chrome 39

jbarrez — Fri, 16 Jan 2015 11:19:56 GMT

Hmm don't think so, there is no specific header as far as I know.

I do see that your chrome log shows it's running on 'explorer1', and not the default activiti-explorer.
Could you try and updating this file in your deployment: https://github.com/Activiti/Activiti/blob/master/modules/activiti-webapp-explorer2/src/main/webapp/editor-app/app-cfg.js#L24 , and change the context root to the correct one?

Re: AngularJS Modeler not working in Firefox 34 and Chrome 39

b_schnarr — Sat, 17 Jan 2015 12:39:38 GMT

That´s what I call great support! After changing the context path from 'explorer1' to 'explorer', everything worked fine. Thanks a lot for this hint!

Re: AngularJS Modeler not working in Firefox 34 and Chrome 39

jbarrez — Wed, 21 Jan 2015 13:06:23 GMT

No prob. If you want to change the context root, you can do it in the file above.
The reason why it's needed is because it's currently the only way we found to make it work on all app servers/environments. A little bit painful, but it's only a oneliner 😉

Re: AngularJS Modeler not working in Firefox 34 and Chrome 39

abdou2387 — Wed, 29 Apr 2015 11:05:29 GMT

i import the activiti 5.17 in my eclipse
i change the database config to my sql driver in the file "/activiti-webapp-explorer2/src/main/resources/db.properties".
the dabase is generated correctly .
the explorer works fine .
but when i try to create a new model or edit the demo model, i get an error 404 the get of json and the modeler is amppty.
error :Error loading model with id 50

please i am blocked
it is very urgent

Best regards

Re: AngularJS Modeler not working in Firefox 34 and Chrome 39

abdou2387 — Thu, 30 Apr 2015 09:37:00 GMT

I fixed the problem by change the file conf of the context root
file : /activiti-webapp-explorer2/src/main/webapp/editor-app/app-cfg.js
solution : 'contextRoot' : 'service/',

Best regards

Re: AngularJS Modeler not working in Firefox 34 and Chrome 39

wade_zeng — Mon, 08 Jun 2015 07:17:52 GMT

Hi ,i got different problem when integrate activiti-modeler to my web application：
i have change the app-cfg.js to my web context :
ACTIVITI.CONFIG = {
'contextRoot' : '/agm/service',
};

"NetworkError: 404 Not Found - http://localhost:8089/agm/service/model/77501/json"
json
Error loading model with id 77501 <html><head><title>Apache Tomcat/7.0.61 - Error report</title><style><!–H1 {font-family:Tahoma,Arial,sans-serif;color:white;background-color:#525D76;font-size:22px;} H2 {font-family:Tahoma,Arial,sans-serif;color:white;background-color:#525D76;font-size:16px;} H3 {font-family:Tahoma,Arial,sans-serif;color:white;background-color:#525D76;font-size:14px;} BODY {font-family:Tahoma,Arial,sans-serif;color:black;background-color:white;} B {font-family:Tahoma,Arial,sans-serif;color:white;background-color:#525D76;} P {font-family:Tahoma,Arial,sans-serif;background:white;color:black;font-size:12px;}A {color : black;}A.name {color : black;}HR {color : #525D76;}–></style> </head><body><h1>HTTP Status 404 - /agm/service/model/77501/json</h1><HR size="1" noshade="noshade"><p><b>type</b> Status report</p><p><b>message</b> <u>/agm/service/model/77501/json</u></p><p><b>description</b> <u>The requested resource is not available.</u></p><HR size="1" noshade="noshade"><h3>Apache Tomcat/7.0.61</h3></body></html>
app.js (line 107 )

anytips i missed ?

Regds

Re: AngularJS Modeler not working in Firefox 34 and Chrome 39

jbarrez — Fri, 12 Jun 2015 09:46:23 GMT

well, it depends. Did you change the name of the war to agm.war or configured you web container to map onto that?
I would try to first see what url actually responds to a request.

Re: AngularJS Modeler not working in Firefox 34 and Chrome 39

wade_zeng — Thu, 18 Jun 2015 01:37:33 GMT

Dear jbarrez,

         thx for reply! Yes, the web name is agm and i copy the editor-app, modeler.html to webcontent, stencilset.json in WEB-INF/classes

so the web looks like:
<code>
agm
    + editor-app
    + WEB-INF
       - classes
          -stencilset.json
       - lib
       - web.xml
    + modeler.html
</code>
and in web.xml, add jsonpfilter as below.
<code>
     <filter>
        <filter-name>JSONPFilter</filter-name>
        <filter-class>org.activiti.explorer.servlet.JsonpCallbackFilter</filter-class>
    </filter>

<filter-mapping>
        <filter-name>JSONPFilter</filter-name>
        <url-pattern>/service/*</url-pattern>
    </filter-mapping>
</code>

and also add bean configuration in spring content xml
<code>
   <!– for modeler –>
    <bean id="objectMapper" class="com.fasterxml.jackson.databind.ObjectMapper"></bean>

    <bean id="restResponseFactory" class="org.activiti.rest.service.api.RestResponseFactory"></bean>

    <bean id="contentTypeResolver" class="org.activiti.rest.common.application.DefaultContentTypeResolver"></bean>
    <!– Activiti end –>
</code>

then when call like http://localhost:8089/agm/modeler.html?modelId=77501

firebug console shown as below:
<code>
1433822439630 INFO Plugin configuration file loaded.
1433822439632 ERROR A plugin is not providing a name. Ingnoring this plugin.
1433822439633 INFO Plugin 'Signavio.Plugins.Loading' successfully loaded.
1433822439634 INFO Plugin 'ORYX.Plugins.Loading' successfully loaded.
1433822439635 INFO Plugin 'ORYX.Plugins.CanvasResize' successfully loaded.
1433822439636 INFO Plugin 'ORYX.Plugins.RenameShapes' successfully loaded.
1433822439637 INFO Plugin 'ORYX.Plugins.ProcessLink' successfully loaded.
1433822439638 INFO Plugin 'ORYX.Plugins.Arrangement' successfully loaded.
1433822439639 INFO Plugin 'ORYX.Plugins.Save' successfully loaded.
1433822439640 INFO Plugin 'ORYX.Plugins.View' successfully loaded.
1433822439641 INFO Plugin 'ORYX.Plugins.DragDropResize' successfully loaded.
1433822439642 INFO Plugin 'ORYX.Plugins.HighlightingSelectedShapes' successfully loaded.
1433822439642 INFO Plugin 'ORYX.Plugins.DragDocker' successfully loaded.
1433822439643 INFO Plugin 'ORYX.Plugins.AddDocker' successfully loaded.
1433822439644 INFO Plugin 'ORYX.Plugins.SelectionFrame' successfully loaded.
1433822439644 INFO Plugin 'ORYX.Plugins.ShapeHighlighting' successfully loaded.
1433822439645 INFO Plugin 'ORYX.Plugins.Overlay' successfully loaded.
1433822439646 INFO Plugin 'ORYX.Plugins.KeysMove' successfully loaded.
1433822439646 INFO Plugin 'ORYX.Plugins.Layouter.EdgeLayouter' successfully loaded.
1433822439647 INFO Plugin 'ORYX.Plugins.BPMN2_0' successfully loaded.

"NetworkError: 404 Not Found - http://localhost:8089/agm/service/model/77501/json"
json
Error loading model with id 77501 Apache Tomcat/7.0.61 - Error report HTTP Status 404 - /agm/service/model/77501/jsontype Status reportmessage /agm/service/model/77501/jsondescription The requested resource is not available.Apache Tomcat/7.0.61
app.js (line 107 )
</code>

Re: AngularJS Modeler not working in Firefox 34 and Chrome 39

miguelcaldas19 — Fri, 10 Jul 2015 08:34:38 GMT

Any new with this problem?