hummingbird-me/kitsu-web

import Component from '@ember/component';
import { get, set, computed } from '@ember/object';
import getter from 'client/utils/getter';

export default Component.extend({
  showableItems: computed('items.[]', 'showCount', function() {
    return get(this, 'items').slice(0, get(this, 'showCount'));
  }).readOnly(),

  type: getter(function() {
    const first = get(this, 'items.firstObject');
    return get(first, 'item.modelType');
  }),

  isCharacter: getter(function() {
    return get(this, 'type') === 'character';
  }),

  didReceiveAttrs() {
    this._super(...arguments);
    // reset the count if transitioning between users
    if (get(this, 'userIdWas') !== get(this, 'user.id')) {
      set(this, 'showCount', Math.min(get(this, 'count'), get(this, 'items.length')));
    } else {
      set(this, 'showCount', this._getCount());
    }
    set(this, 'userIdWas', get(this, 'user.id'));
  },

  _getCount() {
    if (get(this, 'showCount') < get(this, 'items.length')) {
      const value = get(this, 'showCount') + get(this, 'count');
      if (value > get(this, 'items.length')) {
        return get(this, 'showCount') + (get(this, 'items.length') - get(this, 'showCount'));
      }
      return value;
    }
    return get(this, 'showCount');
  },

  actions: {
    showMore() {
      set(this, 'showCount', this._getCount());
    }
  }
});