import showModal from "discourse/lib/show-modal";
import computed from "ember-addons/ember-computed-decorators";

export default Ember.Component.extend({
  adminTools: Ember.inject.service(),
  expanded: false,
  tagName: "div",
  classNameBindings: [
    ":flagged-post",
    "flaggedPost.hidden:hidden-post",
    "flaggedPost.deleted"
  ],

  canAct: Ember.computed.alias("actableFilter"),

  @computed("filter")
  actableFilter(filter) {
    return filter === "active";
  },

  removeAfter(promise) {
    return promise.then(() => this.attrs.removePost());
  },

  _spawnModal(name, model, modalClass) {
    let controller = showModal(name, { model, admin: true, modalClass });
    controller.removeAfter = p => this.removeAfter(p);
  },

  actions: {
    removeAfter(promise) {
      return this.removeAfter(promise);
    },

    disagree() {
      this.removeAfter(this.get("flaggedPost").disagreeFlags());
    },

    defer() {
      this.removeAfter(this.get("flaggedPost").deferFlags());
    },

    expand() {
      this.get("flaggedPost")
        .expandHidden()
        .then(() => {
          this.set("expanded", true);
        });
    },

    showModerationHistory() {
      this.get("adminTools").showModerationHistory({
        filter: "post",
        post_id: this.get("flaggedPost.id")
      });
    }
  }
});