import C from 'ui/utils/constants';
import { on } from '@ember/object/evented';
import Component from '@ember/component';
import {
  set, get, computed, observer, setProperties
} from '@ember/object';
import { alias } from '@ember/object/computed';
import { inject as service } from '@ember/service';
import layout from './template';
import CatalogUpgrade from 'shared/mixins/catalog-upgrade';
import { next } from '@ember/runloop';
const MONITORING_TEMPLATE = 'system-library-rancher-monitoring';

export default Component.extend(CatalogUpgrade, {
  intl:        service(),
  scope:       service(),
  grafana:     service(),
  globalStore: service(),
  router:      service(),

  layout,

  nodes:             null,
  components:        null,
  showClusterTabs:   true,
  templateId:        MONITORING_TEMPLATE,
  monitoringEnabled: alias('scope.currentCluster.enableClusterMonitoring'),
  isMonitoringReady: alias('scope.currentCluster.isMonitoringReady'),
  componentStatuses: alias('scope.currentCluster.componentStatuses'),

  actions: {
    rotate() {
      this.cluster.send('rotateCertificates');
    },
    enableMonitoring() {
      get(this, 'router').transitionTo('authenticated.cluster.monitoring.cluster-setting');
    },
  },

  clusterDidChange: observer('scope.currentCluster.id', function() {
    set(this, 'showClusterTabs', false);
    next(() => {
      if ( this.isDestroyed || this.isDestroying ) {
        return;
      }

      set(this, 'showClusterTabs', true);
    });
  }),

  setComponents: on('init', observer('componentStatuses.@each.conditions', 'nodes.@each.{state}', function() {
    setProperties(this, {
      etcdHealthy:       this.isHealthy('etcd'),
      controllerHealthy: this.isHealthy('controller-manager'),
      schedulerHealthy:  this.isHealthy('scheduler'),
      nodesHealthy:      get(this, 'inactiveNodes.length') === 0
    })
  })),

  showDashboard: computed('scope.currentCluster.isReady', 'nodes.[]', function() {
    return get(this, 'nodes').length && get(this, 'scope.currentCluster.isReady')
  }),

  inactiveNodes: computed('nodes.@each.state', function() {
    return get(this, 'nodes').filter( (n) => C.ACTIVEISH_STATES.indexOf(get(n, 'state')) === -1 );
  }),

  unhealthyComponents: computed('componentStatuses.@each.conditions', function() {
    return (get(this, 'componentStatuses') || [])
      .filter((s) => !s.conditions.any((c) => c.status === 'True'));
  }),

  hideManagerAndSchedulerStatus: computed('cluster.provider', function() {
    const provider = get(this, 'cluster.provider');

    return C.GRAY_OUT_SCHEDULER_STATUS_PROVIDERS.indexOf(provider) > -1;
  }),

  isHealthy(field) {
    const matching = (get(this, 'componentStatuses') || []).filter((s) => s.name.startsWith(field));

    // If there's no matching component status, it's "healthy"
    if ( !matching.length ) {
      return true;
    }

    return matching.any((s) => s.conditions.any((c) => c.status === 'True'));
  }
});