@spinnaker/ecs 2026.2.4 → 2026.3.1

package/src/pipeline/stages/disableAsg/ecsDisableAsgStage.js

@@ -1,70 +1,27 @@
-'use strict';
-
-import { module } from 'angular';
-
-import { AccountService, PipelineTemplates, Registry, StageConstants } from '@spinnaker/core';
-
-export const ECS_PIPELINE_STAGES_DISABLEASG_ECSDISABLEASGSTAGE = 'spinnaker.ecs.pipeline.stage.disableAsgStage';
-export const name = ECS_PIPELINE_STAGES_DISABLEASG_ECSDISABLEASGSTAGE; // for backwards compatibility
-module(ECS_PIPELINE_STAGES_DISABLEASG_ECSDISABLEASGSTAGE, [])
-  .config(function () {
-    Registry.pipeline.registerStage({
-      provides: 'disableServerGroup',
-      alias: 'disableAsg',
-      cloudProvider: 'ecs',
-      templateUrl: require('./disableAsgStage.html'),
-      executionDetailsUrl: PipelineTemplates.disableAsgExecutionDetails,
-      executionStepLabelUrl: require('./disableAsgStepLabel.html'),
-      validators: [
-        {
-          type: 'targetImpedance',
-          message:
-            'This pipeline will attempt to disable a server group without deploying a new version into the same cluster.',
-        },
-        { type: 'requiredField', fieldName: 'cluster' },
-        { type: 'requiredField', fieldName: 'target' },
-        { type: 'requiredField', fieldName: 'regions' },
-        { type: 'requiredField', fieldName: 'credentials', fieldLabel: 'account' },
-      ],
-    });
-  })
-  .controller('ecsDisableAsgStageCtrl', [
-    '$scope',
-    function ($scope) {
-      const stage = $scope.stage;
-
-      $scope.state = {
-        accounts: false,
-        regionsLoaded: false,
-      };
-
-      AccountService.listAccounts('ecs').then(function (accounts) {
-        $scope.accounts = accounts;
-        $scope.state.accounts = true;
-      });
-
-      $scope.targets = StageConstants.TARGET_LIST;
-
-      stage.regions = stage.regions || [];
-      stage.cloudProvider = 'ecs';
-
-      if (
-        stage.isNew &&
-        $scope.application.attributes.platformHealthOnlyShowOverride &&
-        $scope.application.attributes.platformHealthOnly
-      ) {
-        stage.interestingHealthProviderNames = ['Ecs'];
-      }
-
-      if (!stage.credentials && $scope.application.defaultCredentials.ecs) {
-        stage.credentials = $scope.application.defaultCredentials.ecs;
-      }
-      if (!stage.regions.length && $scope.application.defaultRegions.ecs) {
-        stage.regions.push($scope.application.defaultRegions.ecs);
-      }
-
-      if (!stage.target) {
-        stage.target = $scope.targets[0].val;
-      }
-    },
-  ]);
+import React from 'react';
+import { Registry } from '@spinnaker/core';
+
+import { EcsServerGroupStepLabel } from '../common/EcsServerGroupStepLabel';
+import { EcsDisableAsgStageConfig } from '../common/EcsStageConfigs';
+
+export function registerEcsDisableServerGroupStage() {
+  Registry.pipeline.registerStage({
+    provides: 'disableServerGroup',
+    alias: 'disableAsg',
+    cloudProvider: 'ecs',
+    component: EcsDisableAsgStageConfig,
+    executionStepLabelComponent: (props) =>
+      React.createElement(EcsServerGroupStepLabel, { action: 'Disable Server Group', ...props }),
+    validators: [
+      {
+        type: 'targetImpedance',
+        message:
+          'This pipeline will attempt to disable a server group without deploying a new version into the same cluster.',
+      },
+      { type: 'requiredField', fieldName: 'cluster' },
+      { type: 'requiredField', fieldName: 'target' },
+      { type: 'requiredField', fieldName: 'regions' },
+      { type: 'requiredField', fieldName: 'credentials', fieldLabel: 'account' },
+    ],
+  });
+}

package/src/pipeline/stages/disableCluster/ecsDisableClusterStage.js

@@ -1,84 +1,21 @@
-'use strict';
-
-import { module } from 'angular';
-
-import { AccountService, Registry } from '@spinnaker/core';
-
-export const ECS_PIPELINE_STAGES_DISABLECLUSTER_ECSDISABLECLUSTERSTAGE =
-  'spinnaker.ecs.pipeline.stage.disableClusterStage';
-export const name = ECS_PIPELINE_STAGES_DISABLECLUSTER_ECSDISABLECLUSTERSTAGE; // for backwards compatibility
-module(ECS_PIPELINE_STAGES_DISABLECLUSTER_ECSDISABLECLUSTERSTAGE, [])
-  .config(function () {
-    Registry.pipeline.registerStage({
-      provides: 'disableCluster',
-      cloudProvider: 'ecs',
-      templateUrl: require('./disableClusterStage.html'),
-      validators: [
-        { type: 'requiredField', fieldName: 'cluster' },
-        {
-          type: 'requiredField',
-          fieldName: 'remainingEnabledServerGroups',
-          fieldLabel: 'Keep [X] enabled Server Groups',
-        },
-        { type: 'requiredField', fieldName: 'regions' },
-        { type: 'requiredField', fieldName: 'credentials', fieldLabel: 'account' },
-      ],
-    });
-  })
-  .controller('ecsDisableClusterStageCtrl', [
-    '$scope',
-    function ($scope) {
-      const ctrl = this;
-
-      const stage = $scope.stage;
-
-      $scope.state = {
-        accounts: false,
-        regionsLoaded: false,
-      };
-
-      AccountService.listAccounts('ecs').then(function (accounts) {
-        $scope.accounts = accounts;
-        $scope.state.accounts = true;
-      });
-
-      ctrl.reset = () => {
-        ctrl.accountUpdated();
-        ctrl.resetSelectedCluster();
-      };
-
-      stage.regions = stage.regions || [];
-      stage.cloudProvider = 'ecs';
-
-      if (
-        stage.isNew &&
-        $scope.application.attributes.platformHealthOnlyShowOverride &&
-        $scope.application.attributes.platformHealthOnly
-      ) {
-        stage.interestingHealthProviderNames = ['Ecs'];
-      }
-
-      if (!stage.credentials && $scope.application.defaultCredentials.ecs) {
-        stage.credentials = $scope.application.defaultCredentials.ecs;
-      }
-      if (!stage.regions.length && $scope.application.defaultRegions.ecs) {
-        stage.regions.push($scope.application.defaultRegions.ecs);
-      }
-
-      if (stage.remainingEnabledServerGroups === undefined) {
-        stage.remainingEnabledServerGroups = 1;
-      }
-
-      ctrl.pluralize = function (str, val) {
-        if (val === 1) {
-          return str;
-        }
-        return str + 's';
-      };
-
-      if (stage.preferLargerOverNewer === undefined) {
-        stage.preferLargerOverNewer = 'false';
-      }
-      stage.preferLargerOverNewer = stage.preferLargerOverNewer.toString();
-    },
-  ]);
+import { Registry } from '@spinnaker/core';
+
+import { EcsDisableClusterStageConfig } from '../common/EcsStageConfigs';
+
+export function registerEcsDisableClusterStage() {
+  Registry.pipeline.registerStage({
+    provides: 'disableCluster',
+    cloudProvider: 'ecs',
+    component: EcsDisableClusterStageConfig,
+    validators: [
+      { type: 'requiredField', fieldName: 'cluster' },
+      {
+        type: 'requiredField',
+        fieldName: 'remainingEnabledServerGroups',
+        fieldLabel: 'Keep [X] enabled Server Groups',
+      },
+      { type: 'requiredField', fieldName: 'regions' },
+      { type: 'requiredField', fieldName: 'credentials', fieldLabel: 'account' },
+    ],
+  });
+}

package/src/pipeline/stages/enableAsg/ecsEnableAsgStage.js

@@ -1,73 +1,22 @@
-'use strict';
-
-import { module } from 'angular';
-
-import { AccountService, Registry, StageConstants } from '@spinnaker/core';
-
-export const ECS_PIPELINE_STAGES_ENABLEASG_ECSENABLEASGSTAGE = 'spinnaker.ecs.pipeline.stage.enableAsgStage';
-export const name = ECS_PIPELINE_STAGES_ENABLEASG_ECSENABLEASGSTAGE; // for backwards compatibility
-module(ECS_PIPELINE_STAGES_ENABLEASG_ECSENABLEASGSTAGE, [])
-  .config(function () {
-    Registry.pipeline.registerStage({
-      provides: 'enableServerGroup',
-      alias: 'enableAsg',
-      cloudProvider: 'ecs',
-      templateUrl: require('./enableAsgStage.html'),
-      executionStepLabelUrl: require('./enableAsgStepLabel.html'),
-      validators: [
-        { type: 'requiredField', fieldName: 'cluster' },
-        { type: 'requiredField', fieldName: 'target' },
-        { type: 'requiredField', fieldName: 'regions' },
-        { type: 'requiredField', fieldName: 'credentials', fieldLabel: 'account' },
-      ],
-    });
-  })
-  .controller('ecsEnableAsgStageCtrl', [
-    '$scope',
-    function ($scope) {
-      const ctrl = this;
-
-      const stage = $scope.stage;
-
-      $scope.state = {
-        accounts: false,
-        regionsLoaded: false,
-      };
-
-      AccountService.listAccounts('ecs').then(function (accounts) {
-        $scope.accounts = accounts;
-        $scope.state.accounts = true;
-      });
-
-      ctrl.reset = () => {
-        ctrl.accountUpdated();
-        ctrl.resetSelectedCluster();
-      };
-
-      $scope.targets = StageConstants.TARGET_LIST;
-
-      stage.regions = stage.regions || [];
-      stage.cloudProvider = 'ecs';
-
-      if (
-        stage.isNew &&
-        $scope.application.attributes.platformHealthOnlyShowOverride &&
-        $scope.application.attributes.platformHealthOnly
-      ) {
-        stage.interestingHealthProviderNames = ['Ecs'];
-      }
-
-      if (!stage.credentials && $scope.application.defaultCredentials.ecs) {
-        stage.credentials = $scope.application.defaultCredentials.ecs;
-      }
-      if (!stage.regions.length && $scope.application.defaultRegions.ecs) {
-        stage.regions.push($scope.application.defaultRegions.ecs);
-      }
-
-      if (!stage.target) {
-        stage.target = $scope.targets[0].val;
-      }
-
-      $scope.$watch('stage.credentials', $scope.accountUpdated);
-    },
-  ]);
+import React from 'react';
+import { Registry } from '@spinnaker/core';
+
+import { EcsServerGroupStepLabel } from '../common/EcsServerGroupStepLabel';
+import { EcsEnableAsgStageConfig } from '../common/EcsStageConfigs';
+
+export function registerEcsEnableServerGroupStage() {
+  Registry.pipeline.registerStage({
+    provides: 'enableServerGroup',
+    alias: 'enableAsg',
+    cloudProvider: 'ecs',
+    component: EcsEnableAsgStageConfig,
+    executionStepLabelComponent: (props) =>
+      React.createElement(EcsServerGroupStepLabel, { action: 'Enable Server Group', ...props }),
+    validators: [
+      { type: 'requiredField', fieldName: 'cluster' },
+      { type: 'requiredField', fieldName: 'target' },
+      { type: 'requiredField', fieldName: 'regions' },
+      { type: 'requiredField', fieldName: 'credentials', fieldLabel: 'account' },
+    ],
+  });
+}

package/src/pipeline/stages/findImageFromTags/EcsFindImageFromTagsExecutionDetails.tsx

@@ -0,0 +1,40 @@
+import React from 'react';
+import { ExecutionDetailsSection, StageFailureMessage } from '@spinnaker/core';
+
+export function EcsFindImageFromTagsExecutionDetails(props: any) {
+  const { stage } = props;
+  return (
+    <ExecutionDetailsSection name={props.name} current={props.current}>
+      <div className="row">
+        <div className="col-md-12">
+          <dl className="dl-narrow dl-horizontal">
+            <dt>Provider</dt>
+            <dd>ECS</dd>
+          </dl>
+        </div>
+      </div>
+      <StageFailureMessage stage={stage} message={stage.failureMessage} />
+      {stage.context?.amiDetails && (
+        <div className="row">
+          <div className="col-md-12">
+            <div className="well alert alert-info">
+              <h4>Results</h4>
+              {stage.context.amiDetails.map((image: any, index: number) => (
+                <dl key={index} className="dl-narrow dl-horizontal">
+                  <dt>Region</dt>
+                  <dd>{image.region}</dd>
+                  <dt>Image ID</dt>
+                  <dd>{image.imageId}</dd>
+                  <dt>Unique ID</dt>
+                  <dd>{image.imageName}</dd>
+                </dl>
+              ))}
+            </div>
+          </div>
+        </div>
+      )}
+    </ExecutionDetailsSection>
+  );
+}
+
+EcsFindImageFromTagsExecutionDetails.title = 'findImageConfig';

package/src/pipeline/stages/findImageFromTags/ecsFindImageFromTagStage.js

@@ -1,26 +1,14 @@
-'use strict';
+import { ExecutionDetailsTasks, Registry } from '@spinnaker/core';
 
-import { module } from 'angular';
+import { EcsFindImageFromTagsExecutionDetails } from './EcsFindImageFromTagsExecutionDetails';
+import { EcsFindImageFromTagsStageConfig } from '../common/EcsStageConfigs';
 
-import { Registry } from '@spinnaker/core';
-
-export const ECS_PIPELINE_STAGES_FINDIMAGEFROMTAGS_ECSFINDIMAGEFROMTAGSTAGE =
-  'spinnaker.ecs.pipeline.stage.findImageFromTagsStage';
-export const name = ECS_PIPELINE_STAGES_FINDIMAGEFROMTAGS_ECSFINDIMAGEFROMTAGSTAGE; // for backwards compatibility
-module(ECS_PIPELINE_STAGES_FINDIMAGEFROMTAGS_ECSFINDIMAGEFROMTAGSTAGE, [])
-  .config(function () {
-    Registry.pipeline.registerStage({
-      provides: 'findImageFromTags',
-      cloudProvider: 'ecs',
-      templateUrl: require('./findImageFromTagsStage.html'),
-      executionDetailsUrl: require('./findImageFromTagsExecutionDetails.html'),
-      executionConfigSections: ['findImageConfig', 'taskStatus'],
-      validators: [{ type: 'requiredField', fieldName: 'imageLabelOrSha' }],
-    });
-  })
-  .controller('ecsFindImageFromTagsStageCtrl', [
-    '$scope',
-    function ($scope) {
-      $scope.stage.cloudProvider = $scope.stage.cloudProvider || 'ecs';
-    },
-  ]);
+export function registerEcsFindImageFromTagsStage() {
+  Registry.pipeline.registerStage({
+    provides: 'findImageFromTags',
+    cloudProvider: 'ecs',
+    component: EcsFindImageFromTagsStageConfig,
+    executionDetailsSections: [EcsFindImageFromTagsExecutionDetails, ExecutionDetailsTasks],
+    validators: [{ type: 'requiredField', fieldName: 'imageLabelOrSha' }],
+  });
+}

package/src/pipeline/stages/resizeAsg/ecsResizeAsgStage.js

@@ -1,128 +1,30 @@
-'use strict';
-
-import { module } from 'angular';
-
-import { AccountService, Registry, StageConstants } from '@spinnaker/core';
-
-export const ECS_PIPELINE_STAGES_RESIZEASG_ECSRESIZEASGSTAGE = 'spinnaker.ecs.pipeline.stage.ecs.resizeAsgStage';
-export const name = ECS_PIPELINE_STAGES_RESIZEASG_ECSRESIZEASGSTAGE; // for backwards compatibility
-module(ECS_PIPELINE_STAGES_RESIZEASG_ECSRESIZEASGSTAGE, [])
-  .config(function () {
-    Registry.pipeline.registerStage({
-      provides: 'resizeServerGroup',
-      alias: 'resizeAsg',
-      cloudProvider: 'ecs',
-      templateUrl: require('./resizeAsgStage.html'),
-      executionConfigSections: ['resizeServerGroupConfig', 'taskStatus'],
-      executionStepLabelUrl: require('./resizeAsgStepLabel.html'),
-      accountExtractor: (stage) => [stage.context.credentials],
-      configAccountExtractor: (stage) => [stage.credentials],
-      validators: [
-        {
-          type: 'targetImpedance',
-          message:
-            'This pipeline will attempt to resize a server group without deploying a new version into the same cluster.',
-        },
-        { type: 'requiredField', fieldName: 'target' },
-        { type: 'requiredField', fieldName: 'action' },
-        { type: 'requiredField', fieldName: 'regions' },
-        { type: 'requiredField', fieldName: 'cluster' },
-        { type: 'requiredField', fieldName: 'credentials', fieldLabel: 'account' },
-      ],
-    });
-  })
-  .controller('ecsResizeAsgStageCtrl', [
-    '$scope',
-    function ($scope) {
-      const ctrl = this;
-
-      const stage = $scope.stage;
-
-      $scope.viewState = {
-        accountsLoaded: false,
-        regionsLoaded: false,
-      };
-
-      AccountService.listAccounts('ecs').then(function (accounts) {
-        $scope.accounts = accounts;
-        $scope.viewState.accountsLoaded = true;
-      });
-
-      $scope.resizeTargets = StageConstants.TARGET_LIST;
-
-      $scope.scaleActions = [
-        {
-          label: 'Scale Up',
-          val: 'scale_up',
-        },
-        {
-          label: 'Scale Down',
-          val: 'scale_down',
-        },
-        {
-          label: 'Scale to Cluster Size',
-          val: 'scale_to_cluster',
-        },
-        {
-          label: 'Scale to Exact Size',
-          val: 'scale_exact',
-        },
-      ];
-
-      $scope.resizeTypes = [
-        {
-          label: 'Percentage',
-          val: 'pct',
-        },
-        {
-          label: 'Incremental',
-          val: 'incr',
-        },
-      ];
-
-      stage.capacity = stage.capacity || {};
-      stage.regions = stage.regions || [];
-      stage.target = stage.target || $scope.resizeTargets[0].val;
-      stage.action = stage.action || $scope.scaleActions[0].val;
-      stage.resizeType = stage.resizeType || $scope.resizeTypes[0].val;
-      if (stage.targetHealthyDeployPercentage === undefined) {
-        stage.targetHealthyDeployPercentage = 100;
-      }
-      if (!stage.action && stage.resizeType === 'exact') {
-        stage.action = 'scale_exact';
-      }
-      stage.cloudProvider = 'ecs';
-
-      if (
-        stage.isNew &&
-        $scope.application.attributes.platformHealthOnlyShowOverride &&
-        $scope.application.attributes.platformHealthOnly
-      ) {
-        stage.interestingHealthProviderNames = ['Ecs'];
-      }
-
-      if (!stage.credentials && $scope.application.defaultCredentials.ecs) {
-        stage.credentials = $scope.application.defaultCredentials.ecs;
-      }
-      if (!stage.regions.length && $scope.application.defaultRegions.ecs) {
-        stage.regions.push($scope.application.defaultRegions.ecs);
-      }
-
-      ctrl.updateResizeType = function () {
-        if (stage.action === 'scale_exact') {
-          stage.resizeType = 'exact';
-          delete stage.scalePct;
-          delete stage.scaleNum;
-        } else {
-          stage.capacity = {};
-          if (stage.resizeType === 'pct') {
-            delete stage.scaleNum;
-          } else {
-            stage.resizeType = 'incr';
-            delete stage.scalePct;
-            stage.scaleNum = stage.scaleNum || 0;
-          }
-        }
-      };
-    },
-  ]);
+import React from 'react';
+import { Registry } from '@spinnaker/core';
+
+import { EcsServerGroupStepLabel } from '../common/EcsServerGroupStepLabel';
+import { EcsResizeAsgStageConfig } from '../common/EcsStageConfigs';
+
+export function registerEcsResizeServerGroupStage() {
+  Registry.pipeline.registerStage({
+    provides: 'resizeServerGroup',
+    alias: 'resizeAsg',
+    cloudProvider: 'ecs',
+    component: EcsResizeAsgStageConfig,
+    executionStepLabelComponent: (props) =>
+      React.createElement(EcsServerGroupStepLabel, { action: 'Resize Server Group', ...props }),
+    accountExtractor: (stage) => [stage.context.credentials],
+    configAccountExtractor: (stage) => [stage.credentials],
+    validators: [
+      {
+        type: 'targetImpedance',
+        message:
+          'This pipeline will attempt to resize a server group without deploying a new version into the same cluster.',
+      },
+      { type: 'requiredField', fieldName: 'target' },
+      { type: 'requiredField', fieldName: 'action' },
+      { type: 'requiredField', fieldName: 'regions' },
+      { type: 'requiredField', fieldName: 'cluster' },
+      { type: 'requiredField', fieldName: 'credentials', fieldLabel: 'account' },
+    ],
+  });
+}

package/src/pipeline/stages/scaleDownCluster/ecsScaleDownClusterStage.js

@@ -1,78 +1,24 @@
-'use strict';
-
-import { module } from 'angular';
-
-import { AccountService, Registry } from '@spinnaker/core';
-
-export const ECS_PIPELINE_STAGES_SCALEDOWNCLUSTER_ECSSCALEDOWNCLUSTERSTAGE =
-  'spinnaker.ecs.pipeline.stage.scaleDownClusterStage';
-export const name = ECS_PIPELINE_STAGES_SCALEDOWNCLUSTER_ECSSCALEDOWNCLUSTERSTAGE; // for backwards compatibility
-module(ECS_PIPELINE_STAGES_SCALEDOWNCLUSTER_ECSSCALEDOWNCLUSTERSTAGE, [])
-  .config(function () {
-    Registry.pipeline.registerStage({
-      provides: 'scaleDownCluster',
-      cloudProvider: 'ecs',
-      templateUrl: require('./scaleDownClusterStage.html'),
-      accountExtractor: (stage) => [stage.context.credentials],
-      configAccountExtractor: (stage) => [stage.credentials],
-      validators: [
-        { type: 'requiredField', fieldName: 'cluster' },
-        {
-          type: 'requiredField',
-          fieldName: 'remainingFullSizeServerGroups',
-          fieldLabel: 'Keep [X] full size Server Groups',
-        },
-        { type: 'requiredField', fieldName: 'regions' },
-        { type: 'requiredField', fieldName: 'credentials', fieldLabel: 'account' },
-      ],
-      strategy: true,
-    });
-  })
-  .controller('ecsScaleDownClusterStageCtrl', [
-    '$scope',
-    function ($scope) {
-      const ctrl = this;
-
-      const stage = $scope.stage;
-
-      $scope.state = {
-        accounts: false,
-        regionsLoaded: false,
-      };
-
-      AccountService.listAccounts('ecs').then(function (accounts) {
-        $scope.accounts = accounts;
-        $scope.state.accounts = true;
-      });
-
-      stage.regions = stage.regions || [];
-      stage.cloudProvider = 'ecs';
-
-      if (!stage.credentials && $scope.application.defaultCredentials.ecs) {
-        stage.credentials = $scope.application.defaultCredentials.ecs;
-      }
-      if (!stage.regions.length && $scope.application.defaultRegions.ecs) {
-        stage.regions.push($scope.application.defaultRegions.ecs);
-      }
-
-      if (stage.remainingFullSizeServerGroups === undefined) {
-        stage.remainingFullSizeServerGroups = 1;
-      }
-
-      if (stage.allowScaleDownActive === undefined) {
-        stage.allowScaleDownActive = false;
-      }
-
-      ctrl.pluralize = function (str, val) {
-        if (val === 1) {
-          return str;
-        }
-        return str + 's';
-      };
-
-      if (stage.preferLargerOverNewer === undefined) {
-        stage.preferLargerOverNewer = 'false';
-      }
-      stage.preferLargerOverNewer = stage.preferLargerOverNewer.toString();
-    },
-  ]);
+import { Registry } from '@spinnaker/core';
+
+import { EcsScaleDownClusterStageConfig } from '../common/EcsStageConfigs';
+
+export function registerEcsScaleDownClusterStage() {
+  Registry.pipeline.registerStage({
+    provides: 'scaleDownCluster',
+    cloudProvider: 'ecs',
+    component: EcsScaleDownClusterStageConfig,
+    accountExtractor: (stage) => [stage.context.credentials],
+    configAccountExtractor: (stage) => [stage.credentials],
+    validators: [
+      { type: 'requiredField', fieldName: 'cluster' },
+      {
+        type: 'requiredField',
+        fieldName: 'remainingFullSizeServerGroups',
+        fieldLabel: 'Keep [X] full size Server Groups',
+      },
+      { type: 'requiredField', fieldName: 'regions' },
+      { type: 'requiredField', fieldName: 'credentials', fieldLabel: 'account' },
+    ],
+    strategy: true,
+  });
+}