mui_app_rails 0.0.1

data/app/assets/javascripts/mui_app_rails/mui.animation.js

@@ -0,0 +1,39 @@
+/**
+ * mui animation
+ */
+(function($, window) {
+	/**
+	 * scrollTo
+	 */
+	$.scrollTo = function(scrollTop, duration, callback) {
+		duration = duration || 1000;
+		var scroll = function(duration) {
+			if (duration <= 0) {
+				window.scrollTo(0, scrollTop);
+				callback && callback();
+				return;
+			}
+			var distaince = scrollTop - window.scrollY;
+			setTimeout(function() {
+				window.scrollTo(0, window.scrollY + distaince / duration * 10);
+				scroll(duration - 10);
+			}, 16.7);
+		};
+		scroll(duration);
+	};
+	$.animationFrame = function(cb) {
+		var args, isQueued, context;
+		return function() {
+			args = arguments;
+			context = this;
+			if (!isQueued) {
+				isQueued = true;
+				requestAnimationFrame(function() {
+					cb.apply(context, args);
+					isQueued = false;
+				});
+			}
+		};
+	};
+
+})(mui, window);

data/app/assets/javascripts/mui_app_rails/mui.animationframe.js

@@ -0,0 +1,72 @@
+/**
+ * mui animationFrame
+ */
+(function($, window) {
+
+	var rAF = window.requestAnimationFrame;
+	var cAF = window.cancelAnimationFrame;
+
+	var queues = {};
+
+	var animationFrame = {
+		queue : queue,
+		queueAfter : queueAfter,
+		cancel : cancel
+	};
+
+	function animation_id() {
+		var id;
+		do {
+			id = Math.floor(Math.random() * 1E9);
+		} while (id in queues);
+		return id;
+	}
+
+	function recursion(callback) {
+		var qid = animation_id();
+		(function wrapper() {
+			callback();
+			queues[qid] = rAF(function() {
+				delete queues[qid];
+				wrapper();
+			});
+		})();
+		return qid;
+	}
+
+	function queue(callback) {
+		var qid = animation_id();
+
+		queues[qid] = rAF(function() {
+			delete queues[qid];
+			callback.apply(animationFrame, arguments);
+		});
+
+		return qid;
+	}
+
+	function queueAfter(callback) {
+		var qid;
+
+		qid = queue(function() {
+			queues[qid] = rAF(function() {
+				delete queues[qid];
+				callback.apply(animationFrame, arguments);
+			});
+		});
+
+		return qid;
+	}
+
+	function cancel(qid) {
+		if ( qid in queues) {
+			cAF(queues[qid]);
+			delete queues[qid];
+		}
+		return animationFrame;
+	}
+
+
+	$.animationFrame = animationFrame;
+
+})(mui, window);

data/app/assets/javascripts/mui_app_rails/mui.back.5+.js

@@ -0,0 +1,108 @@
+/**
+ * mui back 5+
+ * @param {type} $
+ * @param {type} window
+ * @returns {undefined}
+ */
+(function($, window) {
+	if ($.os.plus && $.os.android) {
+		$.registerBack({
+			name: 'mui',
+			index: 5,
+			handle: function() {
+				//popover
+				if ($.targets._popover) {
+					$($.targets._popover).popover('hide');
+					return true;
+				}
+				//offcanvas
+				var offCanvas = document.querySelector($.classSelector('.off-canvas-wrap.active'));
+				if (offCanvas) {
+					$(offCanvas).offCanvas('close');
+					return true;
+				}
+			}
+		});
+	}
+	/**
+	 * 5+ back
+	 */
+	$.registerBack({
+		name: '5+',
+		index: 10,
+		handle: function() {
+			if (!window.plus) {
+				return false;
+			}
+			var wobj = plus.webview.currentWebview();
+			var parent = wobj.parent();
+			if (parent) {
+				parent.evalJS('mui&&mui.back();');
+			} else {
+				wobj.canBack(function(e) {
+					//by chb 暂时注释，在碰到类似popover之类的锚点的时候，需多次点击才能返回；
+					if (e.canBack) { //webview history back
+						window.history.back();
+					} else { //webview close or hide
+						var opener = wobj.opener();
+						if (opener) {
+							if (wobj.preload) {
+								wobj.hide("auto");
+							} else {
+								//关闭页面时，需要将其打开的所有子页面全部关闭；
+								$.closeAll(wobj);
+							}
+						} else {
+							//首页不存在opener的情况下，后退实际上应该是退出应用；
+							//这个交给项目具体实现，框架暂不处理；
+							//plus.runtime.quit();
+						}
+					}
+				});
+			}
+			return true;
+		}
+	});
+
+
+	$.menu = function() {
+		var menu = document.querySelector($.classSelector('.action-menu'));
+		if (menu) {
+			$.trigger(menu, 'touchstart'); //临时处理menu无touchstart的话，找不到当前targets的问题
+			$.trigger(menu, 'tap');
+		} else { //执行父窗口的menu
+			if (window.plus) {
+				var wobj = $.currentWebview;
+				var parent = wobj.parent();
+				if (parent) { //又得evalJS
+					parent.evalJS('mui&&mui.menu();');
+				}
+			}
+		}
+	};
+	//默认监听
+	$.plusReady(function() {
+		if ($.options.keyEventBind.backbutton) {
+			plus.key.addEventListener('backbutton', $.back, false);
+		}
+		if ($.options.keyEventBind.menubutton) {
+			plus.key.addEventListener('menubutton', $.menu, false);
+		}
+	});
+	//处理按键监听事件
+	$.registerInit({
+		name: 'keyEventBind',
+		index: 1000,
+		handle: function() {
+			$.plusReady(function() {
+				//如果不为true，则移除默认监听
+				if (!$.options.keyEventBind.backbutton) {
+					plus.key.removeEventListener('backbutton', $.back);
+				}
+				if (!$.options.keyEventBind.menubutton) {
+					plus.key.removeEventListener('menubutton', $.menu);
+				}
+			});
+		}
+	});
+})(mui, window);

data/app/assets/javascripts/mui_app_rails/mui.back.js

@@ -0,0 +1,56 @@
+/**
+ * mui back
+ * @param {type} $
+ * @param {type} window
+ * @returns {undefined}
+ */
+(function($, window) {
+	/**
+	 * register back
+	 * @param {type} back
+	 * @returns {$.gestures}
+	 */
+	$.registerBack = function(back) {
+		return $.registerHandler('backs', back);
+	};
+	/**
+	 * default
+	 */
+	$.registerBack({
+		name: 'browser',
+		index: 100,
+		handle: function() {
+			if (window.history.length > 1) {
+				window.history.back();
+				return true;
+			}
+			return false;
+		}
+	});
+	/**
+	 * 后退
+	 */
+	$.back = function() {
+		if (typeof $.options.beforeback === 'function') {
+			if ($.options.beforeback() === false) {
+				return;
+			}
+		}
+		$.each($.backs, function(index, back) {
+			return !back.handle();
+		});
+	};
+	window.addEventListener('tap', function(e) {
+		var action = $.targets.action;
+		if (action && action.classList.contains($.className('action-back'))) {
+			$.back();
+		}
+	});
+	window.addEventListener('swiperight', function(e) {
+		var detail = e.detail;
+		if ($.options.swipeBack === true && Math.abs(detail.angle) < 3) {
+			$.back();
+		}
+	});
+
+})(mui, window);

data/app/assets/javascripts/mui_app_rails/mui.class.js

@@ -0,0 +1,40 @@
+(function($) {
+	var initializing = false,
+		fnTest = /xyz/.test(function() {
+			xyz;
+		}) ? /\b_super\b/ : /.*/;
+
+	var Class = function() {};
+	Class.extend = function(prop) {
+		var _super = this.prototype;
+		initializing = true;
+		var prototype = new this();
+		initializing = false;
+		for (var name in prop) {
+			prototype[name] = typeof prop[name] == "function" &&
+				typeof _super[name] == "function" && fnTest.test(prop[name]) ?
+				(function(name, fn) {
+					return function() {
+						var tmp = this._super;
+
+						this._super = _super[name];
+
+						var ret = fn.apply(this, arguments);
+						this._super = tmp;
+
+						return ret;
+					};
+				})(name, prop[name]) :
+				prop[name];
+		}
+		function Class() {
+			if (!initializing && this.init)
+				this.init.apply(this, arguments);
+		}
+		Class.prototype = prototype;
+		Class.prototype.constructor = Class;
+		Class.extend = arguments.callee;
+		return Class;
+	};
+	$.Class = Class;
+})(mui);