import Component from '@ember/component';
import ModalBase from 'shared/mixins/modal-base';
import layout from './template';
import { inject as service } from '@ember/service';
import { all } from 'rsvp'
import { get, set } from '@ember/object'
import { isArray } from '@ember/array'
import { alias } from '@ember/object/computed';

export default Component.extend(ModalBase, {
  scope: service(),

  classNames: ['medium-modal'],

  layout,
  originalModel: alias('modalService.modalOpts'),
  model: null,

  allProjects: null,
  projectId: null,

  init() {
    this._super(...arguments);
    this.set('allProjects', this.get('globalStore').all('project').filterBy('clusterId', this.get('scope.currentCluster.id')));

    let list = get(this, 'originalModel');
    if ( !isArray(list) ) {
      list = [list];
    }
    set(this, 'model', list);
  },

  actions: {
    save() {
      const promises = [];
      let list = get(this, 'model');
      if ( !isArray(list) ) {
        list = [list];
      }

      list.forEach((ns) => {
        let clone = ns.clone();
        set(clone, 'projectId', get(this, 'projectId'));
        promises.push(clone.save());
      })

      all(promises).then(() => {
        this.send('cancel')
      });
    },
  }
});