jruby_activiti 1.2.5 → 2.0.0

data/test/resources/model_svg_xml.xml

@@ -0,0 +1,66 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:oryx="http://oryx-editor.org" id="sid-ED66A44C-4FAB-46B1-BE3D-12BE4004B8F1" width="578.5" height="189" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svg="http://www.w3.org/2000/svg"><defs><marker id="sid-2012AF03-8087-4172-AF41-2DC00F7DE3D0start" refX="1" refY="5" markerUnits="userSpaceOnUse" markerWidth="17" markerHeight="11" orient="auto">
+            undefined
+          <path id="sid-2012AF03-8087-4172-AF41-2DC00F7DE3D0default" d="M 5 0 L 11 10" fill="white" stroke="#585858" stroke-width="1" display="none"/>
+          </marker><marker id="sid-2012AF03-8087-4172-AF41-2DC00F7DE3D0end" refX="15" refY="6" markerUnits="userSpaceOnUse" markerWidth="15" markerHeight="12" orient="auto">
+            <path id="sid-2012AF03-8087-4172-AF41-2DC00F7DE3D0arrowhead" d="M 0 1 L 15 6 L 0 11z" fill="#585858" stroke="#585858" stroke-linejoin="round" stroke-width="2"/>
+          </marker><marker id="sid-8DC19896-8A8F-4829-ADEA-EF68DA2DFB83start" refX="1" refY="5" markerUnits="userSpaceOnUse" markerWidth="17" markerHeight="11" orient="auto">
+            undefined
+          <path id="sid-8DC19896-8A8F-4829-ADEA-EF68DA2DFB83default" d="M 5 0 L 11 10" fill="white" stroke="#585858" stroke-width="1" display="none"/>
+          </marker><marker id="sid-8DC19896-8A8F-4829-ADEA-EF68DA2DFB83end" refX="15" refY="6" markerUnits="userSpaceOnUse" markerWidth="15" markerHeight="12" orient="auto">
+            <path id="sid-8DC19896-8A8F-4829-ADEA-EF68DA2DFB83arrowhead" d="M 0 1 L 15 6 L 0 11z" fill="#585858" stroke="#585858" stroke-linejoin="round" stroke-width="2"/>
+          </marker><marker id="sid-F5AB12B6-3491-4860-B910-58B43C1038A1start" refX="1" refY="5" markerUnits="userSpaceOnUse" markerWidth="17" markerHeight="11" orient="auto">
+            undefined
+          <path id="sid-F5AB12B6-3491-4860-B910-58B43C1038A1default" d="M 5 0 L 11 10" fill="white" stroke="#585858" stroke-width="1" display="none"/>
+          </marker><marker id="sid-F5AB12B6-3491-4860-B910-58B43C1038A1end" refX="15" refY="6" markerUnits="userSpaceOnUse" markerWidth="15" markerHeight="12" orient="auto">
+            <path id="sid-F5AB12B6-3491-4860-B910-58B43C1038A1arrowhead" d="M 0 1 L 15 6 L 0 11z" fill="#585858" stroke="#585858" stroke-linejoin="round" stroke-width="2"/>
+          </marker></defs><svg id="underlay-container"/><g stroke="none" font-family="Verdana, sans-serif" font-size-adjust="none" font-style="normal" font-variant="normal" font-weight="normal" line-heigth="normal" font-size="12"><g class="stencils"><g class="me"/><g class="children"><g id="svg-sid-C83EB92E-A578-48E7-9EF6-4CA94AA0FD87"><g class="stencils" transform="translate(135.5, 84)"><g class="me"><g pointer-events="fill" id="sid-EA303388-FA5F-4269-BCDE-55E6AFF2C80B" title="Start event">
+        <circle id="sid-EA303388-FA5F-4269-BCDE-55E6AFF2C80Bbg_frame" cx="15" cy="15" r="15" stroke="#585858" fill="#ffffff" stroke-width="1"/>
+      <text font-size="11" id="sid-EA303388-FA5F-4269-BCDE-55E6AFF2C80Btext_name" x="15" y="32" oryx:align="top center" stroke="#373e48" stroke-width="0pt" letter-spacing="-0.01px" transform="rotate(0 15 32)" oryx:fontSize="11" text-anchor="middle"/>
+      </g></g><g class="children" style="overflow:hidden"/><g class="edge"/></g><g class="controls"><g class="dockers"/><g class="magnets" transform="translate(135.5, 84)"><g pointer-events="all" display="none" transform="translate(7, 7)"><circle cx="8" cy="8" r="4" stroke="none" fill="red" fill-opacity="0.3"/></g></g></g></g><g id="svg-sid-B5B84091-5597-4F31-AD82-C864B64DC910"><g class="stencils" transform="translate(210.5, 59)"><g class="me"><g pointer-events="fill" oryx:minimumSize="50 40" id="sid-9F80B7A6-9835-455D-AD69-A8902E202C2B" title="User task">
+      <rect id="sid-9F80B7A6-9835-455D-AD69-A8902E202C2Btext_frame" oryx:anchors="bottom top right left" x="1" y="1" width="94" height="79" rx="10" ry="10" stroke="none" stroke-width="0" fill="none"/>
+      <rect id="sid-9F80B7A6-9835-455D-AD69-A8902E202C2Bbg_frame" oryx:resize="vertical horizontal" x="0" y="0" width="100" height="80" rx="10" ry="10" stroke="#bbbbbb" stroke-width="1" fill="#f9f9f9"/>
+        <text font-size="12" id="sid-9F80B7A6-9835-455D-AD69-A8902E202C2Btext_name" x="50" y="40" oryx:align="middle center" oryx:fittoelem="text_frame" stroke="#373e48" stroke-width="0pt" letter-spacing="-0.01px" transform="rotate(0 50 40)" oryx:fontSize="12" text-anchor="middle"/>
+      
+      <g id="sid-9F80B7A6-9835-455D-AD69-A8902E202C2BuserTask" transform="translate(3,3)">
+        <path oryx:anchors="top left" style="fill:#d1b575;stroke:none;" d="m 1,17 16,0 0,-1.7778 -5.333332,-3.5555 0,-1.7778 c 1.244444,0 1.244444,-2.3111 1.244444,-2.3111 l 0,-3.0222 C 12.555557,0.8221 9.0000001,1.0001 9.0000001,1.0001 c 0,0 -3.5555556,-0.178 -3.9111111,3.5555 l 0,3.0222 c 0,0 0,2.3111 1.2444443,2.3111 l 0,1.7778 L 1,15.2222 1,17 17,17" id="sid-9F80B7A6-9835-455D-AD69-A8902E202C2B_sid-9F80B7A6-9835-455D-AD69-A8902E202C2B_17"/>
+        
+      </g>
+      
+      <g id="sid-9F80B7A6-9835-455D-AD69-A8902E202C2Bparallel" display="none">
+        <path oryx:anchors="bottom" fill="none" stroke="#bbbbbb" d="M46 70 v8 M50 70 v8 M54 70 v8" stroke-width="2" id="sid-9F80B7A6-9835-455D-AD69-A8902E202C2B_sid-9F80B7A6-9835-455D-AD69-A8902E202C2B_18"/>
+      </g>
+      
+      <g id="sid-9F80B7A6-9835-455D-AD69-A8902E202C2Bsequential" display="none">
+        <path oryx:anchors="bottom" fill="none" stroke="#bbbbbb" stroke-width="2" d="M46,76h10M46,72h10 M46,68h10" id="sid-9F80B7A6-9835-455D-AD69-A8902E202C2B_sid-9F80B7A6-9835-455D-AD69-A8902E202C2B_19"/>
+      </g>
+      
+
+      <g id="sid-9F80B7A6-9835-455D-AD69-A8902E202C2Bcompensation" display="none">
+        <path oryx:anchors="bottom" fill="none" stroke="#bbbbbb" d="M 62 74 L 66 70 L 66 78 L 62 74 L 62 70 L 58 74 L 62 78 L 62 74" stroke-width="1" id="sid-9F80B7A6-9835-455D-AD69-A8902E202C2B_sid-9F80B7A6-9835-455D-AD69-A8902E202C2B_20"/>
+      </g>
+      </g></g><g class="children" style="overflow:hidden"/><g class="edge"/></g><g class="controls"><g class="dockers"/><g class="magnets" transform="translate(210.5, 59)"><g pointer-events="all" display="none" transform="translate(-7, 12)"><circle cx="8" cy="8" r="4" stroke="none" fill="red" fill-opacity="0.3"/></g><g pointer-events="all" display="none" transform="translate(-7, 32)"><circle cx="8" cy="8" r="4" stroke="none" fill="red" fill-opacity="0.3"/></g><g pointer-events="all" display="none" transform="translate(-7, 52)"><circle cx="8" cy="8" r="4" stroke="none" fill="red" fill-opacity="0.3"/></g><g pointer-events="all" display="none" transform="translate(17, 71)"><circle cx="8" cy="8" r="4" stroke="none" fill="red" fill-opacity="0.3"/></g><g pointer-events="all" display="none" transform="translate(42, 71)"><circle cx="8" cy="8" r="4" stroke="none" fill="red" fill-opacity="0.3"/></g><g pointer-events="all" display="none" transform="translate(67, 71)"><circle cx="8" cy="8" r="4" stroke="none" fill="red" fill-opacity="0.3"/></g><g pointer-events="all" display="none" transform="translate(91, 12)"><circle cx="8" cy="8" r="4" stroke="none" fill="red" fill-opacity="0.3"/></g><g pointer-events="all" display="none" transform="translate(91, 32)"><circle cx="8" cy="8" r="4" stroke="none" fill="red" fill-opacity="0.3"/></g><g pointer-events="all" display="none" transform="translate(91, 52)"><circle cx="8" cy="8" r="4" stroke="none" fill="red" fill-opacity="0.3"/></g><g pointer-events="all" display="none" transform="translate(17, -7)"><circle cx="8" cy="8" r="4" stroke="none" fill="red" fill-opacity="0.3"/></g><g pointer-events="all" display="none" transform="translate(42, -7)"><circle cx="8" cy="8" r="4" stroke="none" fill="red" fill-opacity="0.3"/></g><g pointer-events="all" display="none" transform="translate(67, -7)"><circle cx="8" cy="8" r="4" stroke="none" fill="red" fill-opacity="0.3"/></g><g pointer-events="all" display="none" transform="translate(42, 32)"><circle cx="8" cy="8" r="4" stroke="none" fill="red" fill-opacity="0.3"/></g></g></g></g><g id="svg-sid-A3763AAE-E395-4B7E-B488-341B6B0C06D7"><g class="stencils" transform="translate(355.5, 59)"><g class="me"><g pointer-events="fill" oryx:minimumSize="50 40" id="sid-FF8EB08B-B504-487B-B4A3-6C70B3BB9499" title="User task">
+      <rect id="sid-FF8EB08B-B504-487B-B4A3-6C70B3BB9499text_frame" oryx:anchors="bottom top right left" x="1" y="1" width="94" height="79" rx="10" ry="10" stroke="none" stroke-width="0" fill="none"/>
+      <rect id="sid-FF8EB08B-B504-487B-B4A3-6C70B3BB9499bg_frame" oryx:resize="vertical horizontal" x="0" y="0" width="100" height="80" rx="10" ry="10" stroke="#bbbbbb" stroke-width="1" fill="#f9f9f9"/>
+        <text font-size="12" id="sid-FF8EB08B-B504-487B-B4A3-6C70B3BB9499text_name" x="50" y="40" oryx:align="middle center" oryx:fittoelem="text_frame" stroke="#373e48" stroke-width="0pt" letter-spacing="-0.01px" transform="rotate(0 50 40)" oryx:fontSize="12" text-anchor="middle"/>
+      
+      <g id="sid-FF8EB08B-B504-487B-B4A3-6C70B3BB9499userTask" transform="translate(3,3)">
+        <path oryx:anchors="top left" style="fill:#d1b575;stroke:none;" d="m 1,17 16,0 0,-1.7778 -5.333332,-3.5555 0,-1.7778 c 1.244444,0 1.244444,-2.3111 1.244444,-2.3111 l 0,-3.0222 C 12.555557,0.8221 9.0000001,1.0001 9.0000001,1.0001 c 0,0 -3.5555556,-0.178 -3.9111111,3.5555 l 0,3.0222 c 0,0 0,2.3111 1.2444443,2.3111 l 0,1.7778 L 1,15.2222 1,17 17,17" id="sid-FF8EB08B-B504-487B-B4A3-6C70B3BB9499_sid-FF8EB08B-B504-487B-B4A3-6C70B3BB9499_17"/>
+        
+      </g>
+      
+      <g id="sid-FF8EB08B-B504-487B-B4A3-6C70B3BB9499parallel" display="none">
+        <path oryx:anchors="bottom" fill="none" stroke="#bbbbbb" d="M46 70 v8 M50 70 v8 M54 70 v8" stroke-width="2" id="sid-FF8EB08B-B504-487B-B4A3-6C70B3BB9499_sid-FF8EB08B-B504-487B-B4A3-6C70B3BB9499_18"/>
+      </g>
+      
+      <g id="sid-FF8EB08B-B504-487B-B4A3-6C70B3BB9499sequential" display="none">
+        <path oryx:anchors="bottom" fill="none" stroke="#bbbbbb" stroke-width="2" d="M46,76h10M46,72h10 M46,68h10" id="sid-FF8EB08B-B504-487B-B4A3-6C70B3BB9499_sid-FF8EB08B-B504-487B-B4A3-6C70B3BB9499_19"/>
+      </g>
+      
+
+      <g id="sid-FF8EB08B-B504-487B-B4A3-6C70B3BB9499compensation" display="none">
+        <path oryx:anchors="bottom" fill="none" stroke="#bbbbbb" d="M 62 74 L 66 70 L 66 78 L 62 74 L 62 70 L 58 74 L 62 78 L 62 74" stroke-width="1" id="sid-FF8EB08B-B504-487B-B4A3-6C70B3BB9499_sid-FF8EB08B-B504-487B-B4A3-6C70B3BB9499_20"/>
+      </g>
+      </g></g><g class="children" style="overflow:hidden"/><g class="edge"/></g><g class="controls"><g class="dockers"/><g class="magnets" transform="translate(355.5, 59)"><g pointer-events="all" display="none" transform="translate(-7, 12)"><circle cx="8" cy="8" r="4" stroke="none" fill="red" fill-opacity="0.3"/></g><g pointer-events="all" display="none" transform="translate(-7, 32)"><circle cx="8" cy="8" r="4" stroke="none" fill="red" fill-opacity="0.3"/></g><g pointer-events="all" display="none" transform="translate(-7, 52)"><circle cx="8" cy="8" r="4" stroke="none" fill="red" fill-opacity="0.3"/></g><g pointer-events="all" display="none" transform="translate(17, 71)"><circle cx="8" cy="8" r="4" stroke="none" fill="red" fill-opacity="0.3"/></g><g pointer-events="all" display="none" transform="translate(42, 71)"><circle cx="8" cy="8" r="4" stroke="none" fill="red" fill-opacity="0.3"/></g><g pointer-events="all" display="none" transform="translate(67, 71)"><circle cx="8" cy="8" r="4" stroke="none" fill="red" fill-opacity="0.3"/></g><g pointer-events="all" display="none" transform="translate(91, 12)"><circle cx="8" cy="8" r="4" stroke="none" fill="red" fill-opacity="0.3"/></g><g pointer-events="all" display="none" transform="translate(91, 32)"><circle cx="8" cy="8" r="4" stroke="none" fill="red" fill-opacity="0.3"/></g><g pointer-events="all" display="none" transform="translate(91, 52)"><circle cx="8" cy="8" r="4" stroke="none" fill="red" fill-opacity="0.3"/></g><g pointer-events="all" display="none" transform="translate(17, -7)"><circle cx="8" cy="8" r="4" stroke="none" fill="red" fill-opacity="0.3"/></g><g pointer-events="all" display="none" transform="translate(42, -7)"><circle cx="8" cy="8" r="4" stroke="none" fill="red" fill-opacity="0.3"/></g><g pointer-events="all" display="none" transform="translate(67, -7)"><circle cx="8" cy="8" r="4" stroke="none" fill="red" fill-opacity="0.3"/></g><g pointer-events="all" display="none" transform="translate(42, 32)"><circle cx="8" cy="8" r="4" stroke="none" fill="red" fill-opacity="0.3"/></g></g></g></g><g id="svg-sid-6D2039A8-7E87-4787-A984-85A02EB1D6BF"><g class="stencils" transform="translate(500.5, 85)"><g class="me"><g pointer-events="fill" id="sid-5801957F-3AF3-47D0-9A93-B3D2710C7037" title="End event">
+        <circle id="sid-5801957F-3AF3-47D0-9A93-B3D2710C7037bg_frame" cx="14" cy="14" r="14" stroke="#585858" fill="#ffffff" stroke-width="3"/>
+      <text font-size="11" id="sid-5801957F-3AF3-47D0-9A93-B3D2710C7037text_name" x="14" y="30" oryx:align="top center" stroke="#373e48" stroke-width="0pt" letter-spacing="-0.01px" transform="rotate(0 14 30)" oryx:fontSize="11" text-anchor="middle"/>
+      </g></g><g class="children" style="overflow:hidden"/><g class="edge"/></g><g class="controls"><g class="dockers"/><g class="magnets" transform="translate(500.5, 85)"><g pointer-events="all" display="none" transform="translate(6, 6)"><circle cx="8" cy="8" r="4" stroke="none" fill="red" fill-opacity="0.3"/></g></g></g></g></g><g class="edge"><g id="svg-sid-3C52C40D-FE90-4F3C-A34B-6558409B3409"><g class="stencils"><g class="me"><g pointer-events="painted"><path id="sid-2012AF03-8087-4172-AF41-2DC00F7DE3D0_1" d="M166.109375 99L209.65625 99 " stroke="#585858" fill="none" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" marker-start="url(#sid-2012AF03-8087-4172-AF41-2DC00F7DE3D0start)" marker-end="url(#sid-2012AF03-8087-4172-AF41-2DC00F7DE3D0end)"/></g><text id="sid-2012AF03-8087-4172-AF41-2DC00F7DE3D0text_name" x="174" y="91" oryx:edgePosition="startTop" stroke-width="0pt" letter-spacing="-0.01px" transform="rotate(360 166 99)" oryx:fontSize="12" text-anchor="start"/></g><g class="children" style="overflow:hidden"/><g class="edge"/></g><g class="controls"><g class="dockers"/><g class="magnets"/></g></g><g id="svg-sid-BCF65C26-7D39-41A7-BAE1-BB0B50FF60D0"><g class="stencils"><g class="me"><g pointer-events="painted"><path id="sid-8DC19896-8A8F-4829-ADEA-EF68DA2DFB83_1" d="M311.34375 99L354.65625 99 " stroke="#585858" fill="none" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" marker-start="url(#sid-8DC19896-8A8F-4829-ADEA-EF68DA2DFB83start)" marker-end="url(#sid-8DC19896-8A8F-4829-ADEA-EF68DA2DFB83end)"/></g><text id="sid-8DC19896-8A8F-4829-ADEA-EF68DA2DFB83text_name" x="319" y="91" oryx:edgePosition="startTop" stroke-width="0pt" letter-spacing="-0.01px" transform="rotate(360 311 99)" oryx:fontSize="12" text-anchor="start"/></g><g class="children" style="overflow:hidden"/><g class="edge"/></g><g class="controls"><g class="dockers"/><g class="magnets"/></g></g><g id="svg-sid-A5ED38DA-BA70-405F-B30E-F54F22BBFC02"><g class="stencils"><g class="me"><g pointer-events="painted"><path id="sid-F5AB12B6-3491-4860-B910-58B43C1038A1_1" d="M455.890625 99L499.875 99 " stroke="#585858" fill="none" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" marker-start="url(#sid-F5AB12B6-3491-4860-B910-58B43C1038A1start)" marker-end="url(#sid-F5AB12B6-3491-4860-B910-58B43C1038A1end)"/></g><text id="sid-F5AB12B6-3491-4860-B910-58B43C1038A1text_name" x="463" y="91" oryx:edgePosition="startTop" stroke-width="0pt" letter-spacing="-0.01px" transform="rotate(360 455 99)" oryx:fontSize="12" text-anchor="start"/></g><g class="children" style="overflow:hidden"/><g class="edge"/></g><g class="controls"><g class="dockers"/><g class="magnets"/></g></g></g></g><g class="svgcontainer"><g display="none" transform="translate(496.5, 81)"><rect x="0" y="0" stroke-width="1" stroke="#777777" fill="none" stroke-dasharray="2,2" pointer-events="none" width="36" height="36"/></g><g display="none"><path stroke-width="1" stroke="silver" fill="none" stroke-dasharray="5,5" pointer-events="none"/></g><g display="none"><path stroke-width="1" stroke="silver" fill="none" stroke-dasharray="5,5" pointer-events="none"/></g><g/></g></g></svg>

data/test/stencilset_test.rb

@@ -0,0 +1,7 @@
+require 'test_helper'
+
+class StencilsetTest < Minitest::Test
+  def test_get
+    assert Java::Jrubyactiviti::StencilsetResource.getStencilset()
+  end
+end

data/test/test_helper.rb

@@ -4,6 +4,8 @@ end
 
 require 'jruby_activiti'
 
+Activiti = JrubyActiviti.build_engine
+
 require 'minitest/autorun'
 require 'minitest/unit'
 require 'minitest/pride'

data/web/public/diagram-viewer/index.html

@@ -0,0 +1,130 @@
+<html>
+<head>
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+  
+  <link rel="stylesheet" href="style.css" type="text/css" media="screen">
+  <script src="js/jstools.js" type="text/javascript" charset="utf-8"></script>
+  <script src="js/raphael.js" type="text/javascript" charset="utf-8"></script>
+  
+  <script src="js/jquery/jquery.js" type="text/javascript" charset="utf-8"></script>
+  <script src="js/jquery/jquery.progressbar.js" type="text/javascript" charset="utf-8"></script>
+  <script src="js/jquery/jquery.asyncqueue.js" type="text/javascript" charset="utf-8"></script>
+  
+  <script src="js/Color.js" type="text/javascript" charset="utf-8"></script>
+  <script src="js/Polyline.js" type="text/javascript" charset="utf-8"></script>
+  <script src="js/ActivityImpl.js" type="text/javascript" charset="utf-8"></script>
+  <script src="js/ActivitiRest.js" type="text/javascript" charset="utf-8"></script>
+  <script src="js/LineBreakMeasurer.js" type="text/javascript" charset="utf-8"></script>
+  <script src="js/ProcessDiagramGenerator.js" type="text/javascript" charset="utf-8"></script>
+  <script src="js/ProcessDiagramCanvas.js" type="text/javascript" charset="utf-8"></script>
+  
+  <style type="text/css" media="screen">
+    
+  </style>
+</head>
+<body>
+<div class="wrapper">
+  <div id="pb1"></div>
+  <div id="overlayBox" >
+    <div id="diagramBreadCrumbs" class="diagramBreadCrumbs" onmousedown="return false" onselectstart="return false"></div>
+    <div id="diagramHolder" class="diagramHolder"></div>
+    <div class="diagram-info" id="diagramInfo"></div>
+  </div>
+</div>
+<script language='javascript'>
+var DiagramGenerator = {};
+var pb1;
+$(document).ready(function(){
+  var query_string = {};
+  var query = window.location.search.substring(1);
+  var vars = query.split("&");
+  for (var i=0;i<vars.length;i++) {
+    var pair = vars[i].split("=");
+    query_string[pair[0]] = pair[1];
+  } 
+  
+  var processDefinitionId = query_string["processDefinitionId"];
+  var processInstanceId = query_string["processInstanceId"];
+  
+  console.log("Initialize progress bar");
+  
+  pb1 = new $.ProgressBar({
+    boundingBox: '#pb1',
+    label: 'Progressbar!',
+    on: {
+      complete: function() {
+        console.log("Progress Bar COMPLETE");
+        this.set('label', 'complete!');
+        if (processInstanceId) {
+          ProcessDiagramGenerator.drawHighLights(processInstanceId);
+        }
+      },
+      valueChange: function(e) {
+        this.set('label', e.newVal + '%');
+      }
+    },
+    value: 0
+  });
+  console.log("Progress bar inited");
+  
+  ProcessDiagramGenerator.options = {
+    diagramBreadCrumbsId: "diagramBreadCrumbs",
+    diagramHolderId: "diagramHolder",
+    diagramInfoId: "diagramInfo",
+    on: {
+      click: function(canvas, element, contextObject){
+        var mouseEvent = this;
+        console.log("[CLICK] mouseEvent: %o, canvas: %o, clicked element: %o, contextObject: %o", mouseEvent, canvas, element, contextObject);
+
+        if (contextObject.getProperty("type") == "callActivity") {
+          var processDefinitonKey = contextObject.getProperty("processDefinitonKey");
+          var processDefinitons = contextObject.getProperty("processDefinitons");
+          var processDefiniton = processDefinitons[0];
+          console.log("Load callActivity '" + processDefiniton.processDefinitionKey + "', contextObject: ", contextObject);
+
+          // Load processDefinition
+        ProcessDiagramGenerator.drawDiagram(processDefiniton.processDefinitionId);
+        }
+      },
+      rightClick: function(canvas, element, contextObject){
+        var mouseEvent = this;
+        console.log("[RIGHTCLICK] mouseEvent: %o, canvas: %o, clicked element: %o, contextObject: %o", mouseEvent, canvas, element, contextObject);
+      },
+      over: function(canvas, element, contextObject){
+        var mouseEvent = this;
+        //console.log("[OVER] mouseEvent: %o, canvas: %o, clicked element: %o, contextObject: %o", mouseEvent, canvas, element, contextObject);
+
+        // TODO: show tooltip-window with contextObject info
+        ProcessDiagramGenerator.showActivityInfo(contextObject);
+      },
+      out: function(canvas, element, contextObject){
+        var mouseEvent = this;
+        //console.log("[OUT] mouseEvent: %o, canvas: %o, clicked element: %o, contextObject: %o", mouseEvent, canvas, element, contextObject);
+
+        ProcessDiagramGenerator.hideInfo();
+      }
+    }
+  };
+  
+  var baseUrl = window.document.location.protocol + "//" + window.document.location.host + "/";
+  var shortenedUrl = window.document.location.href.replace(baseUrl, "");
+  baseUrl = baseUrl + shortenedUrl.substring(0, shortenedUrl.indexOf("/"));
+  
+  ActivitiRest.options = {
+    processInstanceHighLightsUrl: baseUrl + "/service/process-instance/{processInstanceId}/highlights?callback=?",
+    processDefinitionUrl: baseUrl + "/service/process-definition/{processDefinitionId}/diagram-layout?callback=?",
+    processDefinitionByKeyUrl: baseUrl + "/service/process-definition/{processDefinitionKey}/diagram-layout?callback=?"
+  };
+  
+  if (processDefinitionId) {
+    ProcessDiagramGenerator.drawDiagram(processDefinitionId);
+    
+  } else {
+    alert("processDefinitionId parameter is required");
+  }
+});
+
+
+</script>
+</body>
+</html>

data/web/public/diagram-viewer/js/ActivitiRest.js

@@ -0,0 +1,74 @@
+var ActivitiRest = {
+	options: {},
+	getProcessDefinitionByKey: function(processDefinitionKey, callback) {
+		var url = Lang.sub(this.options.processDefinitionByKeyUrl, {processDefinitionKey: processDefinitionKey});
+		
+		$.ajax({
+			url: url,
+			dataType: 'jsonp',
+			cache: false,
+			async: true,
+			success: function(data, textStatus) {
+				var processDefinition = data;
+				if (!processDefinition) {
+					console.error("Process definition '" + processDefinitionKey + "' not found");
+				} else {
+				  callback.apply({processDefinitionId: processDefinition.id});
+				}
+			}
+		}).done(function(data, textStatus) {
+			console.log("ajax done");
+		}).fail(function(jqXHR, textStatus, error){
+			console.error('Get diagram layout['+processDefinitionKey+'] failure: ', textStatus, 'error: ', error, jqXHR);
+		});
+	},
+	
+	getProcessDefinition: function(processDefinitionId, callback) {
+		var url = Lang.sub(this.options.processDefinitionUrl, {processDefinitionId: processDefinitionId});
+		
+		$.ajax({
+			url: url,
+			dataType: 'jsonp',
+			cache: false,
+			async: true,
+			success: function(data, textStatus) {
+				var processDefinitionDiagramLayout = data;
+				if (!processDefinitionDiagramLayout) {
+					console.error("Process definition diagram layout '" + processDefinitionId + "' not found");
+					return;
+				} else {
+					callback.apply({processDefinitionDiagramLayout: processDefinitionDiagramLayout});
+				}
+			}
+		}).done(function(data, textStatus) {
+			console.log("ajax done");
+		}).fail(function(jqXHR, textStatus, error){
+			console.log('Get diagram layout['+processDefinitionId+'] failure: ', textStatus, jqXHR);
+		});
+	},
+	
+	getHighLights: function(processInstanceId, callback) {
+		var url = Lang.sub(this.options.processInstanceHighLightsUrl, {processInstanceId: processInstanceId});
+		
+		$.ajax({
+			url: url,
+			dataType: 'jsonp',
+			cache: false,
+			async: true,
+			success: function(data, textStatus) {
+				console.log("ajax returned data");
+				var highLights = data;
+				if (!highLights) {
+					console.log("highLights not found");
+					return;
+				} else {
+					callback.apply({highLights: highLights});
+				}
+			}
+		}).done(function(data, textStatus) {
+			console.log("ajax done");
+		}).fail(function(jqXHR, textStatus, error){
+		  console.log('Get HighLights['+processInstanceId+'] failure: ', textStatus, jqXHR);
+		});
+	}
+};

data/web/public/diagram-viewer/js/ActivityImpl.js

@@ -0,0 +1 @@
+/**
 * 
 * @author Tom Baeyens
 * @author (Javascript) Dmitry Farafonov
 */
 
  isAsync: function() {
    return this.isAsync;
  },
  
  setAsync: function(isAsync) {
    this.isAsync = isAsync;
  },
  
  isExclusive: function() {
    return this.isExclusive;
  },
    
  setExclusive: function(isExclusive) {
    this.isExclusive = isExclusive;
  },