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

import Ember from 'ember';
import NewOrEdit from 'ui/mixins/new-or-edit';
import SelectTab from 'ui/mixins/select-tab';
import { debouncedObserver } from 'ui/utils/debounce';

export default Ember.Component.extend(NewOrEdit, SelectTab, {
  isStandalone: true,
  isService: false,
  isSidekick: false,
  isUpgrade: false,
  primaryResource: null,
  launchConfig: null,
  service: null,
  allHosts: null,
  allServices: null,

  serviceLinksArray: null,
  isGlobal: null,
  isRequestedHost: null,
  portsAsStrArray: null,
  launchConfigIndex: -1,
  upgradeOptions: null,

  // Errors from components
  commandErrors: null,
  volumeErrors: null,
  networkingErrors: null,
  healthCheckErrors: null,
  schedulingErrors: null,
  securityErrors: null,
  scaleErrors: null,
  imageErrors: null,
  portErrors: null,

  actions: {
    selectLaunchConfig(index) {
      this.set('launchConfigIndex', index);
      Ember.run.next(() => {
        this.$().children('[data-launchindex]').addClass('hide');
        this.$().children('[data-launchindex="'+index+'"]').removeClass('hide');
      });
    },

    addSidekick() {
      var ary = this.get('service.secondaryLaunchConfigs');
      ary.pushObject(this.get('store').createRecord({
        type: 'secondaryLaunchConfig',
        tty: true,
        stdinOpen: true,
        restartPolicy: {name: 'always'},
      }));
      this.send('selectLaunchConfig', ary.get('length')-1);
    },

    removeSidekick() {
      var idx = this.get('launchConfigIndex');
      var ary = this.get('service.secondaryLaunchConfigs');
      ary.removeAt(idx);
      if ( idx >= ary.get('length') )
      {
        Ember.run.next(() => {
          this.send('selectLaunchConfig', ary.get('length')-1);
        });
      }
    },

    setScale(scale) {
      this.set('service.scale', scale);
    },

    toggleAdvanced() {
      this.set('advanced', !this.get('advanced'));
    },

    setImage(uuid) {
      this.set('launchConfig.imageUuid', uuid);
    },

    setLabels(section,labels) {
      this.set(section+'Labels', labels);
    },

    setRequestedHostId(hostId) {
      this.set('launchConfig.requestedHostId', hostId);
    },

    setGlobal(bool) {
      this.set('isGlobal', bool);
    },

    setServiceLinks(links) {
      this.set('serviceLinksArray', links);
    },

    setUpgrade(upgrade) {
      this.set('upgradeOptions', upgrade);
    },

    done() {
      this.sendAction('done');
    },

    cancel() {
      this.sendAction('cancel');
    },
  },

  didInitAttrs() {
    this.labelsChanged();
  },

  didInsertElement() {
    this.send('selectTab','command');
    this.$("INPUT[type='text']")[0].focus();
  },

  hasSidekicks: function() {
    return this.get('service.secondaryLaunchConfigs.length') > 0;
  }.property('service.secondaryLaunchConfigs.length'),

  activeLaunchConfig: function() {
    var idx = this.get('launchConfigIndex');
    if( idx === -1 )
    {
      return this.get('launchConfig');
    }
    else
    {
      return this.get('service.secondaryLaunchConfigs').objectAt(idx);
    }
  }.property('launchConfigIndex'),

  activeLabel: function() {
    var idx = this.get('launchConfigIndex');
    var str = '';

    if ( this.get('hasSidekicks') )
    {
      if ( idx === -1 )
      {
        str = 'Primary Service: ';
      }
      else
      {
        str += 'Sidekick Service: ';
      }
    }

    if ( idx === -1 )
    {
      if ( this.get('service.name') )
      {
        str += this.get('service.name');
      }
      else
      {
        str += '(No name)';
      }
    }
    else
    {
      if ( this.get('activeLaunchConfig.name') )
      {
        str += this.get('activeLaunchConfig.name');
      }
      else
      {
        str += '(Sidekick #' + (idx+1) + ')';
      }
    }

    return str;
  }.property('service.name','activeLaunchConfig.name','launchConfigIndex','hasSidekicks'),

  // ----------------------------------
  // Labels
  // ----------------------------------
  userLabels: null,
  scaleLabels: null,
  schedulingLabels: null,

  labelsChanged: debouncedObserver(
    'userLabels.@each.{key,value}',
    'scaleLabels.@each.{key,value}',
    'schedulingLabels.@each.{key,value}',
    function() {
      var out = {};

      (this.get('userLabels')||[]).forEach((row) => { out[row.key] = row.value; });
      (this.get('scaleLabels')||[]).forEach((row) => { out[row.key] = row.value; });
      (this.get('schedulingLabels')||[]).forEach((row) => { out[row.key] = row.value; });

      var config = this.get('launchConfig');
      if ( config )
      {
        this.set('launchConfig.labels', out);
      }
    }
  ),

  // ----------------------------------
  // Save
  // ----------------------------------
  willSave() {
    var errors = [];
    if ( !this.get('editing') )
    {
      // Errors from components
      errors.pushObjects(this.get('commandErrors')||[]);
      errors.pushObjects(this.get('volumeErrors')||[]);
      errors.pushObjects(this.get('networkingErrors')||[]);
      errors.pushObjects(this.get('healthCheckErrors')||[]);
      errors.pushObjects(this.get('schedulingErrors')||[]);
      errors.pushObjects(this.get('securityErrors')||[]);
      errors.pushObjects(this.get('scaleErrors')||[]);
      errors.pushObjects(this.get('imageErrors')||[]);
      errors.pushObjects(this.get('portErrors')||[]);

      if ( errors.length )
      {
        this.set('errors', errors);
        return false;
      }
    }

    return this._super.apply(this,arguments);
  },

  doSave() {
    if ( this.get('isService') && this.get('isUpgrade') )
    {
      return this.get('service').doAction('upgrade', {
        inServiceStrategy: {
          batchSize: this.get('upgradeOptions.batchSize'),
          intervalMillis: this.get('upgradeOptions.intervalMillis'),
          launchConfig: this.get('service.launchConfig'),
          secondaryLaunchConfigs: this.get('service.secondaryLaunchConfigs'),
          startFirst: this.get('upgradeOptions.startFirst'),
        },
      });
    }
    else
    {
      return this._super.apply(this,arguments);
    }
  },

  didSave() {
    if ( this.get('isService') && !this.get('isUpgrade') )
    {
      // Returns a promise
      return this.setServiceLinks();
    }
  },

  setServiceLinks() {
    var service = this.get('service');
    var ary = [];
    this.get('serviceLinksArray').forEach((row) => {
      if ( row.serviceId )
      {
        ary.push({name: row.name, serviceId: row.serviceId});
      }
    });

    return service.doAction('setservicelinks', {serviceLinks: ary});
  },

  doneSaving() {
    this.sendAction('done');
  },
});