import { get, computed } from '@ember/object';
import Component from '@ember/component';
import { inject as service } from '@ember/service';
import { htmlSafe } from '@ember/string';
import notifierMixin from 'ui/mixins/notifier';

export default Component.extend(notifierMixin, {
  intl:        service(),
  model:       null,
  tagName:     '',
  bulkActions: true,

  actions: {
    toggle() {
      if (this.toggle) {
        this.toggle();
      }
    },
  },

  isRestartCondition: computed('model.targetType', 'model.podRule.condition', function() {
    const t = get(this, 'model.targetType');
    const c = get(this, 'model.podRule.condition');

    return t === 'pod' && c === 'restarts';
  }),

  selectorList: computed('model.targetType', 'model.workloadRule.selector', function() {
    const t = get(this, 'model.targetType');

    if (t === 'workloadSelector') {
      const ary = Object
        .entries(get(this, 'model.workloadRule.selector'))
        .map(([k, v]) => `${ k }=${ v }`)

      return ary;
    }

    return [];
  }),

  selectorListTip: computed('selectorList', function() {
    const list = get(this, 'selectorList');
    const out = list.map((item) => {
      return `<div class="p-5 text-left"><span class="badge bg-default badge-sm" style="border-radius:2px;"> ${ item } </span></div>`
    }).join('');

    return htmlSafe(out);
  }),

  alertGroup: computed('groups', 'model.groupId', function() {
    const alertGroups = get(this, 'groups')
    const groupId = get(this, 'model.groupId')

    return alertGroups.filter((a) => groupId === a.id)[0]
  }),

});