@spinnaker/google 2026.2.2 → 2026.3.0

package/src/loadBalancer/configure/http/backendService/backendService.component.html

@@ -1,157 +0,0 @@
-<div class="container-fluid form-horizontal">
-  <hr ng-if="$ctrl.index > 0" />
-  <ng-form name="backendService">
-    <div class="form-group">
-      <div class="col-md-12 well alert-danger" ng-if="backendService.serviceName.$error.validateUnique">
-        <validation-error message="There is already a backend service with that name."></validation-error>
-      </div>
-      <div
-        class="col-md-12 well alert-danger"
-        ng-if="backendService.serviceName.$error.pattern || backendService.serviceName.$error.max"
-      >
-        <validation-error
-          message="Name must start with a lowercase letter followed by up to 62 lowercase letters, numbers, or hyphens, and cannot end with a hyphen."
-        >
-        </validation-error>
-      </div>
-    </div>
-
-    <div class="form-group">
-      <div class="col-md-4 sm-label-right">Name</div>
-
-      <div class="col-md-4" ng-if="$ctrl.editExisting">
-        <ui-select
-          ng-model="$ctrl.backendService"
-          on-select="$ctrl.onBackendServiceSelect($item)"
-          class="form-control input-sm"
-        >
-          <ui-select-match placeholder="Select...">
-            {{ $select.selected.name }}
-          </ui-select-match>
-          <ui-select-choices
-            repeat="backendService in $ctrl.backingData.backendServices | filter: {name: $select.search, account: $ctrl.loadBalancer.credentials}"
-          >
-            <div ng-bind-html="backendService.name | highlight: $select.search"></div>
-          </ui-select-choices>
-        </ui-select>
-      </div>
-
-      <div class="col-md-4" ng-if="!$ctrl.editExisting">
-        <input
-          class="form-control input-sm"
-          required
-          type="text"
-          name="serviceName"
-          ng-pattern="/^[a-z]([-a-z0-9]*[a-z0-9])?$/"
-          max="63"
-          validate-unique="$ctrl.getAllServiceNames()"
-          ng-model-options="{ debounce: 250 }"
-          ng-model="$ctrl.backendService.name"
-        />
-      </div>
-
-      <div class="col-md-2">
-        <button class="btn btn-sm btn-default" ng-click="$ctrl.deleteService()">
-          <span class="glyphicon glyphicon-trash visible-lg-inline"></span>
-          <span>Delete</span>
-        </button>
-      </div>
-    </div>
-
-    <div class="form-group">
-      <div class="col-md-6 col-md-offset-4">
-        <a href class="small" ng-if="!$ctrl.editExisting" ng-click="$ctrl.toggleEditExisting()"
-          >Toggle for list of existing backend services</a
-        >
-        <a href class="small" ng-if="$ctrl.editExisting" ng-click="$ctrl.toggleEditExisting()">Toggle for text input</a>
-      </div>
-    </div>
-
-    <div class="form-group">
-      <div class="col-md-4 sm-label-right">
-        <b>Health Check</b>
-      </div>
-      <div class="col-md-4">
-        <ui-select
-          ng-model="$ctrl.backendService.healthCheck"
-          required
-          on-select="$ctrl.command.onHealthCheckSelected($item, $ctrl.command)"
-          class="form-control input-sm"
-        >
-          <ui-select-match placeholder="Select...">
-            {{ $select.selected }}
-          </ui-select-match>
-          <ui-select-choices repeat="healthCheck in $ctrl.getAllHealthChecks() | filter: $select.search">
-            <div ng-bind-html="healthCheck | highlight: $select.search"></div>
-          </ui-select-choices>
-        </ui-select>
-      </div>
-    </div>
-
-    <div class="form-group">
-      <div class="col-md-4 sm-label-right">
-        <b>Session Affinity</b>
-      </div>
-      <div class="col-md-4">
-        <ui-select ng-model="$ctrl.backendService.sessionAffinity" required class="form-control input-sm">
-          <ui-select-match placeholder="Select...">
-            {{ $select.selected }}
-          </ui-select-match>
-          <ui-select-choices repeat="sessionAffinity in $ctrl.getSessionAffinitySuggestions() | filter: $select.search">
-            <div ng-bind-html="sessionAffinity | highlight: $select.search"></div>
-          </ui-select-choices>
-        </ui-select>
-      </div>
-    </div>
-
-    <div class="form-group">
-      <div class="col-md-4 sm-label-right">
-        <b>Port Name</b>
-        <help-field key="gce.loadBalancer.portName"></help-field>
-      </div>
-      <div class="col-md-4">
-        <input required type="string" class="form-control input-sm" ng-model="$ctrl.backendService.portName" />
-      </div>
-    </div>
-
-    <div class="form-group">
-      <div class="col-md-4 sm-label-right">
-        Connection Draining
-        <help-field key="gce.loadBalancer.connectionDraining"></help-field>
-      </div>
-      <div class="col-md-4">
-        <input
-          type="number"
-          class="form-control input-sm"
-          ng-model="$ctrl.backendService.connectionDrainingTimeoutSec"
-        />
-      </div>
-    </div>
-
-    <div ng-if="$ctrl.loadBalancer.loadBalancerType === 'HTTP'" class="form-group">
-      <div class="col-md-4 sm-label-right">
-        <b>Enable CDN</b>
-      </div>
-      <div class="col-md-4">
-        <input type="checkbox" ng-model="$ctrl.backendService.enableCDN" />
-      </div>
-    </div>
-
-    <div class="form-group" ng-if="$ctrl.backendService.sessionAffinity === 'Generated Cookie'">
-      <div class="col-md-4 sm-label-right">
-        <b>Affinity Cookie TTL Seconds</b>
-      </div>
-      <div class="col-md-4">
-        <input
-          ng-model="$ctrl.backendService.affinityCookieTtlSec"
-          required
-          type="number"
-          name="cookieTtl"
-          min="0"
-          max="{{ $ctrl.maxCookieTtl }}"
-          class="form-control input-sm"
-        />
-      </div>
-    </div>
-  </ng-form>
-</div>

package/src/loadBalancer/configure/http/backendService/backendService.component.js

@@ -1,80 +0,0 @@
-'use strict';
-
-import { module } from 'angular';
-import _ from 'lodash';
-import { BackendServiceTemplate } from '../templates';
-
-export const GOOGLE_LOADBALANCER_CONFIGURE_HTTP_BACKENDSERVICE_BACKENDSERVICE_COMPONENT =
-  'spinnaker.deck.gce.httpLoadBalancer.backendService.component';
-export const name = GOOGLE_LOADBALANCER_CONFIGURE_HTTP_BACKENDSERVICE_BACKENDSERVICE_COMPONENT; // for backwards compatibility
-module(GOOGLE_LOADBALANCER_CONFIGURE_HTTP_BACKENDSERVICE_BACKENDSERVICE_COMPONENT, []).component(
-  'gceHttpLoadBalancerBackendServiceSelector',
-  {
-    bindings: {
-      deleteService: '&',
-      backendService: '=',
-      command: '=',
-      index: '=',
-    },
-    templateUrl: require('./backendService.component.html'),
-    controller: function () {
-      this.$onInit = () => {
-        this.backingData = this.command.backingData;
-        this.loadBalancer = this.command.loadBalancer;
-        const servicesByName = this.backingData.backendServicesKeyedByName;
-
-        this.onBackendServiceSelect = (selectedBackendService) => {
-          assign(selectedBackendService);
-          this.command.onHealthCheckSelected(selectedBackendService.healthCheck, this.command);
-        };
-
-        this.toggleEditExisting = () => {
-          this.editExisting = !this.editExisting;
-          if (!this.editExisting) {
-            const template = new BackendServiceTemplate();
-            assign(template);
-          } else {
-            delete this.backendService.name;
-          }
-        };
-
-        this.getAllHealthChecks = () => {
-          const allHealthChecks = this.loadBalancer.healthChecks.concat(this.backingData.healthChecks);
-          return _.chain(allHealthChecks)
-            .filter((hc) => hc.account === this.loadBalancer.credentials || !hc.account)
-            .map((hc) => hc.name)
-            .uniq()
-            .value();
-        };
-
-        this.getSessionAffinitySuggestions = () => {
-          if (this.loadBalancer.loadBalancerType === 'HTTP') {
-            return ['None', 'Client IP', 'Generated Cookie'];
-          } else {
-            return ['None', 'Client IP', 'Generated Cookie', 'Header Field', 'HTTP Cookie'];
-          }
-        };
-
-        this.getAllServiceNames = () => {
-          return this.command.backingData.backendServices
-            .filter((service) => service.account === this.loadBalancer.credentials)
-            .map((service) => service.name);
-        };
-
-        this.maxCookieTtl = 60 * 60 * 24; // One day.
-
-        const getBackendServiceName = () => {
-          return _.get(this, 'backendService.name');
-        };
-
-        if (servicesByName[getBackendServiceName()]) {
-          this.editExisting = true;
-        }
-
-        const assign = (toAssign) => {
-          this.loadBalancer.backendServices[this.index] = this.backendService = toAssign;
-        };
-      };
-    },
-  },
-);

package/src/loadBalancer/configure/http/backendService/backendServices.html

@@ -1,57 +0,0 @@
-<ng-form name="backendServices">
-  <div class="col-md-12" ng-if="ctrl.command.getUnusedBackendServices(ctrl.command).length">
-    <div class="alert alert-warning">
-      <p>
-        <i class="fa fa-exclamation-triangle"></i>
-        The following backend services have not been associated with a host or path rule, or set as this load balancer's
-        default service:
-      </p>
-      <ul>
-        <li ng-repeat="service in ctrl.command.getUnusedBackendServices(ctrl.command)" ng-bind-html="service"></li>
-      </ul>
-      <p class="text-right">
-        <a
-          class="btn btn-sm btn-default dirty-flag-dismiss"
-          href
-          ng-click="ctrl.command.removeUnusedBackendServices(ctrl.command)"
-          >Remove backend services</a
-        >
-      </p>
-    </div>
-  </div>
-  <div
-    class="col-md-12"
-    ng-if="!ctrl.command.loadBalancer.backendServices.length && !ctrl.command.backingData.backendServices.length"
-  >
-    <div class="alert alert-warning">
-      <p>
-        <i class="fa fa-exclamation-triangle"></i>
-        You have not configured any backend services.
-      </p>
-    </div>
-  </div>
-  <gce-http-load-balancer-backend-service-selector
-    ng-repeat="backendService in ctrl.command.loadBalancer.backendServices"
-    backend-service="backendService"
-    index="$index"
-    command="ctrl.command"
-    delete-service="ctrl.remove('backendServices', $index)"
-  >
-  </gce-http-load-balancer-backend-service-selector>
-  <div class="row">
-    <div class="col-md-12">
-      <button class="add-new btn btn-block" ng-click="ctrl.add('backendServices')">
-        <span class="glyphicon glyphicon-plus-sign"></span> Add backend service
-      </button>
-    </div>
-  </div>
-  <div class="form-group small" style="margin-top: 20px">
-    <div class="col-md-offset-2 col-md-6">
-      <gce-cache-refresh
-        cache-key="backendServices"
-        cache-key-alias="backend services"
-        on-refresh="ctrl.command.onBackendServiceRefresh(ctrl.command)"
-      ></gce-cache-refresh>
-    </div>
-  </div>
-</ng-form>

package/src/loadBalancer/configure/http/basicSettings/basicSettings.component.html

@@ -1,105 +0,0 @@
-<div class="container-fluid form-horizontal">
-  <ng-form name="basicSettings">
-    <div class="modal-body">
-      <div class="form-group">
-        <div
-          class="col-md-12 well"
-          ng-class="{
-            'alert-danger': basicSettings.urlMapName.$error.validateUnique,
-            'alert-info': !basicSettings.urlMapName.$error.validateUnique
-          }"
-        >
-          <strong>Your load balancer will be named:</strong>
-          <span>{{ $ctrl.getName($ctrl.loadBalancer, $ctrl.application.name) }}</span>
-          <!-- Angular does not seem to run length validation on hidden inputs, hence the text + display:none -->
-          <input
-            type="text"
-            style="display: none"
-            ng-maxlength="63"
-            class="form-control input-sm"
-            ng-model="$ctrl.loadBalancer.urlMapName"
-            validate-unique="$ctrl.existingLoadBalancerNames"
-            validate-ignore-case="true"
-            name="urlMapName"
-          />
-          <validation-error
-            ng-if="basicSettings.urlMapName.$error.validateUnique"
-            message="There is already a load balancer in {{ $ctrl.loadBalancer.credentials }} with that name."
-          >
-          </validation-error>
-        </div>
-      </div>
-      <div class="form-group">
-        <div class="col-md-2 sm-label-right">Account</div>
-        <div class="col-md-8">
-          <account-select-field
-            component="$ctrl.loadBalancer"
-            field="credentials"
-            accounts="$ctrl.accounts"
-            provider="'gce'"
-            on-change="$ctrl.accountChanged($ctrl.loadBalancer.credentials)"
-          >
-          </account-select-field>
-        </div>
-      </div>
-      <gce-region-select-field
-        ng-if="$ctrl.loadBalancer.loadBalancerType === 'INTERNAL_MANAGED'"
-        label-columns="2"
-        field-columns="8"
-        component="$ctrl.loadBalancer"
-        field="region"
-        account="$ctrl.loadBalancer.credentials"
-        on-change="$ctrl.command.onRegionSelected($ctrl.command)"
-        regions="$ctrl.command.backingData.regions"
-      ></gce-region-select-field>
-      <gce-network-select-field
-        ng-if="$ctrl.loadBalancer.loadBalancerType === 'INTERNAL_MANAGED'"
-        label-columns="2"
-        field-columns="8"
-        component="$ctrl.loadBalancer"
-        field="network"
-        helpKey="gce.internalHttpLoadBalancer.network"
-        account="$ctrl.loadBalancer.credentials"
-        networks="$ctrl.command.backingData.internalHttpLbNetworks"
-      ></gce-network-select-field>
-
-      <div class="form-group">
-        <div class="col-md-2 sm-label-right">Stack <help-field key="aws.loadBalancer.stack"></help-field></div>
-        <div class="col-md-3">
-          <input
-            type="text"
-            class="form-control input-sm"
-            ng-model="$ctrl.loadBalancer.stack"
-            name="stackName"
-            ng-change="$ctrl.updateName($ctrl.loadBalancer, $ctrl.application.name)"
-            ng-pattern="/^[a-z0-9]*$/"
-          />
-        </div>
-        <div class="col-md-2 sm-label-right">Detail<help-field key="gce.loadBalancer.detail"></help-field></div>
-        <div class="col-md-3">
-          <input
-            type="text"
-            class="form-control input-sm"
-            ng-model="$ctrl.loadBalancer.detail"
-            name="detailName"
-            ng-change="$ctrl.updateName($ctrl.loadBalancer, $ctrl.application.name)"
-            ng-pattern="/^[a-z0-9-]*$/"
-          />
-        </div>
-        <div class="col-md-7 col-md-offset-3" ng-if="basicSettings.stackName.$error.pattern">
-          <validation-error message="Stack can only contain lowercase letters and numbers."></validation-error>
-        </div>
-        <div class="col-md-7 col-md-offset-3" ng-if="basicSettings.detailName.$error.pattern">
-          <validation-error
-            message="Detail can only contain lowercase letters, numbers, and dashes(-)."
-          ></validation-error>
-        </div>
-      </div>
-      <div class="form-group">
-        <div class="col-md-9 col-md-offset-3" ng-if="basicSettings.urlMapName.$error.maxlength">
-          <validation-error message="Load Balancer name can only be 63 characters."></validation-error>
-        </div>
-      </div>
-    </div>
-  </ng-form>
-</div>

package/src/loadBalancer/configure/http/basicSettings/basicSettings.component.js

@@ -1,46 +0,0 @@
-'use strict';
-
-import { module } from 'angular';
-import _ from 'lodash';
-
-export const GOOGLE_LOADBALANCER_CONFIGURE_HTTP_BASICSETTINGS_BASICSETTINGS_COMPONENT =
-  'spinnaker.deck.gce.httpLoadBalancer.basicSettings.component';
-export const name = GOOGLE_LOADBALANCER_CONFIGURE_HTTP_BASICSETTINGS_BASICSETTINGS_COMPONENT; // for backwards compatibility
-module(GOOGLE_LOADBALANCER_CONFIGURE_HTTP_BASICSETTINGS_BASICSETTINGS_COMPONENT, []).component(
-  'gceHttpLoadBalancerBasicSettings',
-  {
-    bindings: {
-      command: '=',
-      application: '=',
-    },
-    templateUrl: require('./basicSettings.component.html'),
-    controller: function () {
-      this.$onInit = () => {
-        const c = this.command;
-        this.loadBalancer = c.loadBalancer;
-        this.accounts = c.backingData.accounts;
-        const loadBalancerMap = c.backingData.loadBalancerMap;
-
-        this.getName = (loadBalancer, applicationName) => {
-          const loadBalancerName = [applicationName, loadBalancer.stack || '', loadBalancer.detail || ''].join('-');
-          return _.trimEnd(loadBalancerName, '-');
-        };
-
-        this.updateName = (lb, appName) => {
-          lb.urlMapName = this.getName(lb, appName);
-        };
-
-        this.accountChanged = (account) => {
-          this.existingLoadBalancerNames = _.get(loadBalancerMap, [account, 'urlMapNames']) || [];
-          c.onAccountChange(c);
-        };
-
-        if (!this.loadBalancer.name) {
-          this.updateName(this.loadBalancer, this.application.name);
-        }
-
-        this.existingLoadBalancerNames = _.get(loadBalancerMap, [this.loadBalancer.credentials, 'urlMapNames']) || [];
-      };
-    },
-  },
-);

package/src/loadBalancer/configure/http/basicSettings/basicSettings.html

@@ -1,6 +0,0 @@
-<ng-form name="location">
-  <gce-http-load-balancer-basic-settings
-    application="ctrl.application"
-    command="ctrl.command"
-  ></gce-http-load-balancer-basic-settings>
-</ng-form>