@spinnaker/cloudfoundry 0.0.0-main-2

package/src/pipeline/stages/runJob/RunJobExecutionDetails.tsx

@@ -0,0 +1,62 @@
+import { get } from 'lodash';
+import React from 'react';
+
+import type { IExecutionDetailsSectionProps } from '@spinnaker/core';
+import { AccountTag, ExecutionDetailsSection } from '@spinnaker/core';
+import {
+  CloudFoundryRecentLogs,
+  CloudFoundryRecentLogsType,
+} from '../../../presentation/widgets/recentLogs/CloudFoundryRecentLogs';
+
+export class RunJobExecutionDetails extends React.Component<IExecutionDetailsSectionProps> {
+  public static title = 'runJobDetails';
+
+  public render() {
+    const { stage, name, current } = this.props;
+    const { context } = stage;
+    const account = context['deploy.account.name'];
+    const region = get(stage, ['context', 'jobStatus', 'location'], '');
+    const taskId = get(stage, ['context', 'jobStatus', 'id'], '');
+    const taskName = get(stage, ['context', 'jobStatus', 'name'], '');
+    const logsUrl: string = get(stage, ['context', 'logsUrl']);
+
+    return (
+      <ExecutionDetailsSection name={name} current={current}>
+        <div className="row">
+          <div className="col-md-9">
+            <dl className="dl-narrow dl-horizontal">
+              <dt>Account</dt>
+              <dd>
+                <AccountTag account={account} />
+              </dd>
+              {region && (
+                <>
+                  <dt>Region</dt>
+                  <dd>{region}</dd>
+                  <dt>Logs</dt>
+                  <dd>
+                    <CloudFoundryRecentLogs
+                      account={account}
+                      region={region}
+                      resourceDisplayName={taskName}
+                      resourceGuid={taskId}
+                      logsType={CloudFoundryRecentLogsType.TASK}
+                    />
+                  </dd>
+                  {logsUrl && (
+                    <dd>
+                      <a target="_blank" href={logsUrl}>
+                        External
+                      </a>
+                    </dd>
+                  )}
+                </>
+              )}
+              {!region && <div className="well">Collecting additional details...</div>}
+            </dl>
+          </div>
+        </div>
+      </ExecutionDetailsSection>
+    );
+  }
+}

package/src/pipeline/stages/runJob/cloudFoundryRunJob.module.ts

@@ -0,0 +1,24 @@
+import type { IStage } from '@spinnaker/core';
+import { ExecutionDetailsTasks, Registry } from '@spinnaker/core';
+
+import { CloudFoundryRunJobStageConfig } from './CloudFoundryRunJobStageConfig';
+import { RunJobExecutionDetails } from './RunJobExecutionDetails';
+
+Registry.pipeline.registerStage({
+  accountExtractor: (stage: IStage) => [stage.context.credentials],
+  component: CloudFoundryRunJobStageConfig,
+  configAccountExtractor: (stage: IStage) => [stage.credentials],
+  cloudProvider: 'cloudfoundry',
+  key: 'runJob',
+  provides: 'runJob',
+  restartable: true,
+  executionDetailsSections: [ExecutionDetailsTasks, RunJobExecutionDetails],
+  supportsCustomTimeout: true,
+  validators: [
+    { type: 'requiredField', fieldName: 'credentials' },
+    { type: 'requiredField', fieldName: 'region' },
+    { type: 'requiredField', fieldName: 'cluster' },
+    { type: 'requiredField', fieldName: 'target' },
+    { type: 'requiredField', fieldName: 'command' },
+  ],
+});

package/src/pipeline/stages/shareService/CloudFoundryShareServiceExecutionDetails.tsx

@@ -0,0 +1,52 @@
+import { get } from 'lodash';
+import React from 'react';
+
+import type { IExecutionDetailsSectionProps } from '@spinnaker/core';
+import { AccountTag, ExecutionDetailsSection, StageExecutionLogs, StageFailureMessage } from '@spinnaker/core';
+
+export function CloudFoundryShareServiceExecutionDetails(props: IExecutionDetailsSectionProps) {
+  const { stage } = props;
+  const { context } = stage;
+  const account = get(context, 'service.account', undefined);
+  const region = get(context, 'service.region', undefined);
+  const serviceInstanceName = get(context, 'serviceInstanceName', undefined);
+  const shareToRegions = get(context, 'shareToRegions', undefined);
+  return (
+    <ExecutionDetailsSection name={props.name} current={props.current}>
+      <div className="step-section-details">
+        <div className="row">
+          <div className="col-md-12">
+            <dl className="dl-horizontal">
+              <dt>Account</dt>
+              <dd>
+                <AccountTag account={account} />
+              </dd>
+              <dt>Region</dt>
+              <dd>
+                {region}
+                <br />
+              </dd>
+              <dt>Service Instance Name</dt>
+              <dd>
+                {serviceInstanceName}
+                <br />
+              </dd>
+              <dt>Sharing Regions</dt>
+              <dd>
+                {shareToRegions.join(', ')}
+                <br />
+              </dd>
+            </dl>
+          </div>
+        </div>
+      </div>
+      <StageFailureMessage stage={stage} message={stage.failureMessage} />
+      <StageExecutionLogs stage={stage} />
+    </ExecutionDetailsSection>
+  );
+}
+
+// eslint-disable-next-line
+export namespace CloudFoundryShareServiceExecutionDetails {
+  export const title = 'cloudfoundryShareServiceConfig';
+}

package/src/pipeline/stages/shareService/CloudFoundryShareServiceStageConfig.tsx

@@ -0,0 +1,141 @@
+import React from 'react';
+import type { Option } from 'react-select';
+import Select from 'react-select';
+import { from as observableFrom, Subject } from 'rxjs';
+import { takeUntil } from 'rxjs/operators';
+
+import type { IAccount, IRegion, IStageConfigProps } from '@spinnaker/core';
+import { AccountService, ReactSelectInput, StageConfigField, TextInput } from '@spinnaker/core';
+
+interface ICloudFoundryShareServiceStageConfigState {
+  accounts: IAccount[];
+  regions: string[];
+  shareToRegionsList: string[];
+}
+
+export class CloudFoundryShareServiceStageConfig extends React.Component<
+  IStageConfigProps,
+  ICloudFoundryShareServiceStageConfigState
+> {
+  private destroy$ = new Subject();
+
+  constructor(props: IStageConfigProps) {
+    super(props);
+    props.stage.cloudProvider = 'cloudfoundry';
+    this.state = {
+      accounts: [],
+      regions: [],
+      shareToRegionsList: [],
+    };
+  }
+
+  public componentDidMount(): void {
+    observableFrom(AccountService.listAccounts('cloudfoundry'))
+      .pipe(takeUntil(this.destroy$))
+      .subscribe((accounts) => this.setState({ accounts }));
+    if (this.props.stage.credentials) {
+      this.clearAndReloadRegions();
+    }
+  }
+
+  public componentWillUnmount(): void {
+    this.destroy$.next();
+  }
+
+  private clearAndReloadRegions = () => {
+    this.setState({ regions: [] });
+    observableFrom(AccountService.getRegionsForAccount(this.props.stage.credentials))
+      .pipe(takeUntil(this.destroy$))
+      .subscribe((regionList: IRegion[]) => {
+        const { region } = this.props.stage;
+        const regions = regionList.map((r) => r.name);
+        regions.sort((a, b) => a.localeCompare(b));
+        this.setState({ regions });
+        if (region) {
+          this.clearAndResetShareToRegionList(region, regions);
+        }
+      });
+  };
+
+  private serviceInstanceNameUpdated = (event: React.ChangeEvent<HTMLInputElement>) => {
+    this.props.updateStageField({ serviceInstanceName: event.target.value });
+  };
+
+  private clearAndResetShareToRegionList = (region: string, regions: string[]) => {
+    this.setState({ shareToRegionsList: regions.filter((r) => r !== region) });
+  };
+
+  private accountUpdated = (option: Option<string>) => {
+    const credentials = option.target.value;
+    this.setState({
+      regions: [],
+      shareToRegionsList: [],
+    });
+    this.props.updateStageField({
+      credentials,
+      region: '',
+      shareToRegions: [],
+    });
+    if (credentials) {
+      this.clearAndReloadRegions();
+    }
+  };
+
+  private regionUpdated = (option: Option<string>) => {
+    const region = option.target.value;
+    this.setState({ shareToRegionsList: [] });
+    this.props.updateStageField({
+      region,
+      shareToRegions: [],
+    });
+    this.clearAndResetShareToRegionList(region, this.state.regions);
+  };
+
+  private shareToRegionsUpdated = (option: Option<string>) => {
+    this.props.updateStageField({ shareToRegions: option.map((o: Option) => o.value) });
+  };
+
+  public render() {
+    const { credentials, region, serviceInstanceName, shareToRegions } = this.props.stage;
+    const { accounts, regions, shareToRegionsList } = this.state;
+
+    return (
+      <div className="form-horizontal">
+        <StageConfigField label="Account">
+          <ReactSelectInput
+            clearable={false}
+            onChange={this.accountUpdated}
+            value={credentials}
+            stringOptions={accounts.map((it) => it.name)}
+          />
+        </StageConfigField>
+        <StageConfigField label="Region">
+          <ReactSelectInput clearable={false} onChange={this.regionUpdated} value={region} stringOptions={regions} />
+        </StageConfigField>
+        <StageConfigField label="Service Instance Name">
+          <TextInput
+            type="text"
+            className="form-control"
+            onChange={this.serviceInstanceNameUpdated}
+            value={serviceInstanceName}
+          />
+        </StageConfigField>
+        <StageConfigField label="Share To Regions">
+          <Select
+            options={
+              shareToRegionsList &&
+              shareToRegionsList.map((r: string) => ({
+                label: r,
+                value: r,
+              }))
+            }
+            multi={true}
+            clearable={false}
+            value={shareToRegions}
+            onChange={this.shareToRegionsUpdated}
+          />
+        </StageConfigField>
+      </div>
+    );
+  }
+}

package/src/pipeline/stages/shareService/cloudFoundryShareServiceStage.module.ts

@@ -0,0 +1,21 @@
+import type { IStage } from '@spinnaker/core';
+import { ExecutionDetailsTasks, Registry } from '@spinnaker/core';
+
+import { CloudFoundryShareServiceExecutionDetails } from './CloudFoundryShareServiceExecutionDetails';
+import { CloudFoundryShareServiceStageConfig } from './CloudFoundryShareServiceStageConfig';
+
+Registry.pipeline.registerStage({
+  accountExtractor: (stage: IStage) => [stage.context.credentials],
+  configAccountExtractor: (stage: IStage) => [stage.credentials],
+  provides: 'shareService',
+  key: 'shareService',
+  cloudProvider: 'cloudfoundry',
+  component: CloudFoundryShareServiceStageConfig,
+  executionDetailsSections: [CloudFoundryShareServiceExecutionDetails, ExecutionDetailsTasks],
+  supportsCustomTimeout: true,
+  validators: [
+    { type: 'requiredField', fieldName: 'credentials', fieldLabel: 'account' },
+    { type: 'requiredField', fieldName: 'region' },
+    { type: 'requiredField', fieldName: 'serviceInstanceName', preventSave: true },
+  ],
+});

package/src/pipeline/stages/unmapLoadBalancers/cloudFoundryUnmapLoadBalancersStage.module.ts

@@ -0,0 +1,21 @@
+import type { IStage } from '@spinnaker/core';
+import { ExecutionDetailsTasks, Registry } from '@spinnaker/core';
+import { CloudFoundryLoadBalancersExecutionDetails, CloudFoundryLoadBalancersStageConfig } from '../../../presentation';
+
+Registry.pipeline.registerStage({
+  accountExtractor: (stage: IStage) => [stage.context.credentials],
+  configAccountExtractor: (stage: IStage) => [stage.credentials],
+  cloudProvider: 'cloudfoundry',
+  component: CloudFoundryLoadBalancersStageConfig,
+  description: 'Unmap a load balancer',
+  executionDetailsSections: [CloudFoundryLoadBalancersExecutionDetails, ExecutionDetailsTasks],
+  key: 'unmapLoadBalancers',
+  label: 'Unmap Load Balancer',
+  validators: [
+    { type: 'requiredField', preventSave: true, fieldName: 'cluster' },
+    { type: 'requiredField', preventSave: true, fieldName: 'credentials', fieldLabel: 'account' },
+    { type: 'requiredField', preventSave: true, fieldName: 'region' },
+    { type: 'requiredField', preventSave: true, fieldName: 'target' },
+    { type: 'cfRequiredRoutesField', preventSave: true, fieldName: 'loadBalancerNames' },
+  ],
+});

package/src/pipeline/stages/unshareService/CloudFoundryUnshareServiceExecutionDetails.tsx

@@ -0,0 +1,46 @@
+import { get } from 'lodash';
+import React from 'react';
+
+import type { IExecutionDetailsSectionProps } from '@spinnaker/core';
+import { AccountTag, ExecutionDetailsSection, StageExecutionLogs, StageFailureMessage } from '@spinnaker/core';
+
+export function CloudFoundryUnshareServiceExecutionDetails(props: IExecutionDetailsSectionProps) {
+  const { stage } = props;
+  const { context } = stage;
+  const account = get(context, 'service.account', undefined);
+  const serviceInstanceName = get(context, 'serviceInstanceName', undefined);
+  const unshareFromRegions = get(context, 'unshareFromRegions', undefined);
+  return (
+    <ExecutionDetailsSection name={props.name} current={props.current}>
+      <div className="step-section-details">
+        <div className="row">
+          <div className="col-md-12">
+            <dl className="dl-horizontal">
+              <dt>Account</dt>
+              <dd>
+                <AccountTag account={account} />
+              </dd>
+              <dt>Service Instance Name</dt>
+              <dd>
+                {serviceInstanceName}
+                <br />
+              </dd>
+              <dt>Unsharing Regions</dt>
+              <dd>
+                {unshareFromRegions.join(', ')}
+                <br />
+              </dd>
+            </dl>
+          </div>
+        </div>
+      </div>
+      <StageFailureMessage stage={stage} message={stage.failureMessage} />
+      <StageExecutionLogs stage={stage} />
+    </ExecutionDetailsSection>
+  );
+}
+
+// eslint-disable-next-line
+export namespace CloudFoundryUnshareServiceExecutionDetails {
+  export const title = 'cloudfoundryUnshareServiceConfig';
+}

package/src/pipeline/stages/unshareService/CloudFoundryUnshareServiceStageConfig.tsx

@@ -0,0 +1,114 @@
+import React from 'react';
+import type { Option } from 'react-select';
+import Select from 'react-select';
+import { from as observableFrom, Subject } from 'rxjs';
+import { takeUntil } from 'rxjs/operators';
+
+import type { IAccount, IRegion, IStageConfigProps } from '@spinnaker/core';
+import { AccountService, ReactSelectInput, StageConfigField, TextInput } from '@spinnaker/core';
+
+interface ICloudFoundryShareServiceStageConfigState {
+  accounts: IAccount[];
+  regions: string[];
+}
+
+export class CloudFoundryUnshareServiceStageConfig extends React.Component<
+  IStageConfigProps,
+  ICloudFoundryShareServiceStageConfigState
+> {
+  private destroy$ = new Subject();
+
+  constructor(props: IStageConfigProps) {
+    super(props);
+    props.stage.cloudProvider = 'cloudfoundry';
+    this.state = {
+      accounts: [],
+      regions: [],
+    };
+  }
+
+  public componentDidMount(): void {
+    observableFrom(AccountService.listAccounts('cloudfoundry'))
+      .pipe(takeUntil(this.destroy$))
+      .subscribe((accounts) => this.setState({ accounts }));
+    if (this.props.stage.credentials) {
+      this.clearAndReloadRegions();
+    }
+  }
+
+  public componentWillUnmount(): void {
+    this.destroy$.next();
+  }
+
+  private clearAndReloadRegions = () => {
+    this.setState({ regions: [] });
+    observableFrom(AccountService.getRegionsForAccount(this.props.stage.credentials))
+      .pipe(takeUntil(this.destroy$))
+      .subscribe((regionList: IRegion[]) => {
+        const regions = regionList.map((r) => r.name);
+        regions.sort((a, b) => a.localeCompare(b));
+        this.setState({ regions });
+      });
+  };
+
+  private serviceInstanceNameUpdated = (event: React.ChangeEvent<HTMLInputElement>) => {
+    this.props.updateStageField({ serviceInstanceName: event.target.value });
+  };
+
+  private accountUpdated = (option: Option<string>) => {
+    const credentials = option.target.value;
+    this.setState({ regions: [] });
+    this.props.updateStageField({
+      credentials,
+      unshareFromRegions: [],
+    });
+    if (credentials) {
+      this.clearAndReloadRegions();
+    }
+  };
+
+  private unshareFromRegionsUpdated = (option: Option<string>) => {
+    this.props.updateStageField({ unshareFromRegions: option.map((o: Option) => o.value) });
+  };
+
+  public render() {
+    const { credentials, serviceInstanceName, unshareFromRegions } = this.props.stage;
+    const { accounts, regions } = this.state;
+
+    return (
+      <div className="form-horizontal">
+        <StageConfigField label="Account">
+          <ReactSelectInput
+            clearable={false}
+            onChange={this.accountUpdated}
+            value={credentials}
+            stringOptions={accounts.map((it) => it.name)}
+          />
+        </StageConfigField>
+        <StageConfigField label="Service Instance Name">
+          <TextInput
+            type="text"
+            className="form-control"
+            onChange={this.serviceInstanceNameUpdated}
+            value={serviceInstanceName}
+          />
+        </StageConfigField>
+        <StageConfigField label="Unshare From Regions">
+          <Select
+            options={
+              regions &&
+              regions.map((r: string) => ({
+                label: r,
+                value: r,
+              }))
+            }
+            multi={true}
+            clearable={false}
+            value={unshareFromRegions}
+            onChange={this.unshareFromRegionsUpdated}
+          />
+        </StageConfigField>
+      </div>
+    );
+  }
+}

package/src/pipeline/stages/unshareService/cloudFoundryUnshareServiceStage.module.ts

@@ -0,0 +1,21 @@
+import type { IStage } from '@spinnaker/core';
+import { ExecutionDetailsTasks, Registry } from '@spinnaker/core';
+
+import { CloudFoundryUnshareServiceExecutionDetails } from './CloudFoundryUnshareServiceExecutionDetails';
+import { CloudFoundryUnshareServiceStageConfig } from './CloudFoundryUnshareServiceStageConfig';
+
+Registry.pipeline.registerStage({
+  accountExtractor: (stage: IStage) => [stage.context.credentials],
+  configAccountExtractor: (stage: IStage) => [stage.credentials],
+  provides: 'unshareService',
+  key: 'unshareService',
+  cloudProvider: 'cloudfoundry',
+  component: CloudFoundryUnshareServiceStageConfig,
+  controller: 'cfUnshareServiceStageCtrl',
+  executionDetailsSections: [CloudFoundryUnshareServiceExecutionDetails, ExecutionDetailsTasks],
+  supportsCustomTimeout: true,
+  validators: [
+    { type: 'requiredField', fieldName: 'credentials', fieldLabel: 'account' },
+    { type: 'requiredField', fieldName: 'serviceInstanceName', preventSave: true },
+  ],
+});

package/src/presentation/forms/index.ts

@@ -0,0 +1,2 @@
+export * from './inputs';
+export * from './serverGroup';

package/src/presentation/forms/inputs/FormikConfigField.tsx

@@ -0,0 +1,28 @@
+import React from 'react';
+
+import { HelpField } from '@spinnaker/core';
+
+export interface IFormikConfigFieldProps {
+  label: string;
+  helpKey?: string;
+  children?: React.ReactNode;
+}
+
+export class FormikConfigField extends React.Component<IFormikConfigFieldProps> {
+  constructor(props: IFormikConfigFieldProps) {
+    super(props);
+  }
+
+  public render(): JSX.Element {
+    const { label, helpKey, children } = this.props;
+    return (
+      <div className={'StandardFieldLayout flex-container-h baseline margin-between-lg'}>
+        <label className={`sm-label-right`}>
+          <span className="label-text">{label} </span>
+          {helpKey && <HelpField id={helpKey} />}
+        </label>
+        <div className={`flex-grow`}>{children}</div>
+      </div>
+    );
+  }
+}

package/src/presentation/forms/inputs/index.ts

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

package/src/presentation/forms/serverGroup/Buildpacks.tsx

@@ -0,0 +1,69 @@
+import { FieldArray, getIn } from 'formik';
+import React from 'react';
+
+import { FormikFormField, TextInput } from '@spinnaker/core';
+import type { ICloudFoundryCreateServerGroupCommand } from '../../../serverGroup/configure/serverGroupConfigurationModel.cf';
+
+export interface IBuildpacksProps {
+  fieldName: string;
+  onChange?: (value: string[]) => void;
+}
+
+export class Buildpacks extends React.Component<IBuildpacksProps> {
+  public render() {
+    const { fieldName, onChange } = this.props;
+    return (
+      <div>
+        <div className="form-group">
+          <div className="col-md-12">
+            <b>Buildpacks</b>
+            <FieldArray
+              name={fieldName}
+              render={(arrayHelpers) => {
+                const serverGroupCommand: ICloudFoundryCreateServerGroupCommand = arrayHelpers.form.values;
+                const buildpacks: string[] = getIn(serverGroupCommand, fieldName) || [];
+
+                return (
+                  <table className="table table-condensed packed metadata">
+                    <tbody>
+                      {buildpacks.map((_, index: number) => (
+                        <tr key={index}>
+                          <td>
+                            <div className="sp-margin-m-bottom">
+                              <FormikFormField
+                                name={`${fieldName}[${index}]`}
+                                onChange={() => {
+                                  onChange && onChange(getIn(serverGroupCommand, fieldName) || []);
+                                }}
+                                input={(props) => <TextInput {...props} />}
+                                required={true}
+                              />
+                            </div>
+                          </td>
+                          <td>
+                            <a className="btn btn-link sm-label" onClick={() => arrayHelpers.remove(index)}>
+                              <span className="glyphicon glyphicon-trash" />
+                            </a>
+                          </td>
+                        </tr>
+                      ))}
+                    </tbody>
+                    <tfoot>
+                      <tr>
+                        <td colSpan={2}>
+                          <button type="button" className="add-new col-md-12" onClick={() => arrayHelpers.push('')}>
+                            <span className="glyphicon glyphicon-plus-sign" /> Add New Buildpack
+                          </button>
+                        </td>
+                      </tr>
+                    </tfoot>
+                  </table>
+                );
+              }}
+            />
+          </div>
+        </div>
+      </div>
+    );
+  }
+}