import { propertyEqual } from "discourse/lib/computed";
import { bufferedProperty } from "discourse/mixins/buffered-content";
import { popupAjaxError } from "discourse/lib/ajax-error";

function updateState(state, opts) {
  opts = opts || {};

  return function() {
    const post = this.get("post");
    const args = { state };

    if (opts.deleteUser) {
      args.delete_user = true;
    }

    post
      .update(args)
      .then(() => {
        this.sendAction("removePost", post);
      })
      .catch(popupAjaxError);
  };
}

export default Ember.Component.extend(bufferedProperty("editables"), {
  editing: propertyEqual("post", "currentlyEditing"),
  editables: null,
  _confirmDelete: updateState("rejected", { deleteUser: true }),

  _initEditables: function() {
    const post = this.get("post");
    const postOptions = post.get("post_options");

    this.set("editables", {});
    this.set("editables.raw", post.get("raw"));
    this.set("editables.category", post.get("category"));
    this.set("editables.category_id", post.get("category.id"));
    this.set("editables.title", postOptions.title);
    this.set("editables.tags", postOptions.tags);
  }.on("init"),

  _categoryChanged: function() {
    this.set(
      "buffered.category",
      Discourse.Category.findById(this.get("buffered.category_id"))
    );
  }.observes("buffered.category_id"),

  editTitleAndCategory: function() {
    return this.get("editing") && !this.get("post.topic");
  }.property("editing"),

  tags: function() {
    return this.get("editables.tags") || this.get("post.topic.tags") || [];
  }.property("editables.tags"),

  showTags: function() {
    return (
      this.siteSettings.tagging_enabled &&
      !this.get("editing") &&
      this.get("tags").length > 0
    );
  }.property("editing", "tags"),

  editTags: function() {
    return (
      this.siteSettings.tagging_enabled &&
      this.get("editing") &&
      !this.get("post.topic")
    );
  }.property("editing"),

  actions: {
    approve: updateState("approved"),
    reject: updateState("rejected"),

    deleteUser() {
      bootbox.confirm(
        I18n.t("queue.delete_prompt", {
          username: this.get("post.user.username")
        }),
        confirmed => {
          if (confirmed) {
            this._confirmDelete();
          }
        }
      );
    },

    edit() {
      // This is stupid but pagedown cannot be on the screen twice or it will break
      this.set("currentlyEditing", null);
      Ember.run.scheduleOnce("afterRender", () =>
        this.set("currentlyEditing", this.get("post"))
      );
    },

    confirmEdit() {
      const buffered = this.get("buffered");

      this.get("post")
        .update(buffered.getProperties("raw", "title", "tags", "category_id"))
        .then(() => {
          this.commitBuffer();
          this.set("currentlyEditing", null);
        });
    },

    cancelEdit() {
      this.rollbackBuffer();
      this.set("currentlyEditing", null);
    }
  }
});