hammerJS + ember integration

ember_reopen.js

Em.View.reopen({

  hammerOptions: null,
  enableHammer: function() {
    var gestures = ['drag', 'hold', 'release', 'swipe', 'tap', 'touch', 'transform'];
    var options = this.get('hammerOptions');

    if ( options ) {
      gestures.forEach(function(gesture) {
        if ( !options[gesture] ) {
          options[gesture] = false;
        }
      });

      this.hammer = new Hammer(this.get('element'), options);
    }

  }.on('didInsertElement'),


  destroyHammer: function() {
    if (this.hammer) {
      this.hammer.dispose();
      this.hammer = null;
    }


  }.on('willDestroyElement')

});


Ember.EventDispatcher.reopen({
  events: {
    tap  : 'tap',
    click       : 'click', // manage to preventDefault link-to views
    focusin     : 'focusIn',
    focusout    : 'focusOut',
    submit      : 'submit',
    input       : 'input',
    change      : 'change'
  },

  _findNearestEventManager: function() {
    return null;
  }

});

Ember.LinkView.reopen({

  hammerOptions: {
    tap: true
  },
  eventName: 'tap',
  click: function(event) {
    event.preventDefault();
  }

});

sorry for dummy question but I dont find how can I handle the events like swipe in my view. I tried to define a handler for swipe like this:

App.MyView = Ember.View.extend({
    hammerOptions: {
        swipe: true,
        tap: true
    },
    tap: function() {
        console.log('tap');
    },
    swipe: function() {
        console.log('swipe');
    }
});

but non of the tap nor swipe events ever fire.

Im using ember 1.6.1 and hammer 2.0.2

@mohamnag, below a possible integration. You could also ask in stackoverflow:

setupTap: function() {
this._super();

var self = this;
this.hammer = new Hammer(this.get('element'), {recognizers: []});

var tap = new Hammer.Tap();

tap.set('enable', function() {
  return self.canRecognizeTap();
});
this.hammer.add(tap);

this.hammer.on('tap', function() {
  self.tap();
});

}.on('didInsertElement')