pox 0.2.2

data/vendor/assets/javascripts/pox/browser.js

@@ -0,0 +1,33 @@
+//= require ./core
+
+(function() {
+	"use strict";
+
+	/**
+	 * @namespace
+	 */
+	Pox.Browser = (
+	/**
+	 * @lends Pox.Browser
+	 */
+	{
+		/**
+		 * 是否支持 WebkitTransition
+		 * @type boolean
+		 */
+		supportWebkitTransition: false,
+
+		/**
+		 * 是否支持 WebkitTransform
+		 * @type boolean
+		 */
+		supportWebkitTransform: false
+	})
+
+	if ('WebKitTransitionEvent' in window) {
+		Pox.extend(Pox.Browser, {
+			supportWebkitTransition: true,
+			supportWebkitTransform: true
+		})
+	}
+})()

data/vendor/assets/javascripts/pox/core.js

@@ -0,0 +1,289 @@
+//= require_self
+//= require ./debugger
+
+/**
+ * Pox 基础类
+ * @namespace Pox
+ */
+window.Pox = {};
+
+(function() {
+	"use strict";
+	
+	/** @lends Pox */
+	var Basic = {
+		/**
+		 * @param {object} target
+		 * @param {object} exts
+		 * @returns {object} target
+		 */
+		extend: function(target, exts) {
+			exts = exts || {};
+			for(var m in exts) {
+				target[m] = exts[m];
+			}
+			return target;
+		},
+		
+		/**
+		 * 注册在 window 对象 onload 完成后执行的回调
+		 * @param {function} callback
+		 */
+		ready: function(callback) {
+			if (this._doReadyed) {
+				callback();
+			} else {
+				this._readyCallbacks = this._readyCallbacks || [];
+				this._readyCallbacks.push(callback);
+			}
+		},
+		
+		/**
+		 * 执行在 window 对象 onload 事件上绑定的回调
+		 * @example <caption>Example usage of doReady.</caption>
+		 * <pre>&lt;body onload="Pox.doReady()"&gt;
+		 * &lt;/body&gt;</pre>
+		 */
+		doReady: function() {
+			this._doReadyed = true;
+			if (this._readyCallbacks) {
+				for(var i = 0; i < this._readyCallbacks.length; i++) {
+					this._readyCallbacks[i]();
+					this._readyCallbacks[i] = null;
+				}
+				
+				this._readyCallbacks = null;
+			}
+		},
+
+		/**
+		 * 在 window 对象 unload 完成后执行的回调
+		 * @param {function} callback
+		 */
+		leave: function(callback) {
+			this._unloadCallbacks = this._unloadCallbacks || [];
+			this._unloadCallbacks.push(callback);
+		},
+		
+		doLeave: function() {
+			this._unloadCallbacks = this._unloadCallbacks || [];
+			for(var i = 0; i < this._unloadCallbacks.length; i++) {
+				this._unloadCallbacks[i]();
+			}
+		},
+		
+		
+		/**
+		 * 页面跳转
+		 * @param {String} url
+		 */
+		goto: function(url) {
+			if (url.indexOf("://")) {
+				location.href = url;
+			} else {
+				var fullUrl = location.protocol + "//" + location.hostname + ":" + location.port + url;
+				location.href = fullUrl;
+			}
+		},
+		
+		
+		/**
+		 * 根据 Class 创建类
+		 * @param {Class} fn1
+		 * @param {Class} fn2
+		 * @param {Class} fn3
+		 * @param {...Class} fnN
+		 * @returns {Function}
+		 */
+
+		clazz: function(fn1, fn2, fn3, fn4, fn5, fn6) {
+			// ipanel don't full support "arguments" object
+			var clz = function(pm1, pm2, pm3, pm4, pm5, pm6) {
+				if (this.init) {
+					this.init.call(this, pm1, pm2, pm3, pm4, pm5, pm6);
+				}
+			}
+			
+			var args = [ fn1, fn2, fn3, fn4, fn5, fn6 ];
+			for (var i = 0; i < args.length; i++) {
+				var obj = args[i];
+				if (obj == null) { continue; }
+				
+				if (this.isFunction(obj)) {
+					this.extend(clz.prototype, obj.prototype);
+				} else {
+					this.extend(clz.prototype, obj);
+				}
+			};
+			
+			return clz;
+		},
+		
+		/**
+		 * 根据 Class 创建对象
+		 * @param {Class} fn1
+		 * @param {Class} fn2
+		 * @param {Class} fn3
+		 * @param {...Class} fnN
+		 * @returns {object}
+		 */
+		instance: function(fn1, fn2, fn3, fn4, fn5, fn6) {
+			var ins = {};
+			// ipanel don't full support "arguments" object
+			var args = [ fn1, fn2, fn3, fn4, fn5, fn6 ];
+			for (var i = 0; i < args.length; i++) {
+				var obj = args[i];
+				if (obj == null) { continue; }
+				
+				if (this.isFunction(obj)) {
+					this.extend(ins, obj.prototype);
+				} else {
+					this.extend(ins, obj);
+				}
+			};
+			
+			return ins;
+		},
+		
+		/**
+		 * 判断是否为函数
+		 * @param {object} obj
+		 * @returns {boolean}
+		 */
+		isFunction: function(obj) {
+			return typeof obj == "function";
+		},
+		
+		/**
+		 * 绑定函数的执行对象
+		 * @param {object} context
+		 * @param {Function} fn
+		 * @returns {Function}
+		 */
+		proxy: function(context, fn) {
+			return function() {
+				fn.apply(context, arguments);
+			}
+		},
+		
+		/**
+		 * 当前时间
+		 * @returns {Date} returns date.
+		 */
+		now: function() {
+			if (this._nowBaseLine) {
+				var current = new Date();
+				var offset = current.getTime() - this._nowActual.getTime();
+				var time = this._nowBaseLine.getTime() + offset;
+				var result = new Date();
+				result.setTime(time);
+				return result;
+			}
+			return new Date();
+		},
+		
+		nowBaseline: function(dateStr) {
+			this._nowActual = new Date();
+			this._nowBaseLine = this.parseIso8601(dateStr);
+		},
+		
+		/**
+		 * 把格式为iso8601的字符串转换为Date对象
+		 * @param {string} str
+		 * @returns {Date}
+		 */
+		parseIso8601: function(str) {
+			var block = str.split("T")
+			var dateStr = block[0];
+			var timeWithZoneStr = block[1];
+			
+			var year = 0;
+			var month = 0;
+			var day = 1;
+			
+			if (dateStr) {
+				var d = dateStr.split("-");
+				year = parseInt(d[0] || "0", 10);
+				month = parseInt(d[1] || "1", 10) - 1;
+				day = parseInt(d[2] || "1", 10);
+			}
+			
+			var hours = 0;
+			var minutes = 0;
+			var seconds = 0;
+			var milliseconds = 0;
+			var minutesOffset = 0;
+			
+			if (timeWithZoneStr) {
+				var m = timeWithZoneStr.match(/([^\+\-|Z]+)(Z|[\-\+].+)?/)
+				var time = m[1];
+				var zone = m[2];
+				
+				var t = time.match(/(\d{2}):?(\d{2})?:?(\d{2})?(\.\d+)?/)
+				if (t[1]) {
+					hours = parseInt(t[1] || "0", 10);
+				}
+				if (t[2]) {
+					minutes = parseInt(t[2] || "0", 10);
+				}
+				if (t[3]) {
+					seconds = parseInt(t[3] || "0", 10);
+				}
+				if (t[4]) {
+					milliseconds = parseInt(t[4].substing(1) || "0", 10);
+				}
+				
+				if (zone && zone[0] != "Z") {
+					var z = zone.match(/([\+\-])(\d{2}):?(\d+)/);
+					minutesOffset = parseInt(z[2], 10) * 60 + parseInt(z[3] || "0", 10);
+					if (z[1] == "+") {
+						minutesOffset = 0 - minutesOffset;
+					}
+				}
+			}
+			
+			var localMinutesOffset = minutesOffset - new Date().getTimezoneOffset();
+			var date = new Date(year, month, day, hours, minutes, seconds)
+			var time = date.getTime() + localMinutesOffset * 60 * 1000;
+			date.setTime(time);
+			return date;
+		},
+
+		/**
+		 * 判断数组是否含有该对象
+		 * @param {array} array
+		 * @param {object} obj
+		 * @returns {boolean}
+		 */
+		contains: function(array, obj) {
+			for(var i=0; i < array.length; i++){
+				if (array[i] == obj) {
+					return true;
+				}
+			}
+			return false;
+		},
+		
+		/**
+		 * 判断对象是否为空
+		 * @todo 需要支持数组
+		 * @param {object} hash
+		 * @returns {boolean}
+		 */
+		isEmpty: function(hash) {
+			for (var name in hash) {
+				return false;
+			}
+			
+			return true;
+		},
+		
+		debug: function(msg) {
+
+		}
+	}
+	
+
+
+	Basic.extend(Pox, Basic);
+})();

data/vendor/assets/javascripts/pox/debugger.js

@@ -0,0 +1,54 @@
+(function() {
+	"use strict";
+	
+	var Debugger = {
+		messages: [],
+		ready: false,
+		enabled: true,
+		element: null,
+		sequence: 1,
+		
+		debug: function(msg) {
+			if (this.enabled) {
+				var message = "<li>" + this.sequence + " : " + (msg || "") + "</li>";
+				this.sequence += 1;
+				this.messages.unshift(message);
+				this.flush();
+			}
+		},
+		
+		disable: function() {
+			this.enabled = false;
+			this.messages = [];
+		},
+		
+		flush: function() {
+			if (!this.ready) { return; }
+			
+			var output = Array.prototype.slice.call(this.messages, 0, 20);
+			this.element.innerHTML = output.join("\n");
+		}
+	}
+	
+	Pox.ready(function() {
+		var box = Pox.getById("debug");
+		if (box) {
+			Debugger.element = box;
+			Debugger.ready = true;
+			Debugger.flush();
+		} else {
+			Debugger.disable();
+		}
+	});
+	
+	/** @lends Pox */
+	Pox.extend(Pox, {
+		/**
+		 * 输出调试日志
+		 * @param {string} msg
+		 */
+		debug: function(msg) {
+			Debugger.debug(msg);
+		}
+	});
+})();

data/vendor/assets/javascripts/pox/dom.js

@@ -0,0 +1,261 @@
+//= require ./core
+(function() {
+	"use strict";
+	
+	/** @lends Pox */
+	var PoxDom = {
+		
+		/**
+		 * 增加 dom 对象的 样式
+		 * @param {HTMLElement} element
+		 * @param {string} className
+		 */
+		addClassName: function(element, className) {
+			if (this.hasClassName(element, className)) { return; }
+			
+			var classNames = element.className || "";
+			classNames += " " + className;
+			element.className = classNames;
+		},
+		
+
+		
+		/**
+		 * 删除 dom 对象的 样式
+		 * @param {HTMLElement} element
+		 * @param {string} className
+		 */
+		removeClassName: function(element, className) {
+			var classList = this.getClassNames(element);
+			var newClassList = [];
+			for (var i = 0; i < classList.length; i++) {
+				var theClassName = classList[i];
+				if (theClassName != "" && theClassName != className) {
+					newClassList.push(theClassName)
+				}
+			}
+			
+			element.className = newClassList.join(" ");
+		},
+		
+		/**
+		 * @param {HTMLElement} element
+		 * @param {string} className
+		 * @param {boolean} toggle
+		 */
+		toggleClassName: function(element, className, toggle) {
+			if (toggle) {
+				this.addClassName(element, className);
+			} else {
+				this.removeClassName(element, className);
+			}
+		},
+		
+		/**
+		 * 获取dom对象的样式
+		 * @param {HTMLElement} element
+		 * @param {string} className
+		 * @param {boolean} toggle
+		 * @returns {string}
+		 */
+		getClassNames: function(element) {
+			var classNames = element.className || "";
+			return classNames.split(" ");
+		},
+
+		/**
+		 * 判断dom对象是否含有该样式
+		 * @param {HTMLElement} element
+		 * @param {string} className
+		 * @returns {boolean}
+		 */
+		hasClassName: function(element, className) {
+			var classList = this.getClassNames(element);
+			for (var i = 0; i < classList.length; i++) {
+				if (classList[i] == className) {
+					return true;
+				}
+			}
+			return false;
+		},
+		
+		/**
+		 * 删除dom对象
+		 * @param {HTMLElement} element
+		 * @returns {object}
+		 */
+		remove: function(element) {
+			element.parentNode.removeChild(element);
+		},
+
+		/**
+		 * 通过class查询dom元素
+		 * @param {HTMLElement} element
+		 * @param {string} className
+		 * @returns {Array}
+		 */
+		queryByClass: function(element, className) {
+			if (element.getElementsByClassName) {
+				return element.getElementsByClassName(className);
+			}
+
+			var tags = element.getElementsByTagName("*");
+			var result = [];
+			
+			for (var i = 0; i < tags.length; i++) {
+				if (this.hasClassName(tags[i], className)) {
+					result.push(tags[i]);
+				}
+			}
+			
+			return result;
+		},
+		
+		/**
+		 * 通过class查询第一个符合条件的dom元素
+		 * @param {HTMLElement} element
+		 * @param {string} className
+		 * @returns {HTMLElement}
+		 */
+		findByClass: function(element, className) {
+			var els = this.queryByClass(element, className) || [];
+			return els[0];
+		},
+		
+		/**
+		 * 通过id查询dom元素
+		 * @param {string} id
+		 * @returns {HTMLElement}
+		 */
+		getById: function(id) {
+			return document.getElementById(id);
+		},
+		
+		/**
+		 * 切换dom元素的显示与隐藏状态
+		 * @param {HTMLElement} element
+		 * @param {boolean} flag
+		 */
+		toggle: function(element, flag){
+			if (flag) {
+				element.style.display = "block";
+			} else {
+				element.style.display = "none";
+			}
+		},
+		
+		/**
+		 * <del>获得style的属性值</del>
+		 * @deprecated 因为有些机顶盒会返回非 string 类型的值, 所以请用 {@linkcode Pox.getComputedStyle getComputedStyle} 代替
+		 * @param {HTMLElement} element
+		 * @param {string} cssProperty
+		 * @returns {*}
+		 */
+		getStyle: function(element, cssProperty) {
+			if (!element) {
+				return null;
+			}
+
+			if (element.currentStyle) {
+				return element.currentStyle[cssProperty];
+			} else {
+				return window.getComputedStyle(element)[cssProperty];
+			}
+		},
+
+		/**
+		 * 获得计算后的属性值
+		 * @param {HTMLElement} element
+		 * @param {string} cssProperty
+		 * @returns {string}
+		 */
+		getComputedStyle: function(element, cssProperty) {
+			var value = this.getStyle(element, cssProperty);
+			
+			if (cssProperty == "opacity" && typeof value == "number") {
+				return (value / 100.0).toString();
+			}
+			
+			if (typeof value == "number") {
+				if (value > 100000000) { //茁壮盒子会将auto返回为undefined,百分比返回一个很大的数字
+					return null;
+				}
+				
+				return value + "px";
+			}
+			
+			return value;
+		},
+
+		/**
+		 * 设置style的属性值
+		 * @param {HTMLElement} element
+		 * @param {string} cssProperty
+		 * @param {string} cssValue
+		 */
+		setStyle: function(element, cssProperty, cssValue) {
+			if (!element) {
+				return null;
+			}
+
+			element.style[cssProperty] = cssValue;
+		},
+
+
+		/**
+		 * @typedef {object} DimensionReturn
+		 * @property {number} top
+		 * @property {number} left
+		 * @property {number} width
+		 * @property {number} height
+		 */
+		/**
+		 * 获得element相对于屏幕的座标和高宽
+		 * @param {HTMLElement} element
+		 * @returns {DimensionReturn}
+		 */
+		getScreenDimension: function(element) {
+			var dimension = {
+				top: element.offsetTop,
+				left: element.offsetLeft,
+				width: element.offsetWidth,
+				height: element.offsetHeight
+			}
+
+			var parentElement = element.offsetParent;
+			while (parentElement) {
+				dimension.top  += parentElement.offsetTop;
+				dimension.left += parentElement.offsetLeft;
+				parentElement = parentElement.offsetParent;
+			}
+
+			return dimension;
+		},
+
+		/**
+		 * 创建dom对象
+		 * @param {string} html
+		 * @returns {HTMLElement}
+		 */
+		createElement: function(html) {
+			var div = document.createElement('div')
+			div.innerHTML = html
+			return div.children[0];
+		},
+		
+		/**
+		 * 切换是否隐藏
+		 * @param {HTMLElement} element
+		 * @param {boolean} toggle
+		 */
+		toggleVisibility: function(element, toggle) {
+			if (toggle) {
+				element.style.visibility = "visible";
+			} else {
+				element.style.visibility = "hidden";
+			}
+		}
+	}
+	
+	Pox.extend(Pox, PoxDom);
+})();