Ember bindings for using phonegap events

phonegap_back_button_mixin.js

App.PhonegapBackbuttonMixin = Ember.Mixin.create({
  activate: function () {
    this.get('phonegapProxy').on('backbutton', this, this.goBack);
  },

  deactivate: function() {
    this.get('phonegapProxy').off('backbutton', this, this.goBack);
  },
});

phonegap_proxy.js

App.PhoneGapEventProxy = Ember.Object.extend(Ember.Evented, {
  phonegapEvents: ['backbutton'],

  init: function() {
    document.addEventListener("deviceready", Ember.run.bind(this, this.setupEventListeners), false);
  },

  setupEventListeners: function() {
    var proxy = this;
    proxy.get('phonegapEvents').forEach(function(eventName) {
      document.addEventListener(eventName, Ember.run.bind(proxy, proxy.handleEventListener), false);
    });
  },

  handleEventListener: function(event) {
    this.trigger(event.type, event);
    return true;
  }
});

phonegap_proxy_init.js

Ember.Application.initializer({
  name: 'phonegapProxy',

  initialize: function(container, application) {
    var proxy = App.PhoneGapEventProxy.create({});
    application.register('proxy:phonegap', proxy, { singleton: true, instantiate: false });
    application.inject('route', 'phonegapProxy', 'proxy:phonegap');
  }
});