import Ember from 'ember';
import C from 'ui/utils/constants';
import { parseExternalId } from 'ui/utils/parse-externalid';
import FilterState from 'ui/mixins/filter-state';

export default Ember.Component.extend(FilterState, {
  prefs: Ember.inject.service(),
  projects: Ember.inject.service(),
  hasVm: Ember.computed.alias('projects.current.virtualMachine'),

  model: null,
  single: false,

  collapsed: true,
  classNames: ['stack-section'],

  filterableContent: Ember.computed.alias('model.unremovedServices'),

  actions: {
    toggleCollapse() {
      var collapsed = this.toggleProperty('collapsed');
      var list = this.get('prefs.'+C.PREFS.EXPANDED_STACKS)||[];
      if ( collapsed )
      {
        list.removeObject(this.get('model.id'));
      }
      else
      {
        list.addObject(this.get('model.id'));
      }

      this.get('prefs').set(C.PREFS.EXPANDED_STACKS, list);
    },

    addtlInfo: function(service) {
      this.sendAction('showAddtlInfo', service);
    },
  },

  didInitAttrs() {
    var list = this.get('prefs.'+C.PREFS.EXPANDED_STACKS)||[];
    if ( list.indexOf(this.get('model.id')) >= 0 )
    {
      this.set('collapsed', false);
    }
  },

  isKubernetes: function() {
    var parts = parseExternalId(this.get('model.externalId'));
    return parts && parts.kind === C.EXTERNALID.KIND_KUBERNETES;
  }.property('model.externalId'),


  instanceCount: function() {
    var count = 0;
    (this.get('filtered')||[]).forEach((service) => {
      count += service.get('instances.length')||0;
    });

    return count;
  }.property('filtered.@each.healthState'),

  outputs: function() {
    var out = [];
    var map = this.get('model.outputs')||{};
    Object.keys(map).forEach((key) => {
      out.push(Ember.Object.create({
        key: key,
        value: map[key],
      }));
    });

    return out;
  }.property('model.outputs','model.id'),
});