ui/lib/shared/addon/components/new-edit-cluster/component.js

import EmberObject from '@ember/object';
import { inject as service } from '@ember/service';
import { alias } from '@ember/object/computed';
import Component from '@ember/component';
import { parseExternalId } from 'ui/utils/parse-externalid';
import { task/* , timeout */ } from 'ember-concurrency';
import C from 'ui/utils/constants';
import NewOrEdit from 'shared/mixins/new-or-edit';
import layout from './template';

export default Component.extend(NewOrEdit, {
  layout,
  editing:         true,
  editCluster:     false,
  primaryResource: alias('model.cluster'),
  goToTemplate:    null,
  cluster:         null,
  showHeader:      true,
  scope:            service(),
  // application:         Ember.inject.controller(),
  catalog:             service(),
  catalogItem:         null,
  editCatalog:         false,
  selectedTemplateUrl: null,
  catalogInfo:         null,
  _catalogInfoCache:   null,
  _prefetchInstance:   null,
  catalogId:           'all',
  category:            null,
  viewCatalog:         false,
  newSystemStack:      null,


  didInsertElement() {
    let el = this.$('INPUT')[0];
    if ( el ) {
      el.focus();
    }
  },

  didSave() {
    return this.get('primaryResource').waitForTransition().then(() => {
      return this.get('scope').refreshAll();
    });
  },

  doneSaving() {
    this.send('cancel');
  },

  fetchCatalogInfo: task(function * () {
    let promise = this.get('catalog').fetchCatalogs({
      headers: {
        [C.HEADER.PROJECT_ID]: this.get('scope.current.id')
      },
    }).then((catalogs) => {
      return this.get('catalog').fetchTemplates({plusInfra: true}).then((resp) => {
        resp.catalogs = catalogs;
        return resp;
      });
    });

    let response = yield promise;

    this.set('_catalogInfoCache', response);
  }).keepLatest(),

  fetchTemplates: task(function * (params) {
    let catalogInfo = this.get('_catalogInfoCache')||this.get('catalogInfo');
    let promise     = this.get('catalog').fetchTemplates(params).then((resp) => {
      return resp;
    });
    let response    = yield promise;

    Object.keys(response).forEach((key/* , idx, keys*/) => {
      catalogInfo.set(key, response[key]);
    });

  }).restartable().maxConcurrency(3),

  actions: {
    editStack(obj, edit) {
      this.send('goToTemplate', obj.get('externalId'), edit);
    },

    removeStack(obj) {
      this.get('primaryResource.systemStacks').removeObject(obj);
    },

    cancelAddSystem() {
      this.setProperties({
        catalogInfo:       null,
        _catalogInfoCache: null,
        _prefetchInstance: null,
        catalogId:         'all',
        category:          null,
        viewCatalog:       false,
      });
    },
    filterAction: function(catalogId){
      this.get('fetchTemplates').perform({
        "category": this.get('category'),
        "catalogId": this.set('catalogId', catalogId),
        "templateBase": "",
        "plusInfra": true
      });
    },
    categoryAction: function(category='', catalogId=''){
      this.get('fetchTemplates').perform({
        "category": this.set('category', category),
        "catalogId": this.set('catalogId', catalogId),
        "templateBase": "",
        "plusInfra": true
      });
    },
    prefetchCatalog() {
      this.set('_prefetchInstance', this.get('fetchCatalogInfo').perform());
    },
    addSystemStack() {
      if (this.get('_catalogInfoCache')) { // catalog info already prefetched so we're good
        this.set('catalogInfo', this.get('_catalogInfoCache'));
        this.set('viewCatalog', true);
      } else {
        if (this.get('_prefetchInstance.isRunning')) {
          this.get('_prefetchInstance').then(() => {// catalog info is in the process of prefetching so lets wait
            this.setProperties({
              catalogInfo: this.get('_catalogInfoCache'),
              viewCatalog: true
            });
          });
        } else {
          this.get('fetchCatalogInfo').perform().then(() => { // something went really really wrong so we should fetch again --- we shouldn't get here but lets play it safe
            this.setProperties({
              catalogInfo: this.get('_catalogInfoCache'),
              viewCatalog: true
            });
          })
        }
      }
    },

    templateEdited(selectedTemplate) {

      let newSystemStack = this.get('newSystemStack');

      newSystemStack.setProperties({
        answers: selectedTemplate.answers,
        externalId: selectedTemplate.externalId
      });

      if (!this.get('model.cluster.systemStacks').findBy('externalId', newSystemStack.get('externalId'))) {
        this.get('model.cluster.systemStacks').pushObject(newSystemStack);
      }
      this.set('viewCatalog', false);
      this.send('cancelEdit');
    },

    goToTemplate(externalId, edit=false) {
      var templateInfo =  {};
      if (edit) {
        templateInfo = parseExternalId(externalId);
      } else {
        templateInfo = {
          templateId: externalId,
          templateBase: '',
        };
      }

      this.get('catalog').fetchTemplate(templateInfo.templateId).then((template) => {
        var stack = this.get('model.cluster.systemStacks').find((stack) => {
          if (stack.get('externalId').indexOf(externalId) >= 0) {
            return stack;
          }
        });

        if (stack) {
          this.set('newSystemStack', stack);
        } else {
          stack = this.set('newSystemStack', this.get('store').createRecord({
            type: 'stack',
            name: template.get('defaultName'),
            system: (template.get('templateBase') === C.EXTERNAL_ID.KIND_INFRA),
            environment: {}, // Question answers
          }));
        }

        var neu = EmberObject.create({
          stack:         stack,
          tpl:           template,
          upgrade:       false,
          versionLinks:  template.versionLinks,
          versionsArray: this.get('catalog').cleanVersionsArray(template),
          allTemplates:  this.get('model.allTemplates'),
          templateBase:  templateInfo.base,
        });

        this.setProperties({
          selectedTemplateUrl: template.versionLinks[templateInfo.version],
          catalogItem:         neu,
          editCatalog:         true,
        });
      });
    },

    done() {
      this.sendAction('cancel','global-admin.clusters');
    },

    cancelEdit() {
      this.setProperties({
        editCatalog:         false,
        selectedTemplateUrl: null,
        catalogItem:         null,
      });
    },

    cancel() {
      this.sendAction('cancel','global-admin.clusters');
    },
  },

});