wontomedia 0.0.1

data/public/javascripts/event.simulate.js

@@ -0,0 +1,64 @@
+/**
+ * Event.simulate(@element, eventName[, options]) -> Element
+ * 
+ * - @element: element to fire event on
+ * - eventName: name of event to fire (only MouseEvents and HTMLEvents interfaces are supported)
+ * - options: optional object to fine-tune event properties - pointerX, pointerY, ctrlKey, etc.
+ *
+ *    $('foo').simulate('click'); // => fires "click" event on an element with id=foo
+ *
+ **/
+(function(){
+  
+  var eventMatchers = {
+    'HTMLEvents': /^(?:load|unload|abort|error|select|change|submit|reset|focus|blur|resize|scroll)$/,
+    'MouseEvents': /^(?:click|mouse(?:down|up|over|move|out))$/
+  }
+  var defaultOptions = {
+    pointerX: 0,
+    pointerY: 0,
+    button: 0,
+    ctrlKey: false,
+    altKey: false,
+    shiftKey: false,
+    metaKey: false,
+    bubbles: true,
+    cancelable: true
+  }
+  
+  Event.simulate = function(element, eventName) {
+    var options = Object.extend(Object.clone(defaultOptions), arguments[2] || { });
+    var oEvent, eventType = null;
+    
+    element = $(element);
+    
+    for (var name in eventMatchers) {
+      if (eventMatchers[name].test(eventName)) { eventType = name; break; }
+    }
+
+    if (!eventType)
+      throw new SyntaxError('Only HTMLEvents and MouseEvents interfaces are supported');
+
+    if (document.createEvent) {
+      oEvent = document.createEvent(eventType);
+      if (eventType == 'HTMLEvents') {
+        oEvent.initEvent(eventName, options.bubbles, options.cancelable);
+      }
+      else {
+        oEvent.initMouseEvent(eventName, options.bubbles, options.cancelable, document.defaultView, 
+          options.button, options.pointerX, options.pointerY, options.pointerX, options.pointerY,
+          options.ctrlKey, options.altKey, options.shiftKey, options.metaKey, options.button, element);
+      }
+      element.dispatchEvent(oEvent);
+    }
+    else {
+      options.clientX = options.pointerX;
+      options.clientY = options.pointerY;
+      oEvent = Object.extend(document.createEventObject(), options);
+      element.fireEvent('on' + eventName, oEvent);
+    }
+    return element;
+  }
+  
+  Element.addMethods({ simulate: Event.simulate });
+})()

data/public/javascripts/fancybox.js

@@ -0,0 +1,43 @@
+/*
+ * FancyBox - jQuery Plugin
+ * Simple and fancy lightbox alternative
+ *
+ * Copyright (c) 20010 Janis Skarnelis
+ * Examples and documentation at: http://fancybox.net
+ *
+ * Version: 1.3.0 (02/02/2010)
+ * Requires: jQuery v1.3+
+ *
+ * Dual licensed under the MIT and GPL licenses:
+ *   http://www.opensource.org/licenses/mit-license.php
+ *   http://www.gnu.org/licenses/gpl.html
+ */
+
+;(function(b){function H(){v.hide();r.onerror=r.onload=null;F&&F.abort();l.empty()}function Q(){b.fancybox('<p id="fancybox_error">The requested content cannot be loaded.<br />Please try again later.</p>',{scrolling:"no",padding:20,transitionIn:"none",transitionOut:"none"})}function B(){H();var a=q[s];e=b.extend({},b.fn.fancybox.defaults,typeof b(a).data("fancybox")=="undefined"?e:b(a).data("fancybox"));var d,f,o=a.title||b(a).title||e.title||"";if(a.nodeName&&!e.orig)e.orig=b(a).children("img:first").length?
+b(a).children("img:first"):b(a);if(o==""&&e.orig)o=e.orig.attr("alt");d=a.nodeName&&/^(?:javascript|#)/i.test(a.href)?e.href||null:e.href||a.href||null;if(e.type){f=e.type;if(!d)d=e.content}else if(e.content)f="html";else if(d)if(d.match(I))f="image";else if(d.match(T))f="swf";else if(b(a).hasClass("iframe"))f="iframe";else if(d.match(/#/)){a=d.substr(d.indexOf("#"));f=b(a).length>0?"inline":"ajax"}else f="ajax";else f="inline";e.type=f;e.href=d;e.title=o;if(e.autoDimensions&&e.type!=="iframe"&&e.type!==
+"swf"){e.width="auto";e.height="auto"}if(e.modal){e.overlayShow=true;e.hideOnOverlayClick=false;e.hideOnContentClick=false;e.enableEscapeButton=false;e.showCloseButton=false}if(b.isFunction(e.onStart))if(e.onStart(q,s,e)===false){h=false;return}l.css("padding",t+e.padding+e.margin);b(".fancybox-inline-tmp").unbind("fancybox-cancel").bind("fancybox-change",function(){b(this).replaceWith(i.children())});switch(f){case "html":l.html(e.content);G();break;case "inline":b('<div class="fancybox-inline-tmp" />').hide().insertBefore(b(a)).bind("fancybox-cleanup",
+function(){b(this).replaceWith(i.children())}).bind("fancybox-cancel",function(){b(this).replaceWith(l.children())});b(a).appendTo(l);G();break;case "image":h=false;b.fancybox.showActivity();r=new Image;r.onerror=function(){Q()};r.onload=function(){r.onerror=null;r.onload=null;U()};r.src=d;break;case "swf":var u="",w="";u+='<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="'+e.width+'" height="'+e.height+'"><param name="movie" value="'+d+'"></param>';b.each(e.swf,function(p,R){u+=
+'<param name="'+p+'" value="'+R+'"></param>';w+=" "+p+'="'+R+'"'});u+='<embed src="'+d+'" type="application/x-shockwave-flash" width="'+e.width+'" height="'+e.height+'"'+w+"></embed></object>";l.html(u);G();break;case "ajax":a=d.split("#",2);f=e.ajax.data||{};if(a.length>1){d=a[0];typeof f=="string"?(f+="&selector="+a[1]):(f.selector=a[1])}h=false;b.fancybox.showActivity();F=b.ajax(b.extend(e.ajax,{url:d,data:f,error:Q,success:function(p){if(F.status==200){l.html(p);G()}}}));break;case "iframe":b('<iframe id="fancybox-frame" name="fancybox-frame'+
+(new Date).getTime()+'" frameborder="0" hspace="0" scrolling="'+e.scrolling+'" src="'+e.href+'"></iframe>').appendTo(l);J();break}}function U(){h=true;e.width=r.width;e.height=r.height;b("<img />").attr({id:"fancybox-img",src:r.src,alt:e.title}).appendTo(l);J()}function G(){l.width(e.width);l.height(e.height);if(e.width=="auto")e.width=l.width();if(e.height=="auto")e.height=l.height();J()}function J(){v.hide();if(g.is(":visible")&&b.isFunction(c.onCleanup))if(c.onCleanup(j,n,c)===false){b.event.trigger("fancybox-cancel");
+h=false;return}j=q;n=s;c=e;i.get(0).scrollTop=0;i.get(0).scrollLeft=0;if(c.overlayShow){K&&b("select:not(#fancybox-tmp select)").filter(function(){return this.style.visibility!=="hidden"}).css({visibility:"hidden"}).one("fancybox-cleanup",function(){this.style.visibility="inherit"});y.css({"background-color":c.overlayColor,opacity:c.overlayOpacity}).unbind().show()}m=V();W();if(g.is(":visible")){b(z.add(C).add(D)).hide();var a=g.position();k={top:a.top,left:a.left,width:g.width(),height:g.height()};
+var d=k.width==m.width&&k.height==m.height;i.fadeOut(c.changeFade,function(){function f(){i.html(l.contents()).fadeIn(c.changeFade,L)}b.event.trigger("fancybox-change");i.css({top:c.padding,left:c.padding,width:Math.max(k.width-c.padding*2,1),height:Math.max(k.height-c.padding*2,1)}).empty().css("overflow","hidden");A.prop=0;b(A).animate({prop:1},{duration:d?0:c.changeSpeed,easing:c.easingChange,step:M,complete:f})})}else{g.css("opacity",1);if(c.transitionIn=="elastic"){k=S();i.css({top:c.padding,
+left:c.padding,width:Math.max(k.width-c.padding*2,1),height:Math.max(k.height-c.padding*2,1)}).html(l.contents());g.css(k).show();if(c.opacity)m.opacity=0;A.prop=0;b(A).animate({prop:1},{duration:c.speedIn,easing:c.easingIn,step:M,complete:L})}else{i.css({top:c.padding,left:c.padding,width:Math.max(m.width-c.padding*2,1),height:Math.max(m.height-c.padding*2-x,1)}).html(l.contents());g.css(m).fadeIn(c.transitionIn=="none"?0:c.speedIn,L)}}}function M(a){var d=Math.round(k.width+(m.width-k.width)*a),
+f=Math.round(k.height+(m.height-k.height)*a),o=Math.round(k.top+(m.top-k.top)*a),u=Math.round(k.left+(m.left-k.left)*a);g.css({width:d+"px",height:f+"px",top:o+"px",left:u+"px"});d=Math.max(d-c.padding*2,0);f=Math.max(f-(c.padding*2+x*a),0);i.css({width:d+"px",height:f+"px"});if(typeof m.opacity!=="undefined")g.css("opacity",a<0.5?0.5:a)}function L(){i.css("overflow",overflow=c.scrolling=="auto"?c.type=="image"||c.type=="iframe"||c.type=="swf"?"hidden":"auto":c.scrolling=="yes"?"auto":"visible");
+if(!b.support.opacity){i.get(0).style.removeAttribute("filter");g.get(0).style.removeAttribute("filter")}b("#fancybox-title").show();c.hideOnContentClick&&i.one("click",b.fancybox.close);c.hideOnOverlayClick&&y.one("click",b.fancybox.close);c.showCloseButton&&z.show();X();b(window).bind("resize.fb",b.fancybox.center);c.centerOnScroll?b(window).bind("scroll.fb",b.fancybox.center):b(window).unbind("scroll.fb");b.isFunction(c.onComplete)&&c.onComplete(j,n,c);h=false;Y()}function V(){var a=N(),d={},f=
+c.margin,o=c.autoScale,u=(t+f)*2,w=(t+f)*2,p=c.padding*2;if(c.width.toString().indexOf("%")>-1){d.width=a[0]*parseFloat(c.width)/100-t*2;o=false}else d.width=c.width+p;if(c.height.toString().indexOf("%")>-1){d.height=a[1]*parseFloat(c.height)/100-t*2;o=false}else d.height=c.height+p;if(o&&(d.width>a[0]-u||d.height>a[1]-w))if(e.type=="image"||e.type=="swf"){u+=p;w+=p;o=Math.min(Math.min(a[0]-u,c.width)/c.width,Math.min(a[1]-w,c.height)/c.height);d.width=Math.round(o*(d.width-p))+p;d.height=Math.round(o*
+(d.height-p))+p}else{d.width=Math.min(d.width,a[0]-u);d.height=Math.min(d.height,a[1]-w)}d.top=a[3]+(a[1]-(d.height+t*2))*0.5;d.left=a[2]+(a[0]-(d.width+t*2))*0.5;if(c.autoScale==false){d.top=Math.max(a[3]+f,d.top);d.left=Math.max(a[2]+f,d.left)}return d}function S(){var a=e.orig?b(e.orig):false,d={};if(a&&a.length){a=Z(a);d={width:a.width+c.padding*2,height:a.height+c.padding*2,top:a.top-c.padding-t,left:a.left-c.padding-t}}else{a=N();d={width:1,height:1,top:a[3]+a[1]*0.5,left:a[2]+a[0]*0.5}}return d}
+function X(){b(document).unbind("keydown.fb").bind("keydown.fb",function(a){if(a.keyCode==27&&c.enableEscapeButton){a.preventDefault();b.fancybox.close()}else if(a.keyCode==37){a.preventDefault();b.fancybox.prev()}else if(a.keyCode==39){a.preventDefault();b.fancybox.next()}});if(b.fn.mousewheel){g.unbind("mousewheel.fb");j.length>1&&g.bind("mousewheel.fb",function(a,d){a.preventDefault();h||d==0||(d>0?b.fancybox.prev():b.fancybox.next())})}if(c.showNavArrows){if(c.cyclic&&j.length>1||n!=0)C.show();
+if(c.cyclic&&j.length>1||n!=j.length-1)D.show()}}function Y(){if(j.length-1>n){var a=j[n+1].href;if(typeof a!=="undefined"&&a.match(I)){var d=new Image;d.src=a}}if(n>0){a=j[n-1].href;if(typeof a!=="undefined"&&a.match(I)){d=new Image;d.src=a}}}function $(){if(v.is(":visible")){b("div",v).css("top",O*-40+"px");O=(O+1)%12}else clearInterval(P)}function N(){return[b(window).width(),b(window).height(),b(document).scrollLeft(),b(document).scrollTop()]}function Z(a){var d=a.offset();d.top+=parseFloat(a.css("paddingTop"))||
+0;d.left+=parseFloat(a.css("paddingLeft"))||0;d.top+=parseFloat(a.css("border-top-width"))||0;d.left+=parseFloat(a.css("border-left-width"))||0;d.width=a.width();d.height=a.height();return d}function W(){b("#fancybox-title").remove();x=0;if(c.titleShow!=false){var a=c.title;a=b.isFunction(c.titleFormat)?c.titleFormat(a,j,n,c):aa(a);if(!(!a||a=="")){var d=m.width-c.padding*2;b('<div id="fancybox-title" class="'+("fancybox-title-"+c.titlePosition)+'" />').css({width:d,paddingLeft:c.padding,paddingRight:c.padding}).html(a).appendTo("body");
+switch(c.titlePosition){case "inside":x=b("#fancybox-title").outerHeight(true)-c.padding;m.height+=x;break;case "over":b("#fancybox-title").css("bottom",c.padding);break;default:b("#fancybox-title").css("bottom",b("#fancybox-title").outerHeight(true)*-1);break}b("#fancybox-title").appendTo(E).hide();K&&b("#fancybox-title span").fixPNG()}}}function aa(a){if(a&&a.length)switch(c.titlePosition){case "inside":return a;case "over":return'<span id="fancybox-title-over">'+a+"</span>";default:return'<span id="fancybox-title-wrap"><span id="fancybox-title-left"></span><span id="fancybox-title-main">'+
+a+'</span><span id="fancybox-title-right"></span></span>'}return false}function ba(){if(!b("#fancybox-wrap").length){b("body").append(l=b('<div id="fancybox-tmp"></div>'),v=b('<div id="fancybox-loading"><div></div></div>'),y=b('<div id="fancybox-overlay"></div>'),g=b('<div id="fancybox-wrap"></div>'));E=b('<div id="fancybox-outer"></div>').append('<div class="fancy-bg" id="fancy-bg-n"></div><div class="fancy-bg" id="fancy-bg-ne"></div><div class="fancy-bg" id="fancy-bg-e"></div><div class="fancy-bg" id="fancy-bg-se"></div><div class="fancy-bg" id="fancy-bg-s"></div><div class="fancy-bg" id="fancy-bg-sw"></div><div class="fancy-bg" id="fancy-bg-w"></div><div class="fancy-bg" id="fancy-bg-nw"></div>').appendTo(g);
+E.append(i=b('<div id="fancybox-inner"></div>'),z=b('<a id="fancybox-close"></a>'),C=b('<a href="javascript:;" id="fancybox-left"><span class="fancy-ico" id="fancybox-left-ico"></span></a>'),D=b('<a href="javascript:;" id="fancybox-right"><span class="fancy-ico" id="fancybox-right-ico"></span></a>'));z.click(b.fancybox.close);v.click(b.fancybox.cancel);C.click(function(a){a.preventDefault();b.fancybox.prev()});D.click(function(a){a.preventDefault();b.fancybox.next()});b.support.opacity||E.find(".fancy-bg").fixPNG();
+if(K){b(z.add(".fancy-ico").add("div",v)).fixPNG();y.get(0).style.setExpression("height","document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'");v.get(0).style.setExpression("top","(-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px'");E.prepend('<iframe id="fancybox-hide-sel-frame" src="javascript:\'\';" scrolling="no" frameborder="0" ></iframe>')}}}
+var l,v,y,g,E,i,z,C,D,s=0,e={},q=[],n=0,c={},j=[],F=null,r=new Image,I=/\.(jpg|gif|png|bmp|jpeg)(.*)?$/i,T=/[^\.]\.(swf)\s*$/i,P,O=1,k,m,h=false,t=20,A=b.extend(b("<div/>")[0],{prop:0}),x=0,K=!b.support.opacity&&!window.XMLHttpRequest;b.fn.fixPNG=function(){return this.each(function(){var a=b(this).css("backgroundImage");if(a.match(/^url\(["']?(.*\.png)["']?\)$/i)){a=RegExp.$1;b(this).css({backgroundImage:"none",filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod="+
+(b(this).css("backgroundRepeat")=="no-repeat"?"crop":"scale")+", src='"+a+"')"}).each(function(){var d=b(this).css("position");d!="absolute"&&d!="relative"&&b(this).css("position","relative")}).css("zoom",1)}})};b.fn.fancybox=function(a){b(this).data("fancybox",b.extend({},a));b(this).unbind("click.fb").bind("click.fb",function(d){d.preventDefault();if(!h){h=true;b(this).blur();q=[];s=0;d=b(this).attr("rel")||"";if(!d||d==""||d==="nofollow")q.push(this);else{q=b("a[rel="+d+"], area[rel="+d+"]");s=
+q.index(this)}B();return false}});return this};b.fancybox=function(a,d){if(!h){h=true;q=[];s=0;if(b.isArray(a)){for(var f=0,o=a.length;f<o;f++)if(typeof a[f]=="object")b(a[f]).data("fancybox",b.extend({},d,a[f]));else a[f]=b({}).data("fancybox",b.extend({content:a[f]},d));q=jQuery.merge(q,a)}else{if(typeof a=="object")b(a).data("fancybox",b.extend({},d,a));else a=b({}).data("fancybox",b.extend({content:a},d));q.push(a)}B()}};b.fancybox.showActivity=function(){clearInterval(P);v.show();P=setInterval($,
+66)};b.fancybox.hideActivity=function(){v.hide()};b.fancybox.next=function(){return b.fancybox.pos(n+1)};b.fancybox.prev=function(){return b.fancybox.pos(n-1)};b.fancybox.pos=function(a){if(!h){a=parseInt(a);if(a>-1&&j.length>a){s=a;B()}if(c.cyclic&&j.length>1&&a<0){s=j.length-1;B()}if(c.cyclic&&j.length>1&&a>=j.length){s=0;B()}}};b.fancybox.cancel=function(){if(!h){h=true;b.event.trigger("fancybox-cancel");H();e&&b.isFunction(e.onCancel)&&e.onCancel(q,s,e);h=false}};b.fancybox.close=function(){function a(){y.fadeOut("fast");
+g.hide();b.event.trigger("fancybox-cleanup");i.empty();b.isFunction(c.onClosed)&&c.onClosed(j,n,c);j=e=[];n=s=0;c=e={};h=false}if(!(h||g.is(":hidden"))){h=true;if(c&&b.isFunction(c.onCleanup))if(c.onCleanup(j,n,c)===false){h=false;return}H();b(z.add(C).add(D)).hide();b("#fancybox-title").remove();g.add(i).add(y).unbind();b(window).unbind("resize.fb scroll.fb");b(document).unbind("keydown.fb");i.css("overflow","hidden");if(c.transitionOut=="elastic"){k=S();var d=g.position();m={top:d.top,left:d.left,
+width:g.width(),height:g.height()};if(c.opacity)m.opacity=1;A.prop=1;b(A).animate({prop:0},{duration:c.speedOut,easing:c.easingOut,step:M,complete:a})}else g.fadeOut(c.transitionOut=="none"?0:c.speedOut,a)}};b.fancybox.resize=function(){if(!(h||g.is(":hidden"))){h=true;var a=i.wrapInner("<div style='overflow:auto'></div>").children(),d=a.height();g.css({height:d+c.padding*2+x});i.css({height:d});a.replaceWith(a.children());b.fancybox.center()}};b.fancybox.center=function(){h=true;var a=N(),d=c.margin,
+f={};f.top=a[3]+(a[1]-(g.height()-x+t*2))*0.5;f.left=a[2]+(a[0]-(g.width()+t*2))*0.5;f.top=Math.max(a[3]+d,f.top);f.left=Math.max(a[2]+d,f.left);g.css(f);h=false};b.fn.fancybox.defaults={padding:10,margin:20,opacity:false,modal:false,cyclic:false,scrolling:"auto",width:560,height:340,autoScale:true,autoDimensions:true,centerOnScroll:false,ajax:{},swf:{wmode:"transparent"},hideOnOverlayClick:true,hideOnContentClick:false,overlayShow:true,overlayOpacity:0.3,overlayColor:"#666",titleShow:true,titlePosition:"outside",
+titleFormat:null,transitionIn:"fade",transitionOut:"fade",speedIn:300,speedOut:300,changeSpeed:300,changeFade:"fast",easingIn:"swing",easingOut:"swing",showCloseButton:true,showNavArrows:true,enableEscapeButton:true,onStart:null,onCancel:null,onComplete:null,onCleanup:null,onClosed:null};b(document).ready(function(){ba()})})(jQuery);

data/public/javascripts/forConnectionsForms.js

@@ -0,0 +1,218 @@
+// WontoMedia - a wontology web application
+// Copyright (C) 2010 - Glen E. Ivey
+//    www.wontology.com
+//
+// This program is free software: you can redistribute it and/or modify
+// it under the terms of the GNU Affero General Public License version
+// 3 as published by the Free Software Foundation.
+//
+// This program 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 Affero General Public License for more details.
+//
+// You should have received a copy of the GNU Affero General Public License
+// along with this program in the file COPYING and/or LICENSE.  If not,
+// see <http://www.gnu.org/licenses/>.
+
+
+var selectElems = [ "subject", "predicate", "obj", "submit" ];
+var connectionSubmit;
+var l = window.location;
+var base = l.protocol + "//" + l.hostname + ":" + l.port;
+var lastValue = {}
+
+
+    // define fields subject to check, order they occur in form
+var requiredConnectionElements = [ "subject", "predicate", "obj", "submit" ];
+var connectionElementNames = [ "Subject selector", "Relationship selector",
+                               "Object selector" ];
+
+    // encoding: -1    -> haven't checked yet
+    //           false -> no error
+    //           true  -> error condition present
+var connectionFormErrors = {};
+
+
+if ((typeof inAConnectionsForm !== 'undefined') && inAConnectionsForm){
+  connectionSubmit = $('connection_submit');
+
+  lastValue = {
+    subject   : $('connection_subject_id').value,
+    predicate : $('connection_predicate_id').value,
+    obj       : $('connection_obj_id').value
+  };
+
+  for (var c=0; c < requiredConnectionElements.length-1; c++)
+    connectionFormErrors[requiredConnectionElements[c]] =
+      creatingNewConnection ? -1 : false;
+
+  for (var c=0; c < selectElems.length; c++){
+    createOnchangeHandler(selectElems[c]);
+    createOnfocusHandler(selectElems[c]);
+  }
+
+  if (creatingNewConnection)
+        // connections/new -- can't submit a blank form
+    makeButtonSeemDisabled(connectionSubmit);
+  else  // connections/##/edit -- can submit as-is form
+    makeButtonSeemEnabled(connectionSubmit);
+
+  connectionSubmit.observe('click', submitOnclickHandler);
+}
+
+
+function createOnchangeHandler(thisName){
+  var thisElem = $('connection_' + thisName + '_id');
+  if (thisElem == null)
+    thisElem = $('connection_' + thisName);
+  thisElem.observe('change',
+    function(){                       // nest all these fn defs for closure
+      if (thisElem.value != lastValue[thisName]){
+        var lastLast = lastValue[thisName];
+        lastValue[thisName] = thisElem.value;
+
+        if (thisElem.value == ""){
+          divToBlank(thisName);
+          flagConnectionAsRequired(thisName);
+        }
+        else if (thisElem.value == "-1"){
+          divToBlank(thisName);
+          var type = (thisName == "predicate") ? "verb" : "noun";
+          itemCreatePopup(thisElem, type, lastLast);
+        }
+        else {
+          clearError(thisName);
+          divToWorking(thisName);
+          new Ajax.Request(base + "/items/" + thisElem.value + ".json", {
+            method: 'get',
+            onSuccess: function(response){
+              var itemObject = response.responseJSON;
+              var key = getFirstHashKey(itemObject);
+              divToText(thisName, itemObject[key]["description"]);
+            },
+            onFailure: function(){
+              divToBlank(thisName);
+            }
+          });
+        }
+        refreshSubmitState();
+      }
+    }
+  );
+}
+
+function getFirstHashKey(hashObj){
+  for (var key in hashObj)
+    return key;
+}
+
+function divToBlank(name){
+  divToImg(name, "blank");
+}
+
+function divToWorking(name){
+  divToImg(name, "working");
+}
+
+function divToImg(divName, imageName){
+  $(divName + '_desc').className = "desc";
+  $(divName + '_desc').innerHTML =
+    "<img alt='' width='32' height='16' id='" + divName + "_status_icon' " +
+    "     src='/images/" + imageName + "_status_icon.png' />";
+}
+
+function divToText(divName, divText){
+  if (divText === undefined || divText == null)
+    divText = "";
+  $(divName + '_desc').className = "";
+  $(divName + '_desc').innerHTML = "<p>" + divText.escapeHTML() + "</p>";
+}
+
+
+function createOnfocusHandler(thisName){
+  var thisElem = $('connection_' + thisName + '_id');
+  if (thisElem == null)
+    thisElem = $('connection_' + thisName);
+  thisElem.observe('focus', function(){ onfocusBehavior(thisElem); } );
+}
+
+function onfocusBehavior(elem){
+  var eId = elem.id;
+  var c;
+  for (c=0; c < requiredConnectionElements.length; c++){
+    var re = new RegExp(requiredConnectionElements[c]);
+    var mtch = eId.match(re);
+    if (mtch != null && mtch.length > 0)
+      break;
+  }
+
+  if (c >= requiredConnectionElements.length)
+    return;  // Hmmmm..... maybe not
+
+  var lastToCheck = c-1;
+  for (c=0; c <= lastToCheck; c++){
+    var ck = $("connection_" + requiredConnectionElements[c] + "_id");
+    if (ck.value == null || ck.value == "")
+      flagConnectionAsRequired(requiredConnectionElements[c]);
+    else
+      clearError(requiredConnectionElements[c]);
+  }
+  refreshSubmitState();
+}
+
+function flagConnectionAsRequired(elemName){
+  connectionFormErrors[elemName] = true;
+  $(elemName + "_required").className = "helpTextFlagged";
+  $(elemName + "_error_icon").src = "/images/error_error_icon.png";
+}
+
+function clearError(elemName){
+  connectionFormErrors[elemName] = false;
+  $(elemName + "_required").className = "";
+  $(elemName + "_error_icon").src = "/images/blank_error_icon.png";
+}
+
+function refreshSubmitState(){
+  var detectedAtLeastOneError = false;
+  for (var c =0; c < requiredConnectionElements.length-1; c++)
+    if (connectionFormErrors[requiredConnectionElements[c]] != false)
+      detectedAtLeastOneError = true;
+
+  if (detectedAtLeastOneError)
+    makeButtonSeemDisabled(connectionSubmit);
+  else
+    makeButtonSeemEnabled(connectionSubmit);
+}
+
+
+function submitOnclickHandler(ev){
+  onfocusBehavior(connectionSubmit);
+  var dialogDisplayed = maybeShowErrorDialog();
+  if (dialogDisplayed)
+    ev.stop();
+}
+
+function maybeShowErrorDialog(){
+  var newDialogText = "<p>";
+
+  var accum = false;
+  for (var c=0; c < requiredConnectionElements.length-1; c++){
+    if (connectionFormErrors[requiredConnectionElements[c]] == true){
+      accum = true;
+      newDialogText += "The " + connectionElementNames[c] +
+        " must have a value. ";
+    }
+  }
+
+  if (accum){
+    newDialogText += "</p>";
+    var titleText =
+      creatingNewConnection ? "Can't create this connection yet" :
+        "Can't update this connection";
+    Modalbox.show(newDialogText, { title: titleText,
+                                   slideDownDuration: 0.25,
+                                   slideUpDuration: 0.1 } );
+  }
+  return accum;
+}

data/public/javascripts/forItemsForms.js

@@ -0,0 +1,511 @@
+// WontoMedia - a wontology web application
+// Copyright (C) 2010 - Glen E. Ivey
+//    www.wontology.com
+//
+// This program is free software: you can redistribute it and/or modify
+// it under the terms of the GNU Affero General Public License version
+// 3 as published by the Free Software Foundation.
+//
+// This program 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 Affero General Public License for more details.
+//
+// You should have received a copy of the GNU Affero General Public License
+// along with this program in the file COPYING and/or LICENSE.  If not,
+// see <http://www.gnu.org/licenses/>.
+
+
+var nameAjaxStart = 400;  // to avoid unnecessary server traffic,
+                          //   wait after Name change before check
+
+
+
+
+// package of code to implement required-inputs-can't-be-empty checks
+//   (for items/new page)
+
+
+    // define fields subject to check, order they occur in form
+var requiredItemElements = [ "sti_type", "title", "name", "description",
+  "submit" ];
+var itemElementNames = [ "Type selector", "Title field", "Name field",
+  "Description box", "Create button" ];
+var indexTitle       = 1;
+var indexName        = 2;
+var indexDescription = 3;
+var maxLengths = [ 0, 255, 80, 65535 ];
+
+    // globals w/ defaults, real values figured in plumbEvent...()
+var thereIsATypeControl = false;
+var originalItemName = "";
+var controlNamePrefix = "";
+var itemSubmit;
+
+    // encoding: -1    -> haven't checked yet
+    //           false -> no error
+    //           true  -> error condition present
+var itemFormErrors = {};
+
+
+    // after key presses, have to wait for browser to update the input field
+    // before we check it (delay in ms)
+var dly = 200;
+
+
+var valueWhenLastChecked = "";
+var uniquenessTimerId = -1;
+var ajaxRequestInProgress = null;
+
+
+function plumbEventHandlersToItemCreationElements(customizationSelector){
+  thereIsATypeControl = ($('item_sti_type') != null);
+  for (var c=0; c < requiredItemElements.length-2; c++)
+    itemFormErrors["item_" + requiredItemElements[c]] =
+      creatingNewItem ? -1 : false;
+  for (var c=1; c < requiredItemElements.length-1; c++)
+    itemFormErrors["length_" + requiredItemElements[c]] = false;
+
+  if (!creatingNewItem){
+    var arrayOfForms = document.getElementsByTagName('form');
+    var newItemId;
+    for (var c=0; c < arrayOfForms.length; c++){
+      newItemId = arrayOfForms[c].id;
+      var mtch = newItemId.match(/item$/);
+      if (mtch != null)
+        break;
+    }
+    controlNamePrefix = newItemId.replace(/^edit_/, "").
+                                  replace(/item_?[0-9]*$/, "");
+    originalItemName = $(controlNamePrefix + 'item_name').value;
+  }
+
+
+  itemSubmit = $(controlNamePrefix + 'item_submit');
+  if (thereIsATypeControl){
+    var ck = $(controlNamePrefix + 'item_sti_type').value;
+    if (ck != null && ck != "")
+      itemFormErrors['item_sti_type'] = false;
+  }
+
+
+  if (thereIsATypeControl){
+    var a = $('item_sti_type');
+    a.observe('keyup',
+      function(ev){
+        if (ev.keyCode != Event.KEY_TAB){   // onfocus does all we need for this
+          setTimeout(
+            function(){
+              checkFieldRequired(a);
+              maybeClearIcon('sti_type');
+            } ,
+            dly
+          );
+        }
+      }
+    );
+
+    a.observe('change',
+      function(){
+        typeSelectOnchange();
+        checkFieldRequired(a);
+        maybeClearIcon('sti_type');
+      }
+    );
+  }
+
+  var b = $(controlNamePrefix + 'item_title');
+  var c = $(controlNamePrefix + 'item_name');
+  function checkTitle(){
+    // this check is unique to Title, do here
+    var mtch = b.value.match(/\n|\r/m);
+    if (mtch != null && mtch.length > 0){
+      $('title_multi_line').className = "helpTextFlagged";
+      itemFormErrors['ml_title'] = true;
+      $('title_error_icon').src = "/images/error_error_icon.png";
+    }
+    else {
+      $('title_multi_line').className = "";
+      itemFormErrors['ml_title'] = false;
+    }
+
+    checkFieldRequired(b);
+    checkFieldLength(b, indexTitle);
+    maybeClearIcon('title');
+    if (creatingNewItem){
+      var emptyToNotEmpty = generateFromTitle(b, c);
+      if (emptyToNotEmpty){
+        itemFormErrors["item_name"] = false;
+        $('name_required').className = "";
+        maybeClearIcon('name');
+      }
+    }
+    nameFieldValidityCheck();
+  }
+
+  b.observe('change', function(){checkTitle();});
+  b.observe('keyup',
+    function(ev){
+      if (ev.keyCode != Event.KEY_TAB)
+        setTimeout(checkTitle, dly);
+    }
+  );
+
+  function checkName(){
+    nameFieldValidityCheck();
+    checkFieldRequired(c);
+    checkFieldLength(c, indexName);
+    maybeClearIcon('name');
+    if (creatingNewItem)
+      generateToName(b, c);
+
+
+    // do last, because we're going to skip part of this if other errors...
+    maybeCheckNameUniqueness(nameAjaxStart);
+  }
+  c.observe('change', function(){checkName();});
+  c.observe('keyup',
+    function(ev){
+      if (ev.keyCode != Event.KEY_TAB)
+        setTimeout(checkName, dly);
+    }
+  );
+
+  function nameFieldValidityCheck(){
+    var mtch, val = $(controlNamePrefix + 'item_name').value;
+
+    $('name_start_char').className = "";
+    itemFormErrors['char_1_name'] = false;
+    if (val.length > 0){
+      mtch = val.match(/^[a-zA-Z]/);
+      if (mtch == null || mtch.length == 0){
+        $('name_start_char').className = "helpTextFlagged";
+        itemFormErrors['char_1_name'] = true;
+        $('name_error_icon').src = "/images/error_error_icon.png";
+      }
+    }
+
+    $('name_nth_char').className = "";
+    itemFormErrors['char_N_name'] = false;
+    if (val.length > 1){
+      mtch = c.value.match(/^.[a-zA-Z0-9_-]+$/);
+      if (mtch == null || mtch.length == 0){
+        $('name_nth_char').className = "helpTextFlagged";
+        itemFormErrors['char_N_name'] = true;
+        $('name_error_icon').src = "/images/error_error_icon.png";
+      }
+    }
+  }
+
+
+  var d = $(controlNamePrefix + 'item_description');
+  function checkDescription(){
+    checkFieldRequired(d);
+    checkFieldLength(d, indexDescription);
+    maybeClearIcon('description');
+  }
+  d.observe('change', function(){checkDescription();});
+  d.observe('keyup',
+    function(ev){
+      if (ev.keyCode != Event.KEY_TAB)
+        setTimeout(checkDescription, dly);
+    }
+  );
+
+  if (creatingNewItem)
+    makeButtonSeemDisabled(itemSubmit);// items/new -- can't submit a blank form
+  else
+    makeButtonSeemEnabled(itemSubmit); // items/##/edit -- can submit as-is form
+
+  if (customizationSelector != "submitViaModalbox"){
+    itemSubmit.observe('click',
+      function(ev){
+        if (!okToSubmitItemForm())
+          ev.stop();
+      }
+    );
+  }
+
+  if (thereIsATypeControl)
+    a.observe('focus', function(){onfocusCommonBehavior(a);});
+  b.observe('focus', function(){onfocusCommonBehavior(b);});
+  c.observe('focus', function(){onfocusCommonBehavior(c);});
+  d.observe('focus', function(){onfocusCommonBehavior(d);});
+  itemSubmit.
+    observe('focus', function(){onfocusCommonBehavior(itemSubmit);});
+}
+
+function flagItemAsRequired(elemName){
+  var req = $(elemName + "_required");
+  if ( req != null ){
+    req.className = "helpTextFlagged";
+    $(elemName + "_error_icon").src = "/images/error_error_icon.png";
+  }
+  else {
+    $(elemName + "_recommended").className = "helpTextFlagged";
+    $(elemName + "_error_icon").src = "/images/warn_error_icon.png";
+  }
+}
+
+function maybeClearIcon(field){
+  icon = $(field + "_error_icon");
+  var mtch = icon.src.match(/blank_/);
+
+  // if icon already clear, then don't need to actually clear
+  if (mtch == null || mtch.length == 0){
+
+    // "recommended" is a special case....
+    var descReco = itemFormErrors["item_description"];
+    itemFormErrors["item_description"] = false;
+
+    var canClear = true;
+    for (var err in itemFormErrors){
+      mtch = err.match(new RegExp(field));
+      if (mtch != null && mtch.length > 0 && itemFormErrors[err]){
+        canClear = false;
+        break;
+      }
+    }
+
+    itemFormErrors["item_description"] = descReco;  // restore
+
+    if (canClear){
+      if (field == "description" && descReco)
+        icon.src = "/images/warn_error_icon.png";
+      else
+        icon.src = "/images/blank_error_icon.png";
+    }
+  }
+
+
+  // if *all* the error flags are clear, then indicate that we can submit
+  for (var err in itemFormErrors)
+    if (err != "item_description" && itemFormErrors[err] != false){
+      makeButtonSeemDisabled(itemSubmit);
+      return;
+    }
+  makeButtonSeemEnabled(itemSubmit);
+}
+
+
+function onfocusCommonBehavior(elem){
+  var eId = elem.id;
+  var c;
+  for (c=0; c   <  requiredItemElements.length &&
+            eId != controlNamePrefix + "item_" + requiredItemElements[c];
+       c++)
+    ;
+
+  if (c >= requiredItemElements.length)
+    return;  // Hmmmm..... maybe not
+
+  var lastToCheck = c-1;
+  var errFlag = false;
+  c = thereIsATypeControl ? 0 : 1;
+  for (; c <= lastToCheck; c++){
+    var ck = $(controlNamePrefix + "item_" + requiredItemElements[c]);
+    if (ck.value == null || ck.value == ""){
+
+      itemFormErrors["item_" + requiredItemElements[c]] = true;
+      flagItemAsRequired(requiredItemElements[c]);
+
+      if (c < requiredItemElements.length-2)
+        errFlag = true;
+    }
+    else
+      itemFormErrors["item_" + requiredItemElements[c]] = false;
+  }
+
+  if (errFlag)
+    makeButtonSeemDisabled(itemSubmit);
+
+  // refresh everything
+  if (thereIsATypeControl)
+    maybeClearIcon('sti_type');
+  maybeClearIcon('title');
+  maybeClearIcon('name');
+  maybeClearIcon('description');
+  maybeCheckNameUniqueness(nameAjaxStart);
+}
+
+function checkFieldRequired(f){
+  var idStr = f.id;
+  if (!creatingNewItem)
+    idStr = idStr.replace(new RegExp(controlNamePrefix), "");
+  var name = idStr.match(/item_(.+)$/)[1];
+
+  if (f.value == null || f.value == ""){
+    flagItemAsRequired(name);
+    itemFormErrors[idStr] = true;
+  }
+  else {
+    var req = $(name + "_required");
+    if ( req != null )
+      req.className = "";
+    else
+      $(name + "_recommended").className = "";
+
+    itemFormErrors[idStr] = false;
+  }
+}
+
+function checkFieldLength(elem, index){
+  var name = elem.id.match(/item_(.+)$/)[1];
+
+  if (elem.value.length > maxLengths[index]){
+    $(name + '_too_long').className = "helpTextFlagged";
+    itemFormErrors['length_' + name] = true;
+    $(name + "_error_icon").src = "/images/error_error_icon.png";
+  }
+  else {
+    $(name + '_too_long').className = "";
+    itemFormErrors['length_' + name] = false;
+  }
+}
+
+
+function genDialog(){
+  var newDialogText = "<p>";
+  var accum = false;
+
+  for (var c=0; c < requiredItemElements.length-2; c++){
+    if (itemFormErrors["item_" + requiredItemElements[c]] == true){
+      accum = true;
+      newDialogText += "The " + itemElementNames[c] + " is required. ";
+    }
+  }
+  for (var c=1; c < requiredItemElements.length-1; c++){
+    if (itemFormErrors["length_" + requiredItemElements[c]] == true){
+      accum = true;
+      newDialogText += "The " + itemElementNames[c] + " field must be " +
+        maxLengths[c] + " or fewer characters. ";
+    }
+  }
+
+  if (accum){
+    newDialogText += "</p>";
+    var titleText = creatingNewItem ?
+      "Can't create this item yet" :
+      "Can't update this item";
+    Modalbox.show(newDialogText,
+      { title: titleText,
+        slideDownDuration: 0.25, slideUpDuration: 0.1 } );
+  }
+  return accum;
+}
+
+
+
+function clearNameUniquenessIndicators(){
+    $('name_must_be_unique').className = "";
+    $('name_is_unique').className = "confirmationTextInvisible";
+    $('name_status_icon').src = '/images/blank_status_icon.png';
+}
+function nameUCheckSuccess(transport){
+  ajaxRequestInProgress = null;
+  $('name_must_be_unique').className = "helpTextFlagged";
+  $('name_status_icon').src = '/images/error_status_icon.png';
+  itemFormErrors["unique_name"] = true;
+  makeButtonSeemDisabled(itemSubmit);
+}
+function nameUCheckFailure(transport){
+  ajaxRequestInProgress = null;
+  if (transport.status == 404){
+    $('name_is_unique').className = "confirmationTextShow";
+    $('name_status_icon').src = '/images/good_status_icon.png';
+  }
+  else
+    $('name_status_icon').src = '/images/blank_status_icon.png';
+}
+function launchNameUniquenessCheck(){
+  // we only have one timer ever, and this call shows it just expired, so...
+  uniquenessTimerId = -1;
+
+  var l = window.location;
+  var lookup = l.protocol + "//" + l.hostname + ":" + l.port + '/items/lookup';
+  ajaxRequestInProgress = new Ajax.Request(
+    lookup, {
+      method: 'get', parameters: "name=" + $F(controlNamePrefix + 'item_name'),
+      onSuccess: nameUCheckSuccess, onFailure: nameUCheckFailure
+    });
+
+  $('name_status_icon').src = '/images/working_status_icon.gif';
+}
+function maybeCheckNameUniqueness(delay){
+  var name = $(controlNamePrefix + 'item_name');
+
+  if (name.value != valueWhenLastChecked){
+    valueWhenLastChecked = name.value;
+
+    if (uniquenessTimerId != -1)
+      clearTimeout(uniquenessTimerId);
+    uniquenessTimerId = -1;
+    if (ajaxRequestInProgress != null)
+      ajaxRequestInProgress.transport.abort();
+    ajaxRequestInProgress = null;
+
+    clearNameUniquenessIndicators();
+
+    var old = itemFormErrors["unique_name"];
+    itemFormErrors["unique_name"] = false;
+    if (old)
+      maybeClearIcon('name');
+
+    var mtch = $('name_error_icon').src.match(/error_error_icon/);
+    if (name.value != null && name.value != "" &&
+        name.value != originalItemName         &&
+        (mtch == null || mtch.length == 0)){
+      if (delay > 0)
+        uniquenessTimerId = setTimeout(launchNameUniquenessCheck, delay);
+      else
+        launchNameUniquenessCheck();
+    }
+  }
+}
+
+
+
+function getCurrentType(){
+  return $('item_sti_type').value;
+}
+
+
+
+function okToSubmitItemForm(){
+  onfocusCommonBehavior(itemSubmit);
+  var errors = genDialog();
+
+  if (errors)
+    makeButtonSeemDisabled(itemSubmit);
+  else
+    makeButtonSeemEnabled(itemSubmit);
+
+  return !errors;
+}
+
+// function to highlight help text based on Type <select> element state
+function typeSelectOnchange(){
+  var sel = $('item_sti_type');
+  var tags = [ "category_title",   "category_desc",
+               "individual_title", "individual_desc",
+               "property_title",   "property_desc" ];
+
+  if ($(tags[0]) == null)   // this version of form w/o explanatory text
+    return;
+
+  for (var c=0; c != tags.length; c++)
+    $(tags[c]).className = "";
+
+  if (sel.value == "CategoryItem"){
+    $(tags[0]).className = "titleSelectedItemDescription";
+    $(tags[1]).className = "bodySelectedItemDescription";
+  }
+  else if (sel.value == "IndividualItem"){
+    $(tags[2]).className = "titleSelectedItemDescription";
+    $(tags[3]).className = "bodySelectedItemDescription";
+  }
+  else if (sel.value == "PropertyItem"){
+    $(tags[4]).className = "titleSelectedItemDescription";
+    $(tags[5]).className = "bodySelectedItemDescription";
+  }
+}