ui/lib/monitoring/addon/components/cluster-dashboard/component.js

90 lines
2.9 KiB
JavaScript

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'));
}
});