cpee-model-management 1.1.4 → 1.2.0

data/ui/js/moma.js

@@ -0,0 +1,379 @@
+let gstage;
+var gdir;
+var selections = [];
+var updating = false;
+var updating_counter = 0;
+var fingerprint = "";
+
+function copy_all() {
+  selections.forEach((name) => {
+    $.ajax({
+      type: "PUT",
+      url: "server/" + name,
+      data: { dupdir: gdir }
+    });
+  });
+  unmark_all();
+}
+function move_all() {
+  selections.forEach((name) => {
+    $.ajax({
+      type: "PUT",
+      url: "server/" + name,
+      data: { movedir: gdir }
+    });
+  });
+  unmark_all();
+}
+function delete_all() {
+  if (confirm('Are you really, really, REALLY sure!')) {
+    selections.forEach((name) => {
+      $.ajax({
+        type: "DELETE",
+        url: "server/" + name
+      });
+    });
+    unmark_all();
+  }
+}
+function unmark_all() {
+  selections = [];
+  $('[data-class=special]').attr('class','invisible');
+  $('td.selected').removeClass('selected');
+}
+function shift_all(to) {
+  selections.forEach((name) => {
+    $.ajax({
+      type: "PUT",
+      url: "server/" + name,
+      data: { stage: to }
+    });
+  });
+  unmark_all();
+}
+
+function move_it(name,todir) {
+  $.ajax({
+    type: "PUT",
+    url: "server/" + gdir + name,
+    data: { movedir: todir }
+  });
+}
+function shift_it(name,to) {
+  $.ajax({
+    type: "PUT",
+    url: "server/" + gdir + name,
+    data: { stage: to }
+  });
+}
+function rename_it(name) {
+  var newname;
+  if (newname = prompt('New name please!',name.replace(/\.xml$/,'').replace(/\.dir$/,''))) {
+    $.ajax({
+      type: "PUT",
+      url: "server/" + gdir + name,
+      data: { new: newname }
+    });
+  }
+}
+function duplicate_it(name) {
+  var newname;
+  if (newname = prompt('New name please!',name.replace(/\.xml$/,'').replace(/\.dir$/,''))) {
+    $.ajax({
+      type: "PUT",
+      url: "server/" + gdir + name,
+      data: { dupdir: gdir }
+    });
+  }
+}
+function delete_it(name) {
+  if (confirm('Are you really, really, REALLY sure!')) {
+    $.ajax({
+      type: "DELETE",
+      url: "server/" + gdir + name
+    });
+  }
+}
+
+function moma_init() {
+  var es = new EventSource('server/management/');
+  es.onopen = function() {
+    console.log('design open');
+  };
+  es.onmessage = function(e) {
+    paint(gdir,gstage);
+  };
+  es.onerror = function() {
+    console.log('design error');
+    setTimeout(function(){ if (es.readyState == 2) { moma_init() } }, 5000);
+  };
+}
+
+function possibly_paint() {
+  if (updating_counter > 0 && updating != true) {
+    updating_counter = 0;
+    paint(gdir,gstage);
+  }
+}
+
+function paint(pdir,gstage,statesave=true) {
+  if (updating == true) { updating_counter += 1; return };
+  updating = true;
+  gdir = (pdir + '/').replaceAll(/\/+/g,'/').replace(/^\/*/,'');
+
+  $('div.breadcrumb .added').remove();
+
+  document.title = $('html head title').attr('data-orig') + (gdir == '' ? '' :  ' - ' + gdir.replace(/\.dir|\.xml/g,''));
+  if (statesave) {
+    history.pushState({gstage: gstage, gdir: gdir}, '', window.location.pathname + '?stage=' + gstage + '&dir=' + gdir);
+  }
+  $('div.breadcrumb span.crumb').attr('onclick','paint("","' + gstage + '")');
+
+  let adddir = '';
+  let node;
+  gdir.split('/').filter((ele) => ele != '').forEach((ele,i) => {
+    adddir += ele + '/';
+    node = $('div.breadcrumb').append('<span class="separator added">/</span><span class="crumb added" onclick="paint(\'' + adddir + '\',\'' + gstage + '\')">' + ele.replace('.dir','') + '</span>');
+  });
+
+  $.ajax({
+    type: "GET",
+    url: "server/" + gdir,
+    data: { stage: gstage },
+    success: function(res,status,request) {
+      let fp = request.getResponseHeader('cpee-moma-fingerprint');
+      if (fp != fingerprint) {
+        $('#models tbody').empty();
+        fingerprint = fp;
+        let tempcont = $();
+        $(res).each(function(k,data) {
+          if (data.type == 'dir') {
+            let dp = gdir + data['name'] + '/';
+            var clone = document.importNode(document.querySelector('#folder').content,true);
+            $('[data-class=folder]',clone).attr('data-path',dp);
+            if (selections.includes(dp)) { $('[data-class=folder]',clone).toggleClass('selected'); }
+            $('[data-class=name] a',clone).text(data['name'].replace(/\.dir$/,''));
+            $('[data-class=name]',clone).attr('data-full-name',data['name']);
+            $('[data-class=name] a',clone).attr('href','javascript:paint("' + gdir + '/' + data['name'] + '","' + gstage + '")');
+          } else {
+            let dp = gdir + data['name'];
+            var clone = document.importNode(document.querySelector('#model').content,true);
+            $('[data-class=model]',clone).attr('data-path',dp);
+            if (selections.includes(dp)) { $('[data-class=model]',clone).toggleClass('selected'); }
+            $('[data-class=name] a',clone).text(data['name']);
+            $('[data-class=name]',clone).attr('data-full-name',data['name']);
+            $('[data-class=name] a',clone).attr('href','server/' + gdir + data['name'] + '/open?stage=' + gstage);
+            $('[data-class=force] a',clone).attr('href','server/' + gdir + data['name'] + '/open-new?stage=' + gstage);
+            $('[data-class=raw] a',clone).attr('href','server/' + gdir + data['name']);
+
+            $('[data-class=guarded] abbr',clone).attr('title',data['guarded'] || '');
+            $('[data-class=guarded] abbr',clone).text((data['guarded'] || '').match(/none/i) ? '' : (data['guarded'] || '').charAt(0).toUpperCase());
+            $('[data-class=resource]',clone).text(data['guarded_id'] || '');
+
+            if (data['guarded']) {
+              $('[data-class=guarded] abbr',clone).attr('title',data['guarded']);
+              $('[data-class=guarded] abbr',clone).text(data['guarded'].match(/none/i) ? '' : data['guarded'].charAt(0).toUpperCase());
+              $('[data-class=resource]',clone).text(data['guarded_what']);
+            }
+          }
+          $('[data-class=author]',clone).text(data['author']);
+          $('[data-class=date]',clone).text(new Date(data['date']).strftime('%Y-%m-%d, %H:%M:%S'));
+          tempcont.push(clone);
+        });
+        $('#models tbody').append(tempcont);
+      }
+      updating = false;
+    }
+  });
+}
+
+function change_it(gdir,gstage) {
+  window.location.href = window.location.pathname + '?stage=' + gstage + '&dir=' + gdir;
+}
+
+$(document).ready(function() {
+  const queryString = window.location.search;
+  const urlParams = new URLSearchParams(queryString);
+
+  gstage = urlParams.get('stage') || 'draft';
+  gdir = urlParams.get('dir') ? (urlParams.get('dir') + '/').replaceAll(/\/+/g,'/') : '';
+
+  moma_init();
+
+  var shifts = []
+  $.ajax({
+    type: "GET",
+    url: "server/",
+    data: { stages: 'stages' },
+    success: (r) => {
+      shifts = shifts.concat(r);
+      shifts = shifts.filter(item => item !== gstage);
+    }
+  });
+
+  window.onpopstate = function(e){
+    let d = e.state || { gstage: 'draft', 'gdir': '' };
+    paint(d.gdir,d.gstage,false);
+  };
+
+  $('ui-behind span').text(gstage);
+  $('ui-behind span').click((e) => {
+    if (shifts.length > 0) {
+      var menu = {};
+      menu['Change to'] = [];
+      shifts.forEach(ele => {
+        menu['Change to'].push(
+          {
+            'label': ele,
+            'function_call': change_it,
+            'text_icon': '➔',
+            'type': undefined,
+            'class': 'capitalized',
+            'params': [gdir,ele]
+          }
+        );
+      });
+      new CustomMenu(e).contextmenu(menu);
+    }
+  });
+
+  $('#models').on('click','[data-class=model]',(e) => {
+    const tar = $(e.currentTarget);
+    tar.toggleClass('selected');
+    if (tar.hasClass('selected')) {
+      selections.push(tar.attr('data-path'));
+    } else {
+      selections = selections.filter(item => item !== tar.attr('data-path'));
+    }
+    if (selections.length > 0) {
+      $('[data-class=special]').attr('class','');
+    } else {
+      $('[data-class=special]').attr('class','invisible');
+    }
+  });
+  $('#models').on('click','th[data-class=special]',(e) => {
+    var menu = {};
+    var name = $(e.currentTarget).parents('tr').find('td[data-class=name]').attr('data-full-name');
+    menu['Operations'] = [
+      {
+        'label': 'Move all marked entries to the current directory',
+        'function_call': move_all,
+        'text_icon': '⨀',
+        'type': undefined,
+        'params': []
+      },
+      {
+        'label': 'Copy all marked entries to the current directory',
+        'function_call': copy_all,
+        'text_icon': '⨁',
+        'type': undefined,
+        'params': []
+      },
+      {
+        'label': 'Delete all marked entries',
+        'function_call': delete_all,
+        'text_icon': '❌',
+        'type': undefined,
+        'params': []
+      },
+      {
+        'label': 'Unmarked all marked entries',
+        'function_call': unmark_all,
+        'type': undefined,
+        'text_icon': '🟥',
+        'params': []
+      }
+    ];
+    if (shifts.length > 0) {
+      menu['Shifting'] = [];
+      shifts.forEach(ele => {
+        menu['Shifting'].push(
+          {
+            'label': 'Shift all marked entries to ' + ele,
+            'function_call': shift_all,
+            'text_icon': '➔',
+            'type': undefined,
+            'params': [ele]
+          }
+        );
+      });
+    }
+    new CustomMenu(e).contextmenu(menu);
+  });
+
+  $('#models').on('click','td[data-class=ops]',(e) => {
+    var menu = {};
+    var name = $(e.currentTarget).parents('tr').find('td[data-class=name]').attr('data-full-name');
+    var is_model = $(e.currentTarget).parents('tr').find('td[data-class=model]').length > 0 ? true : false;
+    menu['Operations'] = [
+      {
+        'label': 'Delete',
+        'function_call': delete_it,
+        'text_icon': '❌',
+        'type': undefined,
+        'params': [name]
+      },
+      {
+        'label': 'Rename',
+        'function_call': rename_it,
+        'type': undefined,
+        'text_icon': '📛',
+        'params': [name]
+      }
+    ];
+    if (name.match(/\.xml$/)) {
+      menu['Operations'].unshift(
+        {
+          'label': 'Duplicate',
+          'function_call': duplicate_it,
+          'text_icon': '➕',
+          'type': undefined,
+          'params': [name]
+        }
+      );
+    }
+    if (shifts.length > 0 && is_model) {
+      menu['Shifting'] = [];
+      shifts.forEach(ele => {
+        menu['Shifting'].push(
+          {
+            'label': 'Shift to ' + ele,
+            'function_call': shift_it,
+            'text_icon': '➔',
+            'type': undefined,
+            'params': [name,ele]
+          }
+        );
+      });
+    }
+    new CustomMenu(e).contextmenu(menu);
+  });
+
+  paint(gdir,gstage);
+
+  $('#newmod').on('submit',(e) => {
+    $.ajax({
+      type: "POST",
+      url: "server/" + gdir,
+      data: { stage: gstage, new: $("#newmod input[name=new]").val() },
+      success: (r) => {
+        uidash_activate_tab($('ui-tab').first());
+      }
+    });
+    return false;
+  });
+
+  $('#newdir').on('submit',(e) => {
+    $.ajax({
+      type: "POST",
+      url: "server/" + gdir,
+      data: { dir: $("#newdir input[name=newdir]").val() },
+      success: (r) => {
+        uidash_activate_tab($('ui-tab').first());
+      }
+    });
+    return false;
+  });
+
+  setInterval(possibly_paint,1000);
+});

data/ui/js/stats.js

@@ -211,6 +211,7 @@ function stats_init() {
   };
   es.onerror = function() {
     console.log('stats error');
+    setTimeout(function(){ if (es.readyState == 2) { stats_init() } }, 5000);
   }
 }
 

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: cpee-model-management
 version: !ruby/object:Gem::Version
-  version: 1.1.4
+  version: 1.2.0
 platform: ruby
 authors:
 - Juergen eTM Mangler
 autorequire:
 bindir: tools
 cert_chain: []
-date: 2023-03-16 00:00:00.000000000 Z
+date: 2024-03-08 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: riddl
@@ -79,16 +79,17 @@ files:
 - server/model.xml
 - server/moma
 - server/moma.conf
+- server/redis.rdb
 - server/testset.xml
 - tools/cpee-moma
-- ui/css/design.css
+- ui/css/moma.css
 - ui/css/stats.css
 - ui/css/stats_standalone.css
 - ui/favicon.ico
 - ui/index.html
 - ui/instances.html
 - ui/instances_view.html
-- ui/js/design.js
+- ui/js/moma.js
 - ui/js/stats.js
 - ui/resources.html
 homepage: http://cpee.org/
@@ -110,7 +111,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubygems_version: 3.4.6
+rubygems_version: 3.4.10
 signing_key:
 specification_version: 4
 summary: "(Lifecycle) manage your process models in a directory or git repo."

data/ui/css/design.css

@@ -1,67 +0,0 @@
-td {
-  padding-right: 1em;
-}
-
-td[data-class=model] {
-  font-size: 1.7em;
-}
-td[data-class=folder] {
-  font-size: 1.7em;
-}
-td[data-class=ops] {
-  cursor: pointer;
-}
-
-td[draggable] {
-  cursor: move;
-}
-
-form input {
-  width: 45em !important;
-}
-
-ui-behind {
-  text-transform: capitalize;
-  font-weight: bold;
-  color: #d0d0d0;
-}
-
-ui-area > *:first-child {
-  padding-top: 0;
-  margin-top: 0;
-}
-
-ui-behind span {
-  cursor: pointer;
-}
-
-[is="x-ui-"] table.ui-table {
-  border-collapse: collapse;
-}
-[is="x-ui-"] table.ui-table thead th {
-  font-weight: bold;
-  text-align: left;
-  padding: 0.3em 0.5em;
-}
-[is="x-ui-"] table.ui-table tbody td {
-  padding: 0.1em 0.5em;
-}
-[is="x-ui-"] table.ui-table tbody tr:nth-child(odd) td {
-  background-color: var(--x-ui-content-light-background);
-}
-[is="x-ui-"] table.ui-table tbody tr:hover td {
-  background-color: var(--x-ui-content-hover-background);
-}
-
-[is="x-ui-"] table.ui-table tbody tr:nth-child(odd) td[data-class=ops] {
-  background-color: #d0d0d0;
-}
-[is="x-ui-"] table.ui-table tbody tr:hover td[data-class=ops] {
-  background-color: #99cee6b0;
-}
-
-[is="x-ui-"] ui-rest > ui-content > ui-area { padding: 1em; }
-
-tr.contextmenuitem .capitalized {
-  text-transform: capitalize;
-}