animations 2 js version

transitions.js

var createHooks;

createHooks = function(options) {
  options = _.defaults(options, {
    alwaysClass: '',
    onscreenClass: '',
    offscreenClass: '',
    removeClass: '',
    removeTimeout: 500,
    insertTimeout: 500
  });
  return {
    transitioning: false,
    insertElement: function(node, next) {
      var finish, insert;
      insert = function() {
        $(node).addClass(options.onscreenClass);
        $(node).insertBefore(next);
        Meteor.setTimeout(finish, options.insertTimeout);
      };
      finish = function() {
        $(node).removeClass(options.onscreenClass);
      };
      if (this.transitioning) {
        Meteor.setTimeout(insert, options.removeTimeout);
      } else {
        insert();
      }
    },
    removeElement: function(node) {
      var remove;
      remove = (function(_this) {
        return function() {
          _this.transitioning = false;
          $(node).remove();
        };
      })(this);
      if (options.removeClass.length) {
        $(node).addClass(options.removeClass);
        this.transitioning = true;
        Meteor.setTimeout(remove, options.removeTimeout);
      } else {
        remove();
      }
    }
  };
};

Template.transition.rendered = function() {
  var type, types, _ref;
  type = ((_ref = this.data) != null ? _ref.type : void 0) || 'fade';
  types = {
    fade: {
      onscreenClass: 'fadeIn',
      removeClass: 'fadeOut'
    },
    bounce: {
      onscreenClass: 'bounceIn',
      removeClass: 'bounceOut',
      insertTimeout: 750,
      removeTimeout: 750
    },
    slide: {
      onscreenClass: 'slideInLeft',
      removeClass: 'slideOutLeft'
    }
  };
  this.firstNode.parentNode._uihooks = createHooks(types[type]);
};