mirror of https://github.com/rancher/ui.git
150 lines
3.5 KiB
JavaScript
150 lines
3.5 KiB
JavaScript
import { computed, observer } from '@ember/object';
|
|
import { next } from '@ember/runloop';
|
|
import Component from '@ember/component';
|
|
import C from 'ui/utils/constants';
|
|
import ManageLabels from 'ui/mixins/manage-labels';
|
|
import layout from './template';
|
|
|
|
export default Component.extend(ManageLabels, {
|
|
layout,
|
|
initialLabel: null,
|
|
initialScale: null,
|
|
isService: null,
|
|
isUpgrade: null,
|
|
isGlobal: null,
|
|
canContainer: true,
|
|
canSidekick: true,
|
|
min: 1,
|
|
max: 1000,
|
|
mode: null,
|
|
|
|
userInput: null,
|
|
advancedShown: false,
|
|
_previousService: null,
|
|
|
|
init() {
|
|
this._super(...arguments);
|
|
this.set('userInput', (this.get('initialScale')||1)+'');
|
|
this.initLabels(this.get('initialLabels'), null, C.LABEL.SCHED_GLOBAL);
|
|
var glb = this.getLabel(C.LABEL.SCHED_GLOBAL) === 'true';
|
|
let mode = this.get('mode');
|
|
if ( mode === 'service' && glb ) {
|
|
next(() => {
|
|
this.set('mode', 'global');
|
|
});
|
|
}
|
|
},
|
|
|
|
actions: {
|
|
increase() {
|
|
this.set('userInput', Math.min(this.get('max'), this.get('asInteger')+1));
|
|
},
|
|
|
|
decrease() {
|
|
this.set('userInput', Math.max(this.get('min'), this.get('asInteger')-1));
|
|
},
|
|
|
|
showAdvanced() {
|
|
this.set('advancedShown', true);
|
|
},
|
|
},
|
|
|
|
asInteger: computed('userInput', function() {
|
|
return parseInt(this.get('userInput'),10) || 0;
|
|
}),
|
|
|
|
scaleChanged: observer('asInteger', function() {
|
|
let cur = this.get('asInteger');
|
|
this.sendAction('setScale', cur);
|
|
}),
|
|
|
|
modeChanged: observer('mode', function() {
|
|
var mode = this.get('mode');
|
|
if ( !mode ) {
|
|
return;
|
|
}
|
|
|
|
if ( mode === 'sidekick' ) {
|
|
this.setProperties({
|
|
_previousService: this.get('service'),
|
|
service: null,
|
|
});
|
|
}
|
|
|
|
if ( mode === 'container') {
|
|
this.set('isService', false);
|
|
} else {
|
|
if (this.get('_previousService')) {
|
|
this.setProperties({
|
|
service: this.get('_previousService'),
|
|
_previousService: null,
|
|
});
|
|
}
|
|
this.set('isService', true);
|
|
}
|
|
|
|
if ( mode === 'global' ) {
|
|
this.setLabel(C.LABEL.SCHED_GLOBAL,'true');
|
|
this.set('isGlobal', true);
|
|
} else {
|
|
this.removeLabel(C.LABEL.SCHED_GLOBAL);
|
|
this.set('isGlobal', false);
|
|
}
|
|
}),
|
|
|
|
updateLabels(labels) {
|
|
this.sendAction('setLabels', labels);
|
|
},
|
|
|
|
canScale: function() {
|
|
return !(this.get('isUpgrade') && this.get('mode') === 'container' );
|
|
}.property('isUpgrade','mode'),
|
|
|
|
canAdvanced: function() {
|
|
if ( this.get('advancedShown') || this.get('launchConfigIndex') >= 0 ) {
|
|
return false;
|
|
}
|
|
|
|
if ( this.get('isSidekick') ) {
|
|
return false;
|
|
}
|
|
|
|
if ( !this.get('canScale') ) {
|
|
return false;
|
|
}
|
|
|
|
return true;
|
|
}.property('advancedShown','launchConfigIndex','isSidekick','isUpgrade','mode'),
|
|
|
|
showContainer: function() {
|
|
if ( !this.get('canContainer') ) {
|
|
return false;
|
|
}
|
|
|
|
if ( this.get('isUpgrade') && this.get('isService') ) {
|
|
return false;
|
|
}
|
|
|
|
return true;
|
|
}.property('canContainer','isUpgrade','isService'),
|
|
|
|
showSidekick: function() {
|
|
if ( !this.get('canSidekick') ) {
|
|
return false;
|
|
}
|
|
|
|
if ( this.get('isUpgrade') && this.get('isService') ) {
|
|
return false;
|
|
} else {
|
|
return true;
|
|
}
|
|
}.property('isUpgrade','isService','canSidekick'),
|
|
|
|
sidekickChanged: function() {
|
|
let service = this.get('service');
|
|
if ( service) {
|
|
this.set('mode','sidekick')
|
|
}
|
|
}.observes('service'),
|
|
});
|