@spinnaker/amazon 0.0.0-main-2

package/package.json

@@ -0,0 +1,63 @@
+{
+  "name": "@spinnaker/amazon",
+  "license": "Apache-2.0",
+  "version": "0.0.0-main-2",
+  "module": "dist/index.js",
+  "typings": "dist/index.d.ts",
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org"
+  },
+  "scripts": {
+    "clean": "shx rm -rf dist",
+    "prepublishOnly": "npm run build",
+    "build": "npm run clean && spinnaker-scripts build",
+    "dev": "spinnaker-scripts start",
+    "dev:push": "spinnaker-scripts start --push",
+    "lib": "npm run build"
+  },
+  "dependencies": {
+    "@spinnaker/core": "^0.29.1",
+    "@uirouter/angularjs": "1.0.26",
+    "@uirouter/core": "6.0.8",
+    "@uirouter/react": "1.0.7",
+    "@uirouter/react-hybrid": "1.0.2",
+    "angular": "1.6.10",
+    "angular-ui-bootstrap": "2.5.0",
+    "angular2react": "3.0.2",
+    "bootstrap": "3.4.1",
+    "chart.js": "3.0.0-rc.6",
+    "chartjs-adapter-luxon": "1.0.0-beta.2",
+    "classnames": "2.2.6",
+    "enzyme": "3.11.0",
+    "formik": "1.5.1",
+    "lodash": "4.17.21",
+    "ngimport": "0.6.1",
+    "react": "16.14.0",
+    "react-bootstrap": "0.32.1",
+    "react-ga": "2.4.1",
+    "react-select": "1.2.1",
+    "react-sortable-hoc": "0.6.8",
+    "react-virtualized-select": "3.1.3",
+    "react2angular": "3.2.1",
+    "rxjs": "6.6.7"
+  },
+  "devDependencies": {
+    "@spinnaker/eslint-plugin": "^3.0.2",
+    "@spinnaker/mocks": "1.0.7",
+    "@spinnaker/scripts": "^0.4.0",
+    "@types/angular": "1.6.26",
+    "@types/angular-ui-bootstrap": "0.13.41",
+    "@types/classnames": "2.2.0",
+    "@types/enzyme": "3.10.3",
+    "@types/lodash": "4.14.64",
+    "@types/react": "16.14.10",
+    "@types/react-bootstrap": "0.32.5",
+    "@types/react-select": "1.3.4",
+    "@types/react-sortable-hoc": "0.6.2",
+    "@types/react-virtualized-select": "3.0.8",
+    "shx": "0.3.3",
+    "typescript": "4.3.5"
+  },
+  "gitHead": "41637c82dc23fbf1195173a93611a08000fc0e53"
+}

package/src/applicationProviderFields/awsFields.html

@@ -0,0 +1,13 @@
+<div class="form-group row">
+  <div class="col-sm-3 sm-label-right">AWS Settings</div>
+  <div class="col-sm-9 checkbox" style="margin-bottom: 0; margin-top: 5px">
+    <label>
+      <input
+        type="checkbox"
+        ng-init="$ctrl.initializeApplicationField('aws.useAmiBlockDeviceMappings')"
+        ng-model="$ctrl.application.providerSettings.aws.useAmiBlockDeviceMappings"
+      />
+      Prefer AMI Block Device Mappings
+    </label>
+  </div>
+</div>

package/src/aws.module.ts

@@ -0,0 +1,211 @@
+import { module } from 'angular';
+
+import { CloudProviderRegistry, DeploymentStrategyRegistry } from '@spinnaker/core';
+
+import { AWSProviderSettings } from './aws.settings';
+import { COMMON_MODULE } from './common/common.module';
+import './deploymentStrategy/rollingPush.strategy';
+import { AmazonFunctionDetails } from './function';
+import { CreateLambdaFunction } from './function';
+import { AwsFunctionTransformer } from './function';
+import { AWS_FUNCTION_MODULE } from './function/function.module';
+import './help/amazon.help';
+import { AwsImageReader } from './image';
+import { AMAZON_INSTANCE_AWSINSTANCETYPE_SERVICE } from './instance/awsInstanceType.service';
+import { AMAZON_INSTANCE_INFORMATION_COMPONENT } from './instance/details/amazonInstanceInformation.component';
+import { AMAZON_INSTANCE_DETAILS_INSTANCE_DETAILS_CONTROLLER } from './instance/details/instance.details.controller';
+import { INSTANCE_DNS_COMPONENT } from './instance/details/instanceDns.component';
+import { INSTANCE_SECURITY_GROUPS_COMPONENT } from './instance/details/instanceSecurityGroups.component';
+import { INSTANCE_STATUS_COMPONENT } from './instance/details/instanceStatus.component';
+import { INSTANCE_TAGS_COMPONENT } from './instance/details/instanceTags.component';
+import { AmazonLoadBalancerClusterContainer } from './loadBalancer';
+import { AmazonLoadBalancersTag } from './loadBalancer';
+import { AmazonLoadBalancerChoiceModal } from './loadBalancer';
+import { AwsLoadBalancerTransformer } from './loadBalancer';
+import { AWS_LOAD_BALANCER_MODULE } from './loadBalancer/loadBalancer.module';
+import amazonLogo from './logo/amazon.logo.svg';
+import { AMAZON_PIPELINE_STAGES_BAKE_AWSBAKESTAGE } from './pipeline/stages/bake/awsBakeStage';
+import { AMAZON_PIPELINE_STAGES_CLONESERVERGROUP_AWSCLONESERVERGROUPSTAGE } from './pipeline/stages/cloneServerGroup/awsCloneServerGroupStage';
+import { AMAZON_PIPELINE_STAGES_LAMBDA_DELETE } from './pipeline/stages/deleteLambda';
+import { CLOUD_FORMATION_CHANGE_SET_INFO } from './pipeline/stages/deployCloudFormation/CloudFormationChangeSetInfo';
+import { CLOUDFORMATION_TEMPLATE_ENTRY } from './pipeline/stages/deployCloudFormation/cloudFormationTemplateEntry.component';
+import { DEPLOY_CLOUDFORMATION_STACK_STAGE } from './pipeline/stages/deployCloudFormation/deployCloudFormationStackStage';
+import { AWS_EVALUATE_CLOUD_FORMATION_CHANGE_SET_EXECUTION_SERVICE } from './pipeline/stages/deployCloudFormation/evaluateCloudFormationChangeSetExecution.service';
+import { AMAZON_PIPELINE_STAGES_LAMBDA_DEPLOY } from './pipeline/stages/deployLambda';
+import { AMAZON_PIPELINE_STAGES_DESTROYASG_AWSDESTROYASGSTAGE } from './pipeline/stages/destroyAsg/awsDestroyAsgStage';
+import { AMAZON_PIPELINE_STAGES_DISABLEASG_AWSDISABLEASGSTAGE } from './pipeline/stages/disableAsg/awsDisableAsgStage';
+import { AMAZON_PIPELINE_STAGES_DISABLECLUSTER_AWSDISABLECLUSTERSTAGE } from './pipeline/stages/disableCluster/awsDisableClusterStage';
+import { AMAZON_PIPELINE_STAGES_ENABLEASG_AWSENABLEASGSTAGE } from './pipeline/stages/enableAsg/awsEnableAsgStage';
+import { AMAZON_PIPELINE_STAGES_FINDAMI_AWSFINDAMISTAGE } from './pipeline/stages/findAmi/awsFindAmiStage';
+import { AMAZON_PIPELINE_STAGES_FINDIMAGEFROMTAGS_AWSFINDIMAGEFROMTAGSSTAGE } from './pipeline/stages/findImageFromTags/awsFindImageFromTagsStage';
+import { AMAZON_PIPELINE_STAGES_LAMBDA_INVOKE } from './pipeline/stages/invokeLambda';
+import { AMAZON_PIPELINE_STAGES_MODIFYSCALINGPROCESS_MODIFYSCALINGPROCESSSTAGE } from './pipeline/stages/modifyScalingProcess/modifyScalingProcessStage';
+import { AMAZON_PIPELINE_STAGES_RESIZEASG_AWSRESIZEASGSTAGE } from './pipeline/stages/resizeAsg/awsResizeAsgStage';
+import { AMAZON_PIPELINE_STAGES_ROLLBACKCLUSTER_AWSROLLBACKCLUSTERSTAGE } from './pipeline/stages/rollbackCluster/awsRollbackClusterStage';
+import { AMAZON_PIPELINE_STAGES_LAMBDA_ROUTE } from './pipeline/stages/routeLambda';
+import { AMAZON_PIPELINE_STAGES_SCALEDOWNCLUSTER_AWSSCALEDOWNCLUSTERSTAGE } from './pipeline/stages/scaleDownCluster/awsScaleDownClusterStage';
+import { AMAZON_PIPELINE_STAGES_SHRINKCLUSTER_AWSSHRINKCLUSTERSTAGE } from './pipeline/stages/shrinkCluster/awsShrinkClusterStage';
+import { AMAZON_PIPELINE_STAGES_TAGIMAGE_AWSTAGIMAGESTAGE } from './pipeline/stages/tagImage/awsTagImageStage';
+import { AMAZON_PIPELINE_STAGES_LAMBDA_UPDATE } from './pipeline/stages/updateCodeLambda';
+import { AWS_REACT_MODULE } from './reactShims/aws.react.module';
+import { AMAZON_SEARCH_SEARCHRESULTFORMATTER } from './search/searchResultFormatter';
+import { AWS_SECURITY_GROUP_MODULE } from './securityGroup/securityGroup.module';
+import { AmazonCloneServerGroupModal } from './serverGroup/configure/wizard/AmazonCloneServerGroupModal';
+import { AmazonServerGroupActions } from './serverGroup/details/AmazonServerGroupActions';
+import { amazonServerGroupDetailsGetter } from './serverGroup/details/amazonServerGroupDetailsGetter';
+import {
+  AmazonUpsertScalingPolicyModal,
+  AmazonUpsertTargetTrackingModal,
+  TargetTrackingChart,
+} from './serverGroup/details/scalingPolicy';
+import {
+  AdvancedSettingsDetailsSection,
+  AmazonCapacityDetailsSection,
+  AmazonInfoDetailsSection,
+  HealthDetailsSection,
+  InstancesDistributionDetailsSection,
+  LaunchConfigDetailsSection,
+  LaunchTemplateDetailsSection,
+  LogsDetailsSection,
+  PackageDetailsSection,
+  ScalingPoliciesDetailsSection,
+  ScalingProcessesDetailsSection,
+  ScheduledActionsDetailsSection,
+  SecurityGroupsDetailsSection,
+  TagsDetailsSection,
+} from './serverGroup/details/sections';
+import { SERVER_GROUP_DETAILS_MODULE } from './serverGroup/details/serverGroupDetails.module';
+import { AWS_SERVER_GROUP_TRANSFORMER } from './serverGroup/serverGroup.transformer';
+import { SUBNET_RENDERER } from './subnet/subnet.renderer';
+import './validation/ApplicationNameValidator';
+import { VPC_MODULE } from './vpc/vpc.module';
+
+import './logo/aws.logo.less';
+
+export const AMAZON_MODULE = 'spinnaker.amazon';
+module(AMAZON_MODULE, [
+  AWS_REACT_MODULE,
+  AMAZON_PIPELINE_STAGES_BAKE_AWSBAKESTAGE,
+  AMAZON_PIPELINE_STAGES_CLONESERVERGROUP_AWSCLONESERVERGROUPSTAGE,
+  AMAZON_PIPELINE_STAGES_DESTROYASG_AWSDESTROYASGSTAGE,
+  AMAZON_PIPELINE_STAGES_DISABLEASG_AWSDISABLEASGSTAGE,
+  AMAZON_PIPELINE_STAGES_DISABLECLUSTER_AWSDISABLECLUSTERSTAGE,
+  AMAZON_PIPELINE_STAGES_ROLLBACKCLUSTER_AWSROLLBACKCLUSTERSTAGE,
+  AMAZON_PIPELINE_STAGES_ENABLEASG_AWSENABLEASGSTAGE,
+  AMAZON_PIPELINE_STAGES_FINDAMI_AWSFINDAMISTAGE,
+  AMAZON_PIPELINE_STAGES_FINDIMAGEFROMTAGS_AWSFINDIMAGEFROMTAGSSTAGE,
+  AMAZON_PIPELINE_STAGES_MODIFYSCALINGPROCESS_MODIFYSCALINGPROCESSSTAGE,
+  AMAZON_PIPELINE_STAGES_RESIZEASG_AWSRESIZEASGSTAGE,
+  AMAZON_PIPELINE_STAGES_SCALEDOWNCLUSTER_AWSSCALEDOWNCLUSTERSTAGE,
+  AMAZON_PIPELINE_STAGES_SHRINKCLUSTER_AWSSHRINKCLUSTERSTAGE,
+  AMAZON_PIPELINE_STAGES_TAGIMAGE_AWSTAGIMAGESTAGE,
+  SERVER_GROUP_DETAILS_MODULE,
+  COMMON_MODULE,
+  AWS_SERVER_GROUP_TRANSFORMER,
+  AMAZON_INSTANCE_AWSINSTANCETYPE_SERVICE,
+  AWS_LOAD_BALANCER_MODULE,
+  AWS_FUNCTION_MODULE,
+  AMAZON_INSTANCE_DETAILS_INSTANCE_DETAILS_CONTROLLER,
+  AWS_SECURITY_GROUP_MODULE,
+  SUBNET_RENDERER,
+  VPC_MODULE,
+  AMAZON_SEARCH_SEARCHRESULTFORMATTER,
+  DEPLOY_CLOUDFORMATION_STACK_STAGE,
+  CLOUDFORMATION_TEMPLATE_ENTRY,
+  CLOUD_FORMATION_CHANGE_SET_INFO,
+  AWS_EVALUATE_CLOUD_FORMATION_CHANGE_SET_EXECUTION_SERVICE,
+  INSTANCE_STATUS_COMPONENT,
+  INSTANCE_TAGS_COMPONENT,
+  INSTANCE_SECURITY_GROUPS_COMPONENT,
+  INSTANCE_DNS_COMPONENT,
+  AMAZON_INSTANCE_INFORMATION_COMPONENT,
+  AMAZON_PIPELINE_STAGES_LAMBDA_DELETE,
+  AMAZON_PIPELINE_STAGES_LAMBDA_DEPLOY,
+  AMAZON_PIPELINE_STAGES_LAMBDA_INVOKE,
+  AMAZON_PIPELINE_STAGES_LAMBDA_UPDATE,
+  AMAZON_PIPELINE_STAGES_LAMBDA_ROUTE,
+]).config(() => {
+  CloudProviderRegistry.registerProvider('aws', {
+    name: 'Amazon',
+    adHocInfrastructureWritesEnabled: AWSProviderSettings.adHocInfraWritesEnabled,
+    logo: {
+      path: amazonLogo,
+    },
+    image: {
+      reader: AwsImageReader,
+    },
+    serverGroup: {
+      transformer: 'awsServerGroupTransformer',
+      detailsActions: AmazonServerGroupActions,
+      detailsGetter: amazonServerGroupDetailsGetter,
+      detailsSections: [
+        AmazonInfoDetailsSection,
+        AmazonCapacityDetailsSection,
+        HealthDetailsSection,
+        InstancesDistributionDetailsSection,
+        LaunchConfigDetailsSection,
+        LaunchTemplateDetailsSection,
+        SecurityGroupsDetailsSection,
+        ScalingProcessesDetailsSection,
+        ScalingPoliciesDetailsSection,
+        ScheduledActionsDetailsSection,
+        TagsDetailsSection,
+        PackageDetailsSection,
+        AdvancedSettingsDetailsSection,
+        LogsDetailsSection,
+      ],
+      CloneServerGroupModal: AmazonCloneServerGroupModal,
+      commandBuilder: 'awsServerGroupCommandBuilder',
+      configurationService: 'awsServerGroupConfigurationService',
+      scalingActivitiesEnabled: true,
+      TargetTrackingChart,
+      UpsertStepPolicyModal: AmazonUpsertScalingPolicyModal,
+      UpsertTargetTrackingModal: AmazonUpsertTargetTrackingModal,
+    },
+    instance: {
+      instanceTypeService: 'awsInstanceTypeService',
+      detailsTemplateUrl: require('./instance/details/instanceDetails.html'),
+      detailsController: 'awsInstanceDetailsCtrl',
+    },
+    loadBalancer: {
+      transformer: AwsLoadBalancerTransformer,
+      detailsTemplateUrl: require('./loadBalancer/details/loadBalancerDetails.html'),
+      detailsController: 'awsLoadBalancerDetailsCtrl',
+      CreateLoadBalancerModal: AmazonLoadBalancerChoiceModal,
+      targetGroupDetailsTemplateUrl: require('./loadBalancer/details/targetGroupDetails.html'),
+      targetGroupDetailsController: 'awsTargetGroupDetailsCtrl',
+      ClusterContainer: AmazonLoadBalancerClusterContainer,
+      LoadBalancersTag: AmazonLoadBalancersTag,
+    },
+    function: {
+      details: AmazonFunctionDetails,
+      CreateFunctionModal: CreateLambdaFunction,
+      transformer: AwsFunctionTransformer,
+    },
+    securityGroup: {
+      transformer: 'awsSecurityGroupTransformer',
+      reader: 'awsSecurityGroupReader',
+      detailsTemplateUrl: require('./securityGroup/details/securityGroupDetail.html'),
+      detailsController: 'awsSecurityGroupDetailsCtrl',
+      createSecurityGroupTemplateUrl: require('./securityGroup/configure/createSecurityGroup.html'),
+      createSecurityGroupController: 'awsCreateSecurityGroupCtrl',
+    },
+    subnet: {
+      renderer: 'awsSubnetRenderer',
+    },
+    search: {
+      resultFormatter: 'awsSearchResultFormatter',
+    },
+    applicationProviderFields: {
+      templateUrl: require('./applicationProviderFields/awsFields.html'),
+    },
+  });
+});
+
+DeploymentStrategyRegistry.registerProvider('aws', [
+  'custom',
+  'redblack',
+  'rollingpush',
+  'rollingredblack',
+  'monitored',
+]);

package/src/aws.settings.ts

@@ -0,0 +1,71 @@
+import type { IProviderSettings } from '@spinnaker/core';
+import { SETTINGS } from '@spinnaker/core';
+
+export interface IClassicLaunchAllowlist {
+  region: string;
+  credentials: string;
+}
+
+export interface IAWSProviderSettings extends IProviderSettings {
+  adHocInfraWritesEnabled?: boolean;
+  bakeWarning?: string;
+  classicLaunchLockout?: number;
+  classicLaunchAllowlist?: IClassicLaunchAllowlist[];
+  createLoadBalancerWarnings?: {
+    application?: string;
+    classic?: string;
+    network?: string;
+  };
+  crossAccountIngressExclusions?: {
+    [credentials: string]: string | string[];
+  };
+  securityGroupExclusions?: string[];
+  defaults: {
+    account?: string;
+    iamRole?: string;
+    region?: string;
+    subnetType?: string;
+    vpc?: string;
+  };
+  defaultSecurityGroups?: string[];
+  disableSpotPricing?: boolean;
+  dockerBakeryDeprecated?: boolean;
+  dockerBakeWarning?: string;
+  instanceTypes?: {
+    exclude?: {
+      categories?: string[];
+      families?: string[];
+    };
+  };
+  loadBalancers?: {
+    certificateTypes?: string[];
+    disableManualOidcDialog?: boolean;
+    inferInternalFlagFromSubnet: boolean;
+  };
+  metrics?: {
+    customNamespaces?: string[];
+  };
+  minRootVolumeSize?: number;
+  serverGroups?: {
+    enableLaunchTemplates?: boolean;
+    // Enables IPv6 as an advanced setting
+    enableIPv6?: boolean;
+    // If `enableIPv6` is true, will automatically opt asgs in the test environment into IPv6
+    setIPv6InTest?: boolean;
+    enableIMDSv2?: boolean;
+    defaultIMDSv2AppAgeLimit?: number;
+    accountDenyListIMDSv2?: string[];
+    enableCpuCredits?: boolean;
+    recommendedSubnets?: string[];
+    subnetWarning?: string;
+  };
+  useAmiBlockDeviceMappings?: boolean;
+}
+
+export const AWSProviderSettings: IAWSProviderSettings = (SETTINGS.providers.aws as IAWSProviderSettings) || {
+  defaults: {},
+};
+if (AWSProviderSettings) {
+  AWSProviderSettings.adHocInfraWritesEnabled = AWSProviderSettings.adHocInfraWritesEnabled ?? true;
+  AWSProviderSettings.resetToOriginal = SETTINGS.resetProvider('aws');
+}

package/src/aws.validators.ts

@@ -0,0 +1,31 @@
+import { isEmpty } from 'lodash';
+
+export const iamRoleValidator = (value: string, label: string) => {
+  const isIAMRole = value.match(/^arn:aws:iam::\d{12}:role\/?\/[a-zA-Z_0-9+=,.@\-/]+/);
+  return isIAMRole
+    ? undefined
+    : `Invalid role.  ${label} must match regular expression: arn:aws:iam::d{12}:role/?[a-zA-Z_0-9+=,.@-_/]+`;
+};
+
+export const s3BucketNameValidator = (value: string, label: string) => {
+  const s3BucketName = value.match(/^[0-9A-Za-z.-]*[^.]$/);
+  return s3BucketName
+    ? undefined
+    : `Invalid S3 Bucket name.  ${label} must match regular expression: [0-9A-Za-z.-]*[^.]$`;
+};
+
+export const awsArnValidator = (value: string, label: string) => {
+  const arn = value.match(/arn:aws[a-zA-Z-]?:[a-zA-Z_0-9.-]+:./);
+  return arn
+    ? undefined
+    : `Invalid ARN.  ${label} must match regular expression: /arn:aws[a-zA-Z-]?:[a-zA-Z_0-9.-]+:./`;
+};
+
+export const awsTagsValidator = (value: string | { [key: string]: string }, label: string) => {
+  return isEmpty(value) ? `At least one ${label} is required` : undefined;
+};
+
+export const simpleStringValidator = (value: string, label: string) => {
+  const simpleString = value.match(/^[0-9A-Za-z]*$/);
+  return simpleString ? undefined : `Invalid String Value. ${label} must match regular expression: [0-9A-Za-z]`;
+};

package/src/certificates/AmazonCertificateReader.ts

@@ -0,0 +1,24 @@
+import { groupBy, sortBy } from 'lodash';
+
+import { AccountService, CertificateReader } from '@spinnaker/core';
+import type { IAmazonCertificate } from '../domain';
+
+export class AmazonCertificateReader {
+  public static listCertificates(): PromiseLike<{ [accountId: string]: IAmazonCertificate[] }> {
+    return CertificateReader.listCertificatesByProvider('aws').then((certificates: IAmazonCertificate[]) => {
+      // This account grouping should really go into clouddriver but since it's not, put it here for now.
+      return AccountService.listAllAccounts('aws').then((allAccountDetails) => {
+        const accountIdToName = allAccountDetails.reduce((acc, accountDetails) => {
+          acc[accountDetails.accountId] = accountDetails.name;
+          return acc;
+        }, {} as { [id: string]: string });
+
+        const sortedCertificates = sortBy(certificates, 'serverCertificateName');
+        return groupBy(sortedCertificates, (cert) => {
+          const [, , , , accountId] = cert.arn.split(':');
+          return accountIdToName[accountId] || 'unknown';
+        });
+      });
+    });
+  }
+}

package/src/certificates/index.ts

@@ -0,0 +1 @@
+export * from './AmazonCertificateReader';

package/src/common/AwsModalFooter.tsx

@@ -0,0 +1,70 @@
+import React from 'react';
+import { ModalFooter } from 'react-bootstrap';
+import { map, take } from 'rxjs/operators';
+
+import type { IAccountDetails } from '@spinnaker/core';
+import { AccountService, UserVerification } from '@spinnaker/core';
+
+export interface IAwsModalFooterProps {
+  account: string;
+  isValid?: boolean;
+  onCancel: () => void;
+  onSubmit: () => void;
+}
+
+export interface IAwsModalFooterState {
+  verified: boolean;
+  requireVerification: boolean;
+}
+
+export class AwsModalFooter extends React.Component<IAwsModalFooterProps, IAwsModalFooterState> {
+  public static defaultProps: Partial<IAwsModalFooterProps> = {
+    isValid: true,
+  };
+
+  public state = { verified: false, requireVerification: false };
+
+  public componentDidMount() {
+    AccountService.accounts$
+      .pipe(
+        take(1),
+        map((accounts: IAccountDetails[]) => accounts.find((account) => account.name === this.props.account)),
+      )
+      .subscribe((account: IAccountDetails) => {
+        this.setState({ requireVerification: !!account && account.challengeDestructiveActions });
+      });
+  }
+
+  private handleVerification = (verified: boolean) => {
+    this.setState({ verified });
+  };
+
+  public render() {
+    const { account, onCancel, onSubmit, isValid } = this.props;
+    const { verified, requireVerification } = this.state;
+    const handleSubmit = () => {
+      this.props.onSubmit();
+      return false;
+    };
+
+    return (
+      <ModalFooter>
+        <form onSubmit={handleSubmit}>
+          {requireVerification && <UserVerification expectedValue={account} onValidChange={this.handleVerification} />}
+        </form>
+
+        <button className="btn btn-default" onClick={onCancel}>
+          Cancel
+        </button>
+        <button
+          type="submit"
+          className="btn btn-primary"
+          onClick={onSubmit}
+          disabled={!isValid || (requireVerification && !verified)}
+        >
+          Submit
+        </button>
+      </ModalFooter>
+    );
+  }
+}

package/src/common/common.module.ts

@@ -0,0 +1,6 @@
+import { module } from 'angular';
+
+import { AWS_FOOTER_COMPONENT } from './footer.component';
+
+export const COMMON_MODULE = 'spinnaker.amazon.common';
+module(COMMON_MODULE, [AWS_FOOTER_COMPONENT]);

package/src/common/footer.component.ts

@@ -0,0 +1,29 @@
+import type { IComponentOptions } from 'angular';
+import { module } from 'angular';
+
+const footerComponent: IComponentOptions = {
+  bindings: {
+    action: '&',
+    isValid: '&',
+    cancel: '&',
+    account: '=?',
+    verification: '=?',
+  },
+  template: `
+    <div class="modal-footer">
+      <user-verification account="$ctrl.account" verification="$ctrl.verification"></user-verification>
+      <button type="submit" ng-click="$ctrl.action()" style="display:none"></button> <!-- Allows form submission via enter keypress-->
+      <button class="btn btn-default" ng-click="$ctrl.cancel()">Cancel</button>
+      <button type="submit"
+              class="btn btn-primary"
+              ng-click="$ctrl.action()"
+              ng-disabled="!$ctrl.isValid()">
+        Submit
+      </button>
+    </div>
+  `,
+  controller: () => {},
+};
+
+export const AWS_FOOTER_COMPONENT = 'spinnaker.amazon.footer';
+module(AWS_FOOTER_COMPONENT, []).component('awsFooter', footerComponent);

package/src/common/index.ts

@@ -0,0 +1 @@
+export * from './AwsModalFooter';

package/src/deploymentStrategy/AdditionalFields.tsx

@@ -0,0 +1,110 @@
+import React from 'react';
+
+import type { IDeploymentStrategyAdditionalFieldsProps } from '@spinnaker/core';
+import { HelpField } from '@spinnaker/core';
+
+import { AWSProviderSettings } from '../aws.settings';
+import type { IRollingPushCommand } from './rollingPush.strategy';
+
+export interface IRollingPushStrategyAdditionalFieldsProps extends IDeploymentStrategyAdditionalFieldsProps {
+  command: IRollingPushCommand;
+}
+
+export class AdditionalFields extends React.Component<IRollingPushStrategyAdditionalFieldsProps> {
+  private handleChange = (key: string, value: any) => {
+    this.props.command.termination[key] = value;
+    this.forceUpdate();
+  };
+
+  public render() {
+    const { command } = this.props;
+    return (
+      <div className="form-group" style={{ marginTop: '20px' }}>
+        <div className="well-compact alert alert-warning">
+          <strong>Note:</strong> a rolling push only updates the{' '}
+          <em>
+            launch {Boolean(AWSProviderSettings.serverGroups?.enableLaunchTemplates) ? 'template' : 'configuration'}
+          </em>{' '}
+          for the auto scaling group.
+          <br /> Changes to the following fields will be ignored:
+          <ul>
+            <li>Account, Region, Subnet Type</li>
+            <li>Capacity</li>
+            <li>Load Balancers</li>
+            <li>Health Check Configuration</li>
+            <li>Termination Policies, Enable Traffic flag</li>
+          </ul>
+        </div>
+        <div className="form-group">
+          <div className="col-md-12 checkbox">
+            <label>
+              <input
+                type="checkbox"
+                checked={command.termination.relaunchAllInstances}
+                onChange={(e) => this.handleChange('relaunchAllInstances', e.target.checked)}
+              />
+              <b>Relaunch all instances</b>
+              <HelpField id="strategy.rollingPush.relaunchAll" />
+            </label>
+          </div>
+        </div>
+
+        {!command.termination.relaunchAllInstances && (
+          <div className="form-group">
+            <div className="col-md-5 sm-label-right">
+              Total relaunches
+              <HelpField id="strategy.rollingPush.totalRelaunches" />
+            </div>
+            <div className="col-md-2">
+              <input
+                className="form-control input-sm"
+                type="number"
+                value={command.termination.totalRelaunches}
+                onChange={(e) => this.handleChange('totalRelaunches', e.target.value)}
+                min="0"
+              />
+            </div>
+          </div>
+        )}
+
+        {(command.termination.totalRelaunches > 0 || command.termination.relaunchAllInstances) && (
+          <div className="form-group">
+            <div className="col-md-5 sm-label-right">
+              Concurrent relaunches
+              <HelpField id="strategy.rollingPush.concurrentRelaunches" />
+            </div>
+            <div className="col-md-2">
+              <input
+                className="form-control input-sm"
+                type="number"
+                value={command.termination.concurrentRelaunches}
+                onChange={(e) => this.handleChange('concurrentRelaunches', e.target.value)}
+                min="1"
+              />
+            </div>
+          </div>
+        )}
+
+        {(command.termination.totalRelaunches > 0 || command.termination.relaunchAllInstances) && (
+          <div className="form-group">
+            <div className="col-md-5 sm-label-right">
+              Order
+              <HelpField id="strategy.rollingPush.order" />
+            </div>
+            <div className="col-md-3">
+              <select
+                className="input input-sm"
+                style={{ width: '100px' }}
+                value={command.termination.order}
+                onChange={(e) => this.handleChange('order', e.target.value)}
+              >
+                <option value="oldest">oldest first</option>
+                <option value="newest">newest first</option>
+              </select>
+            </div>
+          </div>
+        )}
+      </div>
+    );
+  }
+}