@spinnaker/kubernetes 0.0.0-main-2

package/src/rawResource/rawResource.module.ts

@@ -0,0 +1,8 @@
+import { module } from 'angular';
+
+import { KUBERNETS_RAW_RESOURCE_DATA_SOURCE } from './rawResource.dataSource';
+import { KUBERNETS_RAW_RESOURCE_STATES } from './rawResource.states';
+
+export const KUBERNETS_RAW_RESOURCE_MODULE = 'spinnaker.kubernetes.rawresource';
+
+module(KUBERNETS_RAW_RESOURCE_MODULE, [KUBERNETS_RAW_RESOURCE_DATA_SOURCE, KUBERNETS_RAW_RESOURCE_STATES]);

package/src/rawResource/rawResource.states.ts

@@ -0,0 +1,64 @@
+import { module } from 'angular';
+
+//import { StateParams } from '@uirouter/angularjs';
+import type { ApplicationStateProvider, INestedState } from '@spinnaker/core';
+import { APPLICATION_STATE_PROVIDER } from '@spinnaker/core';
+
+import { K8sResources } from './component/K8sResources';
+import { K8sResourcesFilters } from './component/K8sResourcesFilters';
+import { RawResourceDetails } from './component/group/RawResourceDetails';
+
+export interface IKubernetesRawResourceStateParams {
+  account: string;
+  name: string;
+  region: string;
+}
+
+export const KUBERNETS_RAW_RESOURCE_STATES = 'spinnaker.kubernetes.rawresource.states';
+module(KUBERNETS_RAW_RESOURCE_STATES, [APPLICATION_STATE_PROVIDER]).config([
+  'applicationStateProvider',
+  (applicationStateProvider: ApplicationStateProvider) => {
+    const rawResourceDetails: INestedState = {
+      name: 'rawResourceDetails',
+      url: '/rawResourceDetails/:account/:region/:name',
+      views: {
+        'detail@../insight': {
+          component: RawResourceDetails,
+          $type: 'react',
+        },
+      },
+      resolve: {
+        account: ['$stateParams', ($stateParams: IKubernetesRawResourceStateParams) => $stateParams.account],
+        name: ['$stateParams', ($stateParams: IKubernetesRawResourceStateParams) => $stateParams.name],
+        region: ['$stateParams', ($stateParams: IKubernetesRawResourceStateParams) => $stateParams.region],
+      },
+      data: {
+        pageTitleDetails: {
+          title: 'Raw Resource Details',
+          nameParam: 'name',
+          accountParam: 'account',
+        },
+        history: {
+          type: 'rawResources',
+        },
+      },
+    };
+    const kubernetes: INestedState = {
+      url: `/kubernetes`,
+      name: 'k8s',
+      views: {
+        nav: { component: K8sResourcesFilters, $type: 'react' },
+        master: { component: K8sResources, $type: 'react' },
+      },
+      data: {
+        pageTitleSection: {
+          title: 'Kubernetes',
+        },
+      },
+      children: [],
+    };
+
+    applicationStateProvider.addInsightState(kubernetes);
+    applicationStateProvider.addInsightDetailState(rawResourceDetails);
+  },
+]);

package/src/resources/ResourceDetails.tsx

@@ -0,0 +1,121 @@
+import { UISref } from '@uirouter/react';
+import { get } from 'lodash';
+import { DateTime } from 'luxon';
+import React from 'react';
+
+import type { IManifest } from '@spinnaker/core';
+import { AccountTag, CloudProviderLogo, CollapsibleSection, Spinner, timestamp } from '@spinnaker/core';
+
+import { ManifestLabels } from '../manifest/ManifestLabels';
+import { KubernetesManifestService } from '../manifest/manifest.service';
+import { ManifestCondition } from '../manifest/status/ManifestCondition';
+import { ManifestEvents } from '../pipelines/stages/deployManifest/manifestStatus/ManifestEvents';
+
+export interface IKubernetesResourceDetailsProps {
+  app: any;
+  kubernetesResource: any;
+}
+
+export interface IKubernetesResourceDetailsState {
+  manifest?: IManifest;
+  loading: boolean;
+}
+
+export class KubernetesResourceDetails extends React.Component<
+  IKubernetesResourceDetailsProps,
+  IKubernetesResourceDetailsState
+> {
+  private unsubscribeManifest?: () => void;
+
+  constructor(props: IKubernetesResourceDetailsProps) {
+    super(props);
+    this.state = {
+      loading: true,
+      manifest: null,
+    };
+  }
+
+  public componentDidMount() {
+    const { kubernetesResource } = this.props;
+    const params = {
+      account: kubernetesResource.accountId,
+      location: kubernetesResource.region,
+      name: kubernetesResource.kubernetesResource,
+    };
+    this.unsubscribeManifest = KubernetesManifestService.subscribe(this.props.app, params, (manifest) => {
+      if (this.unsubscribeManifest != null) {
+        this.setState({ manifest, loading: false });
+      }
+    });
+  }
+
+  public componentWillUnmount() {
+    if (this.unsubscribeManifest) {
+      this.unsubscribeManifest();
+      this.unsubscribeManifest = null;
+    }
+  }
+
+  public render() {
+    const { manifest } = this.state;
+    const metadata = get(manifest, ['manifest', 'metadata'], null);
+    const creationUnixMs =
+      get(metadata, 'creationTimestamp') && DateTime.fromISO(metadata.creationTimestamp).toMillis();
+    return (
+      <div className="details-panel">
+        <div className="header">
+          <div className="close-button">
+            <a className="btn btn-link">
+              <UISref to="^">
+                <span className="glyphicon glyphicon-remove" />
+              </UISref>
+            </a>
+          </div>
+          {this.state.loading ? (
+            <div className="horizontal center middle">
+              <Spinner size="small" />
+            </div>
+          ) : (
+            <div className="header-text horizontal middle">
+              <CloudProviderLogo provider="kubernetes" height="36px" width="36px" />
+              <h3 className="horizontal middle space-between flex-1">{get(metadata, ['name'], '')}</h3>
+            </div>
+          )}
+        </div>
+        {!this.state.loading && (
+          <div className="content">
+            <CollapsibleSection heading="Information">
+              <dl className="dl-horizontal dl-narrow">
+                <dt>Created</dt>
+                <dd>{timestamp(creationUnixMs)}</dd>
+                <dt>Account</dt>
+                <dd>
+                  <AccountTag account={get(manifest, ['account'], '')} />
+                </dd>
+                <dt>Namespace</dt>
+                <dd>{get(metadata, ['namespace'], '')}</dd>
+                <dt>Kind</dt>
+                <dd>{get(manifest, ['manifest', 'kind'], '')}</dd>
+              </dl>
+            </CollapsibleSection>
+            <CollapsibleSection key="status" heading="status" defaultExpanded={true}>
+              <ul>
+                {get(manifest, ['manifest', 'status', 'conditions'], []).map((condition) => (
+                  <li key={condition.type + condition.lastTransitionTime} style={{ marginBottom: '10px' }}>
+                    <ManifestCondition condition={condition} />
+                  </li>
+                ))}
+              </ul>
+            </CollapsibleSection>
+            <CollapsibleSection key="events" heading="events" defaultExpanded={true}>
+              <ManifestEvents manifest={manifest} />
+            </CollapsibleSection>
+            <CollapsibleSection key="labels" heading="labels" defaultExpanded={true}>
+              <ManifestLabels manifest={get(manifest, ['manifest'], {})} />
+            </CollapsibleSection>
+          </div>
+        )}
+      </div>
+    );
+  }
+}

package/src/resources/resources.state.ts

@@ -0,0 +1,45 @@
+import { module } from 'angular';
+import type { ApplicationStateProvider, INestedState } from '@spinnaker/core';
+import { APPLICATION_STATE_PROVIDER } from '@spinnaker/core';
+import { KubernetesResourceDetails } from './ResourceDetails';
+
+export interface IKubernetesResourceStateParams {
+  provider: string;
+  accountId: string;
+  region: string;
+  kubernetesResource: string;
+}
+
+export const KUBERNETES_RESOURCE_STATES = 'spinnaker.core.kubernetesResource.states';
+module(KUBERNETES_RESOURCE_STATES, [APPLICATION_STATE_PROVIDER]).config([
+  'applicationStateProvider',
+  (applicationStateProvider: ApplicationStateProvider) => {
+    const kubernetesResourceDetails: INestedState = {
+      name: 'kubernetesResource',
+      url: '/manifest/:provider/:accountId/:region/:kubernetesResource',
+      views: {
+        'detail@../insight': {
+          component: KubernetesResourceDetails,
+          $type: 'react',
+        },
+      },
+      resolve: {
+        accountId: ['$stateParams', ($stateParams: IKubernetesResourceStateParams) => $stateParams.accountId],
+        kubernetesResource: ['$stateParams', ($stateParams: IKubernetesResourceStateParams) => $stateParams],
+      },
+      data: {
+        pageTitleDetails: {
+          title: 'Generic Kubernetes Resource Details',
+          nameParam: 'kubernetesResource',
+          accountParam: 'accountId',
+          regionParam: 'region',
+        },
+        history: {
+          type: 'kubernetesResource',
+        },
+      },
+    };
+
+    applicationStateProvider.addInsightDetailState(kubernetesResourceDetails);
+  },
+]);

package/src/rolloutStrategy/bluegreen.strategy.ts

@@ -0,0 +1,7 @@
+import type { IDeploymentStrategy } from '@spinnaker/core';
+
+export const strategyBlueGreen: IDeploymentStrategy = {
+  label: 'Blue/Green',
+  description: 'Disables <i>all</i> previous ReplicaSets in the cluster as soon as the new ReplicaSet is ready',
+  key: 'bluegreen',
+};

package/src/rolloutStrategy/highlander.strategy.ts

@@ -0,0 +1,7 @@
+import type { IDeploymentStrategy } from '@spinnaker/core';
+
+export const strategyHighlander: IDeploymentStrategy = {
+  label: 'Highlander',
+  description: 'Destroys <i>all</i> previous ReplicaSets in the cluster as soon as the new ReplicaSet is ready',
+  key: 'highlander',
+};

package/src/rolloutStrategy/index.ts

@@ -0,0 +1,6 @@
+import { strategyBlueGreen } from './bluegreen.strategy';
+import { strategyHighlander } from './highlander.strategy';
+import { strategyNone } from './none.strategy';
+import { strategyRedBlack } from './redblack.strategy';
+
+export const rolloutStrategies = [strategyNone, strategyRedBlack, strategyHighlander, strategyBlueGreen];

package/src/rolloutStrategy/none.strategy.ts

@@ -0,0 +1,8 @@
+import type { IDeploymentStrategy } from '@spinnaker/core';
+
+export const strategyNone: IDeploymentStrategy = {
+  label: 'None',
+  description: 'Creates the new ReplicaSet with no impact on existing ReplicaSets in the cluster',
+  key: null,
+  providerRestricted: false,
+};

package/src/rolloutStrategy/redblack.strategy.ts

@@ -0,0 +1,7 @@
+import type { IDeploymentStrategy } from '@spinnaker/core';
+
+export const strategyRedBlack: IDeploymentStrategy = {
+  label: 'Red/Black (Deprecated)',
+  description: 'Disables <i>all</i> previous ReplicaSets in the cluster as soon as the new ReplicaSet is ready',
+  key: 'redblack',
+};

package/src/securityGroup/details/details.controller.ts

@@ -0,0 +1,118 @@
+import type { StateService } from '@uirouter/angularjs';
+import type { IController, IQService, IScope } from 'angular';
+import { module } from 'angular';
+import type { IModalService } from 'angular-ui-bootstrap';
+
+import type { Application, IManifest, ISecurityGroupDetail, SecurityGroupReader } from '@spinnaker/core';
+import { ManifestReader, SECURITY_GROUP_READER, SETTINGS } from '@spinnaker/core';
+
+import type { IKubernetesSecurityGroup } from '../../interfaces';
+import { KubernetesManifestCommandBuilder } from '../../manifest/manifestCommandBuilder.service';
+import { ManifestWizard } from '../../manifest/wizard/ManifestWizard';
+
+interface ISecurityGroupFromStateParams {
+  accountId: string;
+  region: string;
+  name: string;
+}
+
+class KubernetesSecurityGroupDetailsController implements IController {
+  public state = { loading: true };
+  public securityGroup: IKubernetesSecurityGroup;
+  public manifest: IManifest;
+
+  public static $inject = [
+    '$uibModal',
+    '$state',
+    '$scope',
+    'securityGroupReader',
+    'resolvedSecurityGroup',
+    'app',
+    '$q',
+  ];
+  constructor(
+    private $uibModal: IModalService,
+    private $state: StateService,
+    private $scope: IScope,
+    private securityGroupReader: SecurityGroupReader,
+    resolvedSecurityGroup: ISecurityGroupFromStateParams,
+    private app: Application,
+    private $q: IQService,
+  ) {
+    const dataSource = app.getDataSource('securityGroups');
+    dataSource
+      .ready()
+      .then(() => {
+        this.extractSecurityGroup(resolvedSecurityGroup);
+        this.$scope.isDisabled = !SETTINGS.kubernetesAdHocInfraWritesEnabled;
+        dataSource.onRefresh(this.$scope, () => this.extractSecurityGroup(resolvedSecurityGroup));
+      })
+      .catch(() => this.autoClose());
+  }
+
+  public deleteSecurityGroup(): void {
+    this.$uibModal.open({
+      templateUrl: require('../../manifest/delete/delete.html'),
+      controller: 'kubernetesV2ManifestDeleteCtrl',
+      controllerAs: 'ctrl',
+      resolve: {
+        coordinates: {
+          name: this.securityGroup.name,
+          namespace: this.securityGroup.region,
+          account: this.securityGroup.account,
+        },
+        application: this.app,
+        manifestController: (): string => null,
+      },
+    });
+  }
+
+  public editSecurityGroup(): void {
+    KubernetesManifestCommandBuilder.buildNewManifestCommand(
+      this.app,
+      this.manifest.manifest,
+      this.securityGroup.moniker,
+      this.securityGroup.account,
+    ).then((builtCommand) => {
+      ManifestWizard.show({ title: 'Edit Manifest', application: this.app, command: builtCommand });
+    });
+  }
+
+  private extractSecurityGroup({ accountId, name, region }: ISecurityGroupFromStateParams): void {
+    this.$q
+      .all([
+        this.securityGroupReader.getSecurityGroupDetails(
+          this.app,
+          accountId,
+          'kubernetes',
+          region,
+          '', // unused vpc id
+          name,
+        ),
+        ManifestReader.getManifest(accountId, region, name),
+      ])
+      .then(([securityGroup, manifest]: [ISecurityGroupDetail, IManifest]) => {
+        if (!securityGroup) {
+          return this.autoClose();
+        }
+        this.securityGroup = securityGroup as IKubernetesSecurityGroup;
+        this.manifest = manifest;
+        this.state.loading = false;
+      });
+  }
+
+  private autoClose(): void {
+    if (this.$scope.$$destroyed) {
+      return;
+    } else {
+      this.$state.params.allowModalToStayOpen = true;
+      this.$state.go('^', null, { location: 'replace' });
+    }
+  }
+}
+
+export const KUBERNETES_SECURITY_GROUP_DETAILS_CTRL = 'spinnaker.kubernetes.securityGroupDetails.controller';
+module(KUBERNETES_SECURITY_GROUP_DETAILS_CTRL, [SECURITY_GROUP_READER]).controller(
+  'kubernetesV2SecurityGroupDetailsCtrl',
+  KubernetesSecurityGroupDetailsController,
+);

package/src/securityGroup/details/details.html

@@ -0,0 +1,91 @@
+<div class="details-panel">
+  <div ng-if="ctrl.state.loading" class="header">
+    <div class="close-button">
+      <a class="btn btn-link" ui-sref="^">
+        <span class="glyphicon glyphicon-remove"></span>
+      </a>
+    </div>
+    <h4 class="text-center">
+      <span us-spinner="{radius:20, width:6, length: 12}"></span>
+    </h4>
+  </div>
+
+  <div class="header" ng-if="!ctrl.state.loading">
+    <div class="close-button">
+      <a class="btn btn-link" ui-sref="^">
+        <span class="glyphicon glyphicon-remove"></span>
+      </a>
+    </div>
+    <div class="header-text horizontal middle">
+      <cloud-provider-logo
+        provider="ctrl.securityGroup.cloudProvider"
+        height="'36px'"
+        width="'36px'"
+      ></cloud-provider-logo>
+      <h3 class="horizontal middle space-between flex-1" select-on-dbl-click>
+        {{ctrl.securityGroup.displayName}}
+
+        <render-if-feature feature="entityTags">
+          <entity-notifications
+            ng-if="!state.loading"
+            entity="ctrl.securityGroup"
+            application="ctrl.app"
+            placement="bottom"
+            h-offset-percent="90%"
+            entity-type="securityGroup"
+            page-location="details"
+            on-update="ctrl.app.securityGroups.refresh()"
+          ></entity-notifications>
+        </render-if-feature>
+      </h3>
+    </div>
+    <div class="actions">
+      <div class="dropdown" uib-dropdown dropdown-append-to-body>
+        <button type="button" class="btn btn-sm btn-primary dropdown-toggle" uib-dropdown-toggle ng-hide="isDisabled">
+          <firewall-label label="{{ctrl.securityGroup.kind | robotToHuman}}"></firewall-label> Actions
+          <span class="caret"></span>
+        </button>
+        <ul class="dropdown-menu" uib-dropdown-menu role="menu">
+          <li>
+            <a href ng-click="ctrl.deleteSecurityGroup()">Delete <firewall-label label="Firewall"></firewall-label></a>
+          </li>
+          <li>
+            <a href ng-click="ctrl.editSecurityGroup()">Edit <firewall-label label="Firewall"></firewall-label></a>
+          </li>
+          <render-if-feature feature="entityTags">
+            <add-entity-tag-links
+              component="ctrl.securityGroup"
+              application="ctrl.app"
+              entity-type="securityGroup"
+              on-update="ctrl.app.securityGroups.refresh"
+            ></add-entity-tag-links>
+          </render-if-feature>
+        </ul>
+      </div>
+    </div>
+  </div>
+
+  <div ng-if="!ctrl.state.loading" class="content">
+    <collapsible-section heading="Information" expanded="true">
+      <dl class="dl-horizontal dl-narrow">
+        <dt>Created</dt>
+        <dd>{{ctrl.securityGroup.createdTime | timestamp}}</dd>
+        <dt>Account</dt>
+        <dd><account-tag account="ctrl.securityGroup.account" pad="right"></account-tag></dd>
+        <dt>Namespace</dt>
+        <dd>{{ctrl.securityGroup.namespace}}</dd>
+        <dt>Kind</dt>
+        <dd>{{ctrl.securityGroup.kind}}</dd>
+      </dl>
+    </collapsible-section>
+
+    <kubernetes-annotation-custom-sections
+      manifest="ctrl.manifest.manifest"
+      resource="ctrl.securityGroup"
+    ></kubernetes-annotation-custom-sections>
+
+    <collapsible-section heading="Labels" expanded="true">
+      <kubernetes-manifest-labels manifest="ctrl.manifest.manifest"></kubernetes-manifest-labels>
+    </collapsible-section>
+  </div>
+</div>

package/src/securityGroup/index.ts

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

package/src/securityGroup/securityGroup.reader.ts

@@ -0,0 +1,11 @@
+import type { ISecurityGroup, ISecurityGroupsByAccount } from '@spinnaker/core';
+
+export class KubernetesSecurityGroupReader {
+  public resolveIndexedSecurityGroup(
+    indexedSecurityGroups: ISecurityGroupsByAccount,
+    container: ISecurityGroup,
+    securityGroupId: string,
+  ): ISecurityGroup {
+    return indexedSecurityGroups[container.account][container.region][securityGroupId];
+  }
+}

package/src/securityGroup/transformer.ts

@@ -0,0 +1,19 @@
+import type { IQService } from 'angular';
+import { module } from 'angular';
+
+import type { ISecurityGroup } from '@spinnaker/core';
+
+class KubernetesV2SecurityGroupTransformer {
+  public static $inject = ['$q'];
+  constructor(private $q: IQService) {}
+
+  public normalizeSecurityGroup(securityGroup: ISecurityGroup): PromiseLike<ISecurityGroup> {
+    return this.$q.resolve(securityGroup);
+  }
+}
+
+export const KUBERNETES_SECURITY_GROUP_TRANSFORMER = 'spinnaker.kubernetes.securityGroupTransformer';
+module(KUBERNETES_SECURITY_GROUP_TRANSFORMER, []).service(
+  'kubernetesV2SecurityGroupTransformer',
+  KubernetesV2SecurityGroupTransformer,
+);