jqmobi-rails 0.0.0

data/vendor/assets/javascripts/plugins/jq.css3animate.js

@@ -0,0 +1,155 @@
+/**
+ * jq.web.css3Animate - css3 animate class for html5 mobile apps
+ * @copyright 2011 - AppMobi
+ */ (function ($) {
+    $.fn["css3Animate"] = function (opts) {
+        var tmp;
+        for (var i = 0; i < this.length; i++) {
+            tmp = new css3Animate(this[i], opts);
+        }
+        return this.length == 1 ? tmp : this;
+    };
+
+    $["css3AnimateQueue"] = function () {
+        return new css3Animate.queue();
+    }
+    var css3Animate = (function () {
+
+        if (!window.WebKitCSSMatrix) return;
+        var translateOpen = 'm11' in new WebKitCSSMatrix() ? "3d(" : "(";
+        var translateClose = 'm11' in new WebKitCSSMatrix() ? ",0)" : ")";
+
+        var css3Animate = function (elID, options) {
+
+                if (typeof elID == "string" || elID instanceof String) {
+                    this.el = document.getElementById(elID);
+                } else {
+                    this.el = elID;
+                }
+                if (!(this instanceof css3Animate)) {
+                    return new css3Animate(elID, options);
+                }
+                if (!this.el) return;
+                var that = this;
+                if (!options) {
+                    alert("Please provide configuration options for animation of " + elID);
+                    return;
+                }
+				
+				if(options["time"]===undefined) options["time"]=0;
+
+                if (options["callback"]) {
+                    this.callback = options["callback"];
+                    this.moving = true;
+                    if(options["time"]!=0){
+						this.timeout = window.setTimeout(function () {
+		                    if (that.moving == true && that.callback && typeof (that.callback == "function")) {
+		                        that.moving = false;
+		                        that.callback();
+		                        delete this.callback;
+		                    }
+		                }, numOnly(options["time"]) + 50);
+					}
+                } else {
+                    this.moving = false;
+                }
+
+                
+                if (!options["y"]) options["y"] = 0;
+                if (!options["x"]) options["x"] = 0;
+                if (options["previous"]) {
+                    options.y += numOnly(new WebKitCSSMatrix(
+                    window.getComputedStyle(this.el).webkitTransform).f);
+                    options.x += numOnly(new WebKitCSSMatrix(
+                    window.getComputedStyle(this.el).webkitTransform).e);
+                }
+                if (!options["origin"]) options.origin = "0% 0%";
+
+                if (!options["scale"]) options.scale = "1";
+
+                if (!options["rotateY"]) options.rotateY = "0";
+                if (!options["rotateX"]) options.rotateX = "0";
+                if (!options["skewY"]) options.skewY = "0";
+                if (!options["skewX"]) options.skewX = "0";
+
+                if (!options["timingFunction"]) options["timingFunction"] = "linear";
+
+                //check for percent or numbers
+                if (typeof (options.x) == "number" || (options.x.indexOf("%") == -1 && options.x.toLowerCase().indexOf("px") == -1 && options.x.toLowerCase().indexOf("deg") == -1)) options.x = parseInt(options.x) + "px";
+                if (typeof (options.y) == "number" || (options.y.indexOf("%") == -1 && options.y.toLowerCase().indexOf("px") == -1 && options.y.toLowerCase().indexOf("deg") == -1)) options.y = parseInt(options.y) + "px";
+
+                this.el.style.webkitTransform = "translate" + translateOpen + (options.x) + "," + (options.y) + translateClose + " scale(" + parseFloat(options.scale) + ") rotate(" + options.rotateX + ") rotateY(" + options.rotateY + ") skew(" + options.skewX + "," + options.skewY + ")";
+                this.el.style.webkitBackfaceVisiblity = "hidden";
+				var properties = "-webkit-transform";
+                if (options["opacity"]!==undefined) {
+                    this.el.style.opacity = options["opacity"];
+					properties+=", opacity";
+                }
+                if (options["width"]) {
+                    this.el.style.width = options["width"];
+					properties = "all";
+                }
+                if (options["height"]) {
+                    this.el.style.height = options["height"];
+					properties = "all";
+                }
+				this.el.style.webkitTransitionProperty = properties;
+				if((""+options["time"]).indexOf("s")==-1) var time = options["time"]+"ms";
+				else var time = options["time"];
+				this.el.style.webkitTransitionDuration = time;
+				this.el.style.webkitTransitionTimingFunction = options["timingFunction"];
+                this.el.style.webkitTransformOrigin = options.origin;
+				if(options["time"]==0 && options["callback"]){
+					setTimeout(function(){that.finishAnimation();},0);
+				} else {
+					this.el.addEventListener("webkitTransitionEnd", that.finishAnimation, false);
+				}
+            };
+
+
+        css3Animate.prototype = {
+            finishAnimation: function (event) {
+                if(event) event.preventDefault();
+                var that = this;
+                if (!this.moving) return;
+
+                this.moving = false;
+                this.el.removeEventListener("webkitTransitionEnd", that.finishAnimation, false);
+                if (this.callback && typeof (this.callback == "function")) {
+                    if (this.timeout) window.clearTimeout(this.timeout);
+                    this.callback();
+                    delete this.callback;
+                }
+            }
+        }
+        return css3Animate;
+    })();
+    css3Animate.queue = function () {
+        return {
+            elements: [],
+            push: function (el) {
+                this.elements.push(el);
+            },
+            pop: function () {
+                return this.elements.pop();
+            },
+            run: function () {
+                var that = this;
+                if (this.elements.length == 0) return;
+                if (typeof (this.elements[0]) == "function") {
+                    var func = this.shift();
+                    func();
+                }
+                if (this.elements.length == 0) return;
+                var params = this.shift();
+                if (this.elements.length > 0) params.callback = function () {
+                    that.run();
+                };
+                css3Animate(params.id, params);
+            },
+            shift: function () {
+                return this.elements.shift();
+            }
+        }
+    };
+})(jq);

data/vendor/assets/javascripts/plugins/jq.drawer.js

@@ -0,0 +1,224 @@
+/**
+ * jq.web.drawer - a drawer for html5 mobile apps
+ * Copyright 2011 - AppMobi 
+ */ (function ($) {
+    $.fn["drawer"] = function (opts) {
+        var tmp;
+        for (var i = 0; i < this.length; i++) {
+            tmp = new drawer(this[i], opts);
+        }
+        return this.length == 1 ? tmp : this;
+    };
+    var drawer = (function () {
+        if (!window.WebKitCSSMatrix) return;
+        var translateOpen = 'm11' in new WebKitCSSMatrix() ? "3d(" : "(";
+        var translateClose = 'm11' in new WebKitCSSMatrix() ? ",0)" : ")";
+        var touchStarted = false;
+
+        var drawer = function (elID, opts) {
+                if (typeof elID == "string" || elID instanceof String) {
+                    this.el = document.getElementById(elID);
+                } else {
+                    this.el = elID;
+                }
+                if (!this.el) {
+                    alert("Could not find element for drawer " + elID);
+                    return;
+                }
+
+                if (this instanceof drawer) {
+                    for (j in opts) {
+                        this[j] = opts[j];
+                    }
+                } else {
+                    return new drawer(elID, opts);
+                }
+                this.direction=this.direction.toLowerCase();
+                try {
+                    this.handle = this.el.querySelectorAll(".drawer_handle")[0];
+                    if (!this.handle) return alert("Could not find handle for drawer -  " + elID);
+                    var that = this;
+                    this.handle.addEventListener('touchmove', function (e) {
+                        that.touchMove(e);
+                    }, false);
+                    this.handle.addEventListener('touchend', function (e) {
+                        that.touchEnd(e);
+                    }, false);
+
+                } catch (e) {
+                    alert("error adding drawer" + e);
+                }
+                this.zIndex=$(this.el).css("zIndex");
+            };
+
+        drawer.prototype = {
+            lockY: 0,
+            lockX:0,
+            boolScrollLock: false,
+            currentDrawer: null,
+            maxTop: 0,
+            startTop: 0,
+            maxLeft:0,
+            startLeft:0,
+            timeMoved: 0,
+            vdistanceMoved: 0,
+            hdistanceMoved:0,
+            direction: "down",
+            prevTime: 0,
+            handle: null,
+            zIndex:1,
+            // horizontal scrolling
+            // handle the moving function
+            touchMove: function (event) {
+                try {
+                    if (!touchStarted) {
+                        touchStarted = true;
+                        this.touchStart(event);
+                    }
+                    if (this.currentDrawer != null) {
+                        event.preventDefault();
+                        var drawerPoints = {
+                            x: 0,
+                            y: 0
+                        };
+                        if(this.direction=="down"||this.direction=="up"){
+                            var newTop = 0,
+                                prevTop = 0;
+                            var deltaY = this.lockY - event.touches[0].pageY;
+                            deltaY = -deltaY;
+                            var newTop = this.startTop + deltaY;
+                            var top = -newTop;
+                            try {
+                                var prevTop = numOnly(new WebKitCSSMatrix(window.getComputedStyle(this.el).webkitTransform).f);
+                            } catch (prevTopE) {
+                                var prevTop = 0;
+                            }
+                            drawerPoints.y = newTop;
+                            this.vdistanceMoved += Math.abs(prevTop) - Math.abs(newTop);
+                        }
+                        else {
+                            var newLeft = 0,
+                                prevLeft = 0;
+                            var deltaX = this.lockX - event.touches[0].pageX;
+                            deltaX = -deltaX;
+                            var newLeft = this.startLeft + deltaX;
+                            var left = -newLeft;
+                            try {
+                                var prevLeft = numOnly(new WebKitCSSMatrix(window.getComputedStyle(this.el).webkitTransform).e);
+                            } catch (prevTopE) {
+                                var prevLeft = 0;
+                            }
+                            drawerPoints.x = newLeft;
+                            this.hdistanceMoved += Math.abs(prevLeft) - Math.abs(newLeft);
+                        }
+                        this.drawerMove(this.currentDrawer, drawerPoints, 0);
+                    }
+                } catch (e) {
+                    alert("error in scrollMove: " + e);
+                }
+            },
+
+            touchStart: function (event) {
+
+                var handle = this.handle;
+                var eleScrolling = this.el;
+                if (!handle) return;
+
+                try {
+                    // Allow interaction to legit calls, like select boxes, etc.
+                    if (event.touches[0].target && event.touches[0].target.type != undefined) {
+                        var tagname = event.touches[0].target.tagName.toLowerCase();
+                        if (tagname == "select" || tagname == "input" || tagname == "button") // stuff we need to allow
+                        // access to
+                        return;
+                    }
+                    this.vdistanceMoved = 0;
+                    this.hdistanceMoved = 0;
+
+                    this.maxTop = numOnly(this.el.style.height) - numOnly(this.handle.style.height);
+                    this.maxLeft = numOnly(this.el.style.width) - numOnly(this.handle.style.width);
+                    
+                    if (this.direction == "up") this.maxTop *= -1;
+                    if (this.direction=="left") this.maxLeft*=-1;
+                    if (event.touches.length == 1 && this.boolScrollLock == false) {
+                        try {
+                            this.startTop = numOnly(new WebKitCSSMatrix(window.getComputedStyle(eleScrolling).webkitTransform).f);
+                            this.startLeft = numOnly(new WebKitCSSMatrix(window.getComputedStyle(eleScrolling).webkitTransform).e);
+                        } catch (e) {
+                            this.startTop = 0;
+                            this.startLeft=0;
+                            console.log("error drawer touchstart " + e);
+                        }
+                        this.lockY = event.touches[0].pageY;
+                        this.lockX=event.touches[0].pageX;
+                        this.currentDrawer = eleScrolling;
+                        event.preventDefault();
+                    }
+                } catch (e) {
+                    alert("error in drawer start: " + e);
+                }
+            },
+
+            // touchend callback. Set the current scrolling object and scrollbar to
+            // null
+            touchEnd: function (event) {
+                if (this.currentDrawer != null) {
+                    event.preventDefault();
+                    event.stopPropagation();
+
+                    var drawerPoints = {
+                        x: 0,
+                        y: 0
+                    };
+                    if(this.direction=="up"||this.direction=="down"){
+                        var myDistance = -this.vdistanceMoved;
+                        var percentMoved = Math.ceil(Math.abs(myDistance) / Math.abs(this.maxTop) * 100);
+                        var prevTop = numOnly(new WebKitCSSMatrix(window.getComputedStyle(this.el).webkitTransform).f);
+                        if (percentMoved > 17) {
+
+                            if (myDistance > 0) drawerPoints.y = this.maxTop;
+                            else drawerPoints.y = 0;
+                        } else {
+                            if (Math.floor(this.maxTop / prevTop) > 2) drawerPoints.y = 0;
+                            else drawerPoints.y = this.maxTop;
+                        }
+                        
+                    }
+                    else {
+                        var myDistance = -this.hdistanceMoved;
+                        var percentMoved = Math.ceil(Math.abs(myDistance) / Math.abs(this.maxLeft) * 100);
+                        var prevLeft = numOnly(new WebKitCSSMatrix(window.getComputedStyle(this.el).webkitTransform).e);
+                        if (percentMoved > 17) {
+
+                            if (myDistance > 0) drawerPoints.x = this.maxLeft;
+                            else drawerPoints.x = 0;
+                        } else {
+                            if (Math.floor(this.maxLeft / prevLeft) > 2) drawerPoints.y = 0;
+                            else drawerPoints.x = this.maxLeft;
+                        }                        
+                    }
+                    if(drawerPoints.y>0||drawerPoints.x>0)
+                       this.el.zIndex="9999";
+                    else
+                       this.el.zIndex=this.zIndex;
+
+                    this.drawerMove(this.currentDrawer, drawerPoints, 300, "ease-out");
+                    this.currentDrawer = null;
+                }
+                this.vdistanceMoved = 0;
+                touchStarted = false;
+            },
+
+            drawerMove: function (el, distanceToMove, time, timingFunction) {
+                if (!time) time = 0;
+                if (!timingFunction) timingFunction = "linear";
+
+                el.style.webkitTransform = "translate" + translateOpen + distanceToMove.x+"px," + distanceToMove.y + "px" + translateClose;
+                el.style.webkitTransitionDuration = time + "ms";
+                el.style.webkitBackfaceVisiblity = "hidden";
+                el.style.webkitTransitionTimingFunction = timingFunction;
+            }
+        };
+        return drawer;
+    })();
+})(jq);

data/vendor/assets/javascripts/plugins/jq.fx.js

@@ -0,0 +1,110 @@
+/**
+ * jq.fx.js
+ * FX library for jqMobi
+ *
+ */ 
+ (function ($) {
+    var noop = function () {};
+    /**
+     * Fade out an element by setting the opacity to 0 and hiding it when it's finished
+       ```
+       $('.tool_tip').fadeOut('300ms');
+       ```
+     *
+     * @param {String} animation time
+     * @param {Function} [callback]
+     * @title $().fadeOut(time,callback);
+     */
+    $.fn.fadeOut = function (time, cb, opc) {
+        if (this.length == 0) return;
+        if (!time) time = 0;
+        var that = this;
+        var callbackFn = noop;
+        if (!cb) cb = noop;
+        if (!opc) {
+            opc = 0;
+            callbackFn = function () {
+                this.hide();
+            }
+        }
+        var opts = {
+            opacity: opc,
+            time: time,
+            callback: function () {
+                cb.apply(that);
+                callbackFn.apply(that);
+            }
+        }
+        this.css3Animate(opts);
+        return this;
+    };
+    /**
+     * Fade in an element by setting the opacity to 1.  We will set the display property so it's shown
+       ```
+       $('.tool_tip').fadeIn('300ms');
+       ```
+     *
+     * @param {String} animation time
+     * @param {Function} [callback]
+     * @title $().fadeIn(time,callback);
+     */
+    $.fn.fadeIn = function (time, callback) {
+
+        if (!time) time = "300ms";
+        this.show();
+        this.css("opacity", '.1');
+        var that = this;
+        window.setTimeout(function () {
+            that.fadeOut(time, callback, 10);
+        }, 1);
+        return this;
+    };
+    /**
+     * Toggle slide in/out a element based off time.  We handle hiding/showing and keeping the previous height
+       ```
+       $('.tool_tip').slideToggle('300ms');
+       ```
+     *
+     * @param {String} animation time
+     * @param {Function} [callback]
+     * @param {String} css3 easing method
+     * @title $().slideToggle(time,callback,easing);
+     */
+    $.fn.slideToggle = function (duration, callback, easing) {
+        var opts = {
+            time: duration ? duration : "500ms",
+            callback: callback ? callback : null,
+            easing: easing ? easing : "linear"
+        }
+        for (var i = 0; i < this.length; i++) {
+            var hideshow = this.css("display", null, this[i]);
+            var expand = false;
+            var elem = $(this[i]);
+            if (hideshow == "none") {
+                elem.show();
+                expand = true;
+            }
+            var height = this.css("height", null, this[i]);
+            if (expand) {
+                elem.css("height", "0px");
+                opts['height'] = height;
+            } else {
+                opts['height'] = "0px";
+                var oldCB = callback;
+                callback = function () {
+                    elem.hide();
+                    var cbOpts = {
+                        height: height,
+                        time: "0ms"
+                    }
+                    elem.css3Animate(cbOpts);
+                }
+            }
+            if (callback) opts['callback'] = callback;
+            window.setTimeout(function () {
+                elem.css3Animate(opts);
+            }, 1);
+        }
+        return this;
+    }
+})(jq);

data/vendor/assets/javascripts/plugins/jq.passwordBox.js

@@ -0,0 +1,45 @@
+/*
+ * jq.web.passwordBox - password box replacement for html5 mobile apps on android due to a bug with CSS3 translate3d
+ * @copyright 2011 - AppMobi
+ */
+(function ($) {
+    $["passwordBox"] = function () {
+
+        return new passwordBox();
+    };
+
+    var passwordBox = function () {
+            this.oldPasswords = {};
+        };
+    passwordBox.prototype = {
+        showPasswordPlainText: false,
+        getOldPasswords: function (elID) {
+         //   if ($.os.android == false) return; -  iOS users seem to want this too, so we'll let everyone join the party
+            var container = elID && document.getElementById(elID) ? document.getElementById(elID) : document;
+            if (!container) {
+                alert("Could not find container element for passwordBox " + elID);
+                return;
+            }
+            var sels = container.getElementsByTagName("input");
+
+            var that = this;
+            for (var i = 0; i < sels.length; i++) {
+                if (sels[i].type != "password") continue;
+
+                sels[i].type = "text";
+                sels[i].style['-webkit-text-security'] = "disc";
+            }
+        },
+
+        changePasswordVisiblity: function (what, id) {
+            what = parseInt(what);
+            var theEl = document.getElementById(id);
+            if (what == 1) { //show
+                theEl.style['-webkit-text-security'] = "none";
+            } else {
+                theEl.style['-webkit-text-security'] = "disc";
+            }
+            theEl = null;
+        }
+    };
+})(jq);