徐文豪 / project_management

(function(){
if( !('ace' in window) ) window['ace'] = {}

ace.config = {
 storage_method: 0, //0 means use localStorage if available otherwise cookies, 1 means localStorage, 2 means cookies
 cookie_expiry : 604800, //(cookie only) 1 week duration for saved settings
 cookie_path: ''//(cookie only)
}
if( !('vars' in window['ace']) ) window['ace'].vars = {}
ace.vars['very_old_ie']	= !('querySelector' in document.documentElement);

ace.settings = {
	saveState : function(element, attrName, attrVal, append) {
		if( !element || (typeof element == 'string' && !(element = document.getElementById(element))) || !element.hasAttribute('id') ) return false;
		if( !ace.hasClass(element, 'ace-save-state') ) return false;
		
		var attrName = attrName || 'class';
		var id = element.getAttribute('id');
		
		var attrList = ace.data.get('state', 'id-'+id) || {};
		if(typeof attrList == 'string') {
			try {
				attrList = JSON.parse(attrList);
			}
			catch(e) {
				attrList = {}
			}
		}

		var newVal, hasCustomVal = typeof attrVal !== 'undefined', $delete = false;
		
		var re1 = /class/i
		var re2 = /checked|disabled|readonly|value/i

		if(re2.test(attrName)) newVal = hasCustomVal ? attrVal : element[attrName];
		else {
			if(element.hasAttribute(attrName)) {
				newVal = hasCustomVal ? attrVal : element.getAttribute(attrName);
			}
			else if(!hasCustomVal) $delete = true;
			//delete this, because element has no such attribute and we haven't given a custom value! (no attrVal)
		}
		
	
		if($delete) {
			delete attrList[attrName];
		}
		else {
			//save class names as an object which indicated which classes should be included or excluded (true/false)
			if( re1.test(attrName) ) {//class
			
				
				if( !attrList.hasOwnProperty(attrName) ) attrList[attrName] = {}
				if(append === true) {
					//append to previous value					
					attrList[attrName][newVal] = 1;
				}
				else if(append === false) {
					//remove from previous value
					attrList[attrName][newVal] = -1;
				}
				else {
					attrList[attrName]['className'] = newVal;
				}
			}
			
			else {
				attrList[attrName] = newVal;
			}
		}
		
		ace.data.set('state', 'id-'+id , JSON.stringify(attrList));
	},
	
	loadState : function(element, attrName) {
		if( !element || (typeof element == 'string' && !(element = document.getElementById(element))) || !element.hasAttribute('id') ) return false;
		
		var id = element.getAttribute('id');
		var attrList = ace.data.get('state', 'id-'+id) || {};
		if(typeof attrList == 'string') {
			try {
				attrList = JSON.parse(attrList);
			}
			catch(e) {
				attrList = {}
			}
		}
		
		var setAttr = function(element, attr, val) {
			var re1 = /class/i
			var re2 = /checked|disabled|readonly|value/i
			
			if(re1.test(attr)) {
				if(typeof val === 'object') {
					if('className' in val) element.setAttribute('class', val['className']);
					for(var key in val) if(val.hasOwnProperty(key)) {
						var append = val[key];
						if(append == 1) ace.addClass(element, key);
						else if(append == -1) ace.removeClass(element, key);
					}
				}
				//else if(typeof ace.addClass(element, val);
			}
			else if(re2.test(attr)) element[attr] = val;
			else element.setAttribute(attr, val);
		}
		
		if(attrName !== undefined) {
			if(attrList.hasOwnProperty(attrName) && attrList[attrName] !== null) setAttr(element, attrName, attrList[attrName]);
		}
		else {
			for(var name in attrList) {
				if(attrList.hasOwnProperty(name) && attrList[name] !== null) setAttr(element, name, attrList[name]);
			}
		}
	},
	
	clearState : function(element) {
		var id = null;
		if(typeof element === 'string') {
			id = element;
		}
		else if('hasAttribute' in element && element.hasAttribute('id')) {
			id = element.getAttribute('id');
		}
		if(id) ace.data.remove('state', 'id-'+id);
	}
};




(function() {
	//detect if it is supported
	//https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Animations/Detecting_CSS_animation_support
	var animationSupport = function() {
		var animation = false,
		animationstring = 'animation',
		keyframeprefix = '',
		domPrefixes = 'Webkit Moz O ms Khtml'.split(' '),
		pfx  = '',
		elm = document.createElement('div');

		if( elm.style.animationName !== undefined ) { animation = true; }    

		if( animation === false ) {
		  for( var i = 0; i < domPrefixes.length; i++ ) {
			if( elm.style[ domPrefixes[i] + 'AnimationName' ] !== undefined ) {
			  pfx = domPrefixes[ i ];
			  animationstring = pfx + 'Animation';
			  keyframeprefix = '-' + pfx.toLowerCase() + '-';
			  animation = true;
			  break;
			}
		  }
		}
		
		return animation;
	}
	
	ace.vars['animation'] = animationSupport();
	if( ace.vars['animation'] ) {
		//based on http://www.backalleycoder.com/2012/04/25/i-want-a-damnodeinserted/

		var animationCSS = "@keyframes nodeInserted{from{outline-color:#fff}to{outline-color:#000}}@-moz-keyframes nodeInserted{from{outline-color:#fff}to{outline-color:#000}}@-webkit-keyframes nodeInserted{from{outline-color:#fff}to{outline-color:#000}}@-ms-keyframes nodeInserted{from{outline-color:#fff}to{outline-color:#000}}@-o-keyframes nodeInserted{from{outline-color:#fff}to{outline-color:#000}}.ace-save-state{animation-duration:10ms;-o-animation-duration:10ms;-ms-animation-duration:10ms;-moz-animation-duration:10ms;-webkit-animation-duration:10ms;animation-delay:0s;-o-animation-delay:0s;-ms-animation-delay:0s;-moz-animation-delay:0s;-webkit-animation-delay:0s;animation-name:nodeInserted;-o-animation-name:nodeInserted;-ms-animation-name:nodeInserted;-moz-animation-name:nodeInserted;-webkit-animation-name:nodeInserted}";
		var animationNode = document.createElement('style');
		animationNode.innerHTML = animationCSS;
		document.head.appendChild(animationNode);
	
		var domInsertEvent = function(event) {
			var element = event.target;
			if( !element || !ace.hasClass(element, 'ace-save-state') ) return;
			
			ace.settings.loadState(element);
		}

		document.addEventListener('animationstart', domInsertEvent, false);
		document.addEventListener('MSAnimationStart', domInsertEvent, false);
		document.addEventListener('webkitAnimationStart', domInsertEvent, false);
	}
	else {
		//if animation events are not supported, wait for document ready event
		var documentReady = function() {
			var list = document.querySelectorAll('.ace-save-state');
			for(var i = 0 ; i < list.length ; i++) ace.settings.loadState(list[i]);
		}
		
		if(document.readyState == 'complete') documentReady();
		else if(document.addEventListener) document.addEventListener('DOMContentLoaded', documentReady, false);
		else if(document.attachEvent) document.attachEvent('onreadystatechange', function(){
			if (document.readyState == 'complete') documentReady();
		});
	}
})();






//save/retrieve data using localStorage or cookie
//method == 1, use localStorage
//method == 2, use cookies
//method not specified, use localStorage if available, otherwise cookies
ace.data_storage = function(method, undefined) {
	var prefix = 'ace_';

	var storage = null;
	var type = 0;
	
	if((method == 1 || method === undefined || method == 0) && 'localStorage' in window && window['localStorage'] !== null) {
		storage = ace.storage;
		type = 1;
	}
	else if(storage == null && (method == 2 || method === undefined) && 'cookie' in document && document['cookie'] !== null) {
		storage = ace.cookie;
		type = 2;
	}
	

	this.set = function(namespace, key, value, path, is_obj, undefined) {
		if(!storage) return;
		
		if(value === undefined) {//no namespace here?
			value = key;
			key = namespace;

			if(value == null) storage.remove(prefix+key)
			else {
				if(type == 1)
					storage.set(prefix+key, value)
				else if(type == 2)
					storage.set(prefix+key, value, ace.config.cookie_expiry, path || ace.config.cookie_path)
			}
		}
		else {
			if(type == 1) {//localStorage
				if(value == null) storage.remove(prefix+namespace+'_'+key)
				else {
					if(is_obj && typeof value == 'object') {
						value = JSON.stringify(value);
					}
					storage.set(prefix+namespace+'_'+key, value);
				}
			}
			else if(type == 2) {//cookie
				var val = storage.get(prefix+namespace);
				var tmp = val ? JSON.parse(val) : {};

				if(value == null) {
					delete tmp[key];//remove
					if(ace.sizeof(tmp) == 0) {//no other elements in this cookie, so delete it
						storage.remove(prefix+namespace);
						return;
					}
				}
				
				else {
					tmp[key] = value;
				}

				storage.set(prefix+namespace , JSON.stringify(tmp), ace.config.cookie_expiry, path || ace.config.cookie_path)
			}
		}
	}

	this.get = function(namespace, key, is_obj, undefined) {
		if(!storage) return null;
		
		if(key === undefined) {//no namespace here?
			key = namespace;
			return storage.get(prefix+key);
		}
		else {
			if(type == 1) {//localStorage
				var value = storage.get(prefix+namespace+'_'+key);
				if(is_obj && value) {
					try { value = JSON.parse(value) } catch(e) {}
				}
				return value;
			}
			else if(type == 2) {//cookie
				var val = storage.get(prefix+namespace);
				var tmp = val ? JSON.parse(val) : {};
				return key in tmp ? tmp[key] : null;
			}
		}
	}

	
	this.remove = function(namespace, key, undefined) {
		if(!storage) return;
		
		if(key === undefined) {
			key = namespace
			this.set(key, null);
		}
		else {
			this.set(namespace, key, null);
		}
	}
}





//cookie storage
ace.cookie = {
	// The following settingFunction are from Cookie.js class in TinyMCE, Moxiecode, used under LGPL.

	/**
	 * Get a cookie.
	 */
	get : function(name) {
		var cookie = document.cookie, e, p = name + "=", b;

		if ( !cookie )
			return;

		b = cookie.indexOf("; " + p);

		if ( b == -1 ) {
			b = cookie.indexOf(p);

			if ( b != 0 )
				return null;

		} else {
			b += 2;
		}

		e = cookie.indexOf(";", b);

		if ( e == -1 )
			e = cookie.length;

		return decodeURIComponent( cookie.substring(b + p.length, e) );
	},

	/**
	 * Set a cookie.
	 *
	 * The 'expires' arg can be either a JS Date() object set to the expiration date (back-compat)
	 * or the number of seconds until expiration
	 */
	set : function(name, value, expires, path, domain, secure) {
		var d = new Date();

		if ( typeof(expires) == 'object' && expires.toGMTString ) {
			expires = expires.toGMTString();
		} else if ( parseInt(expires, 10) ) {
			d.setTime( d.getTime() + ( parseInt(expires, 10) * 1000 ) ); // time must be in miliseconds
			expires = d.toGMTString();
		} else {
			expires = '';
		}

		document.cookie = name + "=" + encodeURIComponent(value) +
			((expires) ? "; expires=" + expires : "") +
			((path) ? "; path=" + path : "") +
			((domain) ? "; domain=" + domain : "") +
			((secure) ? "; secure" : "");
	},

	/**
	 * Remove a cookie.
	 *
	 * This is done by setting it to an empty value and setting the expiration time in the past.
	 */
	remove : function(name, path) {
		this.set(name, '', -1000, path);
	}
};


//local storage
ace.storage = {
	get: function(key) {
		return window['localStorage'].getItem(key);
	},
	set: function(key, value) {
		window['localStorage'].setItem(key , value);
	},
	remove: function(key) {
		window['localStorage'].removeItem(key);
	}
};






//count the number of properties in an object
//useful for getting the number of elements in an associative array
ace.sizeof = function(obj) {
	var size = 0;
	for(var key in obj) if(obj.hasOwnProperty(key)) size++;
	return size;
}

//because jQuery may not be loaded at this stage, we use our own toggleClass
ace.hasClass = function(elem, className) {	return (" " + elem.className + " ").indexOf(" " + className + " ") > -1; }

ace.addClass = function(elem, className) {
 var parts = className.split(/\s+/);
 for(var p = 0; p < parts.length; p++) {
	if ( parts[p].length > 0 && !ace.hasClass(elem, parts[p]) ) {
		var currentClass = elem.className;
		elem.className = currentClass + (currentClass.length ? " " : "") + parts[p];
	}
 }
}

ace.removeClass = function(elem, className) {
 var parts = className.split(/\s+/);
 for(var p = 0; p < parts.length; p++) {
	if( parts[p].length > 0 ) ace.replaceClass(elem, parts[p]);
 }
 ace.replaceClass(elem, className);
}

ace.replaceClass = function(elem, className, newClass) {
 var classToRemove = new RegExp(("(^|\\s)" + className + "(\\s|$)"), "i");
 elem.className = elem.className.replace(classToRemove, function (match, p1, p2) {
	return newClass ? (p1 + newClass + p2) : " ";
 }).replace(/^\s+|\s+$/g, "");
}


ace.toggleClass = function(elem, className) {
	if(ace.hasClass(elem, className))
		ace.removeClass(elem, className);
	else ace.addClass(elem, className);
}

ace.isHTMlElement = function(elem) {
 return window.HTMLElement ? elem instanceof HTMLElement : ('nodeType' in elem ? elem.nodeType == 1 : false);
}


 //data_storage instance used inside ace.settings etc
 ace.data = new ace.data_storage(ace.config.storage_method);

})();