meteor__coursera-meteor-1/client/website_item.js

/**
 * Client code for the website_item template.
 */

/**
 * Template events
 */

Template.website_item.events({
  "click .js-upvote": function () {
    // Example of how you can access the id for the website in the database
    // (this is the data context for the template)
    const websiteId = this._id;
    console.log("Up voting website with id " + websiteId);
    // Put the code in here to add a vote to a website!
    const userId = Meteor.userId();
    let modifiers = {};
    let increments = {};
    if (!_.contains(this.plus, userId)) {
      modifiers.$addToSet = { plus: userId };
      increments.plusScore = 1;
    }
    if (_.contains(this.minus, userId)) {
      modifiers.$pull = { minus: userId };
      increments.minusScore = -1;
    }
    if (!_.isEmpty(increments)) {
      modifiers.$inc = increments;
    }
    if (!_.isEmpty(modifiers)) {
      Websites.update({ _id: websiteId }, modifiers);
    }

    // Prevent the button from reloading the page.
    return false;
  },

  "click .js-downvote": function () {
    // example of how you can access the id for the website in the database
    // (this is the data context for the template)
    const websiteId = this._id;
    console.log("Down voting website with id " + websiteId);

    // Put the code in here to remove a vote from a website!
    const userId = Meteor.userId();
    let modifiers = {};
    let increments = {};
    if (!_.contains(this.minus, userId)) {
      modifiers.$addToSet = { minus: userId };
      increments.minusScore = 1;
    }
    if (_.contains(this.plus, userId)) {
      modifiers.$pull = { plus: userId };
      increments.plusScore = -1;
    }
    if (!_.isEmpty(increments)) {
      modifiers.$inc = increments;
    }
    if (!_.isEmpty(modifiers)) {
      Websites.update({ _id: websiteId }, modifiers);
    }

    // Prevent the button from reloading the page
    return false;
  }
});

Template.website_item.helpers({
  upVoted: function () {
    return _.contains(this.plus, Meteor.userId()) ? "btn-success" : "";
  },

  downVoted: function () {
    return _.contains(this.minus, Meteor.userId()) ? "btn-danger" : "";
  },

  postDate: function () {
    return this.postDate ? this.postDate : "Application launch";
  },

  poster: function () {
    return this.poster && this.poster.name ? this.poster.name : "Application setup";
  },

  minusVotes: function () {
    return this.minusScore ? this.minusScore : 0;
  },

  plusVotes: function () {
    return this.plusScore ? this.plusScore : 0;
  },

  score: function () {
    const plus = this.plusScore ? this.plusScore : 0;
    const minus = this.minusScore ? this.minusScore : 0;
    return plus - minus;
  }
});