open-nomad/ui/app/components/client-node-row.js

64 lines
1.5 KiB
JavaScript

import { inject as service } from '@ember/service';
import Component from '@ember/component';
import { lazyClick } from '../helpers/lazy-click';
import { watchRelationship } from 'nomad-ui/utils/properties/watch';
import WithVisibilityDetection from 'nomad-ui/mixins/with-component-visibility-detection';
import { computed } from '@ember/object';
export default Component.extend(WithVisibilityDetection, {
store: service(),
tagName: 'tr',
classNames: ['client-node-row', 'is-interactive'],
node: null,
onClick() {},
click(event) {
lazyClick([this.onClick, event]);
},
didReceiveAttrs() {
// Reload the node in order to get detail information
const node = this.node;
if (node) {
node.reload().then(() => {
this.watch.perform(node, 100);
});
}
},
visibilityHandler() {
if (document.hidden) {
this.watch.cancelAll();
} else {
const node = this.node;
if (node) {
this.watch.perform(node, 100);
}
}
},
willDestroy() {
this.watch.cancelAll();
this._super(...arguments);
},
watch: watchRelationship('allocations'),
compositeStatusClass: computed('node.compositeStatus', function() {
let compositeStatus = this.get('node.compositeStatus');
if (compositeStatus === 'draining') {
return 'status-text is-info';
} else if (compositeStatus === 'ineligible') {
return 'status-text is-warning';
} else if (compositeStatus === 'down') {
return 'status-text is-danger';
} else {
return '';
}
}),
});