import Ember from 'ember';
import ManageLabels from 'ui/mixins/manage-labels';
import GroupedInstances from 'ui/mixins/grouped-instances';

export default Ember.Component.extend(ManageLabels, GroupedInstances, {
  settings: Ember.inject.service(),
  prefs: Ember.inject.service(),

  model: null,
  mode: null,

  classNames: ['pod','host'],
  showLabelRow: Ember.computed.or('model.displayUserLabelStrings.length','model.requireAnyLabelStrings.length'),

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

    this.initLabels(this.get('model.labels'));
  },

  actions: {
    newContainer() {
      this.sendAction('newContainer', this.get('model.id'));
    },
  },

  shouldUpdateLabels: function() {
    this.initLabels(this.get('model.labels'));
  }.observes('model.labels'),

  filteredInstances: function() {
    let out = this.get('model.instances')||[];
    //out = out.filterBy('isRemoved', false);

    if ( !this.get('prefs.showSystemResources') ) {
      out = out.filterBy('isSystem', false);
    }

    return out;
  }.property('model.instances.@each.isSystem','prefs.showSystemResources'),

  arrangedInstances: function() {
    return this.get('filteredInstances').sortBy('name','id');
  }.property('filteredInstances.@each.{name,id}'),

  isActive: Ember.computed.equal('model.state','active'),
  isProvisioning: Ember.computed.equal('model.state','provisioning'),
  isError: Ember.computed.equal('model.state','error'),
  showAdd: Ember.computed.alias('isActive'),
  showOnlyMessage: Ember.computed.or('isProvisioning','isError'),

  stateBackground: function() {
    return this.get('model.stateColor').replace("text-");
  }.property('model.stateColor'),

});