Vulcan/client/views/posts/post_item.js

Template.post_item.created = function () {
  instance = this;
};

Template.post_item.helpers({
  post: function(){
    // note: when the data context is set by the router, it will be "this.post". When set by a parent template it'll be "this"
    return this.post || this;
  },
  postLink: function(){
    return !!this.url ? this.url : "/posts/"+this._id;
  },
  postTarget: function() {
    return !!this.url ? '_blank' : '';
  },
  oneBasedRank: function(){
    if(typeof this.rank != 'undefined')
      return this.rank + 1;
  },
  domain: function(){
    var a = document.createElement('a');
    a.href = this.url;
    return a.hostname;
  },
  current_domain: function(){
    return "http://"+document.domain;
  },
  can_edit: function(){
    return canEdit(Meteor.user(), this);
  },
  authorName: function(){
    return getAuthorName(this);
  },
  profileUrl: function(){
    // note: we don't want the post to be re-rendered every time user properties change
    var user = Meteor.users.findOne(this.userId, {reactive: false});
    if(user)
      return getProfileUrl(user);
  },
  short_score: function(){
    return Math.floor(this.score*1000)/1000;
  },
  body_formatted: function(){
    var converter = new Markdown.Converter();
    var html_body=converter.makeHtml(this.body);
    return html_body.autoLink();
  },
  ago: function(){
    // if post is approved show submission time, else show creation time. 
    time = this.status == STATUS_APPROVED ? this.submitted : this.createdAt;
    return moment(time).fromNow();
  },
  timestamp: function(){
    time = this.status == STATUS_APPROVED ? this.submitted : this.createdAt;
    return moment(time).format("MMMM Do, h:mm:ss a");
  },
  voted: function(){
    var user = Meteor.user();
    if(!user) return false; 
    return _.include(this.upvoters, user._id);
  },
  userAvatar: function(){
    if(author=Meteor.users.findOne(this.userId), {reactive: false})
      return getAvatarUrl(author);
  },
  inactiveClass: function(){
    return (isAdmin(Meteor.user()) && this.inactive) ? "inactive" : "";
  },
  categoryLink: function(){
    return getCategoryUrl(this.slug);
  },
  commentsDisplayText: function(){
    return this.comments == 1 ? 'comment' : 'comments';
  },
  pointsUnitDisplayText: function(){
    return this.votes == 1 ? 'point' : 'points';
  },
  lastRender: function(){
    return Session.get('postItemLastRender');
  }
});

var recalculatePosition = function ($object, positionsArray) {
  var positionsLength = positionsArray.length,
      previousPosition = positionsArray[positionsLength-2]
      newPosition = positionsArray[positionsLength-1]
 
  // calculate difference between old position and new position and send element here
  var delta = previousPosition - newPosition;
  console.log('previousPosition: '+previousPosition)
  console.log('newPosition: '+newPosition)
  console.log('delta: '+delta)

  // send object back to previous position, then animate it to new one
  $object.css("top", delta + "px").addClass('animate').delay(1).queue(function(next){ 
    $(this).css('top','0px'); 
    next(); 
  });
}

Template.post_item.rendered = function(){
  // animate post from previous position to new position
  var instance = this,
      $instance = $(instance.firstNode.nextSibling),
      top = $instance.position().top;

  console.log('-----------------------')
  console.log('headline: '+this.data.headline)

  if(typeof instance.positionsHistory == "undefined"){
    instance.positionsHistory = [top];
  }else{
    instance.positionsHistory.push(top);
    recalculatePosition($instance, instance.positionsHistory)
  }


  console.log('render positions: '+instance.positionsHistory)

  // var rank = instance.data.rank; 
  // var rank = $instance.index(); // use jQuery instead of decorating the data object

  // var previousPosition = 0;
  // var newPosition = $instance.position().top;


  // console.log('newPosition: '+newPosition)
  // console.log(instance)

  // if it's not the first ever render, element should have a currentPosition
  // if(instance.renderCount > 1){
    // calculate difference between old position and new position and send element here

    // var delta = previousPosition - newPosition;
    // console.log('delta: '+delta)
    // $instance.css("top", delta + "px");
  // }

  // Meteor.defer(function() {
  //   instance.currentPosition = newPosition;
  //   // bring element back to its new original position
  //   $instance.addClass('animate').css("top",  "0px");
  // }); 
};

Template.post_item.events = {
  'click .upvote-link': function(e, instance){
    var post = this;
    e.preventDefault();
    if(!Meteor.user()){
      Router.go('/signin');
      throwError("Please log in first");
    }
    Meteor.call('upvotePost', post, function(error, result){
      trackEvent("post upvoted", {'_id': post._id});
    });
  },
  'click .share-link': function(e){
    var $this = $(e.target).parents('.post-share').find('.share-link');
    var $share = $this.parents('.post-share').find('.share-options');
    e.preventDefault();
    $('.share-link').not($this).removeClass("active");
    $(".share-options").not($share).addClass("hidden");
    $this.toggleClass("active");
    $share.toggleClass("hidden");
    $share.find('.share-replace').sharrre(SharrreOptions);
  },
  'click .post-title': function(e){
    Meteor.call('clickedPost', this, function(error, result){
      if(error)
        console.log(error);
    });
  }
};