import { observes } from 'ember-addons/ember-computed-decorators';
import { fmt } from 'discourse/lib/computed';

export default Ember.Controller.extend({
  group: Ember.inject.controller(),
  groupActivity: Ember.inject.controller(),
  application: Ember.inject.controller(),
  canLoadMore: true,
  loading: false,
  emptyText: fmt('type', 'groups.empty.%@'),

  actions: {
    loadMore() {
      if (!this.get('canLoadMore')) { return; }
      if (this.get('loading')) { return; }
      this.set('loading', true);
      const posts = this.get('model');
      if (posts && posts.length) {
        const beforePostId = posts[posts.length-1].get('id');
        const group = this.get('group.model');

        let categoryId = this.get('groupActivity.category_id');
        const opts = { beforePostId, type: this.get('type'), categoryId };

        group.findPosts(opts).then(newPosts => {
          posts.addObjects(newPosts);
          if(newPosts.length === 0) {
            this.set('canLoadMore', false);
          }
        }).finally(() => {
          this.set('loading', false);
        });
      }
    }
  },

  @observes('canLoadMore')
  _showFooter() {
    this.set("application.showFooter", !this.get("canLoadMore"));
  }
});