import computed from "ember-addons/ember-computed-decorators";

// Lists of topics on a user's page.
export default Ember.Controller.extend({
  application: Ember.inject.controller(),

  hideCategory: false,
  showPosters: false,
  incomingCount: 0,
  channel: null,
  tagsForUser: null,

  init() {
    this._super(...arguments);

    this.newIncoming = [];
  },

  _showFooter: function() {
    this.set("application.showFooter", !this.get("model.canLoadMore"));
  }.observes("model.canLoadMore"),

  @computed("incomingCount")
  hasIncoming(incomingCount) {
    return incomingCount > 0;
  },

  subscribe(channel) {
    this.set("channel", channel);

    this.messageBus.subscribe(channel, data => {
      if (this.newIncoming.indexOf(data.topic_id) === -1) {
        this.newIncoming.push(data.topic_id);
        this.incrementProperty("incomingCount");
      }
    });
  },

  unsubscribe() {
    const channel = this.channel;
    if (channel) this.messageBus.unsubscribe(channel);
    this._resetTracking();
    this.set("channel", null);
  },

  _resetTracking() {
    this.setProperties({
      newIncoming: [],
      incomingCount: 0
    });
  },

  actions: {
    loadMore: function() {
      this.model.loadMore();
    },

    showInserted() {
      this.model.loadBefore(this.newIncoming);
      this._resetTracking();
      return false;
    }
  }
});