@spinnaker/google 2026.2.2 → 2026.3.0

package/src/serverGroup/configure/wizard/loadBalancers/loadBalancerSelector.directive.js

@@ -1,55 +0,0 @@
-'use strict';
-
-import * as angular from 'angular';
-import _ from 'lodash';
-
-import { GOOGLE_SERVERGROUP_CONFIGURE_WIZARD_LOADBALANCERS_ELSEVENOPTIONS_ELSEVENOPTIONSGENERATOR_COMPONENT } from './elSevenOptions/elSevenOptionsGenerator.component';
-import { GCE_HTTP_LOAD_BALANCER_UTILS } from '../../../../loadBalancer/httpLoadBalancerUtils.service';
-import { GOOGLE_SERVERGROUP_CONFIGURE_SERVERGROUPCONFIGURATION_SERVICE } from '../../serverGroupConfiguration.service';
-
-export const GOOGLE_SERVERGROUP_CONFIGURE_WIZARD_LOADBALANCERS_LOADBALANCERSELECTOR_DIRECTIVE =
-  'spinnaker.google.serverGroup.configure.wizard.loadBalancers.selector.directive';
-export const name = GOOGLE_SERVERGROUP_CONFIGURE_WIZARD_LOADBALANCERS_LOADBALANCERSELECTOR_DIRECTIVE; // for backwards compatibility
-angular
-  .module(GOOGLE_SERVERGROUP_CONFIGURE_WIZARD_LOADBALANCERS_LOADBALANCERSELECTOR_DIRECTIVE, [
-    GCE_HTTP_LOAD_BALANCER_UTILS,
-    GOOGLE_SERVERGROUP_CONFIGURE_WIZARD_LOADBALANCERS_ELSEVENOPTIONS_ELSEVENOPTIONSGENERATOR_COMPONENT,
-    GOOGLE_SERVERGROUP_CONFIGURE_SERVERGROUPCONFIGURATION_SERVICE,
-  ])
-  .directive('gceServerGroupLoadBalancerSelector', function () {
-    return {
-      restrict: 'E',
-      templateUrl: require('./loadBalancerSelector.directive.html'),
-      scope: {},
-      bindToController: {
-        command: '=',
-      },
-      controllerAs: 'vm',
-      controller: 'gceServerGroupLoadBalancerSelectorCtrl',
-    };
-  })
-  .controller('gceServerGroupLoadBalancerSelectorCtrl', [
-    'gceHttpLoadBalancerUtils',
-    function (gceHttpLoadBalancerUtils) {
-      this.showLoadBalancingPolicy = () => {
-        if (_.has(this, 'command.backingData.filtered.loadBalancerIndex')) {
-          const index = this.command.backingData.filtered.loadBalancerIndex;
-          const selected = this.command.loadBalancers;
-
-          return (
-            angular.isDefined(selected) &&
-            _.some(selected, (s) => {
-              return (
-                index[s].loadBalancerType === 'HTTP' ||
-                index[s].loadBalancerType === 'INTERNAL_MANAGED' ||
-                index[s].loadBalancerType === 'SSL' ||
-                index[s].loadBalancerType === 'TCP'
-              );
-            })
-          );
-        }
-      };
-
-      this.isHttpLoadBalancer = (lb) => gceHttpLoadBalancerUtils.isHttpLoadBalancer(lb);
-    },
-  ]);

package/src/serverGroup/configure/wizard/loadBalancers/loadBalancers.html

@@ -1,5 +0,0 @@
-<ng-form name="loadBalancerSubForm">
-  <div>
-    <gce-server-group-load-balancer-selector command="command"></gce-server-group-load-balancer-selector>
-  </div>
-</ng-form>

package/src/serverGroup/configure/wizard/loadBalancingPolicy/loadBalancingPolicySelector.component.html

@@ -1,182 +0,0 @@
-<ng-form name="loadBalancingPolicySubForm">
-  <collapsible-section heading="Port Name Mapping" expanded="true" subsection="true">
-    <div class="form-group">
-      <div class="form-group row" ng-repeat="namedPort in $ctrl.command.loadBalancingPolicy.namedPorts">
-        <div class="col-md-12">
-          <div class="col-md-2 sm-label-right">
-            <b>Name</b>
-            <help-field key="gce.serverGroup.loadBalancingPolicy.portName"></help-field>
-          </div>
-          <div class="col-md-3">
-            <ui-select ng-model="namedPort.name" class="form-control input-sm">
-              <ui-select-match>{{ namedPort.name }}</ui-select-match>
-              <ui-select-choices repeat="portName in $ctrl.getPortNames()">
-                <span ng-bind-html="portName"></span>
-              </ui-select-choices>
-            </ui-select>
-          </div>
-          <div class="col-md-2 sm-label-right">
-            <b>Port</b>
-            <help-field key="gce.serverGroup.loadBalancingPolicy.listeningPort"></help-field>
-          </div>
-          <div class="col-md-3">
-            <input
-              type="number"
-              name="listeningPort"
-              required
-              class="form-control input-sm"
-              ng-model="namedPort.port"
-              max="{{ $ctrl.maxPort }}"
-              min="1"
-            />
-          </div>
-          <div class="col-md-2 sm-label-left">
-            <span
-              class="glyphicon glyphicon-trash"
-              uib-tooltip="Remove Named Port"
-              ng-click="$ctrl.removeNamedPort($index)"
-            ></span>
-          </div>
-          <div
-            class="col-md-4 error-message"
-            ng-if="
-              loadBalancingPolicySubForm.listeningPort.$error.min || loadBalancingPolicySubForm.listeningPort.$error.max
-            "
-          >
-            Must be between 1 and {{ $ctrl.maxPort }}.
-          </div>
-        </div>
-      </div>
-      <div class="col-md-11">
-        <button class="btn btn-block add-new" ng-click="$ctrl.addNamedPort()">
-          <span class="glyphicon glyphicon-plus-sign"></span> Add Port Name Mapping
-        </button>
-      </div>
-    </div>
-  </collapsible-section>
-  <collapsible-section heading="Capacity Metrics" expanded="true" subsection="true">
-    <div class="form-group">
-      <div class="col-md-5 sm-label-right">
-        <b>Balancing Mode</b>
-        <help-field key="gce.serverGroup.loadBalancingPolicy.balancingMode"></help-field>
-      </div>
-      <div class="col-md-3">
-        <ui-select
-          ng-model="$ctrl.command.loadBalancingPolicy.balancingMode"
-          on-select="$ctrl.onBalancingModeChange($item)"
-          class="form-control input-sm"
-          required
-        >
-          <ui-select-match placeholder="Select...">{{ $select.selected }}</ui-select-match>
-          <ui-select-choices repeat="balancingMode in $ctrl.getBalancingModes() | filter: $select.search">
-            <span ng-bind-html="balancingMode"></span>
-          </ui-select-choices>
-        </ui-select>
-      </div>
-    </div>
-    <div ng-switch on="$ctrl.command.loadBalancingPolicy.balancingMode">
-      <div class="form-group" ng-switch-when="UTILIZATION">
-        <div class="col-md-5 sm-label-right">
-          <b>Max CPU utilization</b>
-          <help-field key="gce.serverGroup.loadBalancingPolicy.maxUtilization"></help-field>
-        </div>
-        <div class="col-md-3">
-          <div class="input-group">
-            <input
-              type="number"
-              name="maxUtilization"
-              required
-              class="form-control input-sm"
-              ng-model="$ctrl.maxUtilizationView"
-              ng-init="$ctrl.setView('maxUtilizationView', $ctrl.command.loadBalancingPolicy.maxUtilization)"
-              ng-change="$ctrl.setModel('command.loadBalancingPolicy.maxUtilization', $ctrl.maxUtilizationView)"
-              min="0"
-              max="100"
-            />
-            <span class="input-group-addon">%</span>
-          </div>
-        </div>
-        <div
-          class="col-md-4 error-message"
-          ng-if="
-            loadBalancingPolicySubForm.maxUtilization.$error.min || loadBalancingPolicySubForm.maxUtilization.$error.max
-          "
-        >
-          Must be between 0 and 100%.
-        </div>
-      </div>
-      <div class="form-group" ng-switch-when="RATE">
-        <div class="col-md-5 sm-label-right">
-          <b>Max RPS per instance</b>
-          <help-field key="gce.serverGroup.loadBalancingPolicy.maxRatePerInstance"></help-field>
-        </div>
-        <div class="col-md-3">
-          <div class="input-group">
-            <input
-              type="number"
-              name="maxRatePerInstance"
-              required
-              class="form-control input-sm"
-              ng-model="$ctrl.command.loadBalancingPolicy.maxRatePerInstance"
-              min="0"
-            />
-          </div>
-        </div>
-        <div class="col-md-4 error-message" ng-if="loadBalancingPolicySubForm.maxRatePerInstance.$error.min">
-          Cannot be less than zero.
-        </div>
-      </div>
-      <div class="form-group" ng-switch-when="CONNECTION">
-        <div class="col-md-5 sm-label-right">
-          <b>Max connections per instance</b>
-          <help-field key="gce.serverGroup.loadBalancingPolicy.maxConnectionsPerInstance"></help-field>
-        </div>
-        <div class="col-md-3">
-          <div class="input-group">
-            <input
-              type="number"
-              name="maxConnectionsPerInstance"
-              required
-              class="form-control input-sm"
-              ng-model="$ctrl.command.loadBalancingPolicy.maxConnectionsPerInstance"
-              min="0"
-            />
-          </div>
-        </div>
-        <div class="col-md-4 error-message" ng-if="loadBalancingPolicySubForm.maxConnectionsPerInstance.$error.min">
-          Cannot be less than zero.
-        </div>
-      </div>
-    </div>
-    <div class="form-group">
-      <div class="col-md-5 sm-label-right">
-        <b>Capacity</b>
-        <help-field key="gce.serverGroup.loadBalancingPolicy.capacityScaler"></help-field>
-      </div>
-      <div class="col-md-3">
-        <div class="input-group">
-          <input
-            type="number"
-            name="capacityScaler"
-            required
-            class="form-control input-sm"
-            ng-model="$ctrl.capacityScalerView"
-            ng-init="$ctrl.setView('capacityScalerView', $ctrl.command.loadBalancingPolicy.capacityScaler)"
-            ng-change="$ctrl.setModel('command.loadBalancingPolicy.capacityScaler', $ctrl.capacityScalerView)"
-            min="0"
-            max="100"
-          />
-          <span class="input-group-addon">%</span>
-        </div>
-      </div>
-      <div
-        class="col-md-4 error-message"
-        ng-if="
-          loadBalancingPolicySubForm.capacityScaler.$error.min || loadBalancingPolicySubForm.capacityScaler.$error.max
-        "
-      >
-        Must be between 0 and 100%.
-      </div>
-    </div>
-  </collapsible-section>
-</ng-form>

package/src/serverGroup/configure/wizard/loadBalancingPolicy/loadBalancingPolicySelector.component.less

@@ -1,11 +0,0 @@
-gce-load-balancing-policy-selector {
-  .collapsible-subsection {
-    .collapsible-subheading {
-      padding-left: 4%;
-    }
-
-    .ng-invalid {
-      border: 1px solid var(--color-danger);
-    }
-  }
-}

package/src/serverGroup/configure/wizard/loadBalancingPolicy/loadBalancingPolicySelector.component.ts

@@ -1,153 +0,0 @@
-import type { IComponentOptions, IController } from 'angular';
-import { module } from 'angular';
-import { chain, get, has, intersection, set, without } from 'lodash';
-
-import type { IGceBackendService, INamedPort } from '../../../../domain';
-
-import './loadBalancingPolicySelector.component.less';
-
-class GceLoadBalancingPolicySelectorController implements IController {
-  public maxPort = 65535;
-  public command: any;
-  [key: string]: any;
-  public globalBackendServices: IGceBackendService[];
-
-  public static $inject = ['gceBackendServiceReader'];
-  constructor(private gceBackendServiceReader: any) {}
-
-  public setModel(propertyName: string, viewValue: number): void {
-    set(this, propertyName, viewValue / 100);
-  }
-
-  public setView(propertyName: string, modelValue: number): void {
-    this[propertyName] = this.decimalToPercent(modelValue);
-  }
-
-  public onBalancingModeChange(mode: string): void {
-    const keys: string[] = ['maxUtilization', 'maxRatePerInstance', 'maxConnectionsPerInstance'];
-    let toDelete: string[] = [];
-    switch (mode) {
-      case 'RATE':
-        toDelete = without(keys, 'maxRatePerInstance');
-        break;
-      case 'UTILIZATION':
-        toDelete = without(keys, 'maxUtilization');
-        break;
-      case 'CONNECTION':
-        toDelete = without(keys, 'maxConnectionsPerInstance');
-        break;
-      default:
-        break;
-    }
-
-    toDelete.forEach((key) => delete this.command.loadBalancingPolicy[key]);
-  }
-
-  public getBalancingModes(): string[] {
-    let balancingModes: string[] = [];
-    /*
-     * Three cases:
-     *   - If we have only HTTP(S) load balancers, our balancing mode can be RATE or UTILIZATION.
-     *   - If we have only SSL/TCP load balancers, our balancing mode can be CONNECTION or UTILIZATION.
-     *   - If we have both, only UTILIZATION.
-     * */
-    if (has(this, 'command.backingData.filtered.loadBalancerIndex')) {
-      const index = this.command.backingData.filtered.loadBalancerIndex;
-      const selected = this.command.loadBalancers;
-
-      const hasSsl = selected.find((loadBalancer: any) => get(index[loadBalancer], 'loadBalancerType') === 'SSL');
-      const hasTcp = selected.find((loadBalancer: any) => get(index[loadBalancer], 'loadBalancerType') === 'TCP');
-      const hasHttp =
-        selected.find((loadBalancer: any) => get(index[loadBalancer], 'loadBalancerType') === 'HTTP') ||
-        selected.find((loadBalancer: any) => get(index[loadBalancer], 'loadBalancerType') === 'HTTP2') ||
-        selected.find((loadBalancer: any) => get(index[loadBalancer], 'loadBalancerType') === 'GRPC');
-      if ((hasSsl || hasTcp) && hasHttp) {
-        balancingModes = ['UTILIZATION'];
-      } else if (hasSsl || hasTcp) {
-        balancingModes = ['CONNECTION', 'UTILIZATION'];
-      } else {
-        balancingModes = ['RATE', 'UTILIZATION'];
-      }
-    }
-
-    if (!balancingModes.includes(get(this.command, 'loadBalancingPolicy.balancingMode') as string)) {
-      set(this.command, 'loadBalancingPolicy.balancingMode', balancingModes[0]);
-    }
-    return balancingModes;
-  }
-
-  public $onInit(): void {
-    this.gceBackendServiceReader.listBackendServices('globalBackendService').then((services: IGceBackendService[]) => {
-      this.globalBackendServices = services;
-    });
-  }
-
-  public $onDestroy(): void {
-    delete this.command.loadBalancingPolicy;
-  }
-
-  public addNamedPort() {
-    if (!get(this.command, 'loadBalancingPolicy.namedPorts')) {
-      set(this.command, 'loadBalancingPolicy.namedPorts', []);
-    }
-
-    this.command.loadBalancingPolicy.namedPorts.push({ name: '', port: 80 });
-  }
-
-  public removeNamedPort(index: number) {
-    this.command.loadBalancingPolicy.namedPorts.splice(index, 1);
-  }
-
-  public getPortNames(): string[] {
-    const index = this.command.backingData.filtered.loadBalancerIndex;
-    const selected = this.command.loadBalancers;
-    const inUsePortNames = this.command.loadBalancingPolicy.namedPorts.map((namedPort: INamedPort) => namedPort.name);
-
-    const getThem = (globalBackendServices: IGceBackendService[], loadBalancer: string): string[] => {
-      switch (get(index[loadBalancer], 'loadBalancerType')) {
-        case 'SSL':
-        case 'TCP':
-        case 'GRPC':
-        case 'HTTP2':
-        case 'HTTP': {
-          const lbBackendServices: string[] = get(index[loadBalancer], 'backendServices');
-          const filteredBackendServices = globalBackendServices.filter((service: IGceBackendService) =>
-            lbBackendServices.includes(service.name),
-          );
-          const portNames = filteredBackendServices.map((service: IGceBackendService) => service.portName);
-          const portNameIntersection = intersection(portNames, inUsePortNames);
-          return portNames.filter((portName) => !portNameIntersection.includes(portName));
-        }
-        default:
-          return [];
-      }
-    };
-
-    return chain(selected)
-      .flatMap((lbName: string) => getThem(this.globalBackendServices, lbName))
-      .uniq()
-      .value();
-  }
-
-  private decimalToPercent(value: number): number {
-    if (value === 0) {
-      return 0;
-    }
-    return value ? Math.round(value * 100) : undefined;
-  }
-}
-
-const gceLoadBalancingPolicySelectorComponent: IComponentOptions = {
-  bindings: {
-    command: '=',
-  },
-  controller: GceLoadBalancingPolicySelectorController,
-  templateUrl: require('./loadBalancingPolicySelector.component.html'),
-};
-
-export const GCE_LOAD_BALANCING_POLICY_SELECTOR = 'spinnaker.gce.loadBalancingPolicy.selector.component';
-
-module(GCE_LOAD_BALANCING_POLICY_SELECTOR, []).component(
-  'gceLoadBalancingPolicySelector',
-  gceLoadBalancingPolicySelectorComponent,
-);

package/src/serverGroup/configure/wizard/location/basicSettings.controller.js

@@ -1,139 +0,0 @@
-'use strict';
-
-import UIROUTER_ANGULARJS from '@uirouter/angularjs';
-import * as angular from 'angular';
-import ANGULAR_UI_BOOTSTRAP from 'angular-ui-bootstrap';
-import { from as observableFrom, Subject } from 'rxjs';
-import { switchMap } from 'rxjs/operators';
-
-import {
-  ArtifactTypePatterns,
-  excludeAllTypesExcept,
-  ExpectedArtifactSelectorViewController,
-  IMAGE_READER,
-  NgGCEImageArtifactDelegate,
-} from '@spinnaker/core';
-
-import { GOOGLE_GCENETWORKSELECTFIELD_DIRECTIVE } from '../../../../gceNetworkSelectField.directive';
-import { GOOGLE_GCEREGIONSELECTFIELD_DIRECTIVE } from '../../../../gceRegionSelectField.directive';
-import { GceImageReader } from '../../../../image';
-import { GOOGLE_SUBNET_SUBNETSELECTFIELD_DIRECTIVE } from '../../../../subnet/subnetSelectField.directive';
-
-export const GOOGLE_SERVERGROUP_CONFIGURE_WIZARD_LOCATION_BASICSETTINGS_CONTROLLER =
-  'spinnaker.google.serverGroup.configure.wizard.basicSettings.controller';
-export const name = GOOGLE_SERVERGROUP_CONFIGURE_WIZARD_LOCATION_BASICSETTINGS_CONTROLLER; // for backwards compatibility
-angular
-  .module(GOOGLE_SERVERGROUP_CONFIGURE_WIZARD_LOCATION_BASICSETTINGS_CONTROLLER, [
-    UIROUTER_ANGULARJS,
-    ANGULAR_UI_BOOTSTRAP,
-    IMAGE_READER,
-    GOOGLE_GCEREGIONSELECTFIELD_DIRECTIVE,
-    GOOGLE_GCENETWORKSELECTFIELD_DIRECTIVE,
-    GOOGLE_SUBNET_SUBNETSELECTFIELD_DIRECTIVE,
-  ])
-  .controller('gceServerGroupBasicSettingsCtrl', [
-    '$scope',
-    '$controller',
-    '$uibModalStack',
-    '$state',
-    function ($scope, $controller, $uibModalStack, $state) {
-      function fetchImagesForAccount() {
-        return observableFrom(
-          GceImageReader.findImages({
-            account: $scope.command.credentials,
-            provider: $scope.command.selectedProvider,
-            q: '*',
-          }),
-        );
-      }
-
-      const imageSearchResultsStream = new Subject();
-      imageSearchResultsStream.pipe(switchMap(fetchImagesForAccount)).subscribe((images) => {
-        $scope.command.backingData.allImages = images;
-      });
-
-      this.accountUpdated = () => {
-        imageSearchResultsStream.next();
-      };
-
-      this.selectImage = (image) => {
-        // called from a React component
-        $scope.$apply(() => {
-          $scope.command.image = image;
-        });
-      };
-
-      angular.extend(
-        this,
-        $controller('BasicSettingsMixin', {
-          $scope: $scope,
-          imageReader: GceImageReader,
-          $uibModalStack: $uibModalStack,
-          $state: $state,
-        }),
-      );
-
-      this.stackPattern = {
-        test: function (stack) {
-          const pattern = $scope.command.viewState.templatingEnabled ? /^([a-zA-Z0-9]*(\${.+})*)*$/ : /^[a-zA-Z0-9]*$/;
-          return pattern.test(stack);
-        },
-      };
-
-      this.detailPattern = {
-        test: function (detail) {
-          const pattern = $scope.command.viewState.templatingEnabled
-            ? /^([a-zA-Z0-9-]*(\${.+})*)*$/
-            : /^[a-zA-Z0-9-]*$/;
-          return pattern.test(detail);
-        },
-      };
-
-      this.getSubnetPlaceholder = () => {
-        if (!$scope.command.region) {
-          return '(Select an account)';
-        } else if ($scope.command.viewState.autoCreateSubnets) {
-          return '(Subnet will be automatically selected)';
-        } else if ($scope.command.viewState.autoCreateSubnets === null) {
-          return '(Subnets not supported)';
-        } else {
-          return null;
-        }
-      };
-
-      this.imageSources = ['artifact', 'priorStage'];
-
-      this.excludedImageArtifactTypes = excludeAllTypesExcept(ArtifactTypePatterns.CUSTOM_OBJECT);
-
-      this.onImageArtifactEdited = (artifact) => {
-        $scope.$applyAsync(() => {
-          $scope.command.imageArtifactId = null;
-          $scope.command.imageArtifact = artifact;
-        });
-      };
-
-      this.onImageArtifactSelected = (expectedArtifact) => {
-        this.onChangeImageArtifactId(expectedArtifact.id);
-      };
-
-      this.onChangeImageArtifactId = (artifactId) => {
-        $scope.$applyAsync(() => {
-          $scope.command.imageArtifactId = artifactId;
-          $scope.command.imageArtifact = null;
-        });
-      };
-
-      this.onImageArtifactAccountSelected = (accountName) => {
-        $scope.$applyAsync(() => {
-          $scope.command.imageAccountName = accountName;
-        });
-      };
-
-      const gceImageDelegate = new NgGCEImageArtifactDelegate($scope);
-      $scope.gceImageArtifact = {
-        showCreateArtifactForm: false,
-        delegate: gceImageDelegate,
-        controller: new ExpectedArtifactSelectorViewController(gceImageDelegate),
-      };
-    },
-  ]);