ionic restructure

js/ionic-events.js

@@ -0,0 +1,98 @@
+/**
+ * ion-events.js
+ *
+ * Author: Max Lynch <max@drifty.com>
+ *
+ * Framework events handles various mobile browser events, and 
+ * detects special events like tap/swipe/etc. and emits them
+ * as custom events that can be used in an app.
+ *
+ * Portions lovingly adapted from github.com/maker/ratchet and github.com/alexgibson/tap.js - thanks guys!
+ */
+
+(function(window, document, ion) {
+  ion.EventController = {
+
+    // Trigger a new event
+    trigger: function(eventType, data) {
+      // TODO: Do we need to use the old-school createEvent stuff?
+      var event = new CustomEvent(eventType, data);
+
+      // Make sure to trigger the event on the given target, or dispatch it from
+      // the window if we don't have an event target
+      data.target && data.target.dispatchEvent(event) || window.dispatchEvent(event);
+    },
+  
+    // Bind an event
+    on: function(type, callback, element) {
+      var e = element || window;
+      e.addEventListener(type, callback);
+    },
+
+    off: function(type, callback, element) {
+      element.removeEventListener(type, callback);
+    },
+
+    // Register for a new gesture event on the given element
+    onGesture: function(type, callback, element) {
+      var gesture = new ion.Gesture(element);
+      gesture.on(type, callback);
+      return gesture;
+    },
+
+    // Unregister a previous gesture event
+    offGesture: function(gesture, type, callback) {
+      gesture.off(type, callback);
+    },
+
+    // With a click event, we need to check the target
+    // and if it's an internal target that doesn't want
+    // a click, cancel it
+    handleClick: function(e) {
+      var target = e.target;
+
+      if(ion.Gestures.HAS_TOUCHEVENTS) {
+        // We don't allow any clicks on mobile
+        e.preventDefault();
+        return false;
+      }
+
+      if (
+        !  target
+        || e.which > 1
+        || e.metaKey
+        || e.ctrlKey
+        //|| isScrolling
+        || location.protocol !== target.protocol
+        || location.host     !== target.host
+        // Not sure abotu this one
+        //|| !target.hash && /#/.test(target.href)
+        || target.hash && target.href.replace(target.hash, '') === location.href.replace(location.hash, '')
+        //|| target.getAttribute('data-ignore') == 'push'
+      ) {
+        // Allow it
+        return;
+      }
+      // We need to cancel this one
+      e.preventDefault();
+
+    },
+    
+    handlePopState: function(event) {
+      console.log("EVENT: popstate", event);
+    },
+  };
+  
+  
+  // Map some convenient top-level functions for event handling
+  ion.on = ion.EventController.on;
+  ion.off = ion.EventController.off;
+  ion.trigger = ion.EventController.trigger;
+  ion.onGesture = ion.EventController.onGesture;
+  ion.offGesture = ion.EventController.offGesture;
+
+  // Set up various listeners
+	window.addEventListener('click', ion.EventController.handleClick);
+  //window.addEventListener('popstate', ion.EventController.handlePopState);
+
+})(this, document, ion = this.ion || {});