mirror of https://github.com/rancher/ui.git
102 lines
2.7 KiB
JavaScript
102 lines
2.7 KiB
JavaScript
import { computed } from '@ember/object';
|
|
import { inject as service } from '@ember/service';
|
|
import { observer, get, set } from '@ember/object';
|
|
import Component from '@ember/component';
|
|
import layout from './template';
|
|
|
|
export default Component.extend({
|
|
scope: service(),
|
|
|
|
layout,
|
|
scheduling: null,
|
|
|
|
// Request a specific host
|
|
requestedHostId: null,
|
|
|
|
// Is requesting a specific host allowed
|
|
canRequestHost: true,
|
|
|
|
// Initial host to start with
|
|
initialHostId: null,
|
|
|
|
// Internal properties
|
|
isRequestedHost: false,
|
|
|
|
editing: true,
|
|
|
|
advanced: false,
|
|
|
|
classNames: ['accordion-wrapper'],
|
|
|
|
_allNodes: null,
|
|
|
|
init() {
|
|
this._super(...arguments);
|
|
set(this, '_allNodes', get(this, 'globalStore').all('node'));
|
|
set(this, 'advanced', !get(this, 'editing'));
|
|
if ( get(this, 'initialHostId') ) {
|
|
set(this, 'isRequestedHost', true);
|
|
set(this, 'requestedHostId', get(this, 'initialHostId'));
|
|
}
|
|
},
|
|
|
|
didReceiveAttrs() {
|
|
if ( !get(this, 'expandFn') ) {
|
|
set(this, 'expandFn', (item) => {
|
|
item.toggleProperty('expanded');
|
|
});
|
|
}
|
|
},
|
|
|
|
isRequestedHostDidChange: observer('isRequestedHost', function() {
|
|
const scheduling = get(this, 'scheduling');
|
|
|
|
if ( get(this, 'isRequestedHost') ) {
|
|
const hostId = get(this, 'requestedHostId') || get(this, 'hostChoices.firstObject.id');
|
|
|
|
Object.keys(scheduling).forEach((key) => {
|
|
if ( scheduling.node ) {
|
|
delete scheduling.node[key];
|
|
}
|
|
});
|
|
set(this, 'requestedHostId', hostId);
|
|
} else {
|
|
set(this, 'requestedHostId', null);
|
|
delete scheduling.node['nodeId'];
|
|
}
|
|
}),
|
|
|
|
requestedHostIdDidChange: observer('requestedHostId', function() {
|
|
const hostId = get(this, 'requestedHostId');
|
|
|
|
if ( get(this, 'scheduling.node') ) {
|
|
set(this, 'scheduling.node.nodeId', hostId);
|
|
} else {
|
|
set(this, 'scheduling.node', { nodeId: hostId });
|
|
}
|
|
}),
|
|
|
|
selectedChoice: computed('_allNodes.@each.{clusterId,id,name,state}', 'hostChoices', 'initialHostId', function() {
|
|
return get(this, 'hostChoices').findBy('id', get(this, 'initialHostId'));
|
|
}),
|
|
|
|
hostChoices: computed('_allNodes.@each.{clusterId,id,name,state}', 'scope.currentCluster.id', function() {
|
|
const list = get(this, '_allNodes').filter((node) => !get(node, 'isUnschedulable'))
|
|
.filterBy('clusterId', get(this, 'scope.currentCluster.id'))
|
|
.map((host) => {
|
|
let hostLabel = get(host, 'displayName');
|
|
|
|
if ( get(host, 'state') !== 'active' ) {
|
|
hostLabel += ` (${ get(host, 'state') })`;
|
|
}
|
|
|
|
return {
|
|
id: get(host, 'id'),
|
|
name: hostLabel,
|
|
};
|
|
});
|
|
|
|
return list.sortBy('name', 'id');
|
|
}),
|
|
});
|