@spinnaker/kubernetes 0.0.0-main-2

package/src/serverGroupManager/details/details.controller.ts

@@ -0,0 +1,191 @@
+import type { StateService } from '@uirouter/angularjs';
+import type { IController, IScope } from 'angular';
+import { module } from 'angular';
+import type { IModalService } from 'angular-ui-bootstrap';
+import { orderBy } from 'lodash';
+
+import type {
+  Application,
+  IManifest,
+  IOwnerOption,
+  IServerGroupManager,
+  IServerGroupManagerStateParams,
+} from '@spinnaker/core';
+import { ClusterTargetBuilder, ManifestReader, NameUtils, SETTINGS } from '@spinnaker/core';
+
+import type { IKubernetesServerGroupManager } from '../../interfaces';
+import { KubernetesManifestCommandBuilder } from '../../manifest/manifestCommandBuilder.service';
+import { ManifestWizard } from '../../manifest/wizard/ManifestWizard';
+
+class KubernetesServerGroupManagerDetailsController implements IController {
+  public serverGroupManager: IKubernetesServerGroupManager;
+  public state = { loading: true };
+  public manifest: IManifest;
+  public entityTagTargets: IOwnerOption[];
+
+  public static $inject = ['serverGroupManager', '$scope', '$uibModal', 'app', '$state'];
+  constructor(
+    serverGroupManager: IServerGroupManagerStateParams,
+    private $scope: IScope,
+    private $uibModal: IModalService,
+    public app: Application,
+    private $state: StateService,
+  ) {
+    const dataSource = this.app.getDataSource('serverGroupManagers');
+    dataSource
+      .ready()
+      .then(() => {
+        this.extractServerGroupManager(serverGroupManager);
+        this.$scope.isDisabled = !SETTINGS.kubernetesAdHocInfraWritesEnabled;
+        dataSource.onRefresh(this.$scope, () => this.extractServerGroupManager(serverGroupManager));
+      })
+      .catch(() => this.autoClose());
+    this.$scope.isDisabled = !SETTINGS.kubernetesAdHocInfraWritesEnabled;
+  }
+
+  public pauseRolloutServerGroupManager(): void {
+    this.$uibModal.open({
+      templateUrl: require('../../manifest/rollout/pause.html'),
+      controller: 'kubernetesV2ManifestPauseRolloutCtrl',
+      controllerAs: 'ctrl',
+      resolve: {
+        coordinates: {
+          name: this.serverGroupManager.name,
+          namespace: this.serverGroupManager.namespace,
+          account: this.serverGroupManager.account,
+        },
+        application: this.app,
+      },
+    });
+  }
+
+  public resumeRolloutServerGroupManager(): void {
+    this.$uibModal.open({
+      templateUrl: require('../../manifest/rollout/resume.html'),
+      controller: 'kubernetesV2ManifestResumeRolloutCtrl',
+      controllerAs: 'ctrl',
+      resolve: {
+        coordinates: {
+          name: this.serverGroupManager.name,
+          namespace: this.serverGroupManager.namespace,
+          account: this.serverGroupManager.account,
+        },
+        application: this.app,
+      },
+    });
+  }
+
+  public canUndoRolloutServerGroupManager(): boolean {
+    return (
+      this.serverGroupManager && this.serverGroupManager.serverGroups && this.serverGroupManager.serverGroups.length > 0
+    );
+  }
+
+  public undoRolloutServerGroupManager(): void {
+    this.$uibModal.open({
+      templateUrl: require('../../manifest/rollout/undo.html'),
+      controller: 'kubernetesV2ManifestUndoRolloutCtrl',
+      controllerAs: 'ctrl',
+      resolve: {
+        coordinates: {
+          name: this.serverGroupManager.name,
+          namespace: this.serverGroupManager.namespace,
+          account: this.serverGroupManager.account,
+        },
+        revisions: () => {
+          const [, ...rest] = orderBy(this.serverGroupManager.serverGroups, ['moniker.sequence'], ['desc']);
+          return rest.map((serverGroup, index) => ({
+            label: `${NameUtils.getSequence(serverGroup.moniker.sequence)}${index > 0 ? '' : ' - previous revision'}`,
+            revision: serverGroup.moniker.sequence,
+          }));
+        },
+        application: this.app,
+      },
+    });
+  }
+
+  public scaleServerGroupManager(): void {
+    this.$uibModal.open({
+      templateUrl: require('../../manifest/scale/scale.html'),
+      controller: 'kubernetesV2ManifestScaleCtrl',
+      controllerAs: 'ctrl',
+      resolve: {
+        coordinates: {
+          name: this.serverGroupManager.name,
+          namespace: this.serverGroupManager.namespace,
+          account: this.serverGroupManager.account,
+        },
+        currentReplicas: this.manifest.manifest.spec.replicas,
+        application: this.app,
+      },
+    });
+  }
+
+  public editServerGroupManager(): void {
+    KubernetesManifestCommandBuilder.buildNewManifestCommand(
+      this.app,
+      this.manifest.manifest,
+      this.serverGroupManager.moniker,
+      this.serverGroupManager.account,
+    ).then((builtCommand) => {
+      ManifestWizard.show({ title: 'Edit Manifest', application: this.app, command: builtCommand });
+    });
+  }
+
+  public deleteServerGroupManager(): void {
+    this.$uibModal.open({
+      templateUrl: require('../../manifest/delete/delete.html'),
+      controller: 'kubernetesV2ManifestDeleteCtrl',
+      controllerAs: 'ctrl',
+      resolve: {
+        coordinates: {
+          name: this.serverGroupManager.name,
+          namespace: this.serverGroupManager.namespace,
+          account: this.serverGroupManager.account,
+        },
+        application: this.app,
+        manifestController: (): string => null,
+      },
+    });
+  }
+
+  private extractServerGroupManager({ accountId, region, serverGroupManager }: IServerGroupManagerStateParams): void {
+    const serverGroupManagerDetails = this.app
+      .getDataSource('serverGroupManagers')
+      .data.find(
+        (manager: IServerGroupManager) =>
+          manager.name === serverGroupManager && manager.region === region && manager.account === accountId,
+      );
+
+    if (!serverGroupManagerDetails) {
+      return this.autoClose();
+    }
+
+    ManifestReader.getManifest(accountId, region, serverGroupManager).then((manifest: IManifest) => {
+      this.manifest = manifest;
+      this.serverGroupManager = serverGroupManagerDetails;
+      this.entityTagTargets = this.configureEntityTagTargets();
+      this.state.loading = false;
+    });
+  }
+
+  private configureEntityTagTargets(): IOwnerOption[] {
+    return ClusterTargetBuilder.buildManagerClusterTargets(this.serverGroupManager);
+  }
+
+  private autoClose(): void {
+    if (this.$scope.$$destroyed) {
+      return;
+    } else {
+      this.$state.params.allowModalToStayOpen = true;
+      this.$state.go('^', null, { location: 'replace' });
+    }
+  }
+}
+
+export const KUBERNETES_SERVER_GROUP_MANAGER_DETAILS_CTRL =
+  'spinnaker.kubernetes.serverGroupManager.details.controller';
+module(KUBERNETES_SERVER_GROUP_MANAGER_DETAILS_CTRL, []).controller(
+  'kubernetesV2ServerGroupManagerDetailsCtrl',
+  KubernetesServerGroupManagerDetailsController,
+);

package/src/serverGroupManager/details/details.html

@@ -0,0 +1,136 @@
+<div class="details-panel">
+  <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>
+    <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.serverGroupManager.cloudProvider"
+        height="'36px'"
+        width="'36px'"
+      ></cloud-provider-logo>
+      <h3 class="horizontal middle space-between flex-1" select-on-dbl-click>
+        {{ctrl.serverGroupManager.displayName}}
+        <render-if-feature feature="entityTags">
+          <entity-notifications
+            entity="ctrl.serverGroupManager"
+            application="ctrl.app"
+            placement="bottom"
+            h-offset-percent="90%"
+            entity-type="serverGroupManager"
+            page-location="details"
+            on-update="ctrl.app.serverGroupManagers.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">
+          {{ctrl.serverGroupManager.kind | robotToHuman}} Actions <span class="caret"></span>
+        </button>
+        <ul class="dropdown-menu" uib-dropdown-menu role="menu">
+          <li>
+            <a href ng-click="ctrl.scaleServerGroupManager()"> Scale </a>
+          </li>
+          <li ng-if="ctrl.canUndoRolloutServerGroupManager()">
+            <a href ng-click="ctrl.undoRolloutServerGroupManager()"> Undo Rollout </a>
+          </li>
+          <li ng-if="ctrl.manifest.status.paused.state">
+            <a href ng-click="ctrl.resumeRolloutServerGroupManager()"> Resume Rollout </a>
+          </li>
+          <li ng-if="!ctrl.manifest.status.paused.state && !ctrl.manifest.status.stable.state">
+            <a href ng-click="ctrl.pauseRolloutServerGroupManager()"> Pause Rollout </a>
+          </li>
+          <kubernetes-rolling-restart
+            ng-if="!ctrl.manifest.status.paused.state"
+            application="ctrl.app"
+            server-group-manager="ctrl.serverGroupManager"
+          ></kubernetes-rolling-restart>
+          <li role="presentation" class="divider"></li>
+          <li>
+            <a href ng-click="ctrl.editServerGroupManager()"> Edit </a>
+          </li>
+          <li>
+            <a href ng-click="ctrl.deleteServerGroupManager()"> Delete </a>
+          </li>
+          <render-if-feature feature="entityTags">
+            <add-entity-tag-links
+              component="ctrl.serverGroupManager"
+              application="ctrl.app"
+              entity-type="serverGroupManager"
+              owner-options="ctrl.entityTagTargets"
+              on-update="ctrl.app.serverGroupManagers.refresh"
+            ></add-entity-tag-links>
+          </render-if-feature>
+        </ul>
+      </div>
+    </div>
+  </div>
+  <div class="content" ng-if="!ctrl.state.loading">
+    <kubernetes-manifest-status status="ctrl.manifest.status"></kubernetes-manifest-status>
+    <collapsible-section heading="Information" expanded="true">
+      <dl class="dl-horizontal dl-narrow">
+        <dt>Created</dt>
+        <dd>{{ctrl.serverGroupManager.createdTime | timestamp}}</dd>
+        <dt>Account</dt>
+        <dd><account-tag account="ctrl.serverGroupManager.account"></account-tag></dd>
+        <dt>Namespace</dt>
+        <dd>{{ctrl.serverGroupManager.namespace}}</dd>
+        <dt>Kind</dt>
+        <dd>{{ctrl.serverGroupManager.kind}}</dd>
+        <dt ng-if="ctrl.serverGroupManager.serverGroups.length">Managing</dt>
+        <dd>
+          <ul ng-repeat="serverGroup in ctrl.serverGroupManager.serverGroups | orderBy: ['-name']">
+            <a
+              ui-sref="^.serverGroup({region: serverGroup.region,
+                                       accountId: serverGroup.account,
+                                       serverGroup: serverGroup.name,
+                                       provider: 'kubernetes'})"
+            >
+              {{serverGroup.name}}
+            </a>
+          </ul>
+        </dd>
+      </dl>
+    </collapsible-section>
+
+    <collapsible-section heading="Status" expanded="true">
+      <ul ng-repeat="condition in ctrl.manifest.manifest.status.conditions">
+        <kubernetes-manifest-condition condition="condition"></kubernetes-manifest-condition>
+      </ul>
+    </collapsible-section>
+
+    <kubernetes-annotation-custom-sections
+      manifest="ctrl.manifest.manifest"
+      resource="ctrl.serverGroupManager"
+    ></kubernetes-annotation-custom-sections>
+
+    <collapsible-section heading="Events" expanded="true">
+      <kubernetes-manifest-events manifest="ctrl.manifest"></kubernetes-manifest-events>
+    </collapsible-section>
+
+    <collapsible-section heading="Labels" expanded="true">
+      <kubernetes-manifest-labels manifest="ctrl.manifest.manifest"></kubernetes-manifest-labels>
+    </collapsible-section>
+
+    <collapsible-section heading="Artifacts" expanded="true">
+      <ul ng-repeat="artifact in ctrl.manifest.artifacts">
+        <kubernetes-manifest-artifact artifact="artifact"></kubernetes-manifest-artifact>
+      </ul>
+    </collapsible-section>
+  </div>
+</div>

package/src/serverGroupManager/index.ts

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

package/src/validation/applicationName.validator.spec.ts

@@ -0,0 +1,19 @@
+import { KubernetesApplicationNameValidator } from './applicationName.validator';
+
+describe('ApplicationNameValidator', () => {
+  const validator = new KubernetesApplicationNameValidator();
+  describe('validateSpecialCharacters', () => {
+    it('Returns no warnings or errors for names that contain only alphanumeric characters', () => {
+      expect(validator.validate('myapp123').errors.length).toEqual(0);
+      expect(validator.validate('myapp123').warnings.length).toEqual(0);
+    });
+    it('Returns no warnings or errors for names that contain only alphanumeric characters and dashes', () => {
+      expect(validator.validate('my-app-123').errors.length).toEqual(0);
+      expect(validator.validate('my-app-123').warnings.length).toEqual(0);
+    });
+    it('Returns an error for names that contain other non-alphanumeric characters', () => {
+      expect(validator.validate('my-app-123$').errors.length).toEqual(1);
+      expect(validator.validate('my-app-123$').warnings.length).toEqual(0);
+    });
+  });
+});

package/src/validation/applicationName.validator.ts

@@ -0,0 +1,44 @@
+import { ApplicationNameValidator } from '@spinnaker/core';
+
+export class KubernetesApplicationNameValidator {
+  // general k8s resource restriction: 253 characters - https://kubernetes.io/docs/concepts/overview/working-with-objects/names/#names
+  // safe bet is 63 characters - (see also RFC 1035 or RFC 1123 - both setting DNS label maximum to 63 chars)
+  // for service names: - https://github.com/kubernetes/kubernetes/pull/29523 (until K8s 1.4.0 it was 24 characters https://github.com/kubernetes/kubernetes/issues/12463)
+  // or annotations:    - https://kubernetes.io/docs/concepts/overview/working-with-objects/annotations/#syntax-and-character-set
+  private static MAX_RESOURCE_NAME_LENGTH = 63;
+
+  private static validateSpecialCharacters(name: string, errors: string[]): void {
+    const alphanumWithDashPattern = /^([a-zA-Z][a-zA-Z0-9-]*)?$/;
+    if (!alphanumWithDashPattern.test(name)) {
+      errors.push(
+        'The application name must begin with a letter and must contain only letters, digits, or dashes. ' +
+          'No special characters are allowed.',
+      );
+    }
+  }
+
+  private static validateLength(name: string, errors: string[]): void {
+    if (name.length > KubernetesApplicationNameValidator.MAX_RESOURCE_NAME_LENGTH) {
+      errors.push(
+        `The maximum length for an application in Kubernetes is ${KubernetesApplicationNameValidator.MAX_RESOURCE_NAME_LENGTH} characters.`,
+      );
+    }
+  }
+
+  public validate(name = '') {
+    const warnings: string[] = [];
+    const errors: string[] = [];
+
+    if (name && name.length) {
+      KubernetesApplicationNameValidator.validateSpecialCharacters(name, errors);
+      KubernetesApplicationNameValidator.validateLength(name, errors);
+    }
+
+    return {
+      warnings,
+      errors,
+    };
+  }
+}
+
+ApplicationNameValidator.registerValidator('kubernetes', new KubernetesApplicationNameValidator());