import { next } from '@ember/runloop';
import { alias } from '@ember/object/computed';
import Component from '@ember/component';
import ModalBase from 'shared/mixins/modal-base';
import { alternateLabel } from 'ui/utils/platform';
import layout from './template';

export default Component.extend(ModalBase, {
  layout,
  classNames:     ['medium-modal'],
  resources:      alias('modalService.modalOpts.model'),
  alternateLabel: alternateLabel,

  actions: {
    stop: function() {
      this.get('resources').forEach((resource) => {
        resource.send('stop');

      });
      next(() => {
        this.send('cancel');
      });
    }
  }
});