discourse/app/assets/javascripts/discourse/controllers/history.js.es6

import ModalFunctionality from 'discourse/mixins/modal-functionality';
import ObjectController from 'discourse/controllers/object';

// This controller handles displaying of history
export default ObjectController.extend(ModalFunctionality, {
  loading: true,
  viewMode: "side_by_side",
  revisionsTextKey: "post.revisions.controls.comparing_previous_to_current_out_of_total",

  _changeViewModeOnMobile: function() {
    if (Discourse.Mobile.mobileView) { this.set("viewMode", "inline"); }
  }.on("init"),

  refresh: function(postId, postVersion) {
    this.set("loading", true);

    var self = this;
    Discourse.Post.loadRevision(postId, postVersion).then(function (result) {
      self.setProperties({ loading: false, model: result });
    });
  },

  hide: function(postId, postVersion) {
    var self = this;
    Discourse.Post.hideRevision(postId, postVersion).then(function (result) {
      self.refresh(postId, postVersion);
    });
  },

  show: function(postId, postVersion) {
    var self = this;
    Discourse.Post.showRevision(postId, postVersion).then(function (result) {
      self.refresh(postId, postVersion);
    });
  },

  createdAtDate: function() { return moment(this.get("created_at")).format("LLLL"); }.property("created_at"),

  previousVersion: function() { return this.get("current_version") - 1; }.property("current_version"),

  displayGoToFirst: function() { return this.get("current_revision") > this.get("first_revision"); }.property("current_revision", "first_revision"),
  displayGoToPrevious: function() { return this.get("previous_revision") && this.get("current_revision") > this.get("previous_revision"); }.property("current_revision", "previous_revision"),
  displayRevisions: Em.computed.gt("version_count", 2),
  displayGoToNext: function() { return this.get("next_revision") && this.get("current_revision") < this.get("next_revision"); }.property("current_revision", "next_revision"),
  displayGoToLast: function() { return this.get("current_revision") < this.get("last_revision"); }.property("current_revision", "last_revision"),

  displayShow: function() { return this.get("previous_hidden") && Discourse.User.currentProp('staff') && !this.get("loading"); }.property("previous_hidden", "loading"),
  displayHide: function() { return !this.get("previous_hidden") && Discourse.User.currentProp('staff') && !this.get("loading"); }.property("previous_hidden", "loading"),

  isEitherRevisionHidden: Em.computed.or("previous_hidden", "current_hidden"),

  hiddenClasses: function() {
    if (this.get("displayingInline")) {
      return this.get("isEitherRevisionHidden") ? "hidden-revision-either" : null;
    } else {
      var result = [];
      if (this.get("previous_hidden")) { result.push("hidden-revision-previous"); }
      if (this.get("current_hidden")) { result.push("hidden-revision-current"); }
      return result.join(" ");
    }
  }.property("previous_hidden", "current_hidden", "displayingInline"),

  displayingInline: Em.computed.equal("viewMode", "inline"),
  displayingSideBySide: Em.computed.equal("viewMode", "side_by_side"),
  displayingSideBySideMarkdown: Em.computed.equal("viewMode", "side_by_side_markdown"),

  previousCategory: function() {
    var changes = this.get("category_changes");
    if (changes) {
      var category = Discourse.Category.findById(changes["previous"]);
      return Discourse.HTML.categoryBadge(category, { allowUncategorized: true });
    }
  }.property("category_changes"),

  currentCategory: function() {
    var changes = this.get("category_changes");
    if (changes) {
      var category = Discourse.Category.findById(changes["current"]);
      return Discourse.HTML.categoryBadge(category, { allowUncategorized: true });
    }
  }.property("category_changes"),

  wiki_diff: function() {
    var changes = this.get("wiki_changes")
    if (changes) {
      return changes["current"] ?
             '<span class="fa-stack"><i class="fa fa-pencil-square-o fa-stack-2x"></i></span>' :
             '<span class="fa-stack"><i class="fa fa-pencil-square-o fa-stack-2x"></i><i class="fa fa-ban fa-stack-2x"></i></span>';
    }
  }.property("wiki_changes"),

  post_type_diff: function () {
    var moderator = Discourse.Site.currentProp('post_types.moderator_action');
    var changes = this.get("post_type_changes");
    if (changes) {
      return changes["current"] == moderator ?
             '<span class="fa-stack"><i class="fa fa-shield fa-stack-2x"></i></span>' :
             '<span class="fa-stack"><i class="fa fa-shield fa-stack-2x"></i><i class="fa fa-ban fa-stack-2x"></i></span>';
    }
  }.property("post_type_changes"),

  title_diff: function() {
    var viewMode = this.get("viewMode");
    if (viewMode === "side_by_side_markdown") { viewMode = "side_by_side"; }
    return this.get("title_changes." + viewMode);
  }.property("viewMode", "title_changes"),

  body_diff: function() {
    return this.get("body_changes." + this.get("viewMode"));
  }.property("viewMode", "body_changes"),

  actions: {
    loadFirstVersion: function() { this.refresh(this.get("post_id"), this.get("first_revision")); },
    loadPreviousVersion: function() { this.refresh(this.get("post_id"), this.get("previous_revision")); },
    loadNextVersion: function() { this.refresh(this.get("post_id"), this.get("next_revision")); },
    loadLastVersion: function() { this.refresh(this.get("post_id"), this.get("last_revision")); },

    hideVersion: function() { this.hide(this.get("post_id"), this.get("current_revision")); },
    showVersion: function() { this.show(this.get("post_id"), this.get("current_revision")); },

    displayInline: function() { this.set("viewMode", "inline"); },
    displaySideBySide: function() { this.set("viewMode", "side_by_side"); },
    displaySideBySideMarkdown: function() { this.set("viewMode", "side_by_side_markdown"); }
  }
});