• Home
• com.googlecode.redbox-mint
• redbox-config
• 1.6
• source code
• widgets.js

×

Project download

Many resources are needed to download a project. Please understand that we have to compensate our server costs. Thank you in advance.
Project price only 1 $

You can buy this project and download/modify it how often you want.

portal.default.redbox.javascript-widgets.widgets.js Maven / Gradle / Ivy

var widgets={forms:[], globalObject:this};


(function($){
  var formClassName = "widget-form";

  if(!$.fn.dataset){     // if dataset function not defined
      $.fn.dataset=function(name, value){return this.attr("data-"+name, value);};
  }
  if(!$.fn.getDatasets){
      $.fn.getDatasets=function(ff){
          var atts, d={}, item, name, value;
          if(this[0]){
            atts=this[0].attributes;
            for(var i=0,l=atts.length; ia+b")(3, 2)   or fn("$1+$2")(3, 2)
      var re=/^([\w$,\s]+)-\>/, re2=/;|}/;
      var a, b;
      if(re.test(s)){
          b=s.replace(re, function(_, a1){a=a1;return "";});
          if(!re2.test(b)) b = "return " + b;
      } else {
          a = "$1,$2,$3,$4";
          b=s;
      }
      return new Function(a, b);
  }
  _fn = fn;

  var _idNum=1;
  function getIdNum(){
      return _idNum++;
  }
  gId = getIdNum;

  function trim(s){
    return $.trim(s);
    return s.replace(/^\s+|\s+$/g, "")
  }

  function keys(d, f){
    var keys=[], k;
    for(k in d){
        if(!f || f(k)){
            keys.push(k);
        }
    }
    return keys;
  }
  function values(d){
      var values=[], k;
      for(k in d){values.push(d[k]);}
      return values;
  }

  function getById(id){
    var e=document.getElementById(id);
    if(e){
        return $(e);
    }else{
        return $("#_doesNotExist_.-_");
    }
  }

  function reduce(c, func, i){
    if(!i)i=0;
    $.each(c, function(k, v){
      i = func(v, i);
    });
    return i;
  }

  function any(c, func){
    var flag=false;
    $.each(c, function(k, v){
      if(func(v)) flag=true;
    });
    return flag;
  }

  function isFunction(func){
      return typeof(func)==="function";
  }

  function callIfFunction(func, a, b, c){
      if(typeof(func)==="function"){
          try{ func(a, b, c); }catch(e){}
      }
  }

  function messageBox(msg){
      var msgBox=messageBox.msgBox;
      if(!msgBox){  // setup
          var div, i;
          msgBox = $("
");
          msgBox.append($(""));
          div = $("
");
          msgBox.append(div);
          i = $("");
          div.append(i);
          messageBox.msgBox=msgBox;
          i.click(function(){msgBox.dialog("close");});
          msgBox.dialog({title:"Message", hide:"blind",
                modal:true, autoOpen:false });
      }
      msgBox.dialog("open").find("span:first").text(msg);
  }
  
  function changeToTabLayout(elem){
    var h, li, ul = $("
");
    elem.children("h3").each(function(c, e){
        h = $(e);
        li = $("
" + h.text() + "
");
        ul.append(li);
        h.remove();
    });
    if(true){
        var sel;
        elem.find(".prev-tab").click(function(){
            sel=elem.tabs("option", "selected");
            elem.tabs("option", "selected", sel-1);
        });
        elem.find(".next-tab").click(function(){
            sel=elem.tabs("option", "selected");
            elem.tabs("option", "selected", sel+1);
        });
    }
    elem.prepend(ul);
    return elem;
  }

  function validator(){
    var reg1=/(\s*(\w+)\s*(\(((('([^'\\]|\\.)*')|("([^"\\]|\\.)*")|(\/([^\/\\]|\\.)*\/)|(([^'"\/\\]|\\.)*?))*?)\))\s*(;|$)\s*)|(\s*(;|$))/g; // 2, 4, 14, 15=Err
    var reg2=/(\()|(\))|('([^'\\]|\\.)*')|("([^"\\]|\\.)*")|(\/([^\/\\]|\\.)*\/)|(\w[\w\d\._]*)|(([^\(\)\w\s'"\/\\]|\\.)+)/g;
    var reg3=/(\s*(rule)\s*(\{((('([^'\\]|\\.)*')|("([^"\\]|\\.)*")|(\/([^\/\\]|\\.)*\/)|(([^'"\/\\]|\\.)*?))*?)\}))/g; // 4
    var tests={}, namedTests={};
    function iterReader(arr){
      var pos=-1; l=arr.length;
      function current(){ return arr[pos]; }
      function next(){pos+=1; return current();}
      function hasMore(){return (pos+1)1], (), ex1 AND ex2, ex1 OR ex2,
      var v=reader.next(), expr="", getNumber;
      var vl=v.toLowerCase();
      getNumber=function(){
          var v, n = NaN;
          v=reader.next();
          if(v=="("){v=reader.next();if(reader.lookAHead()==")")reader.next();}
          return v*1;
      }
      if(vl=="email"){v="/.+?\\@.+\\..+?/";}
      else if(vl=="empty"){expr="(v=='')";}
      else if(vl=="yyyy"){    v="/^[12]\\d{3}$/";}
      else if(vl=="yyyymm"){  v="/^[12]\\d{3}([\\/\\\\\\-](0?[1-9]|1[012])|((0[1-9])|(1[012])))$/";}
      else if(vl=="yyyymmdd"){v="/^[12]\\d{3}([\\/\\\\\\-](0?[1-9]|1[012])|((0[1-9])|(1[012])))([\\/\\\\\\-](0?[1-9]|[12]\\d|3[01])|((0[1-9])|[12]\\d|(3[01])))$/";}
      else if(vl=="leneq" || vl=="lengtheq"){
          var n = getNumber();
          if(isNaN(n)){ /*Error*/ return "";}
          v="/^.{"+n+"}$/"; }
      else if(vl=="lengt" || vl=="lengthgt"){
          var n = getNumber();
          if(isNaN(n)){ /*Error*/ return "";}
          v="/^.{"+(n+1)+",}$/"; }
      else if(vl=="lenlt" || vl=="lengthlt"){
          var n = getNumber();
          if(isNaN(n)){ /*Error*/ return "";}
          v="/^.{0,"+(n-1)+"}$/"; }
      if(vl=="notempty"){expr="(v!='')";}
      else if(v=="="){expr="(v=="+reader.next()+")";}
      else if(v=="!="){expr="(v!="+reader.next()+")";}
      else if(v[0]=="/"){expr="("+v+".test(v))";}
      else if(v.substr(0,2)=="!/"){expr="("+v+".test(v))";}
      else if(v=="("){expr+="("+getExpr(reader)+")";if(reader.next()!=")"){alert("expected a ')'!");}; }
      else if(/^[\w\d\._]+$/.test(v)){expr+="testTest('"+v+"')";}
      v=reader.lookAHead();
      if(v){
        v=v.toUpperCase();
        if(v=="AND"){reader.next(); expr+="&&"+getExpr(reader);}
        else if(v=="OR"){reader.next(); expr+="||"+getExpr(reader);}
      }
      return expr;
    }
    function getWhen(reader){
        var d, action, target;
        if(!reader.hasMore()) return null;
        d=reader.next();
        while(d=="," || d==";")d=reader.next();
        if(!d) return null;
        if(d[0]=="'" || d[0]=='"'){
            target=$(eval(d));
            if(reader.lookAHead()=="."){reader.next();d=reader.next();}
            else{ return {}; /* ERROR */ }
        }
        action = d.toLowerCase();
        if(action.substr(0,2)=="on")action=action.substr(2);
        while(reader.hasMore()){
            // read upto the next , or ;
            d=reader.next();
            if(d=="," || d==";") break;
        }
        return {action:action, target:target};
    }
    function setup(ctx, onLoadTest){
        var m, w, va, f, a, t;
        var validationsFor={}, validationsForClass={};
        //var matchQuotedStr = '("([^"\\]|\\.)*")';     // continues matching until closing (unescaped) quote
        var vLabels=ctx.find("label.validation-err-msg");
        $(".validation-err-msg").hide();
        //value="for('dc:title');test(notEmpty);when(onChange)"
        function rule(v){
            var dict={};
            function match(){
                m=arguments;     //2, 4, 14, 15=Err
                if(m[0].length==0)return "";
                if(m[15]){
                    alert("Error: '"+m[15]+"' in '"+v+"'");
                    return "";
                }
                w=m[2].toLowerCase();
                va=m[4];
                dict[w]=va;
                return "";
            }
            v.replace(reg1, match);
            f=dict["for"];
            dict["when"]=(dict["when"]||"");
            if(f){
                a = validationsFor[f];
                if(!a) a=validationsFor[f]=[];
                a.push(dict);
                if(dict["name"]){
                    namedTests[dict["name"]]=dict;
                }else if(!namedTests[f]){   // default name is 'for' id
                    namedTests[f]=dict;
                }
            }
            f=dict["forclass"];
            if(f){
                a = validationsForClass[f];
                if(!a) a=validationsForClass[f]=[];
                a.push(dict);
                if(dict["name"]){
                    namedTests[dict["name"]]=dict;
                } // no default name
            }
        }
        ctx.find(".validation-rule").each(function(c, v){
            v = $(v).val() || $(v).text();
            rule(v);
        });
        ctx.find(".validation-rules").each(function(c, v){
            v = $(v).text();
            v.replace(reg3, function(){ var v=arguments[4]; if(v)rule(v); });
        });
        $.each(validationsFor, function(f, l){
            var target = $(document.getElementById(f));
            var reader, getValue, showValidationMessage;
            var testStr, func;
            if(true){
                var vLabel=vLabels.filter("[for="+f+"]");
                getValue=function(){ return target.val(); };
                showValidationMessage=function(show){ show?vLabel.show():vLabel.hide(); return show;};

                $.each(l, function(c, d){
                    testStr="";
                    if(d.test){
                      reader = iterReader(d.test.match(reg2));
                      testStr = getExpr(reader);
                      try{
                        func="func=function(){var v=getValue();return showValidationMessage(!("+testStr+"));};";
                        eval(func);
                        d._testFunc = func;
                      } catch(e){
                        alert(e + ", func="+func);
                      }
                      //if(onLoadTest){func();}
                      m = d.when.match(reg2);
                      if(m){
                        reader = iterReader(m);
                        while(w=getWhen(reader)){
                          w.target = w.target||target;
                          w.target.bind(w.action, func);
                          if(!tests[w.action]) tests[w.action]=[];
                          tests[w.action].push(func);
                        }
                      }
                    }
                });
            }
        });
        // forClass(test)
        $.each(validationsForClass, function(fc, l){
            $.each(l, function(c, d){
              var cls, m, reader, testStr, testCode;
              cls = d.forclass;
              if(d.test){
                reader = iterReader(d.test.match(reg2));
                testStr = getExpr(reader);
                testCode="showValidationMessage(!("+testStr+"));";

                m = d.when.match(reg2);
                if(m){
                  reader = iterReader(m);
                  while(w=getWhen(reader)){
                    var checkFunc=function(){
                      var target, id, v, vLabel, showValidationMessage;
                      target = $(this);
                      id = target.attr("id");
                      v = target.val();
                      vLabel=ctx.find("label.validation-err-msg[for="+id+"]");
                      showValidationMessage=function(show){ 
                          show?vLabel.show():vLabel.hide(); return show;
                      };
                      try{
                          eval(testCode);
                      }catch(e){
                          alert("ERROR executing testCode: " +e.message);
                      }
                    }
                    ctx.find("."+cls).die().live(w.action, checkFunc);
                  }
                }
              }
            });
        });

    }
    return {
      setup:setup,
      test:function(){},
      isOkToSave:function(){return isOkToX("save");},
      isOkToSubmit:function(){return isOkToX("submit");},
      hideAllMessages:hideAllMessages,
      parseErrors:{}
    }
  }
  widgets.validator = validator;

  function helpWidget(e){
    var helpContent, showText, hideText;
    var showLink, hideLink, doNext;
    var show, hide;
    helpContent = $("#" + e.dataset("help-content-id"));
    helpContent.hide();
    showLink = e.find(".helpWidget-show");
    hideLink = e.find(".helpWidget-hide").hide();
    show=function(){
        helpContent.slideDown();
        showLink.hide(); hideLink.show();
        doNext=hide;
    };
    hide=function(){
        helpContent.slideUp();
        showLink.show(); hideLink.hide();
        doNext=show;
    };
    doNext=show;
    e.click(function(){
        doNext();
    });
  }

  function listInput(c, i){
      var liSect, count, tmp, visibleItems, displayRowTemplate, displaySelector;
      var add, del, getDelFuncFor, reorder, addUniqueOnly=false;
      var maxSize, minSize, addButton, addButtonDisableTest;
      liSect = $(i);
      maxSize = liSect.dataset("max-size")*1;
      if(isNaN(maxSize)){
          maxSize=100;
      }
      if(maxSize<1)maxSize=1;
      minSize = liSect.dataset("min-size")*1;
      if(isNaN(minSize)){
          minSize=0;
      }
      if(minSize>maxSize)minSize=maxSize;
      if(liSect.hasClass("sortable")){
        //liSect.find("tbody:first").sortable({
        liSect.sortable({
          items:".sortable-item",
          update:function(e, ui){ reorder(); }
        });
      }
      addButton=liSect.find(".add-another-item, .item-add");
      addButtonDisableTest=function(){
          visibleItems = liSect.find(displaySelector+".count-this");
          count = visibleItems.size();
          if(count>=maxSize){addButton.attr("disabled", true);}
      }
      addButton.bind("disableTest", addButtonDisableTest);
      del=function(e){
        e.remove();
        if(liSect.find(".item-input-display:visible").size()<=minSize){
          liSect.find(".item-input-display:visible .delete-item").hide();
        }
        addButton.attr("disabled", false);
        addButton.trigger("disableTest");
        reorder();
        return false;
      }
      getDelFuncFor=function(e){
          return function(){return del(e);};
      }
      var _add=function(e, force){
      }
// check all variable names
      if(liSect.find(".item-display").size()){
        if(liSect.find(".item-input-display").size()){
          alert("Error: .input-list can not have both 'item-display' and 'item-input-display' table row classes");
          return;
        }
        // For handling 'item-display' (where there is a separate/special row for handling the display of added items)
        //    Note: if there is an 'item-display' row then it is expected that there will also be an
        //        'item-input' row as well an 'item-add' button/link
        displaySelector = ".item-display";
        tmp=liSect.find(displaySelector).hide();
        displayRowTemplate=tmp.eq(0);
        contentDisable(displayRowTemplate);
        add=function(e, force){
          // get item value(s) & validate (if no validation just test for is not empty)
          var values=[];
          var test=[];
          liSect.find(".item-input input[type=text]").each(function(c, i){
            values[c]=[$.trim($(i).val()), i.id];
            test[c]=values[c][0];
            if($(i).parents(".data-source-drop-down").size()==0)$(i).val("");   // reset
          }).eq(0).focus();
          //
          visibleItems = liSect.find(displaySelector+".count-this");
          if(!force){
              if(!any(values, function(v){ return v[0]!==""; })) return;
              if(addUniqueOnly){
                // Check that this entry is unique
                var unique=true;
                visibleItems.each(function(c, i){
                  i=$(i);
                  var same=true;
                  i.find("input").each(function(c2, i){
                    if(test[c2]!=i.value)same=false;
                  });
                  if(same)unique=false;
                });
                if(!unique){
                    alert("Selection is already in the list. (not a unique value)");
                    return;
                }
              }
          }
          tmp = displayRowTemplate.clone().show().addClass("count-this");
          count = visibleItems.size()+1;
          tmp.find("*[id]").each(function(c, i){
              i.id = i.id.replace(/\.0(?=\.|$)/, "."+count);
          });
          tmp.find(".item-display-item").each(function(c, i){
            var id = values[c][1].replace(/\.0(?=\.|$)/, "."+count);
            $(i).append("");
          });
          tmp.find(".sort-number").text(count);
          liSect.find(displaySelector+":last").after(tmp);
          visibleItems.find(".delete-item").show();
          tmp.find(".delete-item").click(getDelFuncFor(tmp));
          addButton.trigger("disableTest");
          contentSetup(tmp);
        }
        addButton.click(add);
        addButton[0].forceAdd = function(){add(null, true);};
        addUniqueOnly = addButton.hasClass("add-unique-only");
        liSect.find(".item-input input[type=text]:last").keypress(function(e){
          if(e.which==13){
            add();
          }
        });
      }else if(liSect.find(".item-input-display").size()){
        // For handling 'item-input-display' type lists
        //   Note: if there is an 'item-input-display' row then it is also excepted that there
        //      will be an 'add-another-item' button or link
        displaySelector=".item-input-display";
        if(minSize==0)minSize=1;
        tmp=liSect.find(displaySelector).hide();
        displayRowTemplate=tmp.eq(0);
        contentDisable(displayRowTemplate);
        add=function(){
          visibleItems = liSect.find(displaySelector+".count-this");
          tmp = displayRowTemplate.clone().show().addClass("count-this");
          count = visibleItems.size()+1;
          //alert("add "+count);
          tmp.find("*[id]").each(function(c, i){
              //$(i).addClass(i.id);
              i.id = i.id.replace(/\.0(?=\.|$)/, "."+count);
          });
          tmp.find("label[for]").each(function(c, i){
              i=$(i);
              i.attr("for", i.attr("for").replace(/\.0(?=\.|$)/, "."+count));
          });
          tmp.find(".sort-number").text(count);
          liSect.find(displaySelector+":last").after(tmp);
          if(count<=minSize) tmp.find(".delete-item").hide();
          else visibleItems.find(".delete-item").show();
          tmp.find(".delete-item").click(getDelFuncFor(tmp));
          if(count>=maxSize){addButton.attr("disabled", true);}
          contentSetup(tmp);
        }
        for(var x=0;x");
      if(!json["default"]){
        o = $("Please select one");
        s.append(o);
      }
      $.each(json.list, function(c, i){
        var sel=!!(i.selectable!=null?i.selectable:selectable);
        children[i.id]={url:(i.children==1?i.id:i.children), label:i.label, id:i.id,
                        selectable:sel, namespace:ns, parent:parent};
        o = $("");
        o.attr("value", i.id);
        if(i.id==json["default"]) o.attr("selected", "selected");
        o.text(i.label);
        s.append(o);
      });
      function onChange(){
        var id, child, j;
        id = s.val();
        child = children[id] || {parent:parent};
        if(s.nextUntil){
            s.nextUntil(":not(select)").remove();
        }else{
            function removeSelects(s){
                if(s.size()==0)return;
                removeSelects(s.next("select"));
                s.remove();
            }
            removeSelects(s.next("select"));
        }
        if(child.url){
          getJson(child.url, function(j){
              s.after(buildSelectList(j, child, getJson, onSelection));
              onSelection(child);
          });
        }
        onSelection(child);
      }
      s.change(onChange);
      setTimeout(onChange, 10);
      return s;
  }

  function sourceDropDown(c, dsdd){
      var ds=$(dsdd), id=dsdd.id, jsonBaseUrl, jsonInitUrlId, jsonData, jsonCache={};
      var selAdd, selAddNs, selAddId, selAddLabel, addButtonDisableTest;
      var lastSelectionSelectable=false, selectId;
      var getJson, onSelection, onJson;
      if(ds.dataset("done")){ return; }
      ds.children("*:not(select)").hide();
      jsonBaseUrl=ds.dataset("json-source-url") || ds.find(".json-data-source-url").val();
      if( jsonBaseUrl && (/\//.test(jsonBaseUrl)) ){
          jsonInitUrlId=jsonBaseUrl.split(/\/([^\/]*$)/)[1];
          jsonBaseUrl=jsonBaseUrl.split(/\/([^\/]*$)/)[0]+"/";  // split at the last /
      }else{
          jsonBaseUrl="";
          jsonInitUrlId="";
      }
      if(jsonInitUrlId==""){     // then get the jsonData if any
          jsonData=ds.find(".json-data-source");
          jsonData=ds.dataset("json-data") || json.val() || json.text();
          try{
              jsonData = $.parseJSON(jsonData);
              //json = eval("("+json+")");
              jsonCache=jsonData;
              jsonCache[""]=jsonData;
          }catch(e){
              alert("Not valid json! - "+e);
          }
      }
      selectId=ds.dataset("id");
      selAdd = ds.parent().find(".selection-add");
      getJson = function(urlId, onJson){
        var j, url=urlId;
        j=jsonCache[urlId]
        if(j){
            onJson(j);
            return;
        }
        url=jsonBaseUrl+urlId;
        if(!/\.json$/.test(url)) url+=".json";
        $.getJSON(url, function(data){
          jsonCache[urlId]=data;
          onJson(data);
        });
      }
      addButtonDisableTest = function(){
        if(lastSelectionSelectable==false){
            if(/BUTTON|INPUT/.test(selAdd[0].tagName)){
                selAdd.attr("disabled", true);
            }else{
                selAdd.hide();
            }
        }
      };
      selAdd.bind("disableTest", addButtonDisableTest);
      onSelection = function(info){
        //info.namespace, info.id, info.label, info.selectable, info.parent
        while(info.selectable!==false && info.selectable!==true){
          if(info.parent) info = info.parent;
          else info.selectable=false;
        }
        lastSelectionSelectable=info.selectable;
        if(/BUTTON|INPUT/.test(selAdd[0].tagName)){
          selAdd.attr("disabled", lastSelectionSelectable?"":"disabled");
        }else{
          lastSelectionSelectable?selAdd.show():selAdd.hide();
        }
        selAdd.trigger("disableTest");
        if(lastSelectionSelectable){
          selAddNs=info.namespace; selAddId=info.id; selAddLabel=info.label;
        }else{
          selAddNs=""; selAddId=""; selAddLabel="";
        }
        ds.find(".selection-add-id").val(selAddId);
        ds.find(".selection-add-label").val(selAddLabel);
        selAdd.find(".selection-add-id").text(selAddId);
        selAdd.find(".selection-add-label").text(selAddLabel);
      };
      onJson = function(json){
        // OK now build the select-option
        var o = buildSelectList(json, {}, getJson, onSelection);
        if(selectId){
            o.attr("id", selectId);
            selectId=null;
        }
        ds.append(o);
      };
      getJson(jsonInitUrlId, onJson);
      ds.dataset("done", 1);
  }
  
  function formWidget(ctx){
      var widgetForm={};
      var validator;
      var listeners={};
      var ctxInputs;

      function addListener(name, func){
          var l;
          l=listeners[name];
          if(!l){
              l = [];
              listeners[name]=l;
          }
          l.push(func);
      }
      function removeListener(name, func){
          var l, i;
          l=listeners[name]||[];
          i=$.inArray(name, l);
          if(i>-1)l.splice(i, 1);
      }
      function removeListeners(name){
          delete listeners[name];
      }
      function raiseEvents(name){
          var l=listeners[name]||[];
          for(var k in l){
              var f = l[k];
              try{
                  if(f()===false) return false; // cancel event
              }catch(e){}
          }
      }

      function onSubmit(){
        if(raiseEvents("onSubmit")==false){
            return false;
        }
        submit();
        return true;
      }
      function onSave(){
        if(raiseEvents("onSave")==false){
            return false;
        }
        save();
        return true;
      }
      function onRestore(data){
        if(raiseEvents("onRestore")==false){
            return false;
        }
        //messageBox(JSON.stringify(data))
        restore(data);
        return true;
      }
      function onReset(data){
        if(raiseEvents("onReset")==false){
            return false;
        }
        reset(data);
        return true;
      }

      function submit(){
          submitSave("submit");
      }

      function save(){
          submitSave("save");
      }

      function submitSave(stype){
        var data, url, replaceFunc;
        var xFunc, xResultFunc;
        replaceFunc=function(s){
            s = s.replace(/[{}()]/g, "");   // make it safe - no function calls
            return eval(s);
        };
        xFunc = widgets.globalObject[ctx.findx("."+stype+"-func").val()];
        xResultFunc = widgets.globalObject[ctx.findx("."+stype+"-result-func").val()];
        callIfFunction(xFunc, widgetForm);
        data = getFormData();
        url = ctx.findx(".form-fields-"+stype+"-url").val();
        url = url.replace(/{[^}]+}/g, replaceFunc);
        function completed(data){
            if(typeof(data)=="string"){
                text = data;
                try{
                    data = JSON.parse(data);
                }catch(e){
                    data = {error:e};
                }
            }
            callIfFunction(xResultFunc, widgetForm, data);
            if(data.error || !data.ok){
                if(!data.ok && !data.error) data.error="Failed to receive an 'ok'!";
                messageBox("Failed to "+stype+"! (error='"+data.error+"') data='"+text+"'");
            }else{
                if(stype=="save"){
                    ctx.findx(".saved-result").text("Saved OK").
                        css("color", "green").show().fadeOut(4000);
                }else if(stype=="submit"){
                    ctx.findx(".submit-result").text("Submitted OK").
                        css("color", "green").show().fadeOut(4000);
                }
            }
        }
        if(data.title===null)data.title=data["dc:title"];
        if(data.description===null)data.description=data["dc:description"];
        if(widgetForm.hasFileUpload){
            var elems=[], h=$("");
            var fileSubmitter = createFileSubmitter();
            h.val(JSON.stringify(data));
            elems.push(h[0]);
            $.each(data, function(k, v){
                h=$("");
                h.attr("name", k); h.val(v);
                elems.push(h[0]);
            });
            ctx.findx("input[type=file]").each(function(c, f){
                elems.push(f);
            });
            fileSubmitter.submit(url, elems, completed);
        }else{
            // data.json = JSON.stringify(data);
            $.ajax({type:"POST", url:url, data:data,
                success:completed,
                error:function(xhr, status, e){ completed({error:"status='"+status+"'"}); },
                dataType:"json"
            });
        }
      }

      function getFormData(){
        var data={}, s, v, e, formFields;
        formFields = ctx.findx(".form-fields").val() +","+ ctx.findx(".form-fields-readonly").val();
        formFields = $.grep(formFields.split(/[\s,]+/),
                                function(i){return /\S/.test(i)});
        function getValue(i){
          e = getById(i);
          if(e.size()==0) e=ctxInputs.filter("[name="+i+"]");
          if(e.size()==0){return null;}
          v = e.val();
          if(e.attr("type")==="checkbox"){
            if(!e.attr("checked"))v="";
          } else if(e.attr("type")==="radio"){
            v = e.filter(":checked").val();
          }
          return v;
        }
        $.each(formFields, function(c, i){
          s = /\.0+(\.|$)/.test(i);
          if(s){
            var id, count=1;
            while(true){
             try{
              id = i.replace(/\.0(?=\.|$)/, "."+count);
              v=getValue(id);
              if(v===null) break;
              data[id]=v;
              count+=1;
             } catch(e){
                 alert(e);
                 throw e;
             }
            }
          }else{
            v=getValue(i);
            data[i]=v;
          }
        });
        if(data.metaList=="[]" || data.metaDataList=="[]"){
            s = [];
            $.each(data, function(k, v){if(k!="metaList")s.push(k);});
            if(data.metaList=="[]"){ data.metaList=s; }
            if(data.metaDataList=="[]"){ data.metaDataList=s; }
        }
        return data;
      }

      function restore(data){
          var keys=[], skeys=[], input, t;
          var formFields = $.grep(ctx.findx(".form-fields:first").val().split(/[\s,]+/),
                                function(i){return /\S/.test(i)});
          $.each(data, function(k, v){keys.push(k);});
          keys.sort();
          skeys = $.grep(keys, function(i){return /\.\d+(\.|$)/.test(i);}, true);
          $.each(skeys, function(c, v){
              if($.inArray(v, formFields)!=-1){
                  ctxInputs.filter("[id="+v+"]").val(data[v]);
              }
          });
          // list items
          skeys = $.grep(keys, function(i){return /\.\d+(\.|$)/.test(i);});
          $.each(skeys, function(c, v){
              var k = v.replace(/\.\d+(?=(\.|$))/, ".0");
              if($.inArray(k, formFields)!=-1){
                  input = ctxInputs.filter("[id="+v+"]");
                  if(input.size()==0){
                    input = ctxInputs.filter("[id="+k+"]");
                    t=input.parents(".input-list:first").find(".add-another-item, .item-add");
                    if(t.size()){
                        if(t[0].forceAdd){
                            t[0].forceAdd();
                        }else{
                            t.click();
                        }
                    }
                    // update inputs - this could be done better
                    ctxInputs = ctx.findx("input, textarea, select");
                    input = ctxInputs.filter("[id="+v+"]");
                    if(input.size()==0){
                        alert("id '"+v+"' not found!");
                    }
                  }
                  if(input.attr("type")=="checkbox"){
                    input.attr("checked", !!data[v]);
                  }else{
                    input.val(data[v]);
                  }
              }
          });
      }

      function reset(data){
          if(!data)data={};
          //
      }

      function setupFileUploader(fileUploadSections, onChange){
        if(!fileUploadSections) fileUploadSections=ctx.findx(".file-upload-section");
        fileUploadSections.each(function(c, e){
            var handleFileDrop;
            var ifile, fileUploadSection;
            fileUploadSection = $(e);
            ifile = fileUploadSection.find("input[type=file]");
            if(!onChange){
                onChange=function(fileInfo, fileUploadSection){
                    var s;
                    s=["", fileInfo.typeName, ": ", fileInfo.name, " (",
                        fileInfo.kSize, "k) "];
                    s = $(s.join(""));
                    if(fileInfo.createImage) s.append(fileInfo.createImage());
                    fileUploadSection.find(".file-upload-info").html(s);
                };
            }
            ifile.change(function(e){
                var fileInfo=getFileUploadInfo(e.target.files[0]);
                onChange(fileInfo, fileUploadSection);
            });
            fileUploadSection.bind("dragover", function(ev){
                if(ev.target.tagName=="INPUT"){ return true; }
                ev.stopPropagation(); ev.preventDefault();
            });
            handleFileDrop=function(ev){
                var file, fileInfo;
                if(ev.target.tagName=="INPUT"){ return true; }
                ev.stopPropagation(); ev.preventDefault();
                file=ev.dataTransfer.files[0];
                fileInfo=getFileUploadInfo(file);
                onChange(fileInfo, fileUploadSection);
                ifile.val("");      // reset
                //gDroppedFile=file;
                //ifile[0].files[0]=file;
                return;
            }
            //fileUploadSection.bind("drop", handleFileDrop);  // Note: binding to the wrong 'drop' event!
            if(fileUploadSection[0].addEventListener){
                fileUploadSection[0].addEventListener("drop", handleFileDrop, false);
            }
        });
      }

      function getFileUploadInfo(file){
        var fileInfo = {};
        fileInfo.file = file;
        fileInfo.size = file.size;
        fileInfo.kSize = parseInt(file.size/1024+0.5);
        fileInfo.type = file.type;
        fileInfo.name = file.name;
        try{
            fileInfo.encodedData=file.getAsDataURL();
        }catch(e){ }
        if(file.type.search("image/")==0){
            fileInfo.image=true;
            fileInfo.typeName = "Image";
            if(fileInfo.encodedData){
                fileInfo.createImage=function(){
                    var i;
                    i=$("");
                    i.attr("src", fileInfo.encodedData);
                    i.attr("title", fileInfo.name);
                    return i;
                };
            }
        }else if(file.type.match("video|flash")){
            fileInfo.video=true;
            fileInfo.typeName = "Video";
        }else if(file.type.match("text|pdf|doc|soffice|rdf|txt|opendocument")){
            fileInfo.document=true;
            fileInfo.typeName = "Document";
        }else{
            fileInfo.typeName = "File";
        }
        return fileInfo;
      }

      function createFileSubmitter(){
          var iframe, getBody, submit;
          iframe = $("