cpee-model-management 1.0.8 → 1.0.14

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 800b85d124c0e17d95c1ec8db33ba65f527c63c3612ad7e48eef6ffd52613a53
-  data.tar.gz: 6258a4c173733ad24e85b19b7fa7f0157292865b0311f6805689767ae0cc43f2
+  metadata.gz: 9db0f107cad7e45a47d7d197523ebfcc9f493512f614777573c3d567c3270b6c
+  data.tar.gz: fed6d38fc3a757e2dd074bad56f579a5a0b7d3863bb14a2ef325a5df28ca2526
 SHA512:
-  metadata.gz: 26618e7be924364b745337b089a15ffbb9c01786e352a5db8d04b256ad8b070cdc45da9e520d360dd9d3d613c43e5caee12f304c61fda5540e61d147726cba60
-  data.tar.gz: 66c4bddc35f6fa5c3271d5dff4089fad8b53d68f9f825ca9cecb491f0fbbb47fdd03d8188df8c46c7b1a010d4b0bf2f57487803e642edba9c311ad9753d84b21
+  metadata.gz: 30d3c26a3b7a13afacf601ae8fa99178610ec37296be9ae4de888770a07245df77f031b5368f95dbd338cef03752d0c34c3e2ee7c62e79b05775dfc89bd53123
+  data.tar.gz: e958d85ebbdf708c35accd0fcaed6fdd79f34702042c00f67aee5d3d39f6dcbfdd0fd81b8a64c0bce9728bbd1b55161a8fe85d8832bb98de55b4015153867f3e

data/cpee-model-management.gemspec

@@ -1,13 +1,13 @@
 Gem::Specification.new do |s|
   s.name             = "cpee-model-management"
-  s.version          = "1.0.8"
+  s.version          = "1.0.14"
   s.platform         = Gem::Platform::RUBY
   s.license          = "LGPL-3.0"
   s.summary          = "(Lifecycle) manage your process models in a directory or git repo."
 
   s.description      = "see http://cpee.org"
 
-  s.files            = Dir['{server/*,tools/**/*,lib/**/*}'] + %w(LICENSE Rakefile cpee-model-management.gemspec README.md AUTHORS)
+  s.files            = Dir['{server/*,tools/**/*,lib/**/*,ui/**/*}'] + %w(LICENSE Rakefile cpee-model-management.gemspec README.md AUTHORS)
   s.require_path     = 'lib'
   s.extra_rdoc_files = ['README.md']
   s.bindir           = 'tools'

data/lib/cpee-model-management/implementation.rb

@@ -24,6 +24,7 @@ require 'riddl/protocols/utils'
 require 'fileutils'
 require 'pathname'
 require 'shellwords'
+require 'securerandom'
 
 module CPEE
   module ModelManagement
@@ -35,36 +36,39 @@ module CPEE
       Dir.chdir(File.join(models,File.dirname(old)))
       p1 = Pathname.new(File.dirname(old))
       p2 = Pathname.new(File.dirname(new))
-      old = File.basename(old)
-      new = File.join(p1.relative_path_from(p1).to_s,File.basename(new))
-      `git -c user.name='Christine Ashcreek' -c user.email=dev@null.com -c push.default=simple mv     "#{old}"                      "#{new}"              2>/dev/null`
-      `git -c user.name='Christine Ashcreek' -c user.email=dev@null.com -c push.default=simple rm -rf "#{old + '.active'}"                                2>/dev/null`
-      `git -c user.name='Christine Ashcreek' -c user.email=dev@null.com -c push.default=simple rm -rf "#{old + '.active-uuid'}"                           2>/dev/null`
-      `git -c user.name='Christine Ashcreek' -c user.email=dev@null.com -c push.default=simple mv     "#{old + '.author'}"          "#{new + '.author'}"  2>/dev/null`
-      `git -c user.name='Christine Ashcreek' -c user.email=dev@null.com -c push.default=simple mv     "#{old + '.creator'}"         "#{new + '.creator'}" 2>/dev/null`
-      `git -c user.name='Christine Ashcreek' -c user.email=dev@null.com -c push.default=simple mv     "#{old + '.stage'}"           "#{new + '.stage'}"   2>/dev/null`
+      told = File.basename(old)
+      tnew = File.join(p1.relative_path_from(p1).to_s,File.basename(new))
+      `git -c user.name='Christine Ashcreek' -c user.email=dev@null.com -c push.default=simple mv     "#{told}"                      "#{tnew}"              2>/dev/null`
+      `git -c user.name='Christine Ashcreek' -c user.email=dev@null.com -c push.default=simple rm -rf "#{told + '.active'}"                                2>/dev/null`
+      `git -c user.name='Christine Ashcreek' -c user.email=dev@null.com -c push.default=simple rm -rf "#{told + '.active-uuid'}"                           2>/dev/null`
+      `git -c user.name='Christine Ashcreek' -c user.email=dev@null.com -c push.default=simple mv     "#{told + '.author'}"          "#{tnew + '.author'}"  2>/dev/null`
+      `git -c user.name='Christine Ashcreek' -c user.email=dev@null.com -c push.default=simple mv     "#{told + '.creator'}"         "#{tnew + '.creator'}" 2>/dev/null`
+      `git -c user.name='Christine Ashcreek' -c user.email=dev@null.com -c push.default=simple mv     "#{told + '.stage'}"           "#{tnew + '.stage'}"   2>/dev/null`
       Dir.chdir(cdir)
+      CPEE::ModelManagement::fs_mv(models,old,new) # fallback
     end
     def self::git_rm(models,new)
       cdir = Dir.pwd
       Dir.chdir(File.join(models,File.dirname(new)))
-      new = File.basename(new)
-      `git -c user.name='Christine Ashcreek' -c user.email=dev@null.com -c push.default=simple rm -rf "#{new}" 2>/dev/null`
-       FileUtils.rm_rf(new)
-      `git -c user.name='Christine Ashcreek' -c user.email=dev@null.com -c push.default=simple rm -rf "#{new}.active"      2>/dev/null`
-      `git -c user.name='Christine Ashcreek' -c user.email=dev@null.com -c push.default=simple rm -rf "#{new}.active-uuid" 2>/dev/null`
-      `git -c user.name='Christine Ashcreek' -c user.email=dev@null.com -c push.default=simple rm -rf "#{new}.author"      2>/dev/null`
-      `git -c user.name='Christine Ashcreek' -c user.email=dev@null.com -c push.default=simple rm -rf "#{new}.creator"     2>/dev/null`
-      `git -c user.name='Christine Ashcreek' -c user.email=dev@null.com -c push.default=simple rm -rf "#{new}.stage"       2>/dev/null`
+      tnew = File.basename(new)
+      `git -c user.name='Christine Ashcreek' -c user.email=dev@null.com -c push.default=simple rm -rf "#{tnew}" 2>/dev/null`
+       FileUtils.rm_rf(tnew)
+      `git -c user.name='Christine Ashcreek' -c user.email=dev@null.com -c push.default=simple rm -rf "#{tnew}.active"      2>/dev/null`
+      `git -c user.name='Christine Ashcreek' -c user.email=dev@null.com -c push.default=simple rm -rf "#{tnew}.active-uuid" 2>/dev/null`
+      `git -c user.name='Christine Ashcreek' -c user.email=dev@null.com -c push.default=simple rm -rf "#{tnew}.author"      2>/dev/null`
+      `git -c user.name='Christine Ashcreek' -c user.email=dev@null.com -c push.default=simple rm -rf "#{tnew}.creator"     2>/dev/null`
+      `git -c user.name='Christine Ashcreek' -c user.email=dev@null.com -c push.default=simple rm -rf "#{tnew}.stage"       2>/dev/null`
       Dir.chdir(cdir)
+      CPEE::ModelManagement::fs_rm(models,new) # fallback
     end
     def self::git_shift(models,new)
       cdir = Dir.pwd
       Dir.chdir(File.join(models,File.dirname(new)))
-      new = File.basename(new)
-      `git -c user.name='Christine Ashcreek' -c user.email=dev@null.com -c push.default=simple rm -rf "#{new}.active"      2>/dev/null`
-      `git -c user.name='Christine Ashcreek' -c user.email=dev@null.com -c push.default=simple rm -rf "#{new}.active-uuid" 2>/dev/null`
+      nnew = File.basename(new)
+      `git -c user.name='Christine Ashcreek' -c user.email=dev@null.com -c push.default=simple rm -rf "#{nnew}.active"      2>/dev/null`
+      `git -c user.name='Christine Ashcreek' -c user.email=dev@null.com -c push.default=simple rm -rf "#{nnew}.active-uuid" 2>/dev/null`
       Dir.chdir(cdir)
+      CPEE::ModelManagement::fs_shift(models,new) # fallback
     end
     def self::git_commit(models,new,author)
       rp = File.realpath(models)
@@ -74,7 +78,7 @@ module CPEE
     def self::fs_mv(models,old,new)
       fname = File.join(models,old)
       fnname = File.join(models,new)
-      FileUtils.mv(fname,fnname)
+      FileUtils.mv(fname,fnname) rescue nil
       File.delete(fname + '.active',fnname + '.active') rescue nil
       File.delete(fname + '.active-uuid',fnname + '.active-uuid') rescue nil
       FileUtils.mv(fname + '.author',fnname + '.author') rescue nil
@@ -104,7 +108,6 @@ module CPEE
       fname = File.join(models,new)
       File.delete(fname + '.active') rescue nil
       File.delete(fname + '.active-uuid') rescue nil
-      Dir.chdir(cdir)
     end
 
     def self::git_dir(models,file)
@@ -387,6 +390,9 @@ module CPEE
           doc.find('/p:testset/p:attributes/p:design_dir').each do |ele|
             ele.text = where
           end
+          doc.find('/p:testset/p:attributes/p:model_uuid').each do |ele|
+            ele.text = SecureRandom.uuid
+          end
           if stage
             doc.find('/p:testset/p:attributes/p:design_stage').each do |ele|
               ele.text = stage

data/server/model.xml

@@ -25,6 +25,10 @@
     <info>none</info>
     <creator>Juergen Mangler</creator>
     <author>Juergen Mangler</author>
+    <resource_restriction>none</resource_restriction>
+    <resource_id></resource_id>
+    <model_uuid></model_uuid>
+    <model_version></model_version>
     <modeltype>CPEE</modeltype>
     <theme>model</theme>
     <design_dir></design_dir>

data/server/testset.xml

@@ -18,6 +18,10 @@
     <creator>Juergen Mangler</creator>
     <author>Juergen Mangler</author>
     <modeltype>CPEE</modeltype>
+    <resource_restriction>none</resource_restriction>
+    <resource_id></resource_id>
+    <model_uuid></model_uuid>
+    <model_version></model_version>
     <theme>extended</theme>
     <design_dir></design_dir>
     <design_stage>draft</design_stage>

data/tools/cpee-moma

@@ -5,6 +5,8 @@ require 'optparse'
 require 'fileutils'
 require 'xml/smart'
 require 'zip'
+require 'typhoeus'
+require 'securerandom'
 
 def wrap(s, width=78, indent=18)
 	lines = []
@@ -24,6 +26,29 @@ def wrap(s, width=78, indent=18)
 	return lines.join "\n"
 end
 
+def js_libs(cockpit)
+  res = Typhoeus.get('https://cpee.org/js_libs/js_libs.zip')
+  if res.success?
+    File.write(File.join(cockpit,'js_libs.zip'),res.response_body)
+    Zip::File.open(File.join(cockpit,'js_libs.zip')) do |zip_file|
+      zip_file.each do |entry|
+        case entry.ftype
+          when :directory
+            Dir.mkdir(File.join(cockpit,entry.name)) rescue nil
+          when :file
+            File.write(File.join(cockpit,entry.name),entry.get_input_stream.read)
+          when :symlink
+            FileUtils.ln_s(File.join('.',entry.get_input_stream.read),File.join(cockpit,entry.name), force: true)
+        end
+      end
+    end
+    true
+  else
+    puts 'Internet access required to download javascript libs from "http://cpee.org/js_libs/js_libs.zip".'
+    false
+  end
+end
+
 ARGV.options { |opt|
   opt.summary_indent = ' ' * 2
   opt.summary_width = 15
@@ -66,6 +91,23 @@ elsif command == 'convert'
         name = File.basename(f,'.xml')
         creator = author = design_dir = design_stage = nil
 
+        if doc.find('/x:testset/x:attributes').length == 0
+          n = doc.root.add('x:attributes')
+        end
+
+        if doc.find('/x:testset/x:attributes/x:model_uuid').length == 0
+          n = doc.find('/x:testset/x:attributes').first
+          n.add('x:model_uuid',SecureRandom.uuid)
+        end
+        if doc.find('/x:testset/x:attributes/x:theme').length == 0
+          n = doc.find('/x:testset/x:attributes').first
+          n.add('x:theme','extended')
+        end
+        if doc.find('/x:testset/x:attributes/x:info').length == 0
+          n = doc.find('/x:testset/x:attributes').first
+          n.add('x:info',name)
+        end
+
         if (dt = doc.find('/x:testset/x:attributes/x:creator')).length > 0
           dt.each do |e|
             creator = e.text
@@ -102,12 +144,14 @@ elsif command == 'convert'
         end
         File.write(f + '.stage',design_stage)
 
+        dd = ENV['PWD'] || Dir.pwd
+        ma = dd.scan(/\/([^\/]+\.dir)/)
+        design_dir = ma.join('/')
         if (dt = doc.find('/x:testset/x:attributes/x:design_dir')).length > 0
           dt.each do |e|
-            design_dir = e.text
+            e.text = design_dir
           end
         else
-          design_dir = Dir.pwd.sub(/^.*?models\/?/,'')
           doc.find('/x:testset/x:attributes').each do |e|
             e.add('x:design_dir',design_dir)
           end

data/ui/css/design.css

@@ -0,0 +1,52 @@
+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;
+}
+
+[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; }

data/ui/index.html

@@ -0,0 +1,151 @@
+<!--
+  This file is part of CPEE-MODEL-MANAGEMENT.
+
+  CPEE-MODEL-MANAGEMENT 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-MODEL-MANAGEMENT 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-MODEL-MANAGEMENT (file LICENSE 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 http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+    <title>Design</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="https://cdnjs.cloudflare.com/ajax/libs/jquery.qrcode/1.0/jquery.qrcode.min.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>
+
+    <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="/global_ui/ui.css" type="text/css"/>
+
+    <link   rel="stylesheet"      href="/js_libs/relaxngui.css" type="text/css"/>
+
+    <!-- custom stuff, play arround  -->
+    <link   rel="stylesheet"      href="css/design.css" type="text/css"/>
+    <script type="text/javascript" src="js/design.js"></script>
+  </head>
+  <body is="x-ui-">
+    <ui-rest id="main">
+      <ui-tabbar>
+        <ui-before                                  ></ui-before>
+        <ui-tab class=""         data-tab="models"  >Models</ui-tab>
+        <ui-tab class="inactive" data-tab="newmodel">New Model</ui-tab>
+        <ui-tab class="inactive" data-tab="newdir"  >New Dir</ui-tab>
+        <ui-behind                                  ></ui-behind>
+        <ui-last                                    ><a class="logo" href=".."></a></ui-last>
+      </ui-tabbar>
+      <ui-content class="noselect">
+        <ui-area data-belongs-to-tab="models">
+          <p>Your Models are saved/versioned in <a target='_blank' href='https://git-scm.com/'>GIT</a>. So fret not. Just send an email to <a href="mail:helpdesk@acdp.at">helpdesk@acdp.at</a> if you are lost. And as always: <a target='_blank' href='https://www.youtube.com/watch?v=kkxj5xVLyj0&feature=youtu.be&t=56'>get dressed for success</a>.</p>
+          <table id="models" class='ui-table'>
+            <template id="up">
+              <tr>
+                <td data-class='folder' class="noselect">📁</td>
+                <td data-class='name' data-full-name=''><a href=''></a></td>
+                <td></td>
+                <td></td>
+                <td data-class='creator'></td>
+                <td></td>
+                <td data-class='date'></td>
+                <td data-class=''></td>
+              </tr>
+            </template>
+            <template id="folder">
+              <tr>
+                <td data-class='folder' class="noselect">📁</td>
+                <td data-class='name' data-full-name=''><a href=''></a></td>
+                <td></td>
+                <td></td>
+                <td data-class='creator'></td>
+                <td></td>
+                <td data-class='date'></td>
+                <td data-class='ops' class="noselect"><span>…</span></td>
+              </tr>
+            </template>
+            <template id="model">
+              <tr>
+                <td data-class='model' class="noselect" draggable="true" title='drag to folders to move'>𝌭</td>
+                <td data-class='name' data-full-name=''><a target='_blank' href=''></a></td>
+                <td data-class='force'>[<a target='_blank' href='' title='force new instance'>F</a>]</td>
+                <td data-class='raw'>[<a target='_blank' href='' title='link to model source'>M</a>]</td>
+                <td data-class='creator'></td>
+                <td data-class='author'></td>
+                <td data-class='date'></td>
+                <td data-class='ops' class="noselect"><span>…</span></td>
+              </tr>
+            </template>
+            <tbody>
+            </tbody>
+          </table>
+        </ui-area>
+        <ui-area data-belongs-to-tab="newmodel" class="inactive">
+          <p>
+            Create an empty model. Beware, if a model of the same name already
+            exists in one of the categories (e.g. draft, development,
+            production, archive) it can not be created. To protect you from
+            getting confused and shooting yourself in the foot in your little
+            modelling world we allow only unique names. Better safe than sorry.
+          </p>
+          <form id="newmod">
+            <input type="hidden" name="stage" value=""/>
+            <input type="hidden" name="dir" value=""/>
+            <p>
+              <input type="text" name="new" required pattern="^[a-zA-Z0-9öäüÖÄÜ _-]+" placeholder="Filename (no extension necessary). Only use characters, spaces, underlines and dashes."/>
+            </p>
+            <p>
+              <button>New Model</button>
+            </p>
+          </form>
+        </ui-area>
+        <ui-area data-belongs-to-tab="newdir" class="inactive">
+          <p>
+            Create an empty directory. Beware, if a directory of the same name
+            already exists in one of the categories (e.g. draft, development,
+            production, archive) it can not be created. To protect you from
+            getting confused and shooting yourself in the foot in your little
+            modelling world we allow only unique names. Better safe than sorry.
+          </p>
+          <form id="newdir">
+            <input type="hidden" name="stage" value=""/>
+            <p>
+              <input type="text" name="newdir" required pattern="^[a-zA-Z0-9öäüÖÄÜ _-]+" placeholder="Directory name. Only use characters, spaces, underlines and dashes."/>
+            </p>
+            <p>
+              <button>New Directory</button>
+            </p>
+          </id>
+        </ui-area>
+      </ui-content>
+    </ui-rest>
+  </body>
+</html>

data/ui/js/design.js

@@ -0,0 +1,214 @@
+var gstage;
+var gdir;
+
+function move_it(name,todir) {
+  $.ajax({
+    type: "PUT",
+    url: "server/" + gdir + name,
+    data: { dir: 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: "POST",
+      url: "server/" + gdir,
+      data: { new: newname, old: name }
+    });
+  }
+}
+function delete_it(name) {
+  if (confirm('Are you really, really, REALLY sure!')) {
+    $.ajax({
+      type: "DELETE",
+      url: "server/" + gdir + name
+    });
+  }
+}
+
+function es_init(gdir,gstage) {
+  var es = new EventSource('server/');
+  es.onopen = function() {
+    console.log('es open');
+  };
+  es.onmessage = function(e) {
+    paint(gdir,gstage);
+  };
+  es.onerror = function() {
+    console.log('es error');
+    // es_init();
+  };
+}
+
+function paint(gdir,gstage) {
+  $('#models tbody').empty();
+  if (gdir && gdir != '') {
+    var clone = document.importNode(document.querySelector('#up').content,true);
+    $('[data-class=name] a',clone).text('..');
+    $('[data-class=name] a',clone).attr('href',window.location.pathname + '?stage=' + gstage + '&dir=');
+    $('#models tbody').append(clone);
+  }
+  $.ajax({
+    type: "GET",
+    url: "server/" + gdir,
+    data: { stage: gstage },
+    success: function(res) {
+      $(res).each(function(k,data) {
+        if (data.type == 'dir') {
+          var clone = document.importNode(document.querySelector('#folder').content,true);
+          $('[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',window.location.pathname + '?stage=' + gstage + '&dir=' + data['name']);
+        } else {
+          var clone = document.importNode(document.querySelector('#model').content,true);
+          $('[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=creator]',clone).text(data['creator']);
+        $('[data-class=author]',clone).text(data['author']);
+        $('[data-class=date]',clone).text(new Date(data['date']).strftime('%Y-%m-%d, %H:%M:%S'));
+        $('#models tbody').append(clone);
+      });
+    }
+  });
+}
+
+$(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') + '/').replace(/\/+/,'/') : '';
+
+  es_init(gdir,gstage);
+
+  $('input[name=stage]').val(gstage);
+  $('input[name=dir]').val(gdir);
+  $('ui-behind').text(gstage);
+
+  var dragged;
+  $('#models').on('drag','td[data-class=model]',false);
+  $('#models').on('dragstart','td[data-class=model]',(e) => {
+    dragged = $(e.currentTarget).parents('tr').find('td[data-class=name]').text();
+  });
+  $('#models').on('dragover','td[data-class=folder]',false);
+  $('#models').on('drop','td[data-class=folder]',(e) => {
+    e.preventDefault();
+    e.stopPropagation();
+    if (dragged) {
+      console.log(dragged);
+      var todir = $(e.currentTarget).parents('tr').find('td[data-class=name]').text();
+      todir = todir.replace(/\./g,'');
+      if (todir != '') {
+        todir += '.dir';
+      }
+      move_it(dragged,todir);
+      dragged = undefined;
+    }
+  });
+  var shifts = []
+  $.ajax({
+    type: "GET",
+    url: "server/",
+    data: { stages: 'stages' },
+    success: (r) => {
+      shifts = shifts.concat(r);
+      shifts = shifts.filter(item => item !== gstage);
+    }
+  });
+  $('#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');
+    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) {
+      menu['Shifting'] = [];
+      shifts.forEach(ele => {
+        menu['Shifting'].push(
+          {
+            'label': 'Shift to ' + ele,
+            'function_call': shift_it,
+            'text_icon': '➔',
+            'type': undefined,
+            'params': [name,ele]
+          }
+        );
+      });
+    }
+    console.log(shifts);
+    new CustomMenu(e).contextmenu(menu);
+  });
+
+  history.pushState({}, document.title, window.location.pathname + '?stage=' + gstage + '&dir=' + gdir);
+  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/",
+      data: { dir: $("#newdir input[name=newdir]").val() },
+      success: (r) => {
+        uidash_activate_tab($('ui-tab').first());
+      }
+    });
+    return false;
+  });
+});

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: cpee-model-management
 version: !ruby/object:Gem::Version
-  version: 1.0.8
+  version: 1.0.14
 platform: ruby
 authors:
 - Juergen eTM Mangler
 autorequire:
 bindir: tools
 cert_chain: []
-date: 2021-05-19 00:00:00.000000000 Z
+date: 2021-06-17 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: riddl
@@ -60,6 +60,9 @@ files:
 - server/moma.conf
 - server/testset.xml
 - tools/cpee-moma
+- ui/css/design.css
+- ui/index.html
+- ui/js/design.js
 homepage: http://cpee.org/
 licenses:
 - LGPL-3.0
@@ -79,7 +82,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubygems_version: 3.1.4
+rubygems_version: 3.1.6
 signing_key:
 specification_version: 4
 summary: "(Lifecycle) manage your process models in a directory or git repo."