ui/app/components/new-catalog/component.js

import Ember from 'ember';
import NewOrEdit from 'ui/mixins/new-or-edit';
import ShellQuote from 'npm:shell-quote';
import C from 'ui/utils/constants';
import Util from 'ui/utils/util';
import { compare as compareVersion } from 'ui/utils/parse-version';

export default Ember.Component.extend(NewOrEdit, {
  k8s: Ember.inject.service(),
  projects: Ember.inject.service(),
  settings: Ember.inject.service(),

  allTemplates: null,
  templateResource: null,
  environmentResource: null,
  versionsArray: null,
  versionsLinks: null,
  serviceChoices: null,

  classNames: ['launch-catalog'],

  primaryResource: Ember.computed.alias('environmentResource'),
  templateBase: Ember.computed.alias('templateResource.templateBase'),
  editing: false,

  previewOpen: false,
  previewTab: null,
  questionsArray: null,
  selectedTemplateUrl: null,
  selectedTemplateModel: null,
  readmeContent: null,

  actions: {
    cancel: function() {
      this.sendAction('cancel');
    },

    togglePreview: function() {
      this.toggleProperty('previewOpen');
    },

    selectPreviewTab: function(tab) {
      this.set('previewTab', tab);
    },

    changeTemplate: function(tpl) {
      this.get('application').transitionToRoute('catalog-tab.launch', tpl.id);
    },
  },

  didReceiveAttrs() {
    this._super();

    this.set('editing', !!this.get('primaryResource.id'));

    // Select the default version
    var def = this.get('templateResource.defaultVersion');
    var links = this.get('versionLinks');
    if (links[def]) {
      this.set('selectedTemplateUrl', links[def]);
    } else {
      this.set('selectedTemplateUrl', null);
    }
  },

  getReadme: function() {
    this.get('selectedTemplateModel').followLink('readme').then((response) => {
      this.set('readmeContent', response);
    });
  },

  sortedVersions: function() {
    return this.get('versionsArray').sort((a,b) => {
      return compareVersion(a.version, b.version);
    });
  }.property('versionsArray'),

  templateChanged: function() {
    var url = this.get('selectedTemplateUrl');
    if (url) {
      this.set('loading', true);

      var version = this.get('settings.rancherVersion');
      if ( version ) {
        url = Util.addQueryParam(url, 'minimumRancherVersion_lte', version);
      }

      var current = this.get('environmentResource.environment');
      this.get('store').request({
        url: url
      }).then((response) => {
        if (response.questions) {
          response.questions.forEach((item) => {
            // This will be the component that is rendered to edit this answer
            item.inputComponent = 'schema/input-'+item.type;

            // Only types marked supported will show the component, Ember will explode if the component doesn't exist
            item.supported = C.SUPPORTED_SCHEMA_INPUTS.indexOf(item.type) >= 0;

            if (typeof current[item.variable] !== 'undefined') {
              // If there's an existing value, use it (for upgrade)
              item.answer = current[item.variable];
            } else if (item.type === 'service' || item.type === 'certificate') {
                // Loaded async and then the component picks the default
            } else if ( item.type === 'boolean' ) {
              // Coerce booleans
              item.answer = (item.default === 'true' || item.default === true);
            } else {
              // Everything else
              item.answer = item.default;
            }
          });
        }

        this.set('selectedTemplateModel', response);
        this.set('previewTab', Object.keys(response.get('files')||[])[0]);
        if (response.links.readme) {
          this.getReadme();
        } else {
          this.set('readmeContent', null);
        }
        this.set('loading', false);
      }, ( /*error*/ ) => {});
    } else {
      this.set('selectedTemplateModel', null);
    }
  }.observes('selectedTemplateUrl').on('init'),

  answers: function() {
    var out = {};
    (this.get('selectedTemplateModel.questions') || []).forEach((item) => {
      out[item.variable] = item.answer;
    });

    return out;
  }.property('selectedTemplateModel.questions.@each.{variable,answer}'),

  answersArray: Ember.computed.alias('selectedTemplateModel.questions'),

  answersString: function() {
    return (this.get('answersArray')||[]).map((obj) => {
      if (obj.answer === null || obj.answer === undefined) {
        return obj.variable + '=';
      } else {
        return obj.variable + '=' + ShellQuote.quote([obj.answer]);
      }
    }).join("\n");
  }.property('answersArray.@each.{variable,answer}'),

  validate() {
    var errors = [];

    if (!this.get('editing') && !this.get('environmentResource.name')) {
      errors.push('Name is required');
    }

    if (this.get('selectedTemplateModel.questions')) {
      this.get('selectedTemplateModel.questions').forEach((item) => {
        if (item.required && item.type !== 'boolean' && !item.answer) {
          errors.push(`${item.label} is required`);
        }
      });
    }

    if (errors.length) {
      this.set('errors', errors.uniq());
      this.$().parent().scrollTop(0);
      return false;
    }

    return true;
  },

  newExternalId: function() {
    var externalId = ( this.get('isSystem') ? C.EXTERNAL_ID.KIND_SYSTEM_CATALOG : C.EXTERNAL_ID.KIND_CATALOG );
    externalId += C.EXTERNAL_ID.KIND_SEPARATOR + this.get('selectedTemplateModel.id');
    return externalId;
  }.property('isSystem','selectedTemplateModel.id'),

  isSystem: function() {
    if ( this.get('editing') ) {
      return this.get('environmentResource.externalId').indexOf(C.EXTERNAL_ID.KIND_SYSTEM_CATALOG + C.EXTERNAL_ID.KIND_SEPARATOR) === 0;
    }

    let explicit = this.get('templateResource.isSystem');
    if ( explicit === true || explicit === "true" ) {
      return true;
    }

    if ( explicit === false || explicit === "false" ) {
      return false;
    }

    // Things in one of the system categories go in system.
    let systemCategories = C.EXTERNAL_ID.SYSTEM_CATEGORIES.map((str) => { return str.trim().toLowerCase(); });
    let category = (this.get('templateResource.category')||'').trim().toLowerCase();
    return systemCategories.indexOf(category) >= 0;
  }.property('editing','environmentResource.externalId','templateResource.{category,isSystem}'),

  willSave() {
    this.set('errors', null);
    var ok = this.validate();
    if (!ok) {
      // Validation failed
      return false;
    }

    var files = this.get('selectedTemplateModel.files');

    this.get('environmentResource').setProperties({
      dockerCompose: files['docker-compose.yml'],
      rancherCompose: files['rancher-compose.yml'],
      environment: this.get('answers'),
      externalId: this.get('newExternalId'),
    });

    return true;
  },

  doSave() {
    var env = this.get('environmentResource');
    if ( this.get('templateBase') === 'kubernetes' ) {
      if ( this.get('k8s.supportsStacks') ) {
        if ( this.get('editing') ) {
          return env.doAction('upgrade', {
            templates: this.get('selectedTemplateModel.files'),
            environment: env.get('environment'),
            externalId: this.get('newExternalId'),
            namespace: this.get('k8s.namespace.metadata.name'),
          });
        } else {
          return this.get('store').createRecord({
            type: 'kubernetesStack',
            name: env.get('name'),
            description: env.get('description'),
            templates: this.get('selectedTemplateModel.files'),
            environment: env.get('environment'),
            externalId: this.get('newExternalId'),
            namespace: this.get('k8s.namespace.metadata.name'),
          }).save().then((newData) => {
            return this.mergeResult(newData);
          });
        }
      } else {
        return this.get('k8s').catalog({
          files: this.get('selectedTemplateModel.files'),
          environment: this.get('environmentResource.environment'),
        });
      }
    } else if ( this.get('templateBase') === 'swarm' ) {
      return this.get('store').createRecord({
        type: 'composeProject',
        name: env.get('name'),
        description: env.get('description'),
        templates: this.get('selectedTemplateModel.files'),
        externalId: this.get('newExternalId'),
        environment: env.get('environment')
      }).save().then((newData) => {
        return this.mergeResult(newData);
      });
    } else if (this.get('editing')) {
      return env.doAction('upgrade', {
        dockerCompose: env.get('dockerCompose'),
        rancherCompose: env.get('rancherCompose'),
        environment: env.get('environment'),
        externalId: this.get('newExternalId'),
      });
    } else {
      return this._super.apply(this, arguments);
    }
  },

  doneSaving() {
    var base = this.get('templateBase');
    var projectId = this.get('projects.current.id');
    if ( base === 'kubernetes' )
    {
      var nsId = this.get('k8s.namespace.id');
      if ( this.get('k8s.supportsStacks') ) {
        return this.get('router').transitionTo('k8s-tab.namespace.stacks', projectId, nsId);
      } else {
        return this.get('router').transitionTo('k8s-tab.namespace.services', projectId, nsId);
      }
    }
    else if ( base === 'swarm' )
    {
      return this.get('router').transitionTo('swarm-tab.projects', projectId);
    }
    else
    {
      if ( this.get('isSystem') )
      {
        return this.get('router').transitionTo('environment', projectId, this.get('primaryResource.id'), {queryParams: {which: 'system'}});
      }
      else
      {
        return this.get('router').transitionTo('environment', projectId, this.get('primaryResource.id'));
      }
    }
  }

});