import { findBy, insertAt } from '@/utils/array';
import { NODE } from '@/config/types';

export default {
  availableActions() {
    const out = this._standardActions;

    const removeAction = findBy(out, 'altAction', ' remove');
    let idx = out.length - 1;

    if ( removeAction ) {
      idx = out.indexOf(removeAction);
    }

    const openShell = {
      action:     'openShell',
      enabled:    true,
      icon:       'icon icon-fw icon-chevron-right',
      label:      'Execute Shell',
      total:      1,
    };
    const openLogs = {
      action:     'openLogs',
      enabled:    true,
      icon:       'icon icon-fw icon-chevron-right',
      label:      'View Logs',
      total:      1,
    };

    insertAt(out, idx, openShell);
    insertAt(out, idx + 1, openLogs);
    insertAt(out, idx + 2, { divider: true });

    return out;
  },

  defaultContainerName() {
    const containers = this.spec.containers;
    const desirable = containers.filter(c => c.name !== 'istio-proxy');

    if ( desirable.length ) {
      return desirable[0].name;
    }

    return containers[0]?.name;
  },

  openShell() {
    return () => {
      this.$dispatch('wm/open', {
        id:        `${ this.id }-shell`,
        label:     this.nameDisplay,
        icon:      'terminal',
        component: 'ContainerShell',
        attrs:     {
          pod:       this,
          container: this.defaultContainerName
        }
      }, { root: true });
    };
  },

  openLogs() {
    return () => {
      this.$dispatch('wm/open', {
        id:        `${ this.id }-logs`,
        label:     this.nameDisplay,
        icon:      'file',
        component: 'ContainerLogs',
        attrs:     {
          pod:       this,
          container: this.defaultContainerName
        }
      }, { root: true });
    };
  },

  containerStateDisplay() {
    return (container) => {
      const state = Object.keys(container.state || {})[0];

      return this._stateDisplay(state);
    };
  },

  containerStateColor() {
    return (container) => {
      const state = Object.keys(container.state || {})[0];

      return this.stateColor(state);
    };
  },

  workload() {
    const kind = this.metadata.ownerReferences[0].kind;
    const uid = this.metadata.ownerReferences[0].uid;
    const schema = this.$rootGetters['cluster/schema'](kind);

    if (schema) {
      const type = schema.id;
      const allOfResourceType = this.$rootGetters['cluster/all'](type);

      return allOfResourceType.filter(resource => resource?.metadata?.uid === uid)[0];
    }
  },

  nodes() {
    return this.$rootGetters['cluster/all'](NODE);
  },

  node() {
    const { nodeName } = this.spec;

    return this.nodes.filter((node) => {
      return node?.metadata?.name === nodeName;
    })[0];
  },

  details() {
    return [
      {
        label:         this.t('workload.detailTop.workload'),
        formatter:     'LinkDetail',
        formatterOpts: { row: this.workload },
        content:       this.workload?.metadata.name
      },
      {
        label:   this.t('workload.detailTop.podIP'),
        content: this.status.podIP
      },
      {
        label:         this.t('workload.detailTop.node'),
        formatter:     'LinkDetail',
        formatterOpts: { row: this.node },
        content:       this.node?.metadata.name
      },
      {
        label:   this.t('workload.detailTop.podRestarts'),
        content: (this.status?.containerStatuses || [])[0]?.restartCount
      }
    ];
  },
};