cpee 1.5.19 → 1.5.20

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 222045518cb8e94915945672b78bbb51e5f082d57fda08167f8bfdbb8cda9b6c
-  data.tar.gz: 6fa57b087b0b267dcae1ad91eacfbc0e30baf904a03929903da820b2b2d749a4
+  metadata.gz: 9d925f0547195410d0843ebd7b0839a02b396562664f8bddd3b964d2f9d0e8e9
+  data.tar.gz: d8b82a29324ea705feb7108a660425ad2fa460aed9c4c6f557d6797bedbc93ce
 SHA512:
-  metadata.gz: da53812dd836e7932c9e34c4340a5dda0fe854f5cc26c0cf66d08e749215f8bb1e56221ceb6ad93cdf3b8e797fbbf28faaed11a0526cf619a201b4cec52e3a34
-  data.tar.gz: f7c70ebacb30422df749a9c59d82e2fa9ef45f16ce4d4b13379284c1294d7242e3966af29d1a801f868bc388f695f66ad527a7d647921ed07f59b5b9a395aa0a
+  metadata.gz: 3d949f013965d26f6645982410e7a3544313533edda961581cc1c157dd5b09b605502a1de1975afe2ce3c56eaac1b12534bea64cb31b818d3a7e03c21351d9a9
+  data.tar.gz: 1c6ed6cece7bde67f3df522c51f3ac65f1080493af071927f136597a81679cf83665e1e8a780273088a611632a72cd7a96e0717ec241fa93c196efb308471be2

data/cockpit/css/model.css

@@ -0,0 +1,24 @@
+#areamodel input[type=file]         { display: none; }
+#areamodel div.section              { display: table-cell; vertical-align: middle; }
+#areamodel div.section:nth-child(1) {                                                  padding: 0 0.5em 0 0; white-space: nowrap; }
+#areamodel div.section:nth-child(2) { border-left: 1px solid var(--x-ui-border-color); padding: 0 0.5em;     white-space: nowrap; }
+#areamodel div.section:nth-child(3) { border-left: 1px solid var(--x-ui-border-color); padding: 0 0.5em;     white-space: nowrap; }
+#areamodel div.section:nth-child(4) { border-left: 1px solid var(--x-ui-border-color); padding: 0 0 0 0.5em; white-space: nowrap; }
+
+#areamodel div.section:nth-child(1) button                       { white-space: normal; vertical-align: middle; margin: 0; padding: 0; }
+#areamodel div.section:nth-child(1) button[name=save]            { white-space: normal; width: 10em; height: 5.5em; margin-left: 0.2em; }
+
+#areamodel div.section:nth-child(2) div                          { white-space: normal; vertical-align: middle; margin: 0; padding: 0; }
+#areamodel div.section:nth-child(2) button                       { white-space: normal; vertical-align: middle; margin: 0; padding: 0; }
+#areamodel div.section:nth-child(2) div:nth-child(2)             { white-space: normal; text-align: right; }
+#areamodel div.section:nth-child(2) button[name=loadtestsetfile] { white-space: normal; width: 10em; height: 3.5em; margin-left: 0.2em; }
+#areamodel div.section:nth-child(2) button[name=loadmodelfile]   { white-space: normal; width: 10em; height: 2em;   margin-top: 0.2em; }
+
+#areamodel div.section:nth-child(3) div                          { white-space: normal; vertical-align: middle; margin: 0; padding: 0; }
+#areamodel div.section:nth-child(3) button                       { white-space: normal; vertical-align: middle; margin: 0; padding: 0; }
+#areamodel div.section:nth-child(3) div:nth-child(2)             { white-space: normal; text-align: right; }
+#areamodel div.section:nth-child(3) button[name=savetestsetfile] { white-space: normal; width: 10em; height: 3.5em; margin-left: 0.2em; }
+#areamodel div.section:nth-child(3) button[name=savesvgfile]     { white-space: normal; width: 10em; height: 2em;   margin-top: 0.2em; }
+
+#areamodel div.section:nth-child(4) div                          { white-space: normal; vertical-align: middle; margin: 0; padding: 0; }
+#areamodel div.section:nth-child(4) button[name=loadmodeltype]   { white-space: normal; width: 10em; height: 2em; }

data/cockpit/css/ui.css

@@ -7,6 +7,13 @@ body {
   font-size: 1em;
 }
 
+@font-face {
+  font-family: 'FontAwesome';
+  src: url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype');
+  font-weight: normal;
+  font-style: normal;
+}
+
 #graphgrid {
   display: grid;
   grid-gap: 0;
@@ -49,6 +56,24 @@ body {
   color: var(--wfadaptor-selected);
 }
 
+#graphgrid .graphlabel.selected a, #graphgrid .graphlabel.hover a {
+  color: var(--wfadaptor-selected);
+}
+#graphgrid .graphlabel a {
+  color: var(--x-ui-light-text-color);
+}
+#graphgrid .graphlabel a::after {
+  font: normal normal normal 14px/1 FontAwesome;
+  font-size: 0.8em;
+  text-rendering: auto;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+	content: ' ';
+}
+#graphgrid .graphlabel.selected a::after, graphgrid .graphlabel.hover a::after {
+  color: var(--wfadaptor-selected);
+}
+
 #instance ui-content { height: 7em; }
 
 #areanew td:nth-child(1)       { width: 7em; padding-right: 1em; }

data/cockpit/index.html

@@ -149,23 +149,23 @@
               <form id='fuckchrome'>
                 <input type='file' name='testsetfile' id='testsetfile'/>
               </form>
-              <button title='a testset includes various setting, subscriptions and a model' name="loadtestset">load predefined testset</button><button title='a testset includes various setting, subscriptions and a model' name="loadtestsetfile">load testset file</button>
+              <button title='a testset includes various settings, subscriptions and a model' name="loadtestset">load predefined testset</button><button title='a testset includes various settings, subscriptions and a model' name="loadtestsetfile">load testset file</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'>
-            <a id="savetestset" href="" download=""></a>
-            <a id="savesvg" href="" download=""></a>
-            <button title='a testset includes various setting, subscriptions and a model' name="savetestset">save testset</button>
-            <button title='a testset includes various setting, subscriptions and a model' name="savesvg">save svg graph</button>
+            <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 testset</button>
+            <button title='a testset includes various settings, subscriptions and a model' name="savesvgfile">save svg graph</button>
           </div><div class='section'>
             <div>
               Current model: <span id='currentmodel'></span>
             </div>
             <div>
-              <button title='a testset includes various setting, subscriptions and a model' name="loadmodeltype">set model type</button>
+              <button title='a testset includes various settings, subscriptions and a model' name="loadmodeltype">set model type</button>
             </div>
           </div>
         </ui-area> <!--}}}-->

data/cockpit/js/details.js

@@ -29,64 +29,82 @@ $(document).ready(function() {
     clearTimeout(timer);
     do_main_save();
   });
+  $(document).on('relaxngui_move', '#dat_details', function(e){
+    clearTimeout(timer);
+    do_main_save();
+  });
 });
 
 function do_main_save() { //{{{
   if (save['details'].has_changed()) {
-    var svgid    = save['details_target'].svgid;
-    var desc     = save['details_target'].model;
-    var node     = desc.get_node_by_svg_id(svgid);
-    var orignode = save['graph_adaptor'].illustrator.get_node_by_svg_id(svgid).parents('g.element[element-id]');
-    var origtype = orignode.attr('element-type') + '_' + orignode.attr('element-endpoint');
-
-
-    var url = $('body').attr('current-instance');
-    $('#main ui-tabbar ui-behind button').removeClass('highlight');
-    save['details'].set_checkpoint();
-
-    // 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');
-
-    if ($('*[svg-id]',node).length > 0) {
-      nnew.append(node.children().filter(function(){ return this.attributes['svg-id'] != undefined; }));
+    do_main_work();
+  }
+} //}}}
+
+function do_main_work() { //{{{
+  var svgid    = save['details_target'].svgid;
+  var desc     = save['details_target'].model;
+  var node     = desc.get_node_by_svg_id(svgid);
+  var orignode = save['graph_adaptor'].illustrator.get_node_by_svg_id(svgid).parents('g.element[element-id]');
+  var origtype = orignode.attr('element-type') + '_' + orignode.attr('element-endpoint');
+
+
+  var url = $('body').attr('current-instance');
+  $('#main ui-tabbar ui-behind button').removeClass('highlight');
+  save['details'].set_checkpoint();
+
+  // 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');
+
+  if ($('*[svg-id]',node).length > 0) {
+    nnew.append(node.children().filter(function(){ return this.attributes['svg-id'] != undefined; }));
+  }
+
+  var ntxt = nnew.serializeXML();
+      ntxt = ntxt.replace(/trans-xmlns/,'xmlns');
+
+  node.replaceWith($X(ntxt));
+
+  var ttarget = manifestation.adaptor.illustrator.get_node_by_svg_id(svgid);
+  var tnewnode = ttarget.parents('g.element[element-id]');
+  var tnewtype = tnewnode.attr('element-type') + '_' + tnewnode.attr('element-endpoint');
+
+  desc.refresh(function(graphrealization){
+    var vtarget = manifestation.adaptor.illustrator.get_node_by_svg_id(svgid);
+    if (vtarget.length > 0) {
+      vtarget.parents('g.element[element-id]').addClass('selected');
     }
+    manifestation.adaptor.illustrator.get_label_by_svg_id(svgid).addClass('selected');
+
+
+    var newnode = vtarget.parents('g.element[element-id]');
+    var newtype = newnode.attr('element-type') + '_' + newnode.attr('element-endpoint');
+    var g = graphrealization.get_description();
+    save['graph'] = $X(g);
+    save['graph'].find('[xmlns]').removeAttr('xmlns');
 
-    var ntxt = nnew.serializeXML();
-        ntxt = ntxt.replace(/trans-xmlns/,'xmlns');
-
-    node.replaceWith($X(ntxt));
-    desc.refresh(function(graphrealization){
-      var vtarget = manifestation.adaptor.illustrator.get_node_by_svg_id(svgid);
-      if (vtarget.length > 0) {
-        vtarget.parents('g.element[element-id]').addClass('selected');
-      }
-      manifestation.adaptor.illustrator.get_label_by_svg_id(svgid).addClass('selected');
-
-
-      var newnode = vtarget.parents('g.element[element-id]');
-      var newtype = newnode.attr('element-type') + '_' + newnode.attr('element-endpoint');
-      var g = graphrealization.get_description();
-      save['graph'] = $X(g);
-      save['graph'].find('[xmlns]').removeAttr('xmlns');
-      if (newtype != origtype) {
-        manifestation.update_details(svgid);
-      }
+    if (newtype != origtype) {
+      manifestation.update_details(svgid);
+      do_main_work();
+    } else {
+      $.ajax({
+        type: "PUT",
+        url: url + "/properties/values/description/",
+        headers: {
+          "Event-Source": myid
+        },
+        data: ({'content': '<content>' + desc.get_description() + '</content>'})
+      });
       adaptor_update();
       format_instance_pos();
-    });
-
-    $.ajax({
-      type: "PUT",
-      url: url + "/properties/values/description/",
-      headers: {
-        "Event-Source": myid
-      },
-      data: ({'content': '<content>' + desc.get_description() + '</content>'})
-    });
-  }
+
+      document.dispatchEvent(graph_changed);
+    }
+
+  });
 } //}}}

data/cockpit/js/instance.js

@@ -5,6 +5,7 @@ var paths = '#dat_details input, #dat_details textarea, #dat_details select, #da
 var loading = false;
 var subscription;
 var subscription_state = 'less';
+var graph_changed = new Event("graph:changed", {"bubbles":true, "cancelable":false});
 var save = {};
     save['state']= undefined;
     save['dsl'] = undefined;
@@ -74,8 +75,8 @@ function cockpit() { //{{{
   $("button[name=loadtestsetfile]").click(load_testsetfile);
   $("button[name=loadmodelfile]").click(load_modelfile);
   $("button[name=loadmodeltype]").click(function(e){new CustomMenu(e).menu($('#modeltypes'),load_modeltype, $("button[name=loadmodeltype]")); });
-  $("button[name=savetestset]").click(function(){ save_testset(); });
-  $("button[name=savesvg]").click(function(){ save_svg(); });
+  $("button[name=savetestsetfile]").click(function(){ save_testsetfile(); });
+  $("button[name=savesvgfile]").click(function(){ save_svgfile(); });
   $("button[name=state_start]").click(function(){ $(this).attr("disabled","disabled");start_instance(); });
   $("button[name=state_stop]").click(function(){ $(this).attr("disabled","disabled");stop_instance(); });
   $("button[name=state_replay]").click(function(){ $(this).attr("disabled","disabled");replay_instance(); });
@@ -117,6 +118,13 @@ function cockpit() { //{{{
         }
         ui_activate_tab("#tabexecution");
         create_instance($("body").attr('current-base'),q.load,true,false);
+      } else if (q.instantiate) {
+        if (q.instantiate.match(/https?:\/\//)) {
+          ui_activate_tab("#tabexecution");
+          create_instance_from($("body").attr('current-base'),q.instantiate,false);
+        } else {
+          alert('Nope. Url!');
+        }
       } else if (q.new || q.new == "") {
         ui_activate_tab("#tabinstance");
         create_instance($("body").attr('current-base'),"Plain Instance",false,false);
@@ -187,6 +195,29 @@ function check_subscription() { // {{{
   }
 }// }}}
 
+function create_instance_from(base,url,exec) {// {{{
+  $.get({
+    url: url,
+    dataType: "text",
+    success: function(res) {
+      $.ajax({
+        type: "POST",
+        url: base,
+        contentType: 'application/xml',
+        dataType: "text",
+        headers: { 'CONTENT-ID': 'xml' },
+        data: res,
+        success: function(res){
+          var iu = (base + "//" + res + "/").replace(/\/+/g,"/").replace(/:\//,"://");
+          monitor_instance(iu,$("body").attr('current-resources'),false,exec);
+        },
+        error: function(a,b,c) {
+          alert("No CPEE running.");
+        }
+      });
+    }
+  });
+}// }}}
 function create_instance(base,name,load,exec) {// {{{
   var info = name ? name : prompt("Instance info?", "Enter info here");
   if (info != null) {
@@ -331,8 +362,9 @@ function monitor_instance(cin,rep,load,exec) {// {{{
           });
           append_to_log("monitoring", "id", subscription);
           websocket();
-          if (load || exec)
+          if (load || exec) {
             load_testset(exec);
+          }
         }
       });
     },
@@ -480,6 +512,7 @@ function adaptor_init(url,theme,dslx) { //{{{
         var g = graphrealization.get_description();
         save['graph'] = $X(g);
         save['graph'].find('[xmlns]').removeAttr('xmlns');
+        document.dispatchEvent(graph_changed);
         $.ajax({
           type: "PUT",
           url: url + "/properties/values/description/",
@@ -488,6 +521,9 @@ function adaptor_init(url,theme,dslx) { //{{{
         adaptor_update();
         manifestation.events.click(svgid);
         format_instance_pos();
+        if (manifestation.selected() == "unknown") { // nothing selected
+          $('#dat_details').empty();
+        }
       };
       adaptor_update();
       monitor_instance_pos();
@@ -728,7 +764,18 @@ function stop_instance() {// {{{
   });
 }// }}}
 
-function save_testset() {// {{{
+function save_testsetfile() {// {{{
+  var def = new $.Deferred();
+  def.done(function(name,testset) {
+    var ct = new Date();
+    $('#savetestsetfile').attr('download',name + '_' + ct.strftime("%Y-%m-%dT%H%M%S%z") + '.xml');
+    $('#savetestsetfile').attr('href','data:application/xml;charset=utf-8;base64,' + $B64(testset.serializePrettyXML()));
+    document.getElementById('savetestsetfile').click();
+  });
+  get_testset(def);
+}// }}}
+
+function get_testset(deferred) {// {{{
   var url = $('body').attr('current-instance');
   var testset = $X('<testset/>');
 
@@ -770,27 +817,24 @@ function save_testset() {// {{{
                       pars.append($(res.documentElement).children());
                       pars.find('uuid').remove();
                       testset.append(pars);
-                      var ct = new Date();
-                      $('#savetestset').attr('download',name + '_' + ct.strftime("%Y-%m-%dT%H%M%S%z") + '.xml');
-                      $('#savetestset').attr('href','data:application/xml;charset=utf-8;base64,' + $B64(testset.serializePrettyXML()));
-                      document.getElementById('savetestset').click();
+                      deferred.resolve(name,testset);
                     },
-                    error: report_failure
+                    error: function() { deferred.reject(); report_failure(); }
                   });
                 },
-                error: report_failure
+                error: function() { deferred.reject(); report_failure(); }
               });
             },
-            error: report_failure
+            error: function() { deferred.reject(); report_failure(); }
           });
         },
-        error: report_failure
+        error: function() { deferred.reject(); report_failure(); }
       });
     },
-    error: report_failure
+    error: function() { deferred.reject(); report_failure(); }
   });
 }// }}}
-function save_svg() {// {{{
+function save_svgfile() {// {{{
   var url = $('body').attr('current-instance');
 
   var gc = $('#graphcanvas').clone();
@@ -830,9 +874,9 @@ function save_svg() {// {{{
         success: function(res){
           var name = $(res.documentElement).text();
 
-          $('#savesvg').attr('download',name + '.svg');
-          $('#savesvg').attr('href','data:application/xml;charset=utf-8;base64,' + $B64(gc.serializeXML()));
-          document.getElementById('savesvg').click();
+          $('#savesvgfile').attr('download',name + '.svg');
+          $('#savesvgfile').attr('href','data:application/xml;charset=utf-8;base64,' + $B64(gc.serializeXML()));
+          document.getElementById('savesvgfile').click();
         },
         error: report_failure
       });

data/cockpit/js/model.js

@@ -0,0 +1,41 @@
+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');
+  });
+  $('#tabdataelements').click(function(event){
+    $('#model ui-behind button:nth-child(1)').removeClass('hidden');
+  });
+
+  $('#model ui-behind button:nth-child(1)').click(function(event){
+    var but = $(document).find('#model ui-content ui-area:not(.inactive) button');
+        but.click();
+    var are = $(document).find('#model ui-content ui-area:not(.inactive)');
+    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') + 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/ui.js

@@ -22,6 +22,7 @@ $(document).ready(function() {
         $("input[name=base-url]").val(res['base-url']);
         $("body").attr('current-resources',res['res-url']);
         $("body").attr('current-base',res['base-url']);
+        $("body").attr('current-save',res['save-url']);
         $("body").attr('current-testsets',res['testsets-url']);
         cockpit();
       },
@@ -30,9 +31,11 @@ $(document).ready(function() {
         if (location.protocol.match(/^file/)) {
           $("body").attr('current-resources',"http://localhost:" + $('body').data('res-port'));
           $("body").attr('current-base',"http://localhost:" + $('body').data('base-port'));
+          $("body").attr('current-save',"http://localhost:" + $('body').data('base-port') + '/design');
         } else {
           $("body").attr('current-resources',location.protocol + "//" + location.hostname + ":" + $('body').data('res-port'));
           $("body").attr('current-base',location.protocol + "//" + location.hostname + ":" + $('body').data('base-port'));
+          $("body").attr('current-save',location.protocol + "//" + location.hostname + ":" + $('body').data('base-port') + '/design');
         }
         $("input[name=res-url]").val($("body").attr('current-resources'));
         $("input[name=base-url]").val($("body").attr('current-base'));