cpee 1.4.26 → 1.4.27

data/cockpit/js_libs/relaxngui.css

@@ -0,0 +1,153 @@
+/*
+  This file is part of RelaxNGui.
+
+  RelaxNGui 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.
+
+  RelaxNGui 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
+  RelaxNGui (file COPYING in the main directory).  If not, see
+  <http://www.gnu.org/licenses/>.
+*/
+
+.relaxngui_table { }
+.relaxngui_table .relaxngui_table { }
+
+.relaxngui_table > .relaxngui_table > .relaxngui_table {
+  padding: 0;
+  padding-top: 0.2em;
+  padding-bottom: 0.5em;
+  padding-left: 1em;
+}
+.relaxngui_dyn {
+  margin: 0;
+  padding: 0;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  padding-bottom: 0.25em;
+  padding-top: 0.25em;
+  margin-left: 0.5em;
+}
+.relaxngui_dyn > *:nth-child(1) {
+  margin: 0;
+  padding: 0;
+  font-size: 1em;
+  margin-right: 0.2em;
+  margin-left: 0.2em;
+  vertical-align: baseline;
+  cursor: pointer;
+  display: inline-block;
+}
+.relaxngui_dyn > *:nth-child(2) {
+  flex: 1 1 auto;
+}
+
+.relaxngui_dyn > .relaxngui_table { padding: 0; margin: 0; }
+.relaxngui_dyn:nth-child(even) { background-color: #fff; }
+.relaxngui_dyn:nth-child(odd)  { background-color: #e9e9e9; }
+.relaxngui_table.even > .relaxngui_row:nth-child(even) { background-color: #fff; }
+.relaxngui_table.even > .relaxngui_row:nth-child(odd)  { background-color: #e9e9e9; }
+.relaxngui_table.odd  > .relaxngui_row:nth-child(even) { background-color: #e9e9e9; }
+.relaxngui_table.odd  > .relaxngui_row:nth-child(odd)  { background-color: #fff; }
+.relaxngui_table.even > .relaxngui_hint:nth-child(odd) { background-color: #fff; }
+.relaxngui_table.even > .relaxngui_hint:nth-child(even)  { background-color: #e9e9e9; }
+.relaxngui_table.odd  > .relaxngui_hint:nth-child(odd)  { background-color: #e9e9e9; }
+.relaxngui_table.odd  > .relaxngui_hint:nth-child(even)  { background-color: #fff; }
+
+.relaxngui_dyn:nth-child(even) > .relaxngui_table > .relaxngui_row:nth-child(1):nth-last-child(1) {
+  background-color: #fff;
+}
+.relaxngui_dyn:nth-child(odd) > .relaxngui_table > .relaxngui_row:nth-child(1):nth-last-child(1) {
+  background-color: #e9e9e9;
+}
+
+.relaxngui_table.even { background-color: #e9e9e9; }
+.relaxngui_table.odd  { background-color: #fff; }
+
+.relaxngui_row {
+  width: 100%;
+  display: flex;
+  flex-direction: row;
+}
+.relaxngui_hint {
+  padding-left: 0.2em;
+}
+.relaxngui_hint::before {
+ 	content: "↳ ";
+}
+.relaxngui_header {
+  margin: 0;
+  padding: 0;
+  padding-top: 0.7em;
+  padding-bottom: 0.2em;
+  padding-left: 0.1em;
+  display: block;
+  font-weight: bold;
+  font-size: 1.2em;
+}
+.relaxngui_dyn .relaxngui_header {
+  font-size: 1em;
+}
+button.relaxngui_control {
+  margin: 0.5em 0;
+  align-self: flex-start;
+}
+
+.relaxngui_cell { }
+
+.relaxngui_cell:nth-child(1), .relaxngui_cell:nth-child(2) {
+  margin: 0;
+  padding: 0.1em 0.2em;
+  font-size: 1em;
+  font-family: sans-serif;
+}
+input.relaxngui_cell:nth-child(1) {
+  border: 0 none;
+  background: none;
+}
+.relaxngui_cell:nth-child(3) {
+  margin: 0;
+  padding: 0.1em 0.2em;
+  flex: 1 1 auto;
+  font-size: 1em;
+  font-family: sans-serif;
+}
+select.relaxngui_cell:nth-child(3) {
+  -webkit-appearance: none;  /*Removes default chrome and safari style*/
+  -moz-appearance: none; /* Removes Default Firefox style*/
+  padding: 0;
+}
+select.relaxngui_cell:nth-child(3), button.relaxngui_cell:nth-child(3), textarea.relaxngui_cell:nth-child(3), input.relaxngui_cell:nth-child(3), [contenteditable].relaxngui_cell:nth-child(3) {
+  border: 0 none;
+  background: none;
+}
+
+[contenteditable].relaxngui_cell:nth-child(3) {
+  overflow-x: auto;
+  overflow-wrap: normal;
+  white-space: pre;
+  font-family: monospace,monospace;
+}
+[contenteditable][data-relaxngui-wrap='true'].relaxngui_cell:nth-child(3) {
+  white-space: normal;
+}
+[contenteditable].relaxngui_cell:focus {
+  outline: 0px solid transparent;
+}
+[contenteditable].relaxngui_cell:empty:before {
+  font-family: sans-serif;
+  color: #a1a1a1;
+  white-space: normal;
+  content: attr(placeholder);
+  display: block;
+}
+
+.relaxngui_template {
+  display: none;
+}

data/cockpit/js_libs/relaxngui.js

@@ -0,0 +1,402 @@
+/*
+  This file is part of RelaxNGui.
+
+  RelaxNGui 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.
+
+  RelaxNGui 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
+  RelaxNGui (file COPYING in the main directory).  If not, see
+  <http://www.gnu.org/licenses/>.
+*/
+
+var RelaxNGui = function(rng,target,ceval,ignore=false) {
+  if (!(rng instanceof XMLDocument)) { // rng has to be XMLDocument //{{{
+    rng = $XR($(rng).serializeXML());
+  } //}}}
+
+  var lenextract = function(tag, lencount) { //{{{
+    $.each(tag.attributes,function(k,v){
+      if ((v.localName == 'label') && (v.namespaceURI == 'http://rngui.org')) { lencount = v.nodeValue.length > lencount ? v.nodeValue.length : lencount; }
+    });
+    return lencount;
+  }; //}}}
+
+  var labextract = function(type,tag) { //{{{
+    var ret = { 'type': type, 'wrap': false, 'readonly': false, 'label': '', default: '' };
+    $.each(tag.attributes,function(k,v){
+      if ((v.localName == 'label') && (v.namespaceURI == 'http://rngui.org')) { ret['label'] = v.nodeValue; }
+      if ((v.localName == 'readonly') && (v.namespaceURI == 'http://rngui.org')) { ret['readonly'] = v.nodeValue == 'true' ? true : false; }
+      if ((v.localName == 'wrap') && (v.namespaceURI == 'http://rngui.org')) { ret['wrap'] = v.nodeValue == 'true' ? true : false; }
+    });
+    return ret;
+  }; //}}}
+
+  var addelements = function(target) { //{{{
+    var template = target.parent().find('> .relaxngui_template').clone(true,true);
+    template.removeClass('relaxngui_template');
+    template.find('[data-relaxngui-template]').each(function(j,t){
+      $(t).attr('data-relaxngui-template',false);
+    });
+    template.find('.relaxngui_template [data-relaxngui-template]').each(function(j,t){
+      $(t).attr('data-relaxngui-template',true);
+    });
+    template.addClass('relaxngui_dyn');
+    template.on('click', '> *:first-child', function(ev){ delelements($(ev.target)); });
+
+    if (target.parent().find('> .relaxngui_dyn').length % 2 == 1) {
+      var evens = template.find('.even');
+      var odds = template.find('.odd');
+      evens.each(function(k,v){
+        $(v).removeClass('even');
+        $(v).addClass('odd');
+      });
+      odds.each(function(k,v){
+        $(v).removeClass('odd');
+        $(v).addClass('even');
+      });
+    }
+
+    target.parent().find('> .relaxngui_control').before(template);
+  }; //}}}
+
+  var delelements = function(target) { //{{{
+    var it = target.parent();
+    var par = target.parent().parent();
+    it.remove();
+    par.trigger('relaxngui_remove');
+  }; //}}}
+
+  var recshow_header = function(tag,ret){ //{{{
+    var header;
+    $.each(tag.attributes,function(k,v){
+      if ((v.localName == 'header') && (v.namespaceURI == 'http://rngui.org')) { header = v.nodeValue; }
+    });
+    if (header) {
+      ret.append($("<div class='relaxngui_header'>" + header + "</div>"));
+    }
+  } //}}}
+
+  var recshow_single = function(tag,ret,template,path,lencount){ //{{{
+    var node = $('<div class="relaxngui_row"/>');
+    var name;
+    var label;
+    var second = {};
+    var datalist = [];
+    var defaul = '';
+    var hint = '';
+    var retcount = 0;
+    $.each(tag.attributes,function(k,v){
+      if ((v.localName == 'label')   && (v.namespaceURI == 'http://rngui.org')) { label  = v.nodeValue; }
+      if ((v.localName == 'date')    && (v.namespaceURI == 'http://rngui.org')) { label  = v.nodeValue; }
+      if ((v.localName == 'default') && (v.namespaceURI == 'http://rngui.org')) { defaul = v.nodeValue; }
+      if ((v.localName == 'hint')    && (v.namespaceURI == 'http://rngui.org')) { hint   = v.nodeValue; }
+      if  (v.localName == 'name')                                               { name   = v.nodeValue; }
+    });
+
+    $.each($(tag).children('data[type=string]'), function(k,v) { second = labextract('string',v); });
+    $.each($(tag).children('data[type=integer]'), function(k,v) { second = labextract('integer',v); });
+    $.each($(tag).children('data[type=nonNegativeInteger]'), function(k,v) { second = labextract('nonNegativeInteger',v); });
+    $.each($(tag).children('data[type=positiveInteger]'), function(k,v) { second = labextract('positiveInteger',v); });
+    $.each($(tag).children('data[type=float]'), function(k,v) { second = labextract('float',v); });
+    $.each($(tag).children('data[type=date]'), function(k,v) { second = labextract('date',v); });
+    $.each($(tag).children('text'), function(k,v) { second = labextract('text',v); });
+    $.each($(tag).find('choice > value'), function(k,v) {
+      second = labextract('datalist',$(v).parent()[0]);
+      datalist.push(v.textContent);
+    });
+    if (name && label) {
+      node.append($("<label class='relaxngui_cell' style='min-width: " + (lencount+1) + "ex' for=''>" + label + "</label><span class='relaxngui_cell'>⇒</span>"));
+    } else if (name) {
+      // a tag without information is ignored
+    } else if (label) {
+      node.append($("<input data-relaxngui-template='" + template + "' data-relaxngui-parent='" + path + "' data-relaxngui-path='" + path + " > *[data-name]' class='relaxngui_cell' type='text' pattern='^[a-z][a-zA-Z0-9_]*$' id='' placeholder='" + label + "'></input><span class='relaxngui_cell'>⇒</span>"));
+    }
+
+    var tpath = ((typeof name === 'undefined') ? path + ' > *' : (tag.localName == 'element' ? path + ' > ' + $(tag).attr('name') : path + '[' + $(tag).attr('name') + ']'));
+    if (label) {
+      if (defaul && typeof defaul == 'string' && defaul.match(/^javascript:/)) {
+        defaul = defaul.replace(/^javascript:/,'');
+        defaul = ceval ? ceval(defaul) : eval(defaul);
+      }
+      if (second.readonly)
+        node.append($("<input      " + (defaul && typeof defaul == 'string' ? 'value="' + defaul + '"' : '') + " data-relaxngui-template='" + template + "' data-relaxngui-parent='" + path + "' data-relaxngui-path='" + tpath + "' class='relaxngui_cell' type='text'              id='' readonly='readonly'></input>"));
+      else {
+        if (second.type == 'string')
+          node.append($("<input    " + (defaul && typeof defaul == 'string' ? 'value="' + defaul + '"' : '') + " data-relaxngui-template='" + template + "' data-relaxngui-parent='" + path + "' data-relaxngui-path='" + tpath + "' class='relaxngui_cell' type='text'              id='' placeholder='" + second.label + "'></input>"));
+        else if (second.type == 'integer')
+          node.append($("<input    " + (defaul && typeof defaul == 'string' ? 'value="' + defaul + '"' : '') + " data-relaxngui-template='" + template + "' data-relaxngui-parent='" + path + "' data-relaxngui-path='" + tpath + "' class='relaxngui_cell' type='number'            id='' placeholder='" + second.label + "'></input>"));
+        else if (second.type == 'positiveInteger')
+          node.append($("<input    " + (defaul && typeof defaul == 'string' ? 'value="' + defaul + '"' : '') + " data-relaxngui-template='" + template + "' data-relaxngui-parent='" + path + "' data-relaxngui-path='" + tpath + "' class='relaxngui_cell' type='number'            id='' placeholder='" + second.label + "' min='1'></input>"));
+        else if (second.type == 'nonNegativeInteger')
+          node.append($("<input    " + (defaul && typeof defaul == 'string' ? 'value="' + defaul + '"' : '') + " data-relaxngui-template='" + template + "' data-relaxngui-parent='" + path + "' data-relaxngui-path='" + tpath + "' class='relaxngui_cell' type='number'            id='' placeholder='" + second.label + "' min='0'></input>"));
+        else if (second.type == 'date')
+          node.append($("<input    " + (defaul && typeof defaul == 'string' ? 'value="' + defaul + '"' : '') + " data-relaxngui-template='" + template + "' data-relaxngui-parent='" + path + "' data-relaxngui-path='" + tpath + "' class='relaxngui_cell' type='date'              id='' placeholder='" + second.label + "'></input>"));
+        else if (second.type == 'float')
+          node.append($("<input    " + (defaul && typeof defaul == 'string' ? 'value="' + defaul + '"' : '') + " data-relaxngui-template='" + template + "' data-relaxngui-parent='" + path + "' data-relaxngui-path='" + tpath + "' class='relaxngui_cell' type='number' step='any' id='' placeholder='" + second.label + "'></input>"));
+        else if (second.type == 'text')
+          node.append($("<div contenteditable='true' data-relaxngui-wrap='" + second.wrap + "' " + (defaul && typeof defaul == 'string' ? 'value="' + defaul + '"' : '') + " data-relaxngui-template='" + template + "' data-relaxngui-parent='" + path + "' data-relaxngui-path='" + tpath + "' class='relaxngui_cell'               id='' placeholder='" + second.label + "'></div>"));
+        else if (second.type == 'datalist') {
+          var tnode = $("<select   " + (defaul && typeof defaul == 'string' ? 'value="' + defaul + '"' : '') + " data-relaxngui-template='" + template + "' data-relaxngui-parent='" + path + "' data-relaxngui-path='" + tpath + "' class='relaxngui_cell'               id='' size='1'></select>");
+          $.each(datalist,function(didx,dname){
+            if (dname == defaul)
+              tnode.append('<option value="' + dname + '" selected="selected">' + dname + '</value>');
+            else
+              tnode.append('<option value="' + dname + '">' + dname + '</value>');
+          });
+          node.append(tnode);
+        }
+      }
+      ret.append(node);
+      retcount += 1;
+    } else {
+      if (tag.localName != 'element') { // its an attribute, simulate its empty-ness
+        node.attr('data-relaxngui-template',template);
+        node.attr('data-relaxngui-parent',path);
+        node.attr('data-relaxngui-path',tpath);
+        ret.append(node);
+        retcount += 1;
+      }
+    }
+    if (hint) {
+      var n  = $('<div class="relaxngui_hint"/>');
+      var s1 = $('<em>Hint: </em>');
+      var s2 = $('<span/>');
+          s2.text(hint);
+
+      n.append(s1);
+      n.append(s2);
+      ret.append(n);
+      retcount += 1;
+    }
+    return retcount;
+  } //}}}
+
+  var recshow = function(elements,template,path,attr) { //{{{
+    // delete all elements with relaxngui:ignore
+    if (attr.ignore) {
+      var tele = $.grep(elements,function(tagv){
+        var include = true;
+        $.each(tagv.attributes,function(k,v){
+          if ((v.localName == 'ignore') && (v.namespaceURI == 'http://rngui.org')) {
+            include = false;
+          }
+        });
+        return include;
+      });
+      elements = $(tele);
+    }
+
+    var ret = $('<div/>');
+
+    var lencount = 0;
+    $.each(elements,function(k,v){
+      var tag = $(v)[0];
+      if ((tag.localName == 'element') && (tag.namespaceURI == 'http://relaxng.org/ns/structure/1.0')) {
+        $(tag).children('attribute').each(function(l,w){
+          lencount = lenextract($(w)[0],lencount);
+        });
+        lencount = lenextract(tag,lencount);
+      }
+    });
+    $.each(elements,function(k,v){
+      if (attr.mode == 'even') { attr.mode = 'odd' }
+      else { attr.mode = 'even'; }
+
+      var tag = $(v)[0];
+
+      if ((tag.localName == 'element') && (tag.namespaceURI == 'http://relaxng.org/ns/structure/1.0')) {
+        var xxx;
+        if (template) {
+          var yyy = $('<div class="relaxngui_table ' + attr.mode + '" data-relaxngui-template="true" data-relaxngui-parent="' + path + '" data-relaxngui-path="' + (path == '' ? ' > '  + (typeof elements.attr('name') === 'undefined' ? '*' : elements.attr('name')) : path + ' > ' + (typeof $(tag).attr('name') === 'undefined' ? '*' : $(tag).attr('name'))) + '[data-main]">');
+          xxx = $('<div class="relaxngui_template"><span>✖</span></div>');
+          xxx.append(yyy);
+          ret.append(xxx);
+          xxx = yyy;
+        } else {
+          xxx = $('<div class="relaxngui_table ' + attr.mode + '" data-relaxngui-template="false" data-relaxngui-parent="' + path + '" data-relaxngui-path="' + (path == '' ? ' > '  + elements.attr('name') : path + ' > ' + $(tag).attr('name')) + '[data-main]">');
+          ret.append(xxx);
+        }
+
+        recshow_header(tag,xxx);
+        var rcount = 0;
+        $(tag).children('attribute').each(function(l,w){
+          var ttag = $(w)[0];
+          rcount += recshow_single(ttag,xxx,template,path + ' > ' + $(tag).attr('name'),lencount);
+        });
+        rcount += recshow_single(tag,xxx,template,path,lencount);
+
+        var sub;
+        if (sub = recshow($(tag).children('element, zeroOrMore'),false,path + ' > ' + $(tag).attr('name'),{ ignore: attr.ignore, mode: (attr.mode == 'even' && rcount % 2 == 0 ? 'odd' : 'even' ) })) {
+          var inode = xxx.append(sub);
+          if (template) {
+            inode.find('[data-relaxngui-template]').each(function(j,t){
+              $(t).attr('data-relaxngui-template',true);
+            });
+          }
+        }
+      } else if ((tag.localName == 'zeroOrMore') && (tag.namespaceURI == 'http://relaxng.org/ns/structure/1.0')) {
+        var label;
+        $.each(tag.attributes,function(k,v){
+          if ((v.localName == 'label') && (v.namespaceURI == 'http://rngui.org')) { label = v.nodeValue; }
+        });
+        var but = $('<button class="relaxngui_control">' + label + '</button>');
+            but.on('click',function(ev){ addelements($(ev.target)); });
+
+        ret.append(recshow($(tag).children(),true,path,{ ignore: attr.ignore, mode: attr.mode }));
+        ret.append(but);
+      }
+    });
+    return ret.children().length > 0 ? ret.children() : undefined;
+  }; //}}}
+
+  var serializeXML = function (xml) { //{{{
+    var out = '';
+    if (typeof XMLSerializer == 'function') {
+        var xs = new XMLSerializer();
+        $(xml).each(function() {
+            out += xs.serializeToString(this);
+        });
+    } else if (xml && xml.xml != 'undefined') {
+        $(xml).each(function() {
+            out += this.xml;
+        });
+    }
+    return out;
+  }; //}}}
+  this.save = function() { //{{{
+    var xml;
+    var curr;
+    var tar = target.find('[data-relaxngui-path]:not([data-relaxngui-template=true])');
+    for (var i = 0; i<tar.length;) {
+      var path = $(tar[i]).attr('data-relaxngui-path');
+      var parent_path = $(tar[i]).attr('data-relaxngui-parent');
+      if (i == 0) {
+        var par = path.replace(/\[data-main\]/,'').replace(/ > /,'');
+        xml = $XR('<' + par + '/>');
+      } else {
+        var ma = path.match(/([^\s]+)$/)[1];
+        var att;
+        if (ma.match(/\*\[data-main\]/)) {
+          // do nothing. seriously. explicitly.
+        } else if (ma.match(/\[data-main\]/)) {
+          var par = ma.replace(/\[data-main\]/,'');
+          var curr = $($XR('<' + par + '/>').documentElement);
+          $(parent_path,xml).last().append(curr);
+        } else if (ma.match(/\[data-name\]/)) {
+          if ($(tar[i]).get_val()) {
+            var nn =  $($XR('<' + $(tar[i]).get_val() + '/>').documentElement).text($(tar[i+1]).get_val());
+            $(parent_path,xml).append(nn);
+          }
+          i+=1;
+        } else if (att = ma.match(/\[([^\]]+)\]$/)) {
+          $(parent_path + ':last-child',xml).last().attr(att[1],$(tar[i]).get_val());
+        } else {
+          $(path + ':last-child',xml).last().text($(tar[i]).get_val())
+        }
+      }
+      i+=1;
+    }
+    return xml;
+  }; //}}}
+  this.save_text = function() { //{{{
+    return serializeXML(self.save());
+  } //}}}
+
+  this.content = function(data) { //{{{
+    if (!(data instanceof XMLDocument)) { // data has to be XMLDocument //{{{
+      data = $XR($(data).serializeXML());
+    } //}}}
+
+    if (data) {
+      var x = $(data).serializePrettyXML();
+      x = x.replace(/\s+xmlns(:[a-zA-Z0-9]+)?=\"[^\"]+\"/g, "");
+      x = x.replace(/<\?[^>]+>/g, "");
+      x = x.trim();
+      y = $(self.save()).serializePrettyXML();
+      if (x != y) {
+        target.find('.relaxngui_dyn').remove();
+        target.find('[data-relaxngui-path]').each(function(k,pa){
+          var path = $(pa).attr('data-relaxngui-path');
+          if (!path.match(/data-\w+\]$/)) {
+            if ($(pa).attr('data-relaxngui-template') == 'true' && path.match(/\*$/)) {
+              $(data).find(path).each(function(index,ele){
+                $(target.find('[data-relaxngui-path="' + path + '[data-name]"][data-relaxngui-template="false"]').get(index)).set_val(ele.localName);
+                $(target.find('[data-relaxngui-path="' + path + '"][data-relaxngui-template="false"]').get(index)).set_val($(ele).text());
+              });
+            } else if ($(pa).attr('data-relaxngui-template') == 'true' && !path.match(/\*$/)) {
+              $(data).find(path).each(function(index,ele){
+                var att;
+                var val;
+                if (att = path.match(/(.*)\[([^\]]+)\]$/)) {
+                  val = $(ele).attr(att[2]);
+                } else {
+                  val = $(ele).text();
+                }
+                if (val && val != '') {
+                  $(target.find('[data-relaxngui-path="' + path + '"][data-relaxngui-template="false"]').get(index)).set_val(val);
+                }
+              });
+            } else {
+              var att;
+              var val;
+              if (att = path.match(/(.*)\[([^\]]+)\]$/)) {
+                val = $(data).find(att[1]).attr(att[2]);
+              } else {
+                val = $(data).find(path).text();
+              }
+              if (val && val != '') {
+                target.find('[data-relaxngui-path="' + path + '"]').set_val(val);
+              }
+            }
+          } else {
+            if ($(pa).attr('data-relaxngui-template') == 'true') {
+              var but = target.find('.relaxngui_table[data-relaxngui-template="false"] > .relaxngui_template > [data-relaxngui-path="' + path + '"][data-relaxngui-template="true"]').parent().parent().find('> button');
+              if (but.length > 0) {
+                var dpath = path.replace(/\[data-main\]$/,'');
+                var par = undefined;
+                var ind = -1;
+                $(data).find(dpath).each(function(ke,ele){
+                  if (par != $(ele).parent()[0]) {
+                    ind += 1;
+                    par = $(ele).parent()[0];
+                  }
+                  if ($(but.get(ind)).attr('disabled')) {
+                    $(but.get(ind)).removeAttr('disabled');
+                    but.get(ind).click();
+                    $(but.get(ind)).attr('disabled','disabled');
+                  } else {
+                    but.get(ind).click();
+                  }
+                });
+              }
+            }
+          }
+        });
+        self.set_checkpoint();
+      }
+    }
+  }; //}}}
+
+  // stuff to determine if user changed something
+  var orig = '';
+  this.set_checkpoint = function() { //{{{
+    orig = self.save_text();
+  } //}}}
+  this.has_changed = function() { //{{{
+    if (orig != self.save_text()) {
+      return true;
+    } else {
+      return false;
+    }
+  } //}}}
+
+  target.append(recshow($(rng.documentElement),false,'',{ ignore: ignore, mode: 'even'}));
+
+  var self = this;
+};