cpee 2.1.128 → 2.1.130

data/cockpit/themes/presetaltid/symbols/parallel_branch_normal.svg

@@ -1,5 +1,5 @@
 <svg class="clickable" xmlns="http://www.w3.org/2000/svg">
   <rect x="11" y="6" width="9" height="18" rx="0" class="white"/>
-  <path class="stand" d="M 11,5 C  2,9  2,21 11,25 M 20,5 C 29,9 29,21 20,25" style="stroke-dasharray:1,4;"/>
+  <path class="stand colorstyle" d="M 11,5 C  2,9  2,21 11,25 M 20,5 C 29,9 29,21 20,25" style="stroke-dasharray:1,4;"/>
   <line x1="15.6" y1="4" x2="15.6" y2="27" class="edge"/>
 </svg>

data/cockpit/themes/presetaltid/symbols/terminate.svg

@@ -1,4 +1,4 @@
 <svg class="clickable" xmlns="http://www.w3.org/2000/svg">
   <circle cx="15" cy="15" r="14" class="standfat"/>
-  <circle cx="15" cy="15" r="9" class="black"/>
+  <circle cx="15" cy="15" r="9" class="colorstyle black"/>
 </svg>

data/cockpit/themes/presetid/symbols/alternative.svg

@@ -1,12 +1,12 @@
 <svg class="clickable" xmlns="http://www.w3.org/2000/svg">
   <g class="part-normal">
     <rect x="11" y="6" width="9" height="18" rx="0" class="white"/>
-    <path class="stand" d="M 11,5 C  2,9  2,21 11,25 M 20,5 C 29,9 29,21 20,25" style="stroke-dasharray:1,4;"/>
+    <path class="stand colorstyle" d="M 11,5 C  2,9  2,21 11,25 M 20,5 C 29,9 29,21 20,25" style="stroke-dasharray:1,4;"/>
     <line x1="15.6" y1="4" x2="15.6" y2="27" class="edge"/>
   </g>
   <g class="part-start">
     <rect x="11" y="6" width="9" height="18" rx="0" class="white"/>
-    <path class="stand" d="M 11,5 C  2,9  2,21 11,25 M 20,5 C 29,9 29,21 20,25" style="stroke-dasharray:1,4;"/>
+    <path class="stand colorstyle" d="M 11,5 C  2,9  2,21 11,25 M 20,5 C 29,9 29,21 20,25" style="stroke-dasharray:1,4;"/>
     <line x1="15.6" y1="4" x2="15.6" y2="27" class="edge"/>
   </g>
   <g class="part-middle" transform="translate(30,0)">

data/cockpit/themes/presetid/symbols/closed_loop.svg

@@ -1,5 +1,5 @@
 <svg class="clickable" xmlns="http://www.w3.org/2000/svg">
-  <rect transform="rotate(45,14,12)" x="7" y="3" width="21" height="21" class="stand"/>
+  <rect transform="rotate(45,14,12)" x="7" y="3" width="21" height="21" class="colorstyle stand"/>
   <path d="m 17.620194,6.2873424 c 7.577463,7.5774646 -7.577463,10.5124376 0,18.0898996" class="stand" style="fill-opacity: 0"/>
   <path d="m 14.036033,6.2873424 c 7.577463,7.5774646 -7.5774629,10.5124376 0,18.0898996" class="stand" style="fill-opacity: 0"/>
 </svg>

data/cockpit/themes/presetid/symbols/closed_loop_cancel.svg

@@ -1,5 +1,5 @@
 <svg class="clickable" xmlns="http://www.w3.org/2000/svg">
-  <circle cx="15" cy="15" r="14" class="stand"/>
+  <circle cx="15" cy="15" r="14" class="colorstyle stand"/>
   <circle cx="15" cy="15" r="11" class="execstyle stand"/>
  <path  d="M 7.8583963,10.061007 10.29692,7.6153325 15.17399,12.506704 20.051062,7.6153325 22.489583,10.06103 17.612536,14.952378 22.489583,19.84375 20.051062,22.289424 15.17399,17.398076 10.296942,22.289424 7.8583963,19.84375 12.735466,14.952378 Z"  class="stand"/>
 </svg>

data/cockpit/themes/presetid/symbols/closed_loop_control.svg

@@ -1,5 +1,5 @@
 <svg class="clickable" xmlns="http://www.w3.org/2000/svg">
-  <circle cx="15" cy="15" r="14" class="stand"/>
+  <circle cx="15" cy="15" r="14" class="colorstyle stand"/>
   <circle cx="15" cy="15" r="11" class="execstyle stand"/>
  <circle cx="15" cy="15" r="7" class="stand"/>  <path d="M 17,17 19.84375,19.84375" class="black stand"/>
 </svg>

data/cockpit/themes/presetid/symbols/closed_loop_measuring.svg

@@ -1,5 +1,5 @@
 <svg class="clickable" xmlns="http://www.w3.org/2000/svg">
-  <circle cx="15" cy="15" r="14" class="stand"/>
+  <circle cx="15" cy="15" r="14" class="colorstyle stand"/>
   <circle cx="15" cy="15" r="11" class="execstyle stand"/>
   <path d="M 14.904335,6.0646408 A 9.0152948,9.0152948 0 0 0 5.9550908,15.079625 H 23.985106 a 9.0152948,9.0152948 0 0 0 -9.015008,-9.0149842 9.0152948,9.0152948 0 0 0 -0.06567,0 z" class="standfat"/>
   <path d="M 14.970098,15.079625 11.963937,10.870986" class="black stand"/>

data/cockpit/themes/presetid/symbols/critical.svg

@@ -1,5 +1,15 @@
 <svg class="clickable" xmlns="http://www.w3.org/2000/svg">
-  <path class="colorstyle execstyle stand" d="m 3.5 27 l 12 -24 l 12 24 z"/>
-  <path class="normal" style="fill:#000000;" d="m 16.5 11 l 0 8 l -2 0 l 0 -8 z"/>
-  <path class="normal" style="fill:#000000;" d="m 16.5 21 l 0 2 l -2 0 l 0 -2 z"/>
+  <g class="part-normal">
+    <circle cx="15" cy="15" r="14" class="colorstyle execstyle stand"/>
+    <path d="M 11,14 L 11,10 A 4,4 0 0 1 19,10 L 19,14" class="stand" style="fill:none;"/>
+    <rect x="9.5" y="13.5" width="11" height="9" rx="1.5" class="black"/>
+  </g>
+  <g class="part-start">
+    <circle cx="15" cy="15" r="14" class="colorstyle execstyle stand"/>
+    <path d="M 11,14 L 11,10 A 4,4 0 0 1 19,10 L 19,14" class="stand" style="fill:none;"/>
+    <rect x="9.5" y="13.5" width="11" height="9" rx="1.5" class="black"/>
+  </g>
+  <g class="part-middle" transform="translate(32,0)">
+    <text transform="translate(0,20)" class="label"></text>
+  </g>
 </svg>

data/cockpit/themes/presetid/symbols/parallel_branch.svg

@@ -1,5 +1,5 @@
 <svg class="clickable" xmlns="http://www.w3.org/2000/svg">
   <rect x="11" y="6" width="9" height="18" rx="0" class="white"/>
-  <path class="stand" d="M 11,5 C  2,9  2,21 11,25 M 20,5 C 29,9 29,21 20,25" style="stroke-dasharray:1,4;"/>
+  <path class="stand colorstyle" d="M 11,5 C  2,9  2,21 11,25 M 20,5 C 29,9 29,21 20,25" style="stroke-dasharray:1,4;"/>
   <line x1="15.6" y1="4" x2="15.6" y2="27" class="edge"/>
 </svg>

data/cockpit/themes/presetid/symbols/parallel_branch_normal.svg

@@ -1,5 +1,5 @@
 <svg class="clickable" xmlns="http://www.w3.org/2000/svg">
   <rect x="11" y="6" width="9" height="18" rx="0" class="white"/>
-  <path class="stand" d="M 11,5 C  2,9  2,21 11,25 M 20,5 C 29,9 29,21 20,25" style="stroke-dasharray:1,4;"/>
+  <path class="stand colorstyle" d="M 11,5 C  2,9  2,21 11,25 M 20,5 C 29,9 29,21 20,25" style="stroke-dasharray:1,4;"/>
   <line x1="15.6" y1="4" x2="15.6" y2="27" class="edge"/>
 </svg>

data/cockpit/themes/presetid/symbols/terminate.svg

@@ -1,4 +1,4 @@
 <svg class="clickable" xmlns="http://www.w3.org/2000/svg">
   <circle cx="15" cy="15" r="14" class="standfat"/>
-  <circle cx="15" cy="15" r="9" class="black"/>
+  <circle cx="15" cy="15" r="9" class="colorstyle black"/>
 </svg>

data/cockpit/themes/reduced/symbols/alternative.svg

@@ -1,12 +1,12 @@
 <svg class="clickable" xmlns="http://www.w3.org/2000/svg">
   <g class="part-normal">
     <rect x="11" y="6" width="9" height="18" rx="0" class="white"/>
-    <path class="stand" d="M 11,5 C  2,9  2,21 11,25 M 20,5 C 29,9 29,21 20,25" style="stroke-dasharray:1,4;"/>
+    <path class="stand colorstyle" d="M 11,5 C  2,9  2,21 11,25 M 20,5 C 29,9 29,21 20,25" style="stroke-dasharray:1,4;"/>
     <line x1="15.6" y1="4" x2="15.6" y2="27" class="edge"/>
   </g>
   <g class="part-start">
     <rect x="11" y="6" width="9" height="18" rx="0" class="white"/>
-    <path class="stand" d="M 11,5 C  2,9  2,21 11,25 M 20,5 C 29,9 29,21 20,25" style="stroke-dasharray:1,4;"/>
+    <path class="stand colorstyle" d="M 11,5 C  2,9  2,21 11,25 M 20,5 C 29,9 29,21 20,25" style="stroke-dasharray:1,4;"/>
     <line x1="15.6" y1="4" x2="15.6" y2="27" class="edge"/>
   </g>
   <g class="part-middle" transform="translate(30,0)">

data/cockpit/themes/reduced/symbols/closed_loop.svg

@@ -1,5 +1,5 @@
 <svg class="clickable" xmlns="http://www.w3.org/2000/svg">
-  <rect transform="rotate(45,14,12)" x="7" y="3" width="21" height="21" class="stand"/>
+  <rect transform="rotate(45,14,12)" x="7" y="3" width="21" height="21" class="colorstyle stand"/>
   <path d="m 17.620194,6.2873424 c 7.577463,7.5774646 -7.577463,10.5124376 0,18.0898996" class="stand" style="fill-opacity: 0"/>
   <path d="m 14.036033,6.2873424 c 7.577463,7.5774646 -7.5774629,10.5124376 0,18.0898996" class="stand" style="fill-opacity: 0"/>
 </svg>

data/cockpit/themes/reduced/symbols/closed_loop_cancel.svg

@@ -1,5 +1,5 @@
 <svg class="clickable" xmlns="http://www.w3.org/2000/svg">
-  <circle cx="15" cy="15" r="14" class="stand"/>
+  <circle cx="15" cy="15" r="14" class="colorstyle stand"/>
   <circle cx="15" cy="15" r="11" class="execstyle stand"/>
  <path  d="M 7.8583963,10.061007 10.29692,7.6153325 15.17399,12.506704 20.051062,7.6153325 22.489583,10.06103 17.612536,14.952378 22.489583,19.84375 20.051062,22.289424 15.17399,17.398076 10.296942,22.289424 7.8583963,19.84375 12.735466,14.952378 Z"  class="stand"/>
 </svg>

data/cockpit/themes/reduced/symbols/closed_loop_control.svg

@@ -1,5 +1,5 @@
 <svg class="clickable" xmlns="http://www.w3.org/2000/svg">
-  <circle cx="15" cy="15" r="14" class="stand"/>
+  <circle cx="15" cy="15" r="14" class="colorstyle stand"/>
   <circle cx="15" cy="15" r="11" class="execstyle stand"/>
  <circle cx="15" cy="15" r="7" class="stand"/>  <path d="M 17,17 19.84375,19.84375" class="black stand"/>
 </svg>

data/cockpit/themes/reduced/symbols/closed_loop_measuring.svg

@@ -1,5 +1,5 @@
 <svg class="clickable" xmlns="http://www.w3.org/2000/svg">
-  <circle cx="15" cy="15" r="14" class="stand"/>
+  <circle cx="15" cy="15" r="14" class="colorstyle stand"/>
   <circle cx="15" cy="15" r="11" class="execstyle stand"/>
   <path d="M 14.904335,6.0646408 A 9.0152948,9.0152948 0 0 0 5.9550908,15.079625 H 23.985106 a 9.0152948,9.0152948 0 0 0 -9.015008,-9.0149842 9.0152948,9.0152948 0 0 0 -0.06567,0 z" class="standfat"/>
   <path d="M 14.970098,15.079625 11.963937,10.870986" class="black stand"/>

data/cockpit/themes/reduced/symbols/critical.svg

@@ -1,5 +1,15 @@
 <svg class="clickable" xmlns="http://www.w3.org/2000/svg">
-  <path class="colorstyle execstyle stand" d="m 3.5 27 l 12 -24 l 12 24 z"/>
-  <path class="normal" style="fill:#000000;" d="m 16.5 11 l 0 8 l -2 0 l 0 -8 z"/>
-  <path class="normal" style="fill:#000000;" d="m 16.5 21 l 0 2 l -2 0 l 0 -2 z"/>
+  <g class="part-normal">
+    <circle cx="15" cy="15" r="14" class="colorstyle execstyle stand"/>
+    <path d="M 11,14 L 11,10 A 4,4 0 0 1 19,10 L 19,14" class="stand" style="fill:none;"/>
+    <rect x="9.5" y="13.5" width="11" height="9" rx="1.5" class="black"/>
+  </g>
+  <g class="part-start">
+    <circle cx="15" cy="15" r="14" class="colorstyle execstyle stand"/>
+    <path d="M 11,14 L 11,10 A 4,4 0 0 1 19,10 L 19,14" class="stand" style="fill:none;"/>
+    <rect x="9.5" y="13.5" width="11" height="9" rx="1.5" class="black"/>
+  </g>
+  <g class="part-middle" transform="translate(32,0)">
+    <text transform="translate(0,20)" class="label"></text>
+  </g>
 </svg>

data/cockpit/themes/reduced/symbols/parallel_branch.svg

@@ -1,5 +1,5 @@
 <svg class="clickable" xmlns="http://www.w3.org/2000/svg">
   <rect x="11" y="6" width="9" height="18" rx="0" class="white"/>
-  <path class="stand" d="M 11,5 C  2,9  2,21 11,25 M 20,5 C 29,9 29,21 20,25" style="stroke-dasharray:1,4;"/>
+  <path class="stand colorstyle" d="M 11,5 C  2,9  2,21 11,25 M 20,5 C 29,9 29,21 20,25" style="stroke-dasharray:1,4;"/>
   <line x1="15.6" y1="4" x2="15.6" y2="27" class="edge"/>
 </svg>

data/cockpit/themes/reduced/symbols/parallel_branch_normal.svg

@@ -1,5 +1,5 @@
 <svg class="clickable" xmlns="http://www.w3.org/2000/svg">
   <rect x="11" y="6" width="9" height="18" rx="0" class="white"/>
-  <path class="stand" d="M 11,5 C  2,9  2,21 11,25 M 20,5 C 29,9 29,21 20,25" style="stroke-dasharray:1,4;"/>
+  <path class="stand colorstyle" d="M 11,5 C  2,9  2,21 11,25 M 20,5 C 29,9 29,21 20,25" style="stroke-dasharray:1,4;"/>
   <line x1="15.6" y1="4" x2="15.6" y2="27" class="edge"/>
 </svg>

data/cockpit/themes/reduced/symbols/terminate.svg

@@ -1,4 +1,4 @@
 <svg class="clickable" xmlns="http://www.w3.org/2000/svg">
   <circle cx="15" cy="15" r="14" class="standfat"/>
-  <circle cx="15" cy="15" r="9" class="black"/>
+  <circle cx="15" cy="15" r="9" class="colorstyle black"/>
 </svg>

data/cpee.gemspec

@@ -1,6 +1,6 @@
 Gem::Specification.new do |s|
   s.name             = "cpee"
-  s.version          = "2.1.128"
+  s.version          = "2.1.130"
   s.platform         = Gem::Platform::RUBY
   s.license          = "LGPL-3.0-or-later"
   s.summary          = "The cloud process execution engine (cpee.org). If you just need workflow execution, without a rest service exposing it, then use WEEL."

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: cpee
 version: !ruby/object:Gem::Version
-  version: 2.1.128
+  version: 2.1.130
 platform: ruby
 authors:
 - Juergen eTM Mangler
@@ -264,7 +264,6 @@ files:
 - cockpit/css/track.css
 - cockpit/css/ui.css
 - cockpit/css/wfadaptor.css
-- cockpit/david.html
 - cockpit/edit.html
 - cockpit/graph.html
 - cockpit/index.html

data/cockpit/david.html

@@ -1,292 +0,0 @@
-<!--
-  This file is part of CPEE.
-
-  CPEE is free software: you can redistribute it and/or modify it under the terms
-  of the GNU General Public License as published by the Free Software Foundation,
-  either version 3 of the License, or (at your option) any later version.
-
-  CPEE is distributed in the hope that it will be useful, but WITHOUT ANY
-  WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A
-  PARTICULAR PURPOSE.  See the GNU General Public License for more details.
-
-  You should have received a copy of the GNU General Public License along with
-  CPEE (file COPYING in the main directory).  If not, see
-  <http://www.gnu.org/licenses/>.
--->
-
-<!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
-  <head>
-    <meta charset="utf-8"/>
-    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
-    <link rel="icon" type="image/png" href="/favicon.png">
-    <title>CPEE Cockpit</title>
-
-    <!-- libs, do not modify. When local than load local libs. -->
-    <script type="text/javascript" src="/js_libs/jquery.min.js"></script>
-    <script type="text/javascript" src="/js_libs/jquery.browser.js"></script>
-    <script type="text/javascript" src="/js_libs/jquery.svg.min.js"></script>
-    <script type="text/javascript" src="/js_libs/jquery.svgdom.min.js"></script>
-    <script type="text/javascript" src="/js_libs/vkbeautify.js"></script>
-    <script type="text/javascript" src="/js_libs/util.js"></script>
-    <script type="text/javascript" src="/js_libs/printf.js"></script>
-    <script type="text/javascript" src="/js_libs/strftime.min.js"></script>
-    <script type="text/javascript" src="/js_libs/parsequery.js"></script>
-    <script type="text/javascript" src="/js_libs/underscore.min.js"></script>
-    <script type="text/javascript" src="/js_libs/jquery.caret.min.js"></script>
-    <script type="text/javascript" src="/js_libs/jquery.cookie.js"></script>
-
-    <script type="text/javascript" src="/js_libs/relaxngui.js"></script>
-
-    <script type="text/javascript" src="/js_libs/uidash.js"></script>
-    <script type="text/javascript" src="/js_libs/custommenu.js"></script>
-
-    <script type="text/javascript" src="https://lehre.bpm.in.tum.de/~ge64teg/bachelor-thesis/build-bpmn.js"></script>
-
-    <link   rel="stylesheet"      href="/js_libs/custommenu.css" type="text/css"/>
-    <link   rel="stylesheet"      href="/js_libs/uidash.css" type="text/css"/>
-
-    <link   rel="stylesheet"      href="/js_libs/relaxngui.css" type="text/css"/>
-
-    <!-- modelling ui -->
-    <script type="text/javascript" src="js/wfadaptor.js"></script>
-    <link rel="stylesheet" href="css/wfadaptor.css" type="text/css" data-include-export="true"/>
-
-    <!-- custom stuff, play arround  -->
-    <script type="text/javascript" src="js/ui.js"></script>
-    <script type="text/javascript" src="js/instance.js"></script>
-    <script type="text/javascript" src="js/details.js"></script>
-    <script type="text/javascript" src="js/parameters.js"></script>
-    <script type="text/javascript" src="js/extended_columns.js"></script>
-    <script type="text/javascript" src="js/modifiers.js"></script>
-    <script type="text/javascript" src="themes/base.js"></script>
-    <link rel="stylesheet" href="css/ui.css" type="text/css"/>
-    <link rel="stylesheet" href="css/extended_columns-label.css" type="text/css"/>
-    <link rel="stylesheet" href="css/extended_columns-svg.css" type="text/css" data-include-export="true"/>
-    <link rel="stylesheet" href="/global_ui/uicpee.css" type="text/css"/>
-    <style>
-      /* has to be fucking inline, because firefox and chrome disagree how to handle filter urls */
-      /* shit balls, no elegance is left in this world */
-    </style>
-  </head>
-  <body data-base-port="8298" data-res-port="9303" data-theme-base="themes" is="x-ui-">
-     <div id='disclaimer' class='hidden'> <!--{{{-->
-       <h1>Disclaimer</h1>
-
-       <p>
-         We use reasonable care in creating and presenting the functionality
-         found in this demonstrator. It is provided purely for demonstration purposes
-         and you should seek further guidance and make independent enquiries
-         before relying upon it.
-       </p>
-
-       <p>
-         All functionality included in this demonstrator is subject to change
-         without notice. We make no representation or warranty whatsoever
-         regarding the completeness, accuracy, adequacy, suitability or
-         operation of this demonstrator, or of the results it produces.
-       </p>
-
-       <p>
-         We assume no responsibility for process instances created with this
-         demonstrator and disclaim all liability arising from negligence or
-         otherwise in respect of such process instances. We will not be liable
-         for any damages (including, without limitation, damages for any
-         consequential loss or loss of business opportunities or projects, or
-         loss of profits) howsoever arising from use of or inability to use
-         this demonstrator, or from any action or omission taken as a result of
-         using this demonstrator.
-       </p>
-
-       <p>
-         This demonstrator is hosted in Austria. All liability is excluded to the extent
-         permitted by law including any implied terms. Any interpretation of its
-         content, claims or disputes (of whatever nature and not limited to contractual
-         issues) shall be subject to the exclusive jurisdiction of the Austrian Courts
-         under Austrian law.
-       </p>
-
-       <p>
-         All actions performed while using this demonstrator will be logged, including
-         the IP address of the user.
-       </p>
-
-       <p>
-         <input id='iagree' type='checkbox'/><label for='iagree'><strong>OK, I Agree with this terms. I will be a happy person, and do no evil.</strong></label>
-       </p>
-       <p>
-        <button id='icontinue' disabled='disabled'>Continue</button>
-       </p>
-    </div> <!--}}}-->
-
-    <div class='hidden' id='relaxngworker'></div>
-
-    <div class='menu' id='templates'></div>
-    <div class='menu' id='modeltypes'></div>
-
-    <template id="label">
-      <svg width="20" height="20" xmlns="http://www.w3.org/2000/svg" style="position: absolute; top: 0; left: 0;" class="displaylabel">
-        <g transform="translate(1 %%1) rotate(-%%2)">
-          <rect class="displaylabel" width="200" height="14" x="8" y="0" rx="5" ry="5"/>
-          <path class="displaylabel" d="M10,13 0,13 8,8"/>
-          <path class="displaylabelinner" d="M10,11.5 8.5,11.5 8.5,9.5 10,9.5"/>
-          <text class="label" x="18" y="10">aaaa</text>
-        </g>
-      </svg>
-    </template>
-
-    <ui-tabbed id="instance">
-      <ui-tabbar>
-        <ui-tab class="switch"                                                ></ui-tab>
-        <ui-tab class=""                data-tab="new"       id="tabnew"      >New</ui-tab>
-        <ui-tab class="inactive hidden" data-tab="instance"  id="tabinstance" >Instance</ui-tab>
-        <ui-tab class="inactive hidden" data-tab="execution" id="tabexecution">Execution</ui-tab>
-        <ui-behind                                                            ><a style='display:none' target='_blank' id='current-instance'></a><a style='display:none' target='_blank' id='current-instance-properties'>P</a><a style='display:none' target='_blank' id='current-instance-subscriptions'>S</a><a style='display:none' target='_blank' id='current-instance-callbacks'>C</a></ui-behind>
-        <ui-last                                                              ><a class="logo" href=".."></a></ui-last>
-      </ui-tabbar>
-      <ui-content>
-        <ui-area data-belongs-to-tab="new" id="areanew"> <!--{{{-->
-          <table class='x-ui-layout'>
-          <tr>
-            <td>Resources:</td>
-            <td><input name="res-url" type="text" value=""/></td>
-            <td></td>
-          </tr>
-          <tr>
-            <td>Engine:</td>
-            <td><input name="base-url" type="text" value=""/></td>
-            <td><button name="base">create new instance</button></td>
-          </tr>
-          <tr>
-            <td>Instance:</td>
-            <td><input name="instance-url" type="text" value=""/></td>
-            <td><button name="instance">monitor instance</button></td>
-          </tr>
-          </table>
-        </ui-area> <!--}}}-->
-        <ui-area data-belongs-to-tab="instance" id="areainstance" class="inactive"> <!--{{{-->
-          <div>
-            <div class='section'>
-              <div>
-                <form id='fuckchrome'>
-                  <input type='file' name='testsetfile' id='testsetfile'/>
-                </form>
-                <button title='a template includes various settings, subscriptions or a (partial) model' name="loadtestset">load template</button><button title='a testset includes various settings, subscriptions or a model' name="loadtestsetfile">load testset</button>
-              </div>
-              <div>
-                <input type='file' name='modelfile' id='modelfile'/>
-                <button title='a standalone process model is only loadable if the currently loaded testset sucessfully prepared the current instance for the type of model' name="loadmodelfile">load model</button>
-              </div>
-            </div><div class='section'>
-              <div>
-                <a id="savetestsetfile" href="" download=""></a>
-                <a id="savesvgfile" href="" download=""></a>
-                <button title='a testset includes various settings, subscriptions and a model' name="savetestsetfile">save<br>testset</button>
-                <button title='the SVG contains the graphical repesentation of the CPEE tree as you see it on the screen' name="savesvgfile">save svg<br>graph</button>
-              </div>
-              <div>
-                <a id="savebpmnfile" href="" download=""></a>
-                <button title='the BPMN includes a graphical representation that can be loaded in Signavio and Camundal' name="savebpmnfile">save BPMN</button>
-              </div>
-            </div><div class='section' id='modifiers'>
-              <template id="item">
-                <div>
-                  <div class='title'><strong></strong></div>
-                  <div class='select'><select></select></div>
-                  <div class='additional'></div>
-                </div>
-              </template>
-            </div>
-          </div>
-        </ui-area> <!--}}}-->
-        <ui-area data-belongs-to-tab="execution" id="areaexecution" class='inactive'> <!--{{{-->
-          <table class='x-ui-compact'>
-            <tbody class='debug'>
-              <tr>
-                <td>Debugging:</td>
-                <td><input type="checkbox" name="votecontinue"/></td>
-              </tr>
-            </tbody>
-            <tbody class='exe'>
-              <tr>
-                <td>State:</td>
-                <td id='state'>
-                  <span id="state_text"></span>
-                  <span id="state_any" style='display:none'>
-                    <span> ⇒ </span>
-                    <button name="state_start" title='start' style='display:none'>Start</button>
-                    <button name="state_stop" title='stop' style='display:none'>Stop</button>
-                    <span id="state_extended" style='display:none'>
-                      <span> / </span>
-                      <button name="state_abandon" title='abandon' style='display:none'>Abandon</button>
-                    </span>
-                  </span>
-                </td>
-              </tr>
-              <tr>
-                <td>Continue:</td>
-                <td id='votes'></td>
-              </tr>
-            </tbody>
-          </table>
-        </ui-area> <!--}}}-->
-      </ui-content>
-    </ui-tabbed>
-
-    <ui-tabbed class="hidden" id='parameters'>
-      <ui-tabbar>
-        <ui-tab class="switch"                                               ></ui-tab>
-        <ui-tab class=""         data-tab="dataelements" id="tabdataelements">Data Objects</ui-tab>
-        <ui-tab class="inactive" data-tab="endpoints"    id="tabendpoints"   >Endpoints</ui-tab>
-        <ui-tab class="inactive" data-tab="attributes"   id="tabattributes"  >Attributes</ui-tab>
-        <ui-behind                                                           ></ui-behind>
-      </ui-tabbar>
-      <ui-content>
-        <ui-area data-belongs-to-tab="dataelements" id="areadataelements"> <!--{{{-->
-          <button title='add entry'><span>New</span></button>
-          <div id="dat_dataelements"></div>
-        </ui-area> <!--}}}-->
-        <ui-area data-belongs-to-tab="endpoints" id="areaendpoints" class="inactive"> <!--{{{-->
-          <button title='add entry'><span>New</span></button>
-          <div id="dat_endpoints"></div>
-        </ui-area> <!--}}}-->
-        <ui-area data-belongs-to-tab="attributes" id="areaattributes" class="inactive"> <!--{{{-->
-          <button title='add entry'><span>New</span></button>
-          <div id="dat_attributes"></div>
-        </ui-area> <!--}}}-->
-      </ui-content>
-    </ui-tabbed>
-
-    <ui-resizehandle class="hidden">drag to resize</ui-resizehandle>
-
-    <ui-rest id="main" class="hidden">
-      <ui-tabbar>
-        <ui-before                                                 ></ui-before>
-        <ui-tab class=""         data-tab="details" id="tabdetails">Graph</ui-tab>
-        <ui-tab class="inactive" data-tab="dsl"     id="tabdsl"    >Description</ui-tab>
-        <ui-tab class="inactive" data-tab="log"     id="tablog"    >Log</ui-tab>
-        <ui-behind                                                 ><a style='display:none' target='_blank' id='current-track'>T</a><a style='display:none' target='_blank' id='current-graph'>G</a></ui-behind>
-      </ui-tabbar>
-      <ui-content>
-        <ui-area data-belongs-to-tab="details" id='graphcolumn' oncontextmenu='return false'>
-          <div id="modelling">
-            <div id='graphgrid'>
-              <div class="resource-label" style="display: none"></div>
-              <svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:x="http://www.w3.org/1999/xlink" id='graphcanvas' class='graphcolumn' width='1' height='1'></svg>
-            </div>
-          </div>
-        </ui-area>
-        <ui-resizehandle data-belongs-to-tab="details" data-label="drag to resize"></ui-resizehandle>
-        <ui-area data-belongs-to-tab="details" id="detailcolumn">
-          <div id="dat_details" class='x-ui-layout'></div>
-        </ui-area>
-        <ui-area data-belongs-to-tab="dsl" id="areadsl" class="inactive"></ui-area>
-        <ui-area data-belongs-to-tab="log" id="arealog" class="inactive"> <!--{{{-->
-          <div>Persistent Log: <a style='display:none' target='_blank' id='current-log'></a> [<a style='display:none' target='_blank' id='xml-log'>X</a>,<a style='display:none' target='_blank' id='shifted-log'>S</a>]</div>
-          <table id="dat_log" class="x-ui-layout"></table>
-        </ui-area> <!--}}}-->
-      </ui-content>
-    </ui-rest>
-
-  </body>
-</html>