mirror of https://github.com/rancher/ui.git
61 lines
1.3 KiB
JavaScript
61 lines
1.3 KiB
JavaScript
import { computed } from '@ember/object';
|
|
import { alias } from '@ember/object/computed';
|
|
import { inject as service } from '@ember/service';
|
|
import Component from '@ember/component';
|
|
import ModalBase from 'shared/mixins/modal-base';
|
|
import C from 'ui/utils/constants';
|
|
import layout from './template';
|
|
|
|
let DEFAULT_TIME = 400;
|
|
|
|
export default Component.extend(ModalBase, {
|
|
layout,
|
|
prefs : service(),
|
|
classNames: ['generic', 'medium-modal'],
|
|
settings: service(),
|
|
access: service(),
|
|
|
|
isAdmin: alias('access.admin'),
|
|
|
|
containerCount: function() {
|
|
let count = this.get('containers.length');
|
|
if ( count > 9 ) {
|
|
return count;
|
|
} else {
|
|
return '0' + count;
|
|
}
|
|
}.property('containers.length'),
|
|
|
|
time: DEFAULT_TIME,
|
|
timer: null,
|
|
|
|
currentTheme: computed(`prefs.${C.PREFS.THEME}`, function() {
|
|
return this.get(`prefs.${C.PREFS.THEME}`);
|
|
}),
|
|
|
|
|
|
init() {
|
|
this._super(...arguments);
|
|
this.set('containers', this.get('store').all('container'));
|
|
|
|
this.set('timer', setInterval(() => {
|
|
this.updateTime();
|
|
}, 1000));
|
|
},
|
|
|
|
updateTime() {
|
|
let time = this.get('time');
|
|
if ( time > 0 ) {
|
|
time--;
|
|
} else {
|
|
time = DEFAULT_TIME;
|
|
}
|
|
|
|
this.set('time', time);
|
|
},
|
|
|
|
willDestroyElement() {
|
|
clearInterval(this.get('timer'));
|
|
},
|
|
});
|