uu

js/codehtml.js

@@ -0,0 +1,348 @@
(function($,doc,$body,exports){
	/**
	 * env={ ce:current Element; cd:current Data; ci:current index in
	 * ListElement array[ci=index] or object[ci=key] es:Element stack; Array
	 * ds:Data stack; Array is:index stack;Array sh:value handler
	 * function(env,key){return [String]} dir:directive handler
	 * Aarray(function(env){}.call(elementObj={},env) }
	 */
	var ch_val_buider={
		"c":function(/* env */){
			return this.k;		
		},
		"s":function(env){
			var v= env.cd;
			if(v) v= this.k?v[this.k]:v;
			if(v) return v;
			return "";			
		},
		"date":function(env){}		
	},
	simpleAttrHandler=function(env){
		env.ce.setAttribute(this.n,this.v);	
	},
	AttrHandler=function(env){
		var ret = [],va= this.v;
		for(var i = 0 ; i < va.length;++i){
			var item = va[i];
			ret.push[env.sh[item.h].call(this,env)];		
		}
		env.ce.setAttribute(this.n,ret.join(""));
	},
	/**
	 * r:array s:text value f:lslast value in array Is * Text
	 */
	strSplit_s=function(r,s,f){
		if(f){
			var tmp = r[r.length-1];
			tmp.k=tmp.k+s;
		}else{
			r.push({k:s,h:"c"});
		}
	},
	strSplit_o=function(r/* array */,shell/* trim value like {{shell}} */){
		var tmp = shell.split("-");
		var obj ={k:tmp.shift(),h:"s"};
		if(tmp.length){obj.h=tmp.shift();}
		if(tmp.length){obj.p=tmp;}
		r.push(obj);
	},
	strSplit=function(s){ // s.length>4
		var r=[],
		len=s.length,
		si=0,/* parse start index */
		ei,/* end shell ei = s.indexOf("}}",bi+2) */
		shell,/* {{shell}} */
		tmp,/* last shell */
		f/* prev is not shell */,
		bi=nv.indexOf("{{");	/* begin shell bi = s.indexOf("{{",si) */		
		if(bi>=0){
			ei=nv.indexOf("}}",bi);	
			while(si<len){
				if(bi>si){r.push({k:s.substring(si,bi),h:"c"});f=true;}
				shell = s.substring(bi+2,ei).trim();
				si=ei+2;
				if(shell.length){
					f=false;
					strSplit_o(r,shell);	
				}else{strSplit_s(r,s.substring(bi,si),f);f=true;}
				if(si>=len) return r;
				bi=s.indexOf("{{",si);
				if(bi<0){strSplit_s(r,s.substring(si),f);return r;}
				ei=s.indexOf("}}",bi);
				if(ei<0){strSplit_s(r,s.substring(si),f);return r;}
			}
		}
		return s;	
	},
	strCompile=function(s){
		var r = strSplit(s);
		if(typeof s !="string"){
			return r.length>1?r:r[0];/*
										 * [{k:"",h:"",p:[]},...] :
										 * {k:"",h:"",p:[]}
										 */		
		}
		return s;// String;
	},
	simpleAttrHand=function(env){
		env.ce.setAttribute(this.n,this.v);	
	},
	singleAttrHand=function(env){
		env.ce.setAttribute(this.n,env.sh[this.h].call(this.v,env));
	},
	arrayAttrHand=function(env){
		var item,ret =[],vs=this.v,len=vs.length;
		for(var i = 0 ; i < len ; ++i){
			item = vs[i];
			ret.push(env.sh[item.h].call(item,env));
		}
		env.ce.setAttribute(this.n,ret.join(""));
	},
	/* ret.h(env); attribute compiler */	
	attrCompile=function(attr){
		var s =attr.value||"",ret ={n:attr.name,v:s,h:simpleAttrHand};
		if(s.length>4){
			s = strCompile(s);
			if(typeof s !="string"){
				ret.v = s;
				// is Array
				ret.h=s.length?arrayAttrHand:singleAttrHand;
			}
		}
		return ret;	
	},
	simpleTextHand=function(env){
		env.ce.appendChild(doc.createTextNode(this.v));
	},
	singleTextHand=function(env){
		env.ce.appendChild(doc.createTextNode(env.sh[this.h].call(this.v,env)));
	},
	arrayTextHand=function(env){
		var item,ret =[],vs=this.v,len=vs.length;
		for(var i = 0 ; i < len ; ++i){
			item = vs[i];
			ret.push(env.sh[item.h].call(item,env));
		}
		env.ce.appendChild(doc.createTextNode(ret.join("")));
	},
	/* ret.h(env); textNode compiler */	
	textCompile=function(s/* s = textNode.nodeValue */){
		var len=s.length,ret={v:s,h:"_t"};
		if(len>4){
			s = textCompile(s);
			if(typeof s !="string"){
				ret.v = s;
				// is Array
				ret.h=s.length?"_at":"_st";
			}
		}
		return ret;		
	},ch_dir_container={
		/* simpleTextHand= */
		"_t":function(env){env.ce.appendChild(doc.createTextNode(this.v));},
		/* singleTextHand= */
		"_st":function(env){env.ce.appendChild(doc.createTextNode(env.sh[this.h].call(this.v,env)));},
		/* arrayTextHand= */
		"_at":function(env){
			var item,ret =[],vs=this.v,len=vs.length;
			for(var i = 0 ; i < len ; ++i){
				item = vs[i];
				ret.push(env.sh[item.h].call(item,env));
			}
			env.ce.appendChild(doc.createTextNode(ret.join("")));
		},
		"_":function(env){
			var ele = doc.createElement(this.n),as = this.as,es= this.es,item;
			env.ce.appendChild(ele);
			env.es.push(env.ce);
			env.ce=ele;
			for(var i = 0 ; i < as.length; ++i){
				as[i].h(env);
			}
			for(var i = 0 ; i < es.length; ++i){
				item=es[i];env.dir(item.h).call(item,env);
			}
			env.ce = env.es.pop();
		},
		"list":function(env){
			var hand=env.dir["_"],as=this.as,es=this.es,item,data = env.cd,p=this.p;
			if(data && p && p.length && p[0]){
				env.ds.push(data);
				data = env.cd = data[p[0]]||[];
				env.is.push(env.ci);
				for(var i = 0 ; i < data.length;++i){
					env.ci = i;
					env.cd = data[i];
					hand.call(this,env);
				}
				env.ci=env.is.pop();
				env.cd = env.ds.pop();
			}else if(data && data.length){
				env.is.push(env.ci);
				for(var i = 0 ; i < data.length;++i){
					env.ci = i;
					hand.call(this,env);
				}
				env.ci=env.is.pop();	
			}
		},"each":function(env){
			var hand=env.dir["_"],as=this.as,es=this.es,item,data = env.cd,p=this.p;
			if(data && p && p.length && p[0]){
				env.ds.push(data);
				env.is.push(env.ci);
				for(var i = 0 ; i < p.length;++i){
					env.ci = p[i];
					env.cd = data[env.ci];
					hand.call(this,env);
				}
				env.ci=env.is.pop();
				env.cd = env.ds.pop();
			}else if(data){
				env.is.push(env.ci);
				for(var key in data){
					env.ci = k;
					hand.call(this,env);
				}
				env.ci=env.is.pop();	
			}	
		},"val":function(env){
			var hand=env.dir["_"],as=this.as,es=this.es,items,item,data = env.cd,p=this.p;
			if(p && p.length && p[0]){
				items = p[0].split("\\.");
				env.ds.push(data);
				while(items.length && data){
					data = data[items.shift()];
				}
				if(items.length===0 && data){
					env.cd = data;
					hand.call(this,env);
				}
				env.cd = env.ds.pop();
			}			
		},"valTag":function(env){
			var hand=env.dir["_"],as=this.as,es=this.es,items,item,data = env.cd,p=this.p;
			if(p && p.length && p[0]){
				items = p[0].split("\\.");
				env.ds.push(data);
				while(items.length && data){
					data = data[items.shift()];
				}
				if(items.length===0 && data){
					env.cd = data;
					var ele = doc.createElement(this.n);
					env.ce.appendChild(ele);
					env.es.push(env.ce);
					env.ce=ele;
					for(var i = 0 ; i < as.length; ++i){
						as[i].h(env);
					}
					for(var i = 0 ; i < es.length; ++i){
						item=es[i];env.dir(item.h).call(item,env);
					}
					env.ce = env.es.pop();
				}
				env.cd = env.ds.pop();
			}
		}
	},
	childCompile=function(chs,ret){
		var lisT =false;
		for(var i = 0 ; i < chs.length ; ++i){
			var ch=chs[i];
			if(ch.nodeType==1){
				if(lisT){
					ret.push(textCompile(s));
				}
				ret.push(eleCompile(ch));
				lisT=false;
			}else if(ch.nodeType==3){
				s = listT?(s+ch.nodeValue):ch.nodeValue;
				listT=true;
			}
		}
		if(listT){
			ret.push(textCompile(s));
		}
	},
	/* ret.h(env) Element compiler */
	eleCompile=function(ele){
		var attrs=ele.attributes,cdir=ele.getAttribute("ch-dir")||"_", ret ={n:ele.node},as=ret.as=[],es=ret.es=[],lisT,s,ch;
		ch=cdir.split("-");
		ret.h=ch.shift();
		if(ch.length)ret.p=ch;		
		for(var i = 0 ;i < attrs.length;++i){
			as.push(attrCompile(attrs[i]));
		}
		childCompile(ele.children,ret.es);
		return tet;
	},parseElement=function(ele){
		var env={sh:{},dir:{}},chs=[];
		childCompile(ele.children,chs);
		$.extend(env.sh,ch_val_buider);
		$.extend(env.dir,ch_dir_container);
		return {
			"shell":function(name,hand){
				if(hand){
					env.sh[name]=hand;
					return this;
				}else return env.sh[name];
			},"dir":function(name,hand){
				if(hand){
					env.dir[name]=hand;
					return this;
				}else return env.dir[name];
			},"fill":function(pe,data){
				env.es=[];env.ds=[];env.is=[];env.ce=pe,env.cd=data;
				for(var i = 0 ; i < chs.length;++i){
					var ch = chs[i];
					env.dir[ch.h].call(ch,env);
				}
				return this;
			}
		};
	},	
	defBh=function(data){return data;},
	parseCode(ele)=function(ele){
		var hand =parseElement(ele),$ele=$(ele),bh=defBh,lses=[];
		return $.extend(hand,{
			"val":function(data){
				$ele.empty();
				data = bh(data);
				var docf = doc.createDocumentFragment();
				this.fill(docf,data);
				ele.appendChild(docf);
				for(var i = 0; i < lses.length;++i){
					lses[i]();
				}
				return this;
			},"empty":function(){
				$(ele).empty();
				return this;
			},"listen":function(h){
				if(h) lses.push(h);
				return this;
			}
		});
	},parseHtmlTemplate=function(c){
		var $div=$("<div style='display:none;'></div>");
		$div.appendTo($body).html(c);
		var h =parseCode($div[0]);
		$div.remove();
		return $.extend(h,{
			"appendTo":function(pe,data){
				var docf = doc.createDocumentFragment();
				this.fill(docf,data);
				pe.appendChild(docf);
			}
		});
	};
	var codeHtml ={
			"parse":parseElement,
			"element":parseCode,
			"template":parseHtmlTemplate
	};
	if(exports) exports.codeHteml = codeHtml;
	return codeHtml;
})(jQuery,document,$body,window);
 

js/form.js

@@ -0,0 +1,161 @@
(function($,util, exports) {
	var impls = [],
	/* default impl */
	di = function(val) {
		var v = val, dv = null;
		return {
			val : function(data) {
				if (arguments.length) {
					v = data;
					return this;
				}
				return v;
			},
			reset : function(data) {
				if (arguments.length) {
					dv = data;
					return this;
				}
				dv = data;
				validate
				return this;
			},
			validate : function(vds) {
				if (vds) {
					// add valid obj
					return this;
				} else {
					return true;
				}
			}
		};
	}, svd = function(items, vds) {
		for (key in vds) {
			var im = items[key], vd = vds[key];
			if (im && vd)
				im.validate(vd);
		}
		return this;
	}, vd = function(items) {
		for (key in items) {
			if (!items[key].validate())
				return false;
		}
		return true;
	}, vda = function(valids,form) {
		for (var i = 0; i < valids.length; ++i) {
			if (!valids[i](form))
				return false;
		}
		return true;
	},
	/* create form instance by jQuery obj */
	bf = function($e) {
		if ($e.length === 1) {
			var items = {}, valids = [];
			$e.find(".form-item").each(function() {
				var $this = $(this);
				for (var i = 0; i < impls.length; ++i) {
					var item = impls[i]($this);
					if (item && item.name) {
						items[item.name] = item;
					}
				}
			});
			return {
				item : function(name) {
					return items[name];
				},
				validate : function(vds) {
					if (arguments.length) {
						$.isArray(data) ? valids.concat(data) : svd(items, vds);
						return this;
					} else {
						return vd(items) ? vda(valids,this) : false;
					}
				},
				val : function(data) {
					if (arguments.length) {
						if (data) {
							for (key in data) {
								var ch = items[key];
								if (!ch) {
									ch = items[key] = di();
								}
								ch.val(data[key]);
							}
						}
						return this;
					}
					var ret = {};
					for (key in items) {
						ret[key] = items[key].val();
					}
					return ret;
				},
				reset : function(data) {
					if (arguments.leng) {
						for (key in data) {
							var item = itmes[key];
							if (item)
								item.reset(data[key]);
						}
					} else {
						for (key in items) {
							items[key].reset();
						}
					}
				},get:function(url,data,eh,config){
					util.get(url,data,function(rd){
						if(config && config.check){
							rd =config.ckeck(rd);
							if(rd){
								this.reset();
								this.val(rd);
							}
						}
					},eh,config);
				},post:function(url,data,eh,config){
					util.post(url,data,function(rd){
						if(config && config.check){
							rd =config.ckeck(rd);
							if(rd){
								this.reset();
								this.val(rd);
							}
						}
					},eh,config);
				},doGet:function(url,sh,eh,config){
					if(this.validate()){
						util.get(url,this.val(),sh,eh,config);
					}
				},doPost:function(url,sh,eh,config){
					if(this.validate()){
						util.post(url,this.val(),sh,eh,config);
					}
				},doPut:function(url,sh,eh,config){
					if(this.validate()){
						util.put(url,this.val(),sh,eh,config);
					}
				},doDel:function(url,sh,eh,config){
					if(this.validate()){
						util.del(url,this.val(),sh,eh,config);
					}
				}
			};
		}
		return null;
	}
	var ret = {
		build : bf,
		register : function(impl) {
			impls.push(impl)
		}
	};
	if (exports)
		exports.form = ret;
	return ret;
})(jQuery,util, window);

js/text.js

@@ -0,0 +1,25 @@
(function($,form){	
	from.register(function($e){
		var n=$e.attr("name")||$e.attr("name"), $,dv,t="string";
		if($e.hasClass("int")) t="int";
		if($e.hasClass("float")) t="float";		
		return {
			name:n,
			val:function(data){},
			validate:function(h){
				
			},
			reset:function(data){
				if(arguments.leng){
					dv=data;
				}else{
					this.val(dv);
				}
			},
			type:function(){
				return t;
			}
			
		};
	});	
})(jQuery,form);

js/util.js

@@ -0,0 +1,238 @@
(function($, $body, exports) {
	var noop = function() {
	}, infoDiv = $("#g_info"), errDiv = $("#g_err"), warnDiv = $("#g_warn"), msgDiv = $("#g_msg"), err_msg = {}, layer_curr = {
		index : 5000000,
		remove : noop,
		css : noop
	}, layer_remove = function() {
		this.shade.remove();
		this.ctn.empty();
		this.ctn.remove();
		this.prev.css("display", "block");
		_g_layer_curr = this.prev;
	}, fh = function(e) {
		$(this).parent().hide();
	}, bh = function($p) {
		$p.find(".click-hide-parent").on("click", fh);
	}, fillContent = function($c/* child node [String|Function｜jQObj] */, $p) {
		if ($c) {
			if (typeof $c === "string") {
				$p.html(p);
			} else if (typeof p == "function") {
				$c.call($p);
			} else if ($c.jquery) {
				$p.append($c);
			}
		}
	}, modal = function(ctn) {
		var inx = _g_layer_curr.index + 2, ly = {
			index : inx,
			remove : layer_remove,
			prev : _g_layer_curr
		};
		ly.shade = $(
				"<div class='layer-shade layer-" + inx + "' style='z-index:"
						+ inx + ";'></div>").appendTo(body);
		++inx;
		ly.ctn = $(
				"<div class='layer-ctn layer-" + inx + "' style='z-index:"
						+ inx + ";'></div>").appendTo(body);
		ly.prev = layer_curr;
		layer_curr = ly;
		fillContent(ctn, ly.ctn);
		return ly;
	}, rmModal = function() {
		layer_curr.remove();
	},
	// function error message
	fem = function($c, $t) {
		var $e = $(
				"<div class='err-ctn'><i class='icon click-hide-parent'></i></div>")
				.appendTo(errDiv);
		$("<span></span>").appendTo($e).html($c);
		bh($e);
		setTimeout(function() {
			$e.remove()
		}, $t ? $t : 10000);
	},
	// function warn message
	fwm = function($c, $t) {
		var $w = $(
				"<div class='warn-ctn'><i class='icon click-hide-parent'></i></div>")
				.appendTo(warnDiv);
		$("<span></span>").appendTo($w).html($c);
		bh($w);
		setTimeout(function() {
			$w.remove()
		}, $t ? $t : 3000);
	}, fm = function($c, $t) {
		var $m = $(
				"<div class='warn-ctn'><i class='icon click-hide-parent'></i></div>")
				.appendTo(warnDiv);
		$("<span></span>").appendTo($w).html($c);
		bh($m);
		setTimeout(function() {
			$w.remove()
		}, $t ? $t : 3000);
	}, loadref = 0, loadingDiv = $("#g_loading"), loading = function() {
		++loadref;
		if (loadref === 1) {
			loadingDiv.show()
		}
	}, unLoading = function() {
		--loadref;
		if (loadref === 0) {
			loadingDiv.hide()
		}
	}, am = function(title, content, hand) {
		if (content) {
			if ($.isFunction(content)) {
				hand = content;
				content = title;
				title = "提示";
			}
		} else {
			content = title;
			title = "提示";
		}
		hand = hand || noop;
		var ly = modal('<div class="modal-dialog"><div class="modal-content"><div class="modal-header"><h4 class="modal-title"></h4></div><div class="modal-body"><p></p></div><div class="modal-footer"><button type="button" class="btn">关闭</button></div></div></div>');
		ly.ctn.find(".modal-title").text(title);
		$c = ly.ctn.find("p").text(content);
		ly.ctn.find("button").on("click", function() {
			rmModal();
			hand();
		});
	}, bm_addBtn = function($p, $cp, $h) {
		var $b = $('<button type="button" class="btn"></button>').appendTo($p);
		b.text($cp).on("click", function() {
			rmModal(), $h()
		});
	}, bm = function(obj) {
		var ly = modal('<div class="modal-dialog"><div class="modal-content"><div class="modal-header"><h4 class="modal-title"></h4></div><div class="modal-body"><p></p></div><div class="modal-footer"></div></div></div>');
		ly.ctn.find(".modal-title").text(obj.title || "确认");
		ly.ctn.find("p").text(obj.content);
		var m_footer = ly.ctn.find(".modal-footer"), btnH = function(btn) {
			var $btn = $('<button type="button" class="btn"></button>')
					.appendTo(m_footer);
			var caption = btn.caption || "未命名的", handler = btn.hand || noop;
			$btn.text(caption);
			$btn.on("click", function() {
				util.closeModalLayer();
				handler();
			});
		};
		for (var i = 0; i < obj.btns.length; ++i) {
			bm_addBtn(m_footer, btns[i].caption || "no name", btns[i].hand
					|| noop);
		}
	}, g_def_err_hand = function(ep) {
		fem("http access error:\r\n" + JSON.stirngify(ep));
	}, g_err = {
		"defErrHand" : function(ep) {
		},
		"0" : "未定义的错误",
	},
	/**
	 * ep={code:"",msg:"",detailMsg:"",url:""} pa=function(code,msg,detailMsg)
	 * pa=boolean
	 */
	ajaxErrHand = function(ep, eh) {
		if (eh) {
			var pt = $.type(eh);
			if (pt == "booean") {
				g_def_err_hand(ep);
			} else if (pt == "function") {
				eh(ep);
			} else {
				var ph = eh[ep.code] || g_err[ep.code] || eh["defErrHand"]
						|| g_err["defErrHand"];
				if (typeof ph === "string") {
					fem(ph);
				} else {
					ph(ep);
				}
			}
		}
	}, ajaxAccess = function(method, pUrl, pData, sh, eh, config) {
		config = config || {};
		if (false !== config.mask)
			loading();
		config.traditional = true;
		config.type = method;
		config.url = pUrl, config.data = pData;
		config.contentType= method ==="put" ? "application/json" : "application/x-www-form-urlencoded";
		config.success = function(rd) {
			if (rd.success) {
				sh(rd.data);
			} else {
				rd.code = "" + rd.code;
				rd.url = pUrl;
				ajaxErrHand(ep, eh);
			}
		};		
		config.error = function(jqXHR, textStatus, errorThrown) {
			ajaxErrHand({
				code : textStatus,
				msg : textStatus,
				detailMsg : textStatus,
				xhr : jqXHR,
				eObj : errorThrown,
				url : pUrl
			}, eh);
		};
		$.ajax(config).always(false !== config.mask ? unLoading : noop);
	};
	ret = {
		showModal : modal,
		closeModal : rmModal,
		showLoading : loading,
		hideLoading : unLoading,
		listModalIndex : function() {
			return lay_curr.index + 1;
		},
		error : fem,
		warn : fwm,
		msg : fm,
		alert : am,
		boxMsg : bm,
		confirm : function(msg, yes, no) {
			bm({
				content : msg,
				btns : [ {
					caption : "取消",
					hand : no || noop
				}, {
					caption : "确认",
					hand : yes
				} ]
			});
		},
		get : function(url, data, sh, eh, config) {
			ajaxAccess("get", url, data, sh, eh, config);
		},
		post : function(url, data, sh, eh, config) {
			ajaxAccess("post", url, data, sh, eh, config);
		},
		put : function(url, data, sh, eh, config) {
			ajaxAccess("post", url, data ? JSON.stringify(data) : "", sh, eh,
					config);
		},
		del : function(url, sh, eh, pObj) {
			ajaxAccess("post", url, null, sh, eh, pOjb);
		},
		noop : noop,
		returnTrue : function() {
			return true;
		},
		returnFalse : function() {
			return false;
		}
	};
	if (exports)
		exports.util = ret;
	return ret;
})(jQuery, jQuery("body"), window);