@spotinst/spinnaker-deck/app/scripts/modules/appengine/src/serverGroup/configure/wizard/configFiles.component.ts

Spinnaker-Deck service, forked with support to Spotinst

import { IController, IScope, module } from 'angular';

import {
  AccountService,
  ExpectedArtifactSelectorViewController,
  IArtifact,
  IArtifactAccount,
  IArtifactAccountPair,
  NgAppengineConfigArtifactDelegate,
} from '@spinnaker/core';

import { AppengineSourceType } from '../serverGroupCommandBuilder.service';

import './serverGroupWizard.less';

export interface IAppengineConfigFileConfigurerCtrlCommand {
  configFiles: string[];
  configArtifacts: ConfigArtifact[];
  sourceType: string;
}

class ConfigArtifact implements IArtifactAccountPair {
  public $scope: IScope;
  public controller: ExpectedArtifactSelectorViewController;
  public delegate: NgAppengineConfigArtifactDelegate;
  public id: string;
  public account: string;
  public artifact?: IArtifact;

  constructor($scope: IScope, pair: IArtifactAccountPair = { id: '', account: '' }) {
    const unserializable = { configurable: false, enumerable: false, writable: false };
    this.id = pair?.id;
    this.account = pair.account || pair?.artifact?.artifactAccount;
    this.artifact = pair?.artifact;
    Object.defineProperty(this, '$scope', { ...unserializable, value: $scope });
    const delegate = new NgAppengineConfigArtifactDelegate(this);
    const controller = new ExpectedArtifactSelectorViewController(delegate);
    Object.defineProperty(this, 'delegate', { ...unserializable, value: delegate });
    Object.defineProperty(this, 'controller', { ...unserializable, value: controller });
  }
}

class AppengineConfigFileConfigurerCtrl implements IController {
  private artifactAccounts: IArtifactAccount[] = [];
  public command: IAppengineConfigFileConfigurerCtrlCommand;

  public static $inject = ['$scope'];
  constructor(public $scope: IScope) {}

  public $onInit(): void {
    if (!this.command.configFiles) {
      this.command.configFiles = [];
    }
    if (!this.command.configArtifacts) {
      this.command.configArtifacts = [];
    }
    if (!this.$scope.command) {
      this.$scope.command = this.command;
    }
    this.command.configArtifacts = this.command.configArtifacts.map((artifactAccountPair) => {
      return new ConfigArtifact(this.$scope, artifactAccountPair);
    });
    AccountService.getArtifactAccounts().then((accounts: IArtifactAccount[]) => {
      this.artifactAccounts = accounts;
      this.command.configArtifacts.forEach((a: ConfigArtifact) => {
        a.delegate.setAccounts(accounts);
        a.controller.updateAccounts(a.delegate.getSelectedExpectedArtifact());
      });
    });
  }

  public addConfigFile(): void {
    this.command.configFiles.push('');
  }

  public addConfigArtifact(): void {
    const artifact = new ConfigArtifact(this.$scope, { id: '', account: '' });
    artifact.delegate.setAccounts(this.artifactAccounts);
    artifact.controller.updateAccounts(artifact.delegate.getSelectedExpectedArtifact());
    this.command.configArtifacts.push(artifact);
  }

  public deleteConfigFile(index: number): void {
    this.command.configFiles.splice(index, 1);
  }

  public deleteConfigArtifact(index: number): void {
    this.command.configArtifacts.splice(index, 1);
  }

  public mapTabToSpaces(event: any) {
    if (event.which === 9) {
      event.preventDefault();
      const cursorPosition = event.target.selectionStart;
      const inputValue = event.target.value;
      event.target.value = `${inputValue.substring(0, cursorPosition)}  ${inputValue.substring(cursorPosition)}`;
      event.target.selectionStart += 2;
    }
  }

  public isContainerImageSource(): boolean {
    return this.command.sourceType === AppengineSourceType.CONTAINER_IMAGE;
  }

  public updateConfigArtifacts = (configArtifacts: ConfigArtifact[]): void => {
    this.$scope.$applyAsync(() => {
      this.command.configArtifacts = configArtifacts;
    });
  };
}

const appengineConfigFileConfigurerComponent: ng.IComponentOptions = {
  bindings: { command: '=' },
  controller: AppengineConfigFileConfigurerCtrl,
  templateUrl: require('./configFiles.component.html'),
};

export const APPENGINE_CONFIG_FILE_CONFIGURER = 'spinnaker.appengine.configFileConfigurer.component';
module(APPENGINE_CONFIG_FILE_CONFIGURER, []).component(
  'appengineConfigFileConfigurer',
  appengineConfigFileConfigurerComponent,
);