@spinnaker/cloudfoundry 0.0.0-main-2

package/src/serverGroup/details/sections/ApplicationManagerSection.tsx

@@ -0,0 +1,28 @@
+import React from 'react';
+
+import { CollapsibleSection } from '@spinnaker/core';
+import type { ICloudFoundryServerGroupDetailsSectionProps } from './ICloudFoundryServerGroupDetailsSectionProps';
+
+export class ApplicationManagerSection extends React.Component<ICloudFoundryServerGroupDetailsSectionProps> {
+  constructor(props: ICloudFoundryServerGroupDetailsSectionProps) {
+    super(props);
+  }
+
+  public render(): JSX.Element {
+    const { serverGroup } = this.props;
+    const { appsManagerUri } = serverGroup;
+    return (
+      <>
+        {appsManagerUri && (
+          <CollapsibleSection heading="Apps Manager" defaultExpanded={true}>
+            <div>
+              <a href={appsManagerUri} target="_blank">
+                Apps Manager
+              </a>
+            </div>
+          </CollapsibleSection>
+        )}
+      </>
+    );
+  }
+}

package/src/serverGroup/details/sections/BoundServicesSection.tsx

@@ -0,0 +1,39 @@
+import { isEmpty } from 'lodash';
+import React from 'react';
+
+import { CollapsibleSection } from '@spinnaker/core';
+
+import type { ICloudFoundryServerGroupDetailsSectionProps } from './ICloudFoundryServerGroupDetailsSectionProps';
+import type { ICloudFoundryServiceInstance } from '../../../domain';
+
+export class BoundServicesSection extends React.Component<ICloudFoundryServerGroupDetailsSectionProps> {
+  constructor(props: ICloudFoundryServerGroupDetailsSectionProps) {
+    super(props);
+  }
+
+  public render(): JSX.Element {
+    const { serverGroup } = this.props;
+    return (
+      <>
+        {!isEmpty(serverGroup.serviceInstances) && (
+          <CollapsibleSection heading="Bound Services" defaultExpanded={true}>
+            <dl className="dl-horizontal dl-narrow">
+              {serverGroup.serviceInstances.map(function (service: ICloudFoundryServiceInstance, index: number) {
+                return (
+                  <div key={index}>
+                    <dt>Name</dt>
+                    <dd>{service.name}</dd>
+                    <dt>Plan</dt>
+                    <dd>{service.plan}</dd>
+                    <dt>Tags</dt>
+                    {service.tags && <dd>{service.tags.join(', ')}</dd>}
+                  </div>
+                );
+              })}
+            </dl>
+          </CollapsibleSection>
+        )}
+      </>
+    );
+  }
+}

package/src/serverGroup/details/sections/BuildSection.tsx

@@ -0,0 +1,61 @@
+import React from 'react';
+
+import { CollapsibleSection } from '@spinnaker/core';
+
+import type { ICloudFoundryServerGroupDetailsSectionProps } from './ICloudFoundryServerGroupDetailsSectionProps';
+
+export class BuildSection extends React.Component<ICloudFoundryServerGroupDetailsSectionProps> {
+  constructor(props: ICloudFoundryServerGroupDetailsSectionProps) {
+    super(props);
+  }
+
+  public render(): JSX.Element {
+    const { serverGroup } = this.props;
+    return (
+      <CollapsibleSection heading="Build" defaultExpanded={true}>
+        <dl className="dl-horizontal dl-narrow">
+          {serverGroup.ciBuild && serverGroup.ciBuild.jobName && (
+            <div>
+              <dt>Job Name</dt>
+              <dd>{serverGroup.ciBuild.jobName}</dd>
+            </div>
+          )}
+          {serverGroup.ciBuild && serverGroup.ciBuild.jobNumber && (
+            <div>
+              <dt>Job Number</dt>
+              {serverGroup.ciBuild.jobUrl ? (
+                <dd>
+                  <a target="_blank" href={serverGroup.ciBuild.jobUrl}>
+                    {serverGroup.ciBuild.jobNumber}
+                  </a>
+                </dd>
+              ) : (
+                <dd>{serverGroup.ciBuild.jobNumber}</dd>
+              )}
+            </div>
+          )}
+          {serverGroup.appArtifact && serverGroup.appArtifact.name && (
+            <div>
+              <dt>Artifact Name</dt>
+              <dd>{serverGroup.appArtifact.name}</dd>
+            </div>
+          )}
+          {serverGroup.appArtifact && serverGroup.appArtifact.version && (
+            <div>
+              <dt>Version</dt>
+              {serverGroup.appArtifact.url ? (
+                <dd>
+                  <a target="_blank" href={serverGroup.appArtifact.url}>
+                    {serverGroup.appArtifact.version}
+                  </a>
+                </dd>
+              ) : (
+                <dd>{serverGroup.appArtifact.version}</dd>
+              )}
+            </div>
+          )}
+        </dl>
+      </CollapsibleSection>
+    );
+  }
+}

package/src/serverGroup/details/sections/EnvironmentVariablesSection.tsx

@@ -0,0 +1,34 @@
+import { isEmpty } from 'lodash';
+import React from 'react';
+
+import { CollapsibleSection } from '@spinnaker/core';
+
+import type { ICloudFoundryServerGroupDetailsSectionProps } from './ICloudFoundryServerGroupDetailsSectionProps';
+
+export class EnvironmentVariablesSection extends React.Component<ICloudFoundryServerGroupDetailsSectionProps> {
+  constructor(props: ICloudFoundryServerGroupDetailsSectionProps) {
+    super(props);
+  }
+
+  public render(): JSX.Element {
+    const { serverGroup } = this.props;
+    return (
+      <>
+        {!isEmpty(serverGroup.env) && (
+          <CollapsibleSection heading="Environment Variables" defaultExpanded={true}>
+            <dl className="dl-horizontal dl-narrow">
+              {Object.entries(serverGroup.env).map(([k, v], index) => {
+                return (
+                  <div key={index}>
+                    <dt>{k}</dt>
+                    <dd>{v}</dd>
+                  </div>
+                );
+              })}
+            </dl>
+          </CollapsibleSection>
+        )}
+      </>
+    );
+  }
+}

package/src/serverGroup/details/sections/HealthCheckSection.tsx

@@ -0,0 +1,28 @@
+import React from 'react';
+
+import { CollapsibleSection } from '@spinnaker/core';
+import type { ICloudFoundryServerGroupDetailsSectionProps } from './ICloudFoundryServerGroupDetailsSectionProps';
+
+export class HealthCheckSection extends React.Component<ICloudFoundryServerGroupDetailsSectionProps> {
+  constructor(props: ICloudFoundryServerGroupDetailsSectionProps) {
+    super(props);
+  }
+
+  public render(): JSX.Element {
+    const { serverGroup } = this.props;
+    return (
+      <CollapsibleSection heading="Health Check" defaultExpanded={true}>
+        <dl className="dl-horizontal dl-narrow">
+          <dt>Type</dt>
+          <dd>{serverGroup.healthCheckType === undefined ? 'port' : serverGroup.healthCheckType}</dd>
+          {serverGroup.healthCheckType === 'http' && (
+            <div>
+              <dt>Endpoint</dt>
+              <dd>{serverGroup.healthCheckHttpEndpoint}</dd>
+            </div>
+          )}
+        </dl>
+      </CollapsibleSection>
+    );
+  }
+}

package/src/serverGroup/details/sections/ICloudFoundryServerGroupDetailsSectionProps.ts

@@ -0,0 +1,6 @@
+import type { IServerGroupDetailsSectionProps } from '@spinnaker/core';
+import type { ICloudFoundryServerGroup } from '../../../domain';
+
+export interface ICloudFoundryServerGroupDetailsSectionProps extends IServerGroupDetailsSectionProps {
+  serverGroup: ICloudFoundryServerGroup;
+}

package/src/serverGroup/details/sections/MetricsSection.tsx

@@ -0,0 +1,28 @@
+import React from 'react';
+
+import { CollapsibleSection } from '@spinnaker/core';
+import type { ICloudFoundryServerGroupDetailsSectionProps } from './ICloudFoundryServerGroupDetailsSectionProps';
+
+export class MetricsSection extends React.Component<ICloudFoundryServerGroupDetailsSectionProps> {
+  constructor(props: ICloudFoundryServerGroupDetailsSectionProps) {
+    super(props);
+  }
+
+  public render(): JSX.Element {
+    const { serverGroup } = this.props;
+    const { metricsUri } = serverGroup;
+    return (
+      <>
+        {metricsUri && (
+          <CollapsibleSection heading="Metrics" defaultExpanded={true}>
+            <div>
+              <a href={metricsUri} target="_blank">
+                Metrics
+              </a>
+            </div>
+          </CollapsibleSection>
+        )}
+      </>
+    );
+  }
+}

package/src/serverGroup/details/sections/PackageSection.tsx

@@ -0,0 +1,27 @@
+import React from 'react';
+
+import { CollapsibleSection } from '@spinnaker/core';
+
+import type { ICloudFoundryServerGroupDetailsSectionProps } from './ICloudFoundryServerGroupDetailsSectionProps';
+
+export class PackageSection extends React.Component<ICloudFoundryServerGroupDetailsSectionProps> {
+  constructor(props: ICloudFoundryServerGroupDetailsSectionProps) {
+    super(props);
+  }
+
+  public render(): JSX.Element {
+    const { serverGroup } = this.props;
+    return (
+      <>
+        {serverGroup.droplet && serverGroup.droplet.sourcePackage && (
+          <CollapsibleSection heading="Package" defaultExpanded={true}>
+            <dl className="dl-horizontal dl-narrow">
+              <dt>Checksum</dt>
+              <dd>{serverGroup.droplet.sourcePackage.checksum}</dd>
+            </dl>
+          </CollapsibleSection>
+        )}
+      </>
+    );
+  }
+}

package/src/serverGroup/details/sections/ServerGroupInformationSection.tsx

@@ -0,0 +1,58 @@
+import React from 'react';
+
+import { AccountTag, CollapsibleSection, timestamp } from '@spinnaker/core';
+
+import type { ICloudFoundryServerGroupDetailsSectionProps } from './ICloudFoundryServerGroupDetailsSectionProps';
+import type { ICloudFoundryBuildpack } from '../../../domain';
+
+export class ServerGroupInformationSection extends React.Component<ICloudFoundryServerGroupDetailsSectionProps> {
+  constructor(props: ICloudFoundryServerGroupDetailsSectionProps) {
+    super(props);
+  }
+
+  public render(): JSX.Element {
+    const { serverGroup } = this.props;
+    return (
+      <CollapsibleSection heading="Server Group Information" defaultExpanded={true}>
+        <dl className="dl-horizontal dl-narrow">
+          <dt>Created</dt>
+          {serverGroup.pipelineId ? (
+            <dd>
+              <a target="_blank" href={'/#/applications/' + serverGroup.app + '/executions/' + serverGroup.pipelineId}>
+                {timestamp(serverGroup.createdTime)}
+              </a>
+            </dd>
+          ) : (
+            <dd>{timestamp(serverGroup.createdTime)}</dd>
+          )}
+          <dt>Account</dt>
+          <dd>
+            <AccountTag account={serverGroup.account} />
+          </dd>
+          <dt>Organization</dt>
+          <dd>{serverGroup.space.organization.name}</dd>
+          <dt>Space</dt>
+          <dd>{serverGroup.space.name}</dd>
+          {serverGroup.droplet && (
+            <div>
+              <dt>Rootfs</dt>
+              <dd>{serverGroup.droplet.stack}</dd>
+              <dt>Buildpack</dt>
+              {serverGroup.droplet.buildpacks ? (
+                serverGroup.droplet.buildpacks.map(function (buildpack: ICloudFoundryBuildpack, index: number) {
+                  return (
+                    <dd key={index}>
+                      {buildpack.name} {buildpack.version}
+                    </dd>
+                  );
+                })
+              ) : (
+                <dd>n/a</dd>
+              )}
+            </div>
+          )}
+        </dl>
+      </CollapsibleSection>
+    );
+  }
+}

package/src/serverGroup/details/sections/ServerGroupSizingSection.tsx

@@ -0,0 +1,27 @@
+import React from 'react';
+
+import { CollapsibleSection } from '@spinnaker/core';
+
+import type { ICloudFoundryServerGroupDetailsSectionProps } from './ICloudFoundryServerGroupDetailsSectionProps';
+
+export class ServerGroupSizingSection extends React.Component<ICloudFoundryServerGroupDetailsSectionProps> {
+  constructor(props: ICloudFoundryServerGroupDetailsSectionProps) {
+    super(props);
+  }
+
+  public render(): JSX.Element {
+    const { serverGroup } = this.props;
+    return (
+      <CollapsibleSection heading="Server Group Sizing" defaultExpanded={true}>
+        <dl className="dl-horizontal dl-narrow">
+          <dt>Instances</dt>
+          <dd>{serverGroup.instances.length}</dd>
+          <dt>Disk (MB)</dt>
+          <dd>{serverGroup.diskQuota}</dd>
+          <dt>Memory (MB)</dt>
+          <dd>{serverGroup.memory}</dd>
+        </dl>
+      </CollapsibleSection>
+    );
+  }
+}

package/src/serverGroup/details/sections/index.ts

@@ -0,0 +1,9 @@
+export * from './ServerGroupInformationSection';
+export * from './ApplicationManagerSection';
+export * from './MetricsSection';
+export * from './ServerGroupSizingSection';
+export * from './HealthCheckSection';
+export * from './PackageSection';
+export * from './BuildSection';
+export * from './BoundServicesSection';
+export * from './EnvironmentVariablesSection';

package/src/serverGroup/index.ts

@@ -0,0 +1,5 @@
+export * from './details/sections/index';
+export * from './configure/';
+export * from './serverGroup.transformer';
+export * from './details/cloudFoundryServerGroupActions';
+export * from './details/cfServerGroupDetailsGetter';

package/src/serverGroup/serverGroup.transformer.ts

@@ -0,0 +1,42 @@
+import { defaults } from 'lodash';
+
+import type { ICloudFoundryEnvVar, ICloudFoundryServerGroup } from '../domain';
+
+export class CloudFoundryServerGroupTransformer {
+  public static $inject = ['$q'];
+  public constructor(private $q: ng.IQService) {}
+
+  public normalizeServerGroupDetails(serverGroup: ICloudFoundryServerGroup): ICloudFoundryServerGroup {
+    return serverGroup;
+  }
+
+  public normalizeServerGroup(serverGroup: ICloudFoundryServerGroup): PromiseLike<ICloudFoundryServerGroup> {
+    return this.$q.resolve(serverGroup);
+  }
+
+  public convertServerGroupCommandToDeployConfiguration(base: any): any {
+    const command = defaults({ viewState: [] }, base);
+    command.cloudProvider = 'cloudfoundry';
+    command.provider = 'cloudfoundry';
+    command.account = command.credentials;
+
+    delete command.viewState;
+    delete command.selectedProvider;
+
+    if (command.manifest.type === 'direct') {
+      command.manifest.env = this.convertManifestEnv(command.manifest.environment);
+    } else {
+      command.manifest.env = command.manifest.environment;
+    }
+
+    return command;
+  }
+
+  private convertManifestEnv(envVars: ICloudFoundryEnvVar[]): {} {
+    const newEnv = Object.create(null);
+    for (const envVar of envVars) {
+      newEnv[envVar.key] = envVar.value;
+    }
+    return newEnv;
+  }
+}