update jquery mobile to use normal browser events

dashboard-ui/bower_components/doc-ready/.bower.json

@@ -39,6 +39,6 @@
     "commit": "cec8e49744a1e18b14a711eea77e201bb70de544"
   },
   "_source": "git://github.com/desandro/doc-ready.git",
-  "_target": "~1.0.4",
+  "_target": "1.0.x",
   "_originalSource": "doc-ready"
 }

dashboard-ui/bower_components/eventie/.bower.json

@@ -30,6 +30,6 @@
     "commit": "14d2ca3df97da64c820829a8310f9198fbafbcfa"
   },
   "_source": "git://github.com/desandro/eventie.git",
-  "_target": "^1",
+  "_target": "~1.0.3",
   "_originalSource": "eventie"
 }

dashboard-ui/bower_components/iron-meta/.bower.json

@@ -26,14 +26,14 @@
     "webcomponentsjs": "webcomponents/webcomponentsjs#^0.7.0"
   },
   "main": "iron-meta.html",
-  "homepage": "https://github.com/PolymerElements/iron-meta",
+  "homepage": "https://github.com/polymerelements/iron-meta",
   "_release": "1.1.1",
   "_resolution": {
     "type": "version",
     "tag": "v1.1.1",
     "commit": "e171ee234b482219c9514e6f9551df48ef48bd9f"
   },
-  "_source": "git://github.com/PolymerElements/iron-meta.git",
+  "_source": "git://github.com/polymerelements/iron-meta.git",
   "_target": "^1.0.0",
-  "_originalSource": "PolymerElements/iron-meta"
+  "_originalSource": "polymerelements/iron-meta"
 }

dashboard-ui/components/imagestore.js

@@ -9,6 +9,21 @@
         } else {
             elem.setAttribute("src", url);
         }
+
+        if (browserInfo.chrome && !browserInfo.mobile) {
+            if (!elem.classList.contains('noFade')) {
+                fadeIn(elem, 1);
+            }
+        }
+    }
+
+    function fadeIn(elem, iterations) {
+
+        var keyframes = [
+          { opacity: '0', offset: 0 },
+          { opacity: '1', offset: 1 }];
+        var timing = { duration: 200, iterations: iterations };
+        return elem.animate(keyframes, timing);
     }
 
     // Request Quota (only for File System API)  

dashboard-ui/components/paperdialoghelper.js

@@ -2,9 +2,9 @@
 
     function paperDialogHashHandler(dlg, hash, lockDocumentScroll) {
 
-        function onHashChange(e, data) {
+        function onHashChange(e) {
 
-            data = data.state;
+            var data = e.detail.state || {};
             var isActive = data.hash == '#' + hash;
 
             if (data.direction == 'back') {
@@ -25,7 +25,7 @@
 
             dlg = null;
             if (enableHashChange()) {
-                $(window).off('navigate', onHashChange);
+                window.removeEventListener('navigate', onHashChange);
 
                 if (window.location.hash == '#' + hash) {
                     history.back();
@@ -33,9 +33,7 @@
             }
         }
 
-        var self = this;
+        dlg.addEventListener('iron-overlay-closed', onDialogClosed);
-
-        $(dlg).on('iron-overlay-closed', onDialogClosed);
         dlg.open();
 
         if (lockDocumentScroll !== false) {
@@ -46,7 +44,7 @@
 
             window.location.hash = hash;
 
-            $(window).on('navigate', onHashChange);
+            window.addEventListener('navigate', onHashChange);
         }
     }
 

dashboard-ui/scripts/librarymenu.js

@@ -973,9 +973,12 @@
 
     var isCurrentNavBack = false;
 
-    $(window).on("navigate", function (e, data) {
+    window.addEventListener("navigate", function (e) {
-        data = data.state || {};
+
-        isCurrentNavBack = data.direction == 'back';
+        var data = e.detail.state || {};
+        var direction = data.direction;
+
+        isCurrentNavBack = direction == 'back';
     });
 
     function isBack() {

dashboard-ui/thirdparty/jquerymobile-1.4.5/jquery.mobile.custom.js

@@ -91,62 +91,31 @@
         $.event.special.navigate = self = {
             bound: false,
 
-            originalEventName: undefined,
-
             // TODO a lot of duplication between popstate and hashchange
             popstate: function (event) {
-                var newEvent = new $.Event("navigate"),
+                var state = event.state || {};
-                    state = event.originalEvent.state || {};
-
-                if (event.historyState) {
-                    $.extend(state, event.historyState);
-                }
-
-                // Make sure the original event is tracked for the end
-                // user to inspect incase they want to do something special
-                newEvent.originalEvent = event;
 
                 // NOTE we let the current stack unwind because any assignment to
                 //      location.hash will stop the world and run this event handler. By
                 //      doing this we create a similar behavior to hashchange on hash
                 //      assignment
                 setTimeout(function () {
-                    $win.trigger(newEvent, {
-                        state: state
-                    });
-                }, 0);
-            },
 
-            hashchange: function (event /*, data */) {
+                    if (event.historyState) {
-
+                        $.extend(state, event.historyState);
-                // Trigger the hashchange with state provided by the user
-                // that altered the hash
-                window.dispatchEvent(new CustomEvent("navigate", {
-                    detail: {
-                        // Users that want to fully normalize the two events
-                        // will need to do history management down the stack and
-                        // add the state to the event before this binding is fired
-                        // TODO consider allowing for the explicit addition of callbacks
-                        //      to be fired before this value is set to avoid event timing issues
-                        state: event.hashchangeState || {}
                     }
-                }));
-            },
 
-            // TODO We really only want to set this up once
+                    window.dispatchEvent(new CustomEvent("navigate", {
-            //      but I'm not clear if there's a beter way to achieve
+                        detail: {
-            //      this with the jQuery special event structure
+                            state: state,
-            setup: function ( /* data, namespaces */) {
+                            originalEvent: event
-                if (self.bound) {
+                        }
-                    return;
+                    }));
-                }
+                }, 0);
-
-                self.bound = true;
-
-                self.originalEventName = "popstate";
-                $win.bind("popstate.navigate", self.popstate);
             }
         };
+
+        window.addEventListener('popstate', self.popstate);
     })(jQuery);
 
     jQuery.mobile.widgets = {};
@@ -699,9 +668,7 @@
             this.history = history;
             this.ignoreInitialHashChange = true;
 
-            $(window).bind({
+            window.addEventListener('popstate', $.proxy(this.popstate, this));
-                "popstate.history": $.proxy(this.popstate, this)
-            });
         };
 
         $.extend($.mobile.Navigator.prototype, {
@@ -802,12 +769,6 @@
                     title: document.title
                 }, data);
 
-                popstateEvent = new $.Event("popstate");
-                popstateEvent.originalEvent = {
-                    type: "popstate",
-                    state: null
-                };
-
                 this.squash(url, state);
 
                 // Trigger a new faux popstate event to replace the one that we
@@ -815,7 +776,14 @@
                 if (!noEvents) {
                     this.ignorePopState = true;
                     //$(window).trigger(popstateEvent);
-                    window.dispatchEvent(new CustomEvent(popstateEvent, {}));
+                    window.dispatchEvent(new CustomEvent("popstate", {
+                        detail: {
+                            originalEvent: {
+                                type: "popstate",
+                                state: null
+                            }
+                        }
+                    }));
                 }
 
                 // record the history entry so that the information can be included
@@ -849,12 +817,14 @@
                     return;
                 }
 
+                var originalEventState = event.state || (event.detail ? event.detail.originalEvent.state : event.state);
+
                 // If there is no state, and the history stack length is one were
                 // probably getting the page load popstate fired by browsers like chrome
                 // avoid it and set the one time flag to false.
                 // TODO: Do we really need all these conditions? Comparing location hrefs
                 // should be sufficient.
-                if (!event.originalEvent.state &&
+                if (!originalEventState &&
                     this.history.stack.length === 1 &&
                     this.ignoreInitialHashChange) {
                     this.ignoreInitialHashChange = false;
@@ -872,7 +842,7 @@
                 // TODO it might be better to only add to the history stack
                 //      when the hash is adjacent to the active history entry
                 hash = path.parseLocation().hash;
-                if (!event.originalEvent.state && hash) {
+                if (!originalEventState && hash) {
                     // squash the hash that's been assigned on the URL with replaceState
                     // also grab the resulting state object for storage
                     state = this.squash(hash);
@@ -893,11 +863,12 @@
                 // If all else fails this is a popstate that comes from the back or forward buttons
                 // make sure to set the state of our history stack properly, and record the directionality
                 this.history.direct({
-                    url: (event.originalEvent.state || {}).url || hash,
+                    url: (originalEventState || {}).url || hash,
 
                     // When the url is either forward or backward in history include the entry
                     // as data on the event object for merging as data in the navigate event
                     present: function (historyEntry, direction) {
+
                         // make sure to create a new object to pass down as the navigate event data
                         event.historyState = $.extend({}, historyEntry);
                         event.historyState.direction = direction;
@@ -993,14 +964,21 @@
             self.element = containerElem;
             self.initSelector = false;
 
-            $(window).on("navigate", function (e, data) {
+            window.addEventListener("navigate", function (e) {
                 var url;
-
+                if (e.defaultPrevented) {
-                if (e.originalEvent && e.originalEvent.isDefaultPrevented()) {
                     return;
                 }
 
-                url = e.originalEvent.type.indexOf("hashchange") > -1 ? data.state.hash : data.state.url;
+                var originalEvent = e.detail.originalEvent;
+
+                if (originalEvent && originalEvent.defaultPrevented) {
+                    return;
+                }
+
+                var data = e.detail;
+
+                url = originalEvent.type.indexOf("hashchange") > -1 ? data.state.hash : data.state.url;
 
                 if (!url) {
                     url = $.mobile.path.parseLocation().hash;