Swipe right/left on cards

ionic-v1
22

@bradorego Making those changes would be great. I really only want the vertical swipe up and down functionality. Thanks everyone for their efforts with all of this. I was able to incorporate the latest into my side menu app.

23

Hey guys, any updates on this? Is there a github repo out there with a fully done left / right or up / down?

Nice work, thanks!

24

Is this what you’re looking for? http://ionicframework.com/blog/tinder-for-x/

25

Thank you for bringing that codepen. It’s exactly what I was looking for!

The only problem that in the latest beta (14) it breaks. It looks like ionic changed some names in the bundle and ViewController is no longer referenced.

Can you kindly suggest how to make it work with the latest beta?

Thanks!

26

Sorry, I haven’t had a chance to try beta14 yet.

27

I think that the problem is creating the controller in this part.

var SwipeableCardController = ionic.views.View.inherit({
  initialize: function(opts) {
  this.cards = [];

  var ratio = window.innerWidth / window.innerHeight;

  this.maxWidth = window.innerWidth - (opts.cardGutterWidth || 0);
  this.maxHeight = opts.height || 300;
  this.cardGutterWidth = opts.cardGutterWidth || 10;
  this.cardPopInDuration = opts.cardPopInDuration || 400;
  this.cardAnimation = opts.cardAnimation || 'pop-in';
    console.log(this);
}, // Rest of methods.