cpee 2.0.24 → 2.0.25

data/cockpit/js/model.js

@@ -1,7 +1,3 @@
-document.addEventListener('graph:changed', function (e) {
-  $("button[name=save]").prop("disabled",false);
-}, false);
-
 $(document).ready(function() {
   $('#tabmodel').click(function(event){
     $('#model ui-behind button:nth-child(1)').addClass('hidden');
@@ -17,25 +13,4 @@ $(document).ready(function() {
     var tab = $(document).find('#model ui-content ui-area:not(.inactive) .relaxngui_table');
         are.animate({ scrollTop: tab.height() }, "slow");
   });
-
-  $("button[name=save]").click(function(){
-    var def = new $.Deferred();
-    def.done(function(name,testset) {
-      $.ajax({
-        url: $('body').attr('current-save') + ($('body').attr('current-save-dir') ? ($('body').attr('current-save-dir') + '/').replace(/\/+/,'/') : '') + name + '.xml',
-        type: 'PUT',
-        contentType: 'application/xml',
-        data: testset.serializePrettyXML(),
-        headers: { 'Content-ID': 'content' },
-        success: function() {
-          $("button[name=save]").prop("disabled",true);
-          $("#lastsavedline").removeClass('hidden');
-          var dt = new Date();
-          var time = dt.getHours() + ":" + dt.getMinutes() + ":" + dt.getSeconds();
-          $("#lastsaved").text(time);
-        }
-      });
-    });
-    get_testset(def);
-  });
 });

data/cockpit/js/parameters.js

@@ -1,3 +1,5 @@
+var parameters_changed = new Event("parameters:changed", {"bubbles":true, "cancelable":false});
+
 $(document).ready(function() {
   // hook up dataelements with relaxngui //{{{
   $.ajax({
@@ -68,6 +70,7 @@ function do_parameters_save(event) { //{{{
     var url = $('body').attr('current-instance');
     save[visid].set_checkpoint();
     var send = save[visid].save_text();
+    document.dispatchEvent(parameters_changed);
     $.ajax({
       type: "PUT",
       url: url + "/properties/" + visid + "/",

data/cockpit/js/ui.js

@@ -102,3 +102,10 @@ $(document).on('paste', '[contenteditable]', function (e) {
         document.execCommand('insertText', false, content);
     }
 });
+
+// unmark if storage changes. shit has potentially been copied or marked in other tabs.
+$(window).bind('storage', function (e) {
+  if (localStorage.getItem('marked_from') != myid) {
+    save['graph_adaptor'].illustrator.get_elements().removeClass('marked');
+  }
+});

data/cockpit/model.html

@@ -54,6 +54,7 @@
     <script type="text/javascript" src="js/details.js"></script>
     <script type="text/javascript" src="js/parameters.js"></script>
     <script type="text/javascript" src="js/model.js"></script>
+    <script type="text/javascript" src="js/edit.js"></script>
     <link rel="stylesheet" href="css/ui.css" type="text/css"/>
     <link rel="stylesheet" href="css/model.css" type="text/css"/>
     <link rel="stylesheet" href="/global_ui/uicpee.css" type="text/css"/>

data/cockpit/themes/compact/rngs/call.rng

@@ -97,7 +97,7 @@
       </element>
 
     </element>
-    <element name="report" rngui:header="Reporting Annotation" rngui:fold="closed">
+    <element name="report" rngui:header="Reporting" rngui:fold="closed">
       <element name="url" rngui:label='HTML Snippet'>
         <data type="string" rngui:label="url to report snippet"/>
       </element>
@@ -146,4 +146,29 @@
       </element>
     </element>
   </element>
+  <element name="input" rngui:header="Input Arguments Documentation" rngui:fold="closed">
+    <zeroOrMore rngui:label="Create Argument">
+      <element name="item" rngui:label="Description">
+        <attribute name="label" rngui:label="Name">
+          <data type="string"/>
+        </attribute>
+        <text rngui:wrap="true" rngui:label="What does it do?"/>
+      </element>
+    </zeroOrMore>
+  </element>
+  <element name="output" rngui:header="Output Elements Documentation" rngui:fold="closed">
+    <zeroOrMore rngui:label="Create Element">
+      <element name="item" rngui:label="Description">
+        <attribute name="label" rngui:label="Name">
+          <data type="string"/>
+        </attribute>
+        <text rngui:wrap="true" rngui:label="What does it do?"/>
+      </element>
+    </zeroOrMore>
+  </element>
+  <element name="implementation" rngui:header="Implementation Documentation" rngui:fold="closed">
+    <element name="description" rngui:label="Description">
+      <text rngui:wrap="true" rngui:label="What is supposed to happen?"/>
+    </element>
+  </element>
 </element>

data/cockpit/themes/compact/rngs/callmanipulate.rng

@@ -113,13 +113,13 @@
       </element>
 
     </element>
-    <element name="report" rngui:header="Reporting Annotation" rngui:fold="closed">
+    <element name="report" rngui:header="Reporting" rngui:fold="closed">
       <element name="url" rngui:label='HTML Snippet'>
         <data type="string" rngui:label="url to report snippet"/>
       </element>
     </element>
   </element>
-  <element name="code" rngui:header="Implementation">
+  <element name="code" rngui:header="Output Handling">
     <element name="prepare" rngui:header="Prepare" rngui:label="Code" rngui:fold="closed_conditional">
       <text rngui:label="Script that is executed, before a service call"/>
     </element>
@@ -185,4 +185,34 @@
       </element>
     </element>
   </element>
+  <element name="input" rngui:header="Input Arguments Documentation" rngui:fold="closed">
+    <zeroOrMore rngui:label="Create Argument">
+      <element name="item" rngui:label="Description">
+        <attribute name="label" rngui:label="Name">
+          <data type="string"/>
+        </attribute>
+        <text rngui:wrap="true" rngui:label="What does it do?"/>
+      </element>
+    </zeroOrMore>
+  </element>
+  <element name="output" rngui:header="Output Elements Documentation" rngui:fold="closed">
+    <zeroOrMore rngui:label="Create Element">
+      <element name="item" rngui:label="Description">
+        <attribute name="label" rngui:label="Name">
+          <data type="string"/>
+        </attribute>
+        <text rngui:wrap="true" rngui:label="What does it do?"/>
+      </element>
+    </zeroOrMore>
+  </element>
+  <element name="implementation" rngui:header="Implementation Documentation" rngui:fold="closed">
+    <element name="description" rngui:label="Description">
+      <text rngui:wrap="true" rngui:label="What is supposed to happen?"/>
+    </element>
+  </element>
+  <element name="code" rngui:header="Output Handling Documentation" rngui:fold="closed">
+    <element name="description" rngui:label="Description">
+      <text rngui:wrap="true" rngui:label="Which output elements are important? How to transform and save them?"/>
+    </element>
+  </element>
 </element>

data/cockpit/themes/compact/theme.js

@@ -15,11 +15,7 @@ function WFAdaptorManifestation(adaptor) {
       $('#relaxngworker').empty();
       var rngw = new RelaxNGui(base,$('#relaxngworker'),self.adaptor.description.context_eval);
       var nnew = $(rngw.save().documentElement);
-          nnew.attr('trans-xmlns','http://cpee.org/ns/description/1.0');
-      var ntxt = nnew.serializeXML();
-      ntxt = ntxt.replace(/trans-xmlns/,'xmlns');
-
-      return($X(ntxt));
+      return(nnew);
     } else {
       if (opts && opts == 'clone') {
         base = base.clone();
@@ -53,6 +49,16 @@ function WFAdaptorManifestation(adaptor) {
     });
     return svgid;
   }; //}}}
+  //{{{ Return the json for all marked tasks
+  this.marked_text = function(){
+    var nodes = [];
+    var markymark = _.uniq(self.marked());
+    $(markymark).each(function(key,svgid){
+      var node = self.adaptor.description.get_node_by_svg_id(svgid);
+      nodes.push($(node).serializePrettyXML());
+    });
+    return JSON.stringify(nodes);
+  }; //}}}
   //{{{ Render the details from rng (right hand side of graph tab)
   this.update_details = function(svgid){
     var tab  = $('#dat_details');
@@ -69,41 +75,57 @@ function WFAdaptorManifestation(adaptor) {
         $(rng).find(' > element[name="parameters"] > element[name="method"]').remove();
       }
       save['details'] = new RelaxNGui(rng,tab,self.adaptor.description.context_eval,true);
-      save['details'].content(node);
+      var nn = $X($(node).serializeXML());
+          nn.removeAttr('svg-id');
+          nn.removeAttr('svg-type');
+          nn.removeAttr('svg-subtype');
+          nn.removeAttr('svg-label');
+      save['details'].content(nn);
       format_visual_forms();
     }
   }; //}}}
 
   function copyOrMove(menu,group,xml_node,mode) { //{{{
-    var markymark = _.uniq(self.marked());
+    var nodes = localStorage.getItem('marked');
+
+    if (typeof(nodes) != "string") { return; }
+
+    nodes = JSON.parse(nodes);
+    $(nodes).each(function(key,str) {
+      nodes[key] = $X(str);;
+    });
+
     var check1 = [];
     var check2 = [];
-    $(markymark).each(function(key,svgid){
-      var node = self.adaptor.description.get_node_by_svg_id(svgid);
+    $(nodes).each(function(key,node){
       check1.push($(node).attr('svg-type'));
     });
     $(group).each(function(key,value){
       check2.push(value.type);
     });
 
-    if (markymark.length > 0 && _.uniq(check1).length == _.intersection(check1,check2).length) {
-      var nodes = [];
-      $(markymark).each(function(key,svgid){
-        var node = self.adaptor.description.get_node_by_svg_id(svgid);
-        nodes.unshift(node);
-      });
-
+    if (nodes.length > 0 && _.uniq(check1).length == _.intersection(check1,check2).length) {
+      if (myid == localStorage.getItem('marked_from')) {
+        $(nodes).each(function(key,node){
+          nodes[key] = self.adaptor.description.get_node_by_svg_id($(node).attr('svg-id'));
+        });
+      }
+      nodes.reverse();
       var iconm =  self.resources['arrow'].clone();
       var iconc =  self.resources['arrow'].clone();
       iconm.children('.rfill').addClass('menu');
+      if (myid == localStorage.getItem('marked_from')) {
+        menu.push(
+          {
+            'label': '<em>Move Marked Elements</em>',
+            'function_call': mode,
+            'menu_icon': iconm,
+            'type': undefined,
+            'params': [nodes, xml_node]
+          }
+        );
+      }
       menu.push(
-        {
-          'label': '<em>Move Marked Elements</em>',
-          'function_call': mode,
-          'menu_icon': iconm,
-          'type': undefined,
-          'params': [nodes, xml_node]
-        },
         {
           'label': '<em>Copy Marked Elements</em>',
           'function_call': mode,
@@ -216,16 +238,26 @@ function WFAdaptorManifestation(adaptor) {
     self.adaptor.illustrator.get_elements().removeClass('selected');
     self.adaptor.illustrator.get_labels().removeClass('selected');
 
-    if (e && e.ctrlKey) {
+    if (e && (e.ctrlKey || e.metaKey)) {
       if (save['state'] != "ready" && save['state'] != "stopped") { return false; }
       var tab = $('#dat_details');
           tab.empty();
       var vtarget = self.adaptor.illustrator.get_node_by_svg_id(svgid);
       if (vtarget.length > 0) {
-        vtarget.parents('g.element[element-id]').toggleClass('marked');
+        var vt = vtarget.parents('g.element[element-id]');
+            vt.toggleClass('marked');
+        if (vt.hasClass('marked')) {
+          localStorage.setItem('marked',self.marked_text());
+          localStorage.setItem('marked_from',myid);
+        } else {
+          localStorage.removeItem('marked');
+          localStorage.removeItem('marked_from');
+        }
       }
     } else {
       self.adaptor.illustrator.get_elements().removeClass('marked');
+      localStorage.removeItem('marked');
+      localStorage.removeItem('marked_from');
 
       var vtarget = self.adaptor.illustrator.get_node_by_svg_id(svgid);
       if (vtarget.length > 0) {

data/cockpit/themes/control/rngs/call.rng

@@ -97,7 +97,7 @@
       </element>
 
     </element>
-    <element name="report" rngui:header="Reporting Annotation" rngui:fold="closed">
+    <element name="report" rngui:header="Reporting" rngui:fold="closed">
       <element name="url" rngui:label='HTML Snippet'>
         <data type="string" rngui:label="url to report snippet"/>
       </element>
@@ -146,4 +146,29 @@
       </element>
     </element>
   </element>
+  <element name="input" rngui:header="Input Arguments Documentation" rngui:fold="closed">
+    <zeroOrMore rngui:label="Create Argument">
+      <element name="item" rngui:label="Description">
+        <attribute name="label" rngui:label="Name">
+          <data type="string"/>
+        </attribute>
+        <text rngui:wrap="true" rngui:label="What does it do?"/>
+      </element>
+    </zeroOrMore>
+  </element>
+  <element name="output" rngui:header="Output Elements Documentation" rngui:fold="closed">
+    <zeroOrMore rngui:label="Create Element">
+      <element name="item" rngui:label="Description">
+        <attribute name="label" rngui:label="Name">
+          <data type="string"/>
+        </attribute>
+        <text rngui:wrap="true" rngui:label="What does it do?"/>
+      </element>
+    </zeroOrMore>
+  </element>
+  <element name="implementation" rngui:header="Implementation Documentation" rngui:fold="closed">
+    <element name="description" rngui:label="Description">
+      <text rngui:wrap="true" rngui:label="What is supposed to happen?"/>
+    </element>
+  </element>
 </element>

data/cockpit/themes/control/rngs/callmanipulate.rng

@@ -113,13 +113,13 @@
       </element>
 
     </element>
-    <element name="report" rngui:header="Reporting Annotation" rngui:fold="closed">
+    <element name="report" rngui:header="Reporting" rngui:fold="closed">
       <element name="url" rngui:label='HTML Snippet'>
         <data type="string" rngui:label="url to report snippet"/>
       </element>
     </element>
   </element>
-  <element name="code" rngui:header="Implementation">
+  <element name="code" rngui:header="Output Handling">
     <element name="prepare" rngui:header="Prepare" rngui:label="Code" rngui:fold="closed_conditional">
       <text rngui:label="Script that is executed, before a service call"/>
     </element>
@@ -185,4 +185,34 @@
       </element>
     </element>
   </element>
+  <element name="input" rngui:header="Input Arguments Documentation" rngui:fold="closed">
+    <zeroOrMore rngui:label="Create Argument">
+      <element name="item" rngui:label="Description">
+        <attribute name="label" rngui:label="Name">
+          <data type="string"/>
+        </attribute>
+        <text rngui:wrap="true" rngui:label="What does it do?"/>
+      </element>
+    </zeroOrMore>
+  </element>
+  <element name="output" rngui:header="Output Elements Documentation" rngui:fold="closed">
+    <zeroOrMore rngui:label="Create Element">
+      <element name="item" rngui:label="Description">
+        <attribute name="label" rngui:label="Name">
+          <data type="string"/>
+        </attribute>
+        <text rngui:wrap="true" rngui:label="What does it do?"/>
+      </element>
+    </zeroOrMore>
+  </element>
+  <element name="implementation" rngui:header="Implementation Documentation" rngui:fold="closed">
+    <element name="description" rngui:label="Description">
+      <text rngui:wrap="true" rngui:label="What is supposed to happen?"/>
+    </element>
+  </element>
+  <element name="code" rngui:header="Output Handling Documentation" rngui:fold="closed">
+    <element name="description" rngui:label="Description">
+      <text rngui:wrap="true" rngui:label="Which output elements are important? How to transform and save them?"/>
+    </element>
+  </element>
 </element>

data/cockpit/themes/control/theme.js

@@ -49,6 +49,16 @@ function WFAdaptorManifestation(adaptor) {
     });
     return svgid;
   }; //}}}
+  //{{{ Return the json for all marked tasks
+  this.marked_text = function(){
+    var nodes = [];
+    var markymark = _.uniq(self.marked());
+    $(markymark).each(function(key,svgid){
+      var node = self.adaptor.description.get_node_by_svg_id(svgid);
+      nodes.push($(node).serializePrettyXML());
+    });
+    return JSON.stringify(nodes);
+  }; //}}}
   //{{{ Render the details from rng (right hand side of graph tab)
   this.update_details = function(svgid){
     var tab  = $('#dat_details');
@@ -76,35 +86,46 @@ function WFAdaptorManifestation(adaptor) {
   }; //}}}
 
   function copyOrMove(menu,group,xml_node,mode) { //{{{
-    var markymark = _.uniq(self.marked());
+    var nodes = localStorage.getItem('marked');
+
+    if (typeof(nodes) != "string") { return; }
+
+    nodes = JSON.parse(nodes);
+    $(nodes).each(function(key,str) {
+      nodes[key] = $X(str);;
+    });
+
     var check1 = [];
     var check2 = [];
-    $(markymark).each(function(key,svgid){
-      var node = self.adaptor.description.get_node_by_svg_id(svgid);
+    $(nodes).each(function(key,node){
       check1.push($(node).attr('svg-type'));
     });
     $(group).each(function(key,value){
       check2.push(value.type);
     });
 
-    if (markymark.length > 0 && _.uniq(check1).length == _.intersection(check1,check2).length) {
-      var nodes = [];
-      $(markymark).each(function(key,svgid){
-        var node = self.adaptor.description.get_node_by_svg_id(svgid);
-        nodes.unshift(node);
-      });
-
+    if (nodes.length > 0 && _.uniq(check1).length == _.intersection(check1,check2).length) {
+      if (myid == localStorage.getItem('marked_from')) {
+        $(nodes).each(function(key,node){
+          nodes[key] = self.adaptor.description.get_node_by_svg_id($(node).attr('svg-id'));
+        });
+      }
+      nodes.reverse();
       var iconm =  self.resources['arrow'].clone();
       var iconc =  self.resources['arrow'].clone();
       iconm.children('.rfill').addClass('menu');
+      if (myid == localStorage.getItem('marked_from')) {
+        menu.push(
+          {
+            'label': '<em>Move Marked Elements</em>',
+            'function_call': mode,
+            'menu_icon': iconm,
+            'type': undefined,
+            'params': [nodes, xml_node]
+          }
+        );
+      }
       menu.push(
-        {
-          'label': '<em>Move Marked Elements</em>',
-          'function_call': mode,
-          'menu_icon': iconm,
-          'type': undefined,
-          'params': [nodes, xml_node]
-        },
         {
           'label': '<em>Copy Marked Elements</em>',
           'function_call': mode,
@@ -217,16 +238,26 @@ function WFAdaptorManifestation(adaptor) {
     self.adaptor.illustrator.get_elements().removeClass('selected');
     self.adaptor.illustrator.get_labels().removeClass('selected');
 
-    if (e && e.ctrlKey) {
+    if (e && (e.ctrlKey || e.metaKey)) {
       if (save['state'] != "ready" && save['state'] != "stopped") { return false; }
       var tab = $('#dat_details');
           tab.empty();
       var vtarget = self.adaptor.illustrator.get_node_by_svg_id(svgid);
       if (vtarget.length > 0) {
-        vtarget.parents('g.element[element-id]').toggleClass('marked');
+        var vt = vtarget.parents('g.element[element-id]');
+            vt.toggleClass('marked');
+        if (vt.hasClass('marked')) {
+          localStorage.setItem('marked',self.marked_text());
+          localStorage.setItem('marked_from',myid);
+        } else {
+          localStorage.removeItem('marked');
+          localStorage.removeItem('marked_from');
+        }
       }
     } else {
       self.adaptor.illustrator.get_elements().removeClass('marked');
+      localStorage.removeItem('marked');
+      localStorage.removeItem('marked_from');
 
       var vtarget = self.adaptor.illustrator.get_node_by_svg_id(svgid);
       if (vtarget.length > 0) {