diff --git a/app/scripts/modules/core/src/domain/IExecutionStage.ts b/app/scripts/modules/core/src/domain/IExecutionStage.ts
index 508566647d5..b599ef7041c 100644
--- a/app/scripts/modules/core/src/domain/IExecutionStage.ts
+++ b/app/scripts/modules/core/src/domain/IExecutionStage.ts
@@ -39,6 +39,7 @@ export interface IExecutionDetailsComponentProps {
application: Application;
detailsSections: IExecutionDetailsSection[];
execution: IExecution;
+ provider: string;
stage: IExecutionStage;
}
diff --git a/app/scripts/modules/core/src/pipeline/config/stages/cloneServerGroup/CloneServerGroupExecutionDetails.tsx b/app/scripts/modules/core/src/pipeline/config/stages/cloneServerGroup/CloneServerGroupExecutionDetails.tsx
new file mode 100644
index 00000000000..740d0e301cb
--- /dev/null
+++ b/app/scripts/modules/core/src/pipeline/config/stages/cloneServerGroup/CloneServerGroupExecutionDetails.tsx
@@ -0,0 +1,125 @@
+import * as React from 'react';
+import { find, get } from 'lodash';
+
+import { NgReact, ReactInjector } from 'core/reactShims';
+import { StageFailureMessage } from 'core/delivery/details';
+import { ExecutionDetailsSection, IExecutionDetailsSectionProps } from '../core';
+
+export interface IDeployResult {
+ type: string;
+ application: string;
+ serverGroup: string;
+ account: string;
+ region: string;
+ provider: string;
+ project: string;
+ href?: string;
+}
+
+export interface ICloneServerGroupExecutionDetailsState {
+ deployResults: IDeployResult[];
+}
+
+export class CloneServerGroupExecutionDetails extends React.Component
{
+ public static title = 'cloneServerGroupConfig';
+
+ constructor(props: IExecutionDetailsSectionProps) {
+ super(props);
+ this.state = { deployResults: [] }
+ }
+
+ private addDeployedArtifacts(props: IExecutionDetailsSectionProps): void {
+ const tasks = get(props, ['stage', 'context', 'kato.tasks'], []);
+ if (tasks.length === 0) {
+ return;
+ }
+ const resultObjects: { [key: string]: {[key: string]: string[]} } = tasks[0].resultObjects;
+ if (!resultObjects || Object.keys(resultObjects).length === 0) {
+ return;
+ }
+
+ const context = get(props, 'stage.context', {} as any);
+ // Find the result object that contains the passed in key
+ let deployResults: IDeployResult[] = [];
+ const deployedArtifacts = find(resultObjects, 'serverGroupNames');
+ if (deployedArtifacts) {
+ const deployedServerGroups = (deployedArtifacts['serverGroupNames'] || []).filter((a) => a.includes(':'));
+ deployResults = deployedServerGroups.map((serverGroupNameAndRegion: string) => {
+ const [region, serverGroupName] = serverGroupNameAndRegion.split(':');
+ const result: IDeployResult = {
+ type: 'serverGroups',
+ application: context.application,
+ serverGroup: serverGroupName,
+ account: context.credentials,
+ region: region,
+ provider: 'aws',
+ project: ReactInjector.$stateParams.project,
+ };
+ result.href = ReactInjector.urlBuilderService.buildFromMetadata(result);
+ return result;
+ });
+ }
+ this.setState({ deployResults });
+ }
+
+ public componentDidMount(): void {
+ this.addDeployedArtifacts(this.props);
+ }
+
+ public componentWillReceiveProps(nextProps: IExecutionDetailsSectionProps) {
+ if (nextProps.stage !== this.props.stage) {
+ this.addDeployedArtifacts(nextProps);
+ }
+ }
+
+ public render() {
+ const { AccountTag } = NgReact;
+ const { deployResults } = this.state;
+ const { stage, current, name } = this.props;
+ const specifiedCapacity = !stage.context.useSourceCapacity && stage.context.capacity;
+ return (
+
+
+
+
+ - Account
+ - Region
+ - {stage.context.region}
+ - Cluster
+ - {stage.context.targetCluster}
+ - Server Group
+ - {stage.context.source.serverGroupName}
+ {specifiedCapacity && - Capacity
}
+ {specifiedCapacity && - Min: {stage.context.capacity.min} / Desired: {stage.context.capacity.desired} / Max: {stage.context.capacity.max}
}
+
+
+
+
+
+ Deployed:
+ {(deployResults || []).map((result) => )}
+
+
+