mirror of https://github.com/rancher/ui.git
64 lines
1.5 KiB
JavaScript
64 lines
1.5 KiB
JavaScript
import Ember from 'ember';
|
|
|
|
function newMax(val, curMax, absoluteMax) {
|
|
return Math.min(absoluteMax, Math.max(curMax, Math.ceil(val/10)*10));
|
|
}
|
|
|
|
export default Ember.Component.extend({
|
|
initialLabel: null,
|
|
initialScale: null,
|
|
editing: false,
|
|
min: 1,
|
|
max: 100,
|
|
mode: 'container',
|
|
|
|
userInput: null,
|
|
advancedShown: false,
|
|
sliderMax: 10,
|
|
|
|
classNames: ['inline-form'],
|
|
|
|
init() {
|
|
this._super(...arguments);
|
|
this.set('userInput', (this.get('initialScale')||1)+'');
|
|
this.set('sliderMax', newMax(this.get('asInteger'), this.get('sliderMax'), this.get('max')));
|
|
|
|
if ( this.get('isGlobal') ) {
|
|
this.set('mode', 'global');
|
|
} else if ( this.get('isService') ) {
|
|
this.set('mode', 'service');
|
|
} else {
|
|
this.set('mode', 'container');
|
|
}
|
|
|
|
if ( this.get('mode') !== 'container' ) {
|
|
this.set('advancedShown', true);
|
|
}
|
|
},
|
|
|
|
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: Ember.computed('userInput', function() {
|
|
return parseInt(this.get('userInput'),10) || 0;
|
|
}),
|
|
|
|
scaleChanged: Ember.observer('asInteger', function() {
|
|
let cur = this.get('asInteger');
|
|
this.sendAction('setScale', cur);
|
|
|
|
this.set('sliderMax', newMax(cur, this.get('sliderMax'), this.get('max')));
|
|
}),
|
|
});
|