text: 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, {
    prefs:      service(),
    settings:   service(),
    access:     service(),
  
    layout,
    classNames: ['generic', 'medium-modal', 'p-0'],
    time:       DEFAULT_TIME,
    timer:      null,
  
    isAdmin: alias('access.admin'),
  
    init() {
      this._super(...arguments);
      this.set('pods', this.get('store').all('pod'));
  
      this.set('timer', setInterval(() => {
        this.updateTime();
      }, 1000));
    },
  
    willDestroyElement() {
      clearInterval(this.get('timer'));
    },
    containerCount: computed('pods.length', function() {
      let count = this.get('pods.length');
  
      if ( count > 9 ) {
        return count;
      } else {
        return `0${  count }`;
      }
    }),
  
    currentTheme: computed(`prefs.${ C.PREFS.THEME }`, function() {
      return this.get(`prefs.${ C.PREFS.THEME }`);
    }),
  
  
    updateTime() {
      let time = this.get('time');
  
      if ( time > 0 ) {
        time--;
      } else {
        time = DEFAULT_TIME;
      }
  
      this.set('time', time);
    },
  
  });
  