cpee 1.3.181 → 1.3.183

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 66cc9aadbb96535ec5882023ba15fc7e153c7146
-  data.tar.gz: bc0d262d2e222747c519121fa006814872e521bb
+  metadata.gz: 3b0bbb54672a33ab278fd30fcb5f5e042760efe2
+  data.tar.gz: 150213fd2cbeef6f298a563eb050fd8d37f40faf
 SHA512:
-  metadata.gz: c628dd5836baf503a9d5140d8715f8b97976a87838d8390f2413dfd4ab670d1bb8f80bb4f789e3ae480c17fd6c4838384fb3bc9fd41a1ecc7d243b1db6aa9a26
-  data.tar.gz: 2bff12b91568509786042825bf14b2e4de817f39c52e92722943f228c9359ff1e2deb4d871477bc050b71dda1a2a4252335c5a7a642d2687263212cd6a80f33a
+  metadata.gz: ed8b72b86a1f8fe60eec6754b129e66558f0c90b89ec3f6fd9e9d1c4f1fd216bbd5620935a84f032069016bcb177c7765ddb71286189e2450b3066a1a690cea5
+  data.tar.gz: a279f863eb14a8cc76249ce2076af1797d748e73a4d4632bdb3500c32acda8fdabc9c47b6bc1448b07b1f6e141999dc691714a504f1aa20355f436c65b9dc7df

data/cockpit/css/ui.css

@@ -21,22 +21,25 @@ ui-tabbed ui-tabbar ui-behind button {
 
 #current-instance-properties[href]:after {
   content: "|";
-}  
+}
 #current-instance-subscriptions[href]:after {
   content: "|";
-}  
+}
 
-#parameters ui-content { height: 9em; min-height: 1.7em; }
+#parameters ui-content { height: 8.5em; min-height: 1.7em; }
 
 #areadataelements { height: 100%; overflow-x: hidden; overflow-y: scroll; }
+#areadataelements button.relaxngui_control { display: none; }
 #areaendpoints { height: 100%; overflow-x: hidden; overflow-y: scroll; }
+#areaendpoints button.relaxngui_control { display: none; }
 #areaattributes { height: 100%; overflow-x: hidden; overflow-y: scroll; }
+#areaattributes button.relaxngui_control { display: none; }
 
 #areainstance input[type=file]         { display: none; }
 #areainstance div.section              { display: table-cell; vertical-align: middle; }
 #areainstance div.section:nth-child(1) {                                      padding: 0 0.5em 0 0; }
-#areainstance div.section:nth-child(2) { border-left: 1px solid ButtonShadow; padding: 0 0.5em; }
-#areainstance div.section:nth-child(3) { border-left: 1px solid ButtonShadow; padding: 0 0 0 0.5em; }
+#areainstance div.section:nth-child(2) { border-left: 1px solid #a1a1a1;      padding: 0 0.5em; }
+#areainstance div.section:nth-child(3) { border-left: 1px solid #a1a1a1;      padding: 0 0 0 0.5em; }
 
 #areainstance div.section:nth-child(1) div                          { vertical-align: middle; margin: 0; padding: 0; }
 #areainstance div.section:nth-child(1) button                       { vertical-align: middle; margin: 0; padding: 0; }
@@ -56,7 +59,7 @@ ui-tabbed ui-tabbar ui-behind button {
 #areaexecution table.compact tbody.debug tr:last-child td { padding-bottom: 0.5em; }
 #areaexecution table.compact tbody.debug tr:last-child td input { vertical-align: middle; }
 #areaexecution table.compact tbody.exe tr:first-child td { padding-top: 0.5em; }
-#areaexecution table.compact tbody.exe { border-top: 1px solid ButtonShadow; }
+#areaexecution table.compact tbody.exe { border-top: 1px solid #a1a1a1; }
 
 #areaexecution table.compact tbody.exe td { height: 2.2em; }
 
@@ -68,15 +71,6 @@ ui-tabbed ui-tabbar ui-behind button {
   padding:0;
   width: 100%;
 }
-#dat_endpoints button                  { border: 1pt solid buttonshadow; padding: 0; }
-#dat_endpoints td:nth-child(1)         { width: 1.2em; font-size: 1.3em; font-weight: bold; }
-#dat_endpoints td:nth-child(2)         { width: 8em; }
-#dat_endpoints td:nth-child(3)         { width: 1em; }
-#dat_endpoints tr:nth-child(odd)       { background-color: ButtonFace; color: ButtonText; }
-#dat_endpoints tr:nth-child(odd) input { background-color: ButtonFace; }
-#dat_endpoints input                   { border: 0 none; padding: 0; margin: 0; }
-#dat_endpoints input:first-child       { border: 0 none; width: 8em; }  
-#dat_endpoints input:last-child        { border: 0 none; width: 100%; }
 
 #dat_dataelements {
   border-collapse:collapse;
@@ -86,16 +80,6 @@ ui-tabbed ui-tabbar ui-behind button {
   padding:0;
   width: 100%;
 }
-#dat_dataelements button                  { border: 1pt solid buttonshadow; padding: 0; }
-#dat_dataelements td:nth-child(1)         { width: 1.2em; font-size: 1.3em; font-weight: bold;}
-#dat_dataelements td:nth-child(2)         { width: 8em; }
-#dat_dataelements td:nth-child(3)         { width: 1em; }
-#dat_dataelements tr:nth-child(odd)       { background-color: ButtonFace; color: ButtonText; }
-#dat_dataelements tr:nth-child(odd) input { background-color: ButtonFace; }
-#dat_dataelements input                   { border: 0 none; padding: 0; margin: 0; }
-#dat_dataelements input:first-child       { border: 0 none; width: 8em; }  
-#dat_dataelements input:last-child        { border: 0 none; width: 100%; }
-
 #dat_attributes {
   border-collapse:collapse;
   border-spacing:0;
@@ -104,21 +88,12 @@ ui-tabbed ui-tabbar ui-behind button {
   padding:0;
   width: 100%;
 }
-#dat_attributes button                  { border: 1pt solid buttonshadow; padding: 0; }
-#dat_attributes td:nth-child(1)         { width: 1.2em; font-size: 1.3em; font-weight: bold;}
-#dat_attributes td:nth-child(2)         { width: 8em; }
-#dat_attributes td:nth-child(3)         { width: 1em; }
-#dat_attributes tr:nth-child(odd)       { background-color: ButtonFace; color: ButtonText; }
-#dat_attributes tr:nth-child(odd) input { background-color: ButtonFace; }
-#dat_attributes input                   { border: 0 none; padding: 0; margin: 0; }
-#dat_attributes input:first-child       { border: 0 none; width: 8em; }  
-#dat_attributes input:last-child        { border: 0 none; width: 100%; }
 
 #areadsl div { padding: 0 1em; }
 #areadsl div:first-child { padding-top: 1em; }
 #areadsl div:last-child { padding-bottom: 1em; }
 #areadsl pre {
-  font-family: monospace; 
+  font-family: monospace;
   font-size:1.3em;
 }
 
@@ -135,35 +110,19 @@ span.vote {
   color: #73d216;
 }
 
-#graphcolumn { 
-  margin: 0; 
-  padding: 0; 
-  border-right: 1px solid ButtonShadow; 
+#graphcolumn {
+  margin: 0;
+  padding: 0;
+  border-right: 1px solid #a1a1a1;
   min-width: 9em;
 }
-#detailcolumn { 
-  padding-left: 1.5em; 
+#detailcolumn {
+  padding-left: 1.5em;
 }
 
-#dat_log tr:nth-child(odd) { background-color: ButtonFace; color: ButtonText; }
-
-#dat_details td.del                     { width: 1.2em; font-size: 1.3em; font-weight: bold; }
-#dat_details td.pname                   { width: 7em; }
-#dat_details td.cname                   { width: 10.2em; }
-#dat_details td.sep                     { width: 1em;    }
-#dat_details tr.indent td:nth-child(1)  { padding-left: 2em;}
-#dat_details tr:nth-child(odd) input    { background-color: ButtonFace; }
-#dat_details tr:nth-child(odd) textarea { background-color: ButtonFace; }
-#dat_details tr:nth-child(odd) select   { background-color: ButtonFace; }
-#dat_details tr:nth-child(even) select  { background-color: white; }
-#dat_details input                      { border: 0 none; width: 100%; padding: 0; margin: 0; }
-#dat_details select                     { border: 0 none; width: 100%; padding: 0; margin: 0; }
-#dat_details textarea                   { border: 0 none; width: 100%; padding: 0; margin: 0; }
-#dat_details tr.header td               { padding-bottom:0.2em; padding-top: 0.6em; }
-#dat_details tr.sizer td                { padding:0; margin:0; }
-
-#dat_details tr:nth-child(odd) { background-color: ButtonFace; color: ButtonText; }
-#dat_details .header button { border: 1pt solid buttonshadow; }
+#dat_log tr:nth-child(odd) { background-color: #e8e8e8; color: #333; }
+
+#dat_details { border: 0 none; border-top: 1em solid white; border-bottom: 1em solid white; width: inherit; border-right: 1em solid white; }
 
 #disclaimer { margin: 1em; }
 #disclaimer p { max-width: 80ex; text-align: justify; }

data/cockpit/css/wfadaptor.css

@@ -72,6 +72,17 @@ svg .stand {
   stroke-opacity:1;
   stroke-dasharray:none;
 }
+svg .normal {
+  fill:#000000;
+  fill-opacity:1;
+  stroke:#000000;
+  stroke-width:0.2;
+  stroke-linecap:round;
+  stroke-linejoin:round;
+  stroke-miterlimit:4;
+  stroke-opacity:1;
+  stroke-dasharray:none;
+}
 svg .black {
   fill:#000000;
   fill-opacity:1;

data/cockpit/index.html

@@ -22,11 +22,12 @@
 
     <!-- libs, do not modify. When local than load local libs. -->
     <script type="text/javascript">
-      if (document.location.hostname == 'localhost') {                                
+      if ((document.location.hostname == 'localhost') && (document.location.protocol == 'http:')) {
         document.write('<script type="text/javascript" src="http://localhost/js_libs/jquery.min.js">\x3C/script>');
         document.write('<script type="text/javascript" src="http://localhost/js_libs/jquery.browser.js">\x3C/script>');
         document.write('<script type="text/javascript" src="http://localhost/js_libs/jquery.svg.min.js">\x3C/script>');
         document.write('<script type="text/javascript" src="http://localhost/js_libs/jquery.svgdom.min.js">\x3C/script>');
+        document.write('<script type="text/javascript" src="http://localhost/js_libs/vkbeautify.js">\x3C/script>');
         document.write('<script type="text/javascript" src="http://localhost/js_libs/util.js">\x3C/script>');
         document.write('<script type="text/javascript" src="http://localhost/js_libs/printf.js">\x3C/script>');
         document.write('<script type="text/javascript" src="http://localhost/js_libs/strftime.min.js">\x3C/script>');
@@ -34,17 +35,43 @@
         document.write('<script type="text/javascript" src="http://localhost/js_libs/underscore.min.js">\x3C/script>');
         document.write('<script type="text/javascript" src="http://localhost/js_libs/jquery.caret.min.js">\x3C/script>');
         document.write('<script type="text/javascript" src="http://localhost/js_libs/jquery.cookie.js">\x3C/script>');
+        document.write('<script type="text/javascript" src="http://localhost/js_libs/relaxngui.js">\x3C/script>');
 
         document.write('<script type="text/javascript" src="http://localhost/js_libs/ui.js">\x3C/script>');
         document.write('<script type="text/javascript" src="http://localhost/js_libs/custommenu.js">\x3C/script>');
 
         document.write('<link rel="stylesheet" href="http://localhost/js_libs/custommenu.css" type="text/css"/>');
         document.write('<link rel="stylesheet" href="http://localhost/js_libs/ui.css" type="text/css"/>');
+
+        document.write('<link rel="stylesheet" href="http://localhost/js_libs/relaxngui.css" type="text/css"/>');
+      } else if ((document.location.hostname == 'localhost') && (document.location.protocol == 'https:')) {
+        document.write('<script type="text/javascript" src="https://localhost/js_libs/jquery.min.js">\x3C/script>');
+        document.write('<script type="text/javascript" src="https://localhost/js_libs/jquery.browser.js">\x3C/script>');
+        document.write('<script type="text/javascript" src="https://localhost/js_libs/jquery.svg.min.js">\x3C/script>');
+        document.write('<script type="text/javascript" src="https://localhost/js_libs/jquery.svgdom.min.js">\x3C/script>');
+        document.write('<script type="text/javascript" src="https://localhost/js_libs/vkbeautify.js">\x3C/script>');
+        document.write('<script type="text/javascript" src="https://localhost/js_libs/util.js">\x3C/script>');
+        document.write('<script type="text/javascript" src="https://localhost/js_libs/printf.js">\x3C/script>');
+        document.write('<script type="text/javascript" src="https://localhost/js_libs/strftime.min.js">\x3C/script>');
+        document.write('<script type="text/javascript" src="https://localhost/js_libs/parsequery.js">\x3C/script>');
+        document.write('<script type="text/javascript" src="https://localhost/js_libs/underscore.min.js">\x3C/script>');
+        document.write('<script type="text/javascript" src="https://localhost/js_libs/jquery.caret.min.js">\x3C/script>');
+        document.write('<script type="text/javascript" src="https://localhost/js_libs/jquery.cookie.js">\x3C/script>');
+        document.write('<script type="text/javascript" src="https://localhost/js_libs/relaxngui.js">\x3C/script>');
+
+        document.write('<script type="text/javascript" src="https://localhost/js_libs/ui.js">\x3C/script>');
+        document.write('<script type="text/javascript" src="https://localhost/js_libs/custommenu.js">\x3C/script>');
+
+        document.write('<link rel="stylesheet" href="https://localhost/js_libs/custommenu.css" type="text/css"/>');
+        document.write('<link rel="stylesheet" href="https://localhost/js_libs/ui.css" type="text/css"/>');
+
+        document.write('<link rel="stylesheet" href="https://localhost/js_libs/relaxngui.css" type="text/css"/>');
       } else {
         document.write('<script type="text/javascript" src="http://gruppe.wst.univie.ac.at/js_libs/jquery.min.js">\x3C/script>');
         document.write('<script type="text/javascript" src="http://gruppe.wst.univie.ac.at/js_libs/jquery.browser.js">\x3C/script>');
         document.write('<script type="text/javascript" src="http://gruppe.wst.univie.ac.at/js_libs/jquery.svg.min.js">\x3C/script>');
         document.write('<script type="text/javascript" src="http://gruppe.wst.univie.ac.at/js_libs/jquery.svgdom.min.js">\x3C/script>');
+        document.write('<script type="text/javascript" src="http://gruppe.wst.univie.ac.at/js_libs/vkbeautify.js">\x3C/script>');
         document.write('<script type="text/javascript" src="http://gruppe.wst.univie.ac.at/js_libs/util.js">\x3C/script>');
         document.write('<script type="text/javascript" src="http://gruppe.wst.univie.ac.at/js_libs/printf.js">\x3C/script>');
         document.write('<script type="text/javascript" src="http://gruppe.wst.univie.ac.at/js_libs/strftime.min.js">\x3C/script>');
@@ -53,17 +80,20 @@
         document.write('<script type="text/javascript" src="http://gruppe.wst.univie.ac.at/js_libs/jquery.caret.min.js">\x3C/script>');
         document.write('<script type="text/javascript" src="http://gruppe.wst.univie.ac.at/js_libs/jquery.cookie.js">\x3C/script>');
 
+        document.write('<script type="text/javascript" src="http://gruppe.wst.univie.ac.at/js_libs/relaxngui.js">\x3C/script>');
+
         document.write('<script type="text/javascript" src="http://gruppe.wst.univie.ac.at/js_libs/ui.js">\x3C/script>');
         document.write('<script type="text/javascript" src="http://gruppe.wst.univie.ac.at/js_libs/custommenu.js">\x3C/script>');
 
         document.write('<link rel="stylesheet" href="http://gruppe.wst.univie.ac.at/js_libs/custommenu.css" type="text/css"/>');
         document.write('<link rel="stylesheet" href="http://gruppe.wst.univie.ac.at/js_libs/ui.css" type="text/css"/>');
+
+        document.write('<link rel="stylesheet" href="http://gruppe.wst.univie.ac.at/js_libs/relaxngui.css" type="text/css"/>');
       }
     </script>
 
     <!-- modelling ui -->
     <script type="text/javascript" src="js/wfadaptor.js"></script>
-    <script type="text/javascript" src="js/wfadaptor.cpee.js"></script>
     <link rel="stylesheet" href="css/wfadaptor.css" type="text/css"/>
 
     <!-- custom stuff, play arround  -->
@@ -73,8 +103,8 @@
     <script type="text/javascript" src="js/parameters.js"></script>
     <link rel="stylesheet" href="css/ui.css" type="text/css"/>
   </head>
-  <body data-defaultport="9298" is="x-ui">
-     <div id='disclaimer' class='hidden'>
+  <body data-defaultport="9298" data-theme-base="themes" is="x-ui">
+     <div id='disclaimer' class='hidden'> <!--{{{-->
        <h1>Disclaimer</h1>
 
        <p>
@@ -83,14 +113,14 @@
          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
@@ -101,7 +131,7 @@
          this demonstrator, or from any action or omission taken as a result of
          using this demonstrator.
        </p>
-       
+
        <p>
          This demonstrator was created in Austria. All liability is excluded to the extent
          permitted by law including any implied terms. Any interpretation of its
@@ -122,67 +152,11 @@
        <p>
         <button id='icontinue' disabled='disabled'>Continue</button>
        </p>
-    </div>
+    </div> <!--}}}-->
 
-    <!-- The following six are templates that get used during ui generation, change them carefully -->
-    <table id="dat_template_pair" class='hidden'> <!--{{{-->
-      <tr class="pair">
-        <td class='del'><a href='' tabindex='-1' title='Delete Item (Ctrl-D)'>✖</a></td>
-        <td class='pname'><input pattern="[a-zA-Z][a-zA-Z0-9_]*" placeholder='fill in name...' type='text' class='pair_name' value=''/></td>
-        <td class='sep'>⇒</td>
-        <td class='pvalue'><input placeholder='fill in value...' class='pair_value' value=''/></td>
-      </tr>
-    </table> <!--}}}-->
-    <table id="prop_template_sizer" class='hidden'> <!--{{{-->
-      <tr class='sizer'>
-        <td class='del'></td>
-        <td class='pname'></td>
-        <td class='sep'></td>
-        <td class='value'></td>
-      </tr>
-    </table> <!--}}}-->
-    <table id="prop_template_input" class='hidden'> <!--{{{-->
-      <tr>
-        <td class='cname' colspan='2'><strong class="prop_name"></strong></td>
-        <td class='sep'>⇒</td>
-        <td class='value'><input type="text" class="prop_value" value=""/></td>
-      </tr>
-    </table> <!--}}}-->
-    <table id="prop_template_readonly" class='hidden'> <!--{{{-->
-      <tr>
-        <td class='cname' colspan='2'><strong class="prop_name"></strong></td>
-        <td class='sep'>⇒</td>
-        <td class='value'><input type="text" readonly='readonly' class="prop_value" value=""/></td>
-      </tr>
-    </table> <!--}}}-->
-    <table id="prop_template_area" class='hidden'> <!--{{{-->
-      <tr>
-        <td class='cname' colspan='2'><strong class="prop_name"></strong></td>
-        <td class='sep'>⇒</td>
-        <td class='value'><textarea rows='3' class="prop_value"></textarea></td>
-      </tr>
-    </table> <!--}}}-->
-    <table id="prop_template_header" class='hidden'> <!--{{{-->
-      <tr class='header'>
-        <td colspan='4'><strong class="header_value"></strong> <button title='Ctrl-N while editing entry'>New</button></td>
-      </tr>
-    </table> <!--}}}-->
-    <table id="prop_template_line" class='hidden'> <!--{{{-->
-      <tr>
-        <td class='cname' colspan='2'></td>
-        <td class='sep'>⇒</td>
-        <td class='value'><em class="line_main"></em><em>:</em> <span class='line_text'></span></td>
-      </tr>
-    </table> <!--}}}-->
-    <table id="prop_template_select" class='hidden'> <!--{{{-->
-      <tr>
-        <td class='cname' colspan='2'><strong class="prop_name"></strong></td>
-        <td class='sep'>⇒</td>
-        <td class='value'><select class="prop_value"></select></td>
-      </tr>
-    </table> <!--}}}-->
+    <div class='hidden' id='relaxngworker'></div>
 
-    <div class='menu' id='predefinedtestsets'></div>  
+    <div class='menu' id='predefinedtestsets'></div>
     <div class='menu' id='modeltypes'></div>
 
     <ui-tabbed id="instance">
@@ -217,7 +191,7 @@
             <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><div class='section'>
             <a id="savetestset" href="" download=""></a>
             <a id="savesvg" href="" download=""></a>
@@ -229,7 +203,7 @@
             </div>
             <div>
               <button title='a testset includes various setting, subscriptions and a model' name="loadmodeltype">set model type</button>
-            </div>  
+            </div>
           </div>
         </ui-area> <!--}}}-->
         <ui-area data-belongs-to-tab="execution" id="areaexecution" class='inactive'> <!--{{{-->
@@ -239,7 +213,7 @@
                 <td>Debugging:</td>
                 <td><input type="checkbox" name="votecontinue"/></td>
               </tr>
-            </tbody>  
+            </tbody>
             <tbody class='exe'>
               <tr>
                 <td>Execution State:</td>
@@ -265,7 +239,7 @@
       </ui-tabbar>
       <ui-content>
         <ui-area data-belongs-to-tab="dataelements" id="areadataelements"> <!--{{{-->
-          <table id="dat_dataelements"></table>
+          <div id="dat_dataelements"></div>
         </ui-area> <!--}}}-->
         <ui-area data-belongs-to-tab="endpoints" id="areaendpoints" class="inactive"> <!--{{{-->
           <table id="dat_endpoints"></table>
@@ -292,7 +266,7 @@
         </ui-area>
         <ui-resizehandle data-belongs-to-tab="details">drag to resize</ui-resizehandle>
         <ui-area data-belongs-to-tab="details" id="detailcolumn">
-          <table id="dat_details" class='layout'></table>
+          <div id="dat_details" class='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"> <!--{{{-->

data/cockpit/js/details.js

@@ -1,154 +1,65 @@
 $(document).ready(function() {
-  $('#main ui-behind button').hide();
+  $('#main ui-tabbar ui-behind button').hide();
 
-  // save buttons shown or not //{{{
+  // save button shown or not //{{{
   $('#main ui-tabbar ui-tab:not(.switch)').click(function(event){
-    var me = $(event.target).parents('ui-tab');
-    if ($('#state').text() != 'finished')
-      if (me.attr('id') == 'tabdetails') {
-        $('#main ui-behind button').show();
+    var me = $(event.target);
+    if ($('#state').text() != 'finished') {
+      if (me.data('tab') == 'details') {
+        if (!$("#dat_details").is(':empty')) {
+          $('#main ui-tabbar ui-behind button').show();
+        }
       } else {
-        $('#main ui-behind button').hide();
-      }  
-  }); //}}}
-
-  // New entry //{{{
-  $(document).on('click','#main .header button',function(){
-    var node = new_entry($(this).parents('ui-tabbed'));
-    node.addClass('indent');
-  }); //}}}
-  
-  // Delete entries //{{{
-  $(document).on('click','#main td.del a',function(event){
-    var top = $(event.target).parents('ui-tabbed');
-    remove_entry($("input",$(event.target).parents('tr')).get(0),false);
-    mark_main_save(top);
-    return false;
-  }); //}}}
-
-  // Save entries //{{{
-  $('#main ui-behind button').click(function(event){
-    save_main($(event.target).parents('ui-tabbed'));
+        $('#main ui-tabbar ui-behind button').hide();
+      }
+    }
   }); //}}}
 
-  $(document).on('keyup','#dat_details input.pair_name, #dat_details input.prop_value, #dat_details textarea.prop_value, #dat_details select.prop_value, #dat_details input.pair_value',function(e){ mark_main_save($(e.target).parents('ui-tabbed')); });
-  $(document).on('change','#dat_details select.prop_value',function(e){ mark_main_save($(e.target).parents('ui-tabbed')); });
-});
+  $('#main ui-tabbar ui-behind button').click(function(event){
+    if (save['details'].has_changed()) {
+      var visid = 'details';
+      var svgid = save[visid + '_target'].svgid;
+      var desc  = save[visid + '_target'].model;
+      var node  = desc.get_node_by_svg_id(svgid);
 
-function mark_main_save(top) { //{{{
-  var visid = $('ui-tabbar ui-tab',top).not('.switch').not('.inactive').attr('id').replace(/tab/,'');
-  var tab  = $('#dat_' + visid);
-  var details = serialize_details(tab).serializeXML();
-
-  if (details != save[visid]) {
-    $('ui-tabbar ui-behind button',top).addClass('highlight');
-  } else {  
-    $('ui-tabbar ui-behind button',top).removeClass('highlight');
-  }
-} //}}}
-function save_main(top) { //{{{
-  var visid   = $('ui-tabbar ui-tab',top).not('.switch').not('.inactive').attr('id').replace(/tab/,'');
-  var tab     = $('#dat_' + visid);
-  var node    = graphrealization.description.get_node_by_svg_id($('input.pname_svgid').val());
-  var details = serialize_details(tab).serializeXML();
-  if (details != save[visid]) {
-    save[visid] = details;
-    $('ui-tabbar ui-behind button',top).removeClass('highlight');
+      var url = $("#current-instance").text();
+      $('#main ui-tabbar ui-behind button').removeClass('highlight');
+      save['details'].set_checkpoint();
 
-    var newn = serialize_details(tab).attr('svg-id',$('input.pname_svgid').val());
-    if (newn.children().length == 0) {
-      newn.append(node.children());
-    }  
-    node.replaceWith(newn);
-    $('ui-tabbar ui-behind button:nth-child(2)',top).removeClass('highlight');
+      // pull out xml and add XMLNS
+      // sadly we have to serialze, add in string and then parse again
+      // as adding namespaces to nodes is not supported
+      // serialization and reparsing is faster and more robust than xslt option
+      var nnew = $(save['details'].save().documentElement);
+          nnew.attr('svg-id',svgid);
+          nnew.attr('trans-xmlns','http://cpee.org/ns/description/1.0');
 
-    save_description();
-  }  
-} //}}}
+      if ($('*[svg-id]',node).length > 0) {
+        // TODO maybe not all children. Maybe only thingies that have svg-id but nothing with svg-id between it and node.
+        nnew.append(node.children());
+      }
 
-function save_description() {
-  var serxml = graphrealization.description.get_description();
-  var url = $("#current-instance").text();
-  $.ajax({
-    type: "PUT", 
-    url: url + "/properties/values/description/",
-    data: ({'content': '<content>' + serxml + '</content>'}),
-  });
-}
+      var ntxt = nnew.serializeXML();
+          ntxt = ntxt.replace(/trans-xmlns/,'xmlns');
 
-function serialize_details(parent) { //{{{
-  var ele = $('input.pname_element',parent).val();
-  var xml = $X('<' + ele + ' xmlns="http://cpee.org/ns/description/1.0"/>');
-  switch(ele) {
-    case 'call':
-        xml.attr('id',$('input.pname_id').val());
-        xml.attr('endpoint',$('input.pname_endpoint').val());
+      node.replaceWith($X(ntxt));
 
-        var para = $X('<parameters xmlns="http://cpee.org/ns/description/1.0"/>');
-        xml.append(para);
-        
-        if ($('input.pname_method',parent).length > 0) {
-          var pars = $X('<parameters xmlns="http://cpee.org/ns/description/1.0"/>');
-          var meth = $X('<method xmlns="http://cpee.org/ns/description/1.0"/>');
-              meth.text($('input.pname_method',parent).val());
-          var labl = $X('<label xmlns="http://cpee.org/ns/description/1.0"/>');
-              labl.text($('input.pname_label',parent).val());
-          para.append(labl);
-          para.append(meth);
-          para.append(pars);
-          $('tr.pair',parent).each(function(){
-            var nam = $('input.pair_name',this).val();
-            var val = $('input.pair_value',this).val();
-            var par = $X('<' + nam + ' xmlns="http://cpee.org/ns/description/1.0"/>');
-            par.text(val);
-            pars.append(par);
-          });
-        }
+      $.ajax({
+        type: "PUT",
+        url: url + "/properties/values/description/",
+				data: ({'content': '<content>' + desc.get_description() + '</content>'})
+      });
+    }
+  }); //}}}
 
-        if ($('textarea.pname_finalize',parent).length > 0) {
-          var mani = $X('<finalize xmlns="http://cpee.org/ns/description/1.0"/>');
-              mani.text($('textarea.pname_finalize',parent).val());
-          xml.append(mani);
-        }
-        if ($('textarea.pname_update',parent).length > 0) {
-          var mani = $X('<update xmlns="http://cpee.org/ns/description/1.0"/>');
-              mani.text($('textarea.pname_update',parent).val());
-          xml.append(mani);
-        }
-      break;
-    case 'manipulate':
-      xml.attr('id',$('input.pname_id').val());
-      if ($('textarea.pname_script',parent).length > 0) {
-        xml.text($('textarea.pname_script',parent).val());
-      }
-      break;
-    case 'loop':
-      xml.attr($('select.pname_mode').val(),$('input.pname_condition').val());
-      break;
-    case 'choose':
-      xml.attr('mode',$('select.pname_mode').val());
-      break;
-    case 'alternative':
-      xml.attr('condition',$('input.pname_condition').val());
-      break;
-    case 'critical':
-      xml.attr('sid',$('input.pname_sid').val());
-      break;
-    case 'parallel':
-      if (parseInt($('input.pname_wait').val()) > -1) {
-        xml.attr('wait',$('input.pname_wait').val());
-      }  
-      break;
-    case 'parallel_branch':
-      if ($('input.pname_pass',parent).length > 0) {
-        xml.attr('pass',$('input.pname_pass').val());
-      }  
-      if ($('input.pname_local',parent).length > 0) {
-        xml.attr('local',$('input.pname_local').val());
-      }  
-      break;
-    // TODO group
-  }  
+  $(document).on('input','#dat_details input, #dat_details textarea, #dat_details select',function(e){ mark_main_save(); });
+  $(document).on('change','#dat_details select',function(e){ mark_main_save(); });
+});
 
-  return xml;
+function mark_main_save() { //{{{
+  if (save['details'].has_changed()) {
+    $('#main ui-tabbar ui-behind button').addClass('highlight');
+  } else {
+    $('#main ui-tabbar ui-behind button').removeClass('highlight');
+  }
 } //}}}