ui/lib/pipeline/addon/components/modal-pipeline-new-step/component.js

import Component from '@ember/component';
import { set } from '@ember/object';
import EmberObject from '@ember/object';
import { alias } from '@ember/object/computed';
import ModalBase from 'ui/mixins/modal-base';
import {environmentTypes} from 'pipeline/utils/pipelineStep';
import layout from './template';

var convertObjectToArry = function(obj) {
  var arry = [];
  for (var key in obj) {
    if (obj.hasOwnProperty(key)) {
      var value = obj[key];
      arry.push(key + '=' + value);
    }
  }
  return arry;
};

class StepType {
  constructor(type, val) {
    if(val){
      val.sourceCodeConfig&&(type='scm')
      val.runScriptConfig&&(type='task')
      val.publishImageConfig&&(type='build')
    }
    switch (type) {
      case 'scm':
        this.type = 'scm';
        this.sourceCodeConfig = val&&val.sourceCodeConfig||{
          branchCondition: 'only',
          branch: 'master'
        };
        break;
      case 'task':
        this.type = 'task';
        this.runScriptConfig = val&&val.runScriptConfig||{
          isShell: true
        };
        break;
      case 'build':
        this.type = 'build';
        this.publishImageConfig = val&&val.publishImageConfig||{
          "dockerfilePath": "./Dockerfile",
          "buildContext": ".",
          "tag": ""
        };
        break;
      default:
        break;
    }
  }
}

var validationErrors = (module) => {
  var errors = [];
  let config;
  switch (module.type) {
    case 'scm':
      config = module.sourceCodeConfig;
      if (!config.url||config.url.indexOf('.git') === -1) {
        errors.push('"Repository" is required');
      }
      if (!config.branch) {
        errors.push('"Branch" is required')
      }
      break;
    case 'task':
      config = module.runScriptConfig;
      if (!config.image||config.image.trim() === '') {
        errors.push('"Image" is required!');
      }
      if (!config.isShell) {
        set(module, 'shellScript', '');
      }else{
        if(!config.shellScript||config.shellScript.trim() === ''){
          errors.push('"Command" is required!')
        }
        set(config, 'entrypoint', '');
        set(config, 'command', '');
      }
      break;
    case 'build':
      config = module.publishImageConfig;
      if (!config.tag||config.tag.trim() === '') {
        errors.push('"Image Tag" is required!');
      }
      if (!config.buildContext||config.buildContext.trim() === '') {
        errors.push('"Image Tag" is required!');
      }
      if (!config.dockerfilePath||config.dockerfilePath.trim() === '') {
        errors.push('"Dockerfile Path" is required!');
      }
      break;
    }
  return errors
}

export default Component.extend(ModalBase, {
  layout,
  classNames: ['large-modal', 'alert'],
  modalOpts: alias('modalService.modalOpts'),
  model: null,
  pipeline: alias('modalService.modalOpts.pipeline'),
  routeState: alias('modalService.modalOpts.routeState'),
  type: 'task',
  errors: null,
  state: {
    saveDisabled: false
  },
  editingModels: EmberObject.create({}),
  init() {
    this._super(...arguments);
    var opts = this.get('modalOpts');
    if (opts.params) {
      var model = new StepType(opts.params.type, Object.assign(opts.params));
      this.set('type', model.type);
      this.get('editingModels').set(model.type, model);
    } else {
      if (opts.stepMode === 'scm') {
        this.set('type', 'scm');
      }
      this.set('editingModels', EmberObject.create({}));
      this.get('editingModels').set(this.get('type'), new StepType(this.get('type')));
    }
  },
  observeTypeChange: function() {
    var type = this.get('type');
    var models = this.get('editingModels');
    models[type] || models.set(type, new StepType(type));
  }.observes('type'),

  editing: function() {
    return this.get('modalOpts.type') === 'edit' ? true : false;
  }.property('modalOpts.type'),

  doneSaving() {
    this.send('cancel');
  },
  actions: {
    add: function(success) {
      var model = this.get('editingModels')[this.get('type')];
      let modalOpts = this.get('modalOpts');
      var errors = validationErrors(model, modalOpts.type !== 'add');
      if (errors.length > 0) {
        this.set('errors', errors);
        success(false);
        return true;
      }
      var arryParameters = convertObjectToArry(model.env);
      model.set&&model.set('env', arryParameters);
      modalOpts.cb(model);
      let pipeline = this.get('pipeline');
      // init Step according to repo language
      if(model.sourceCodeConfig&&pipeline.stages[1].name === 'build' && pipeline.stages[1].steps.length === 0){
        let routeState = this.get('routeState');
        let selected = environmentTypes.find(ele => ele.label === routeState.language);
        pipeline.stages[1].steps.pushObject({
          type:"task",
          "runScriptConfig": {
            image: selected&&selected.value||'busybox:latest',
            isShell: true,
            shellScript: selected&&selected.shell||'ls',
          }
        })
      }
      this.get('modalService').toggleModal();
    },
    remove: function() {
      this.get('modalOpts').rmCb();
      this.get('modalService').toggleModal();
    },
    cancel: function() {
      var type = this.get('type');
      var repo = this.get('modalOpts.params.sourceCodeConfig.url');
      this.set('state.saveDisabled', false);
      this.get('modalService').toggleModal();
      if (type === "scm" && !repo) {
        this.get('router').transitionTo('authenticated.project.pipeline.pipelines');
      }
    }
  }
});