@spinnaker/appengine 2026.2.2 → 2026.3.0

package/src/instance/details/details.html

@@ -1,99 +0,0 @@
-<div class="details-panel">
-  <div class="header">
-    <instance-details-header
-      health-state="ctrl.instance.healthState"
-      instance-id="ctrl.instance ? ctrl.instance.name : ctrl.instanceIdNotFound"
-      loading="ctrl.state.loading"
-      standalone="false"
-    ></instance-details-header>
-    <div ng-if="!ctrl.state.loading">
-      <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>
-            Instance Actions <span class="caret"></span>
-          </button>
-          <ul class="dropdown-menu" uib-dropdown-menu role="menu">
-            <li><a href ng-click="ctrl.terminateInstance()">Terminate</a></li>
-          </ul>
-        </div>
-      </div>
-    </div>
-  </div>
-  <div class="content" ng-if="!ctrl.state.loading && ctrl.instance">
-    <collapsible-section heading="Instance Information" expanded="true">
-      <dl class="dl-horizontal dl-narrow">
-        <dt>Launched</dt>
-        <dd ng-if="ctrl.instance.launchTime">{{ctrl.instance.launchTime | timestamp}}</dd>
-        <dt>In</dt>
-        <dd><account-tag account="ctrl.instance.account" pad="right"></account-tag>{{}}</dd>
-        <dt ng-if="ctrl.instance.serverGroup">Server Group</dt>
-        <dd ng-if="ctrl.instance.serverGroup">
-          <a
-            ui-sref="^.serverGroup({region: ctrl.instance.region,
-                                     accountId: ctrl.instance.account,
-                                     serverGroup: ctrl.instance.serverGroup,
-                                     provider: 'appengine'})"
-            >{{ctrl.instance.serverGroup}}</a
-          >
-        </dd>
-        <dt>Region</dt>
-        <dd>{{ctrl.instance.region}}</dd>
-        <appengine-conditional-dt-dd
-          component="ctrl.instance"
-          key="vmZoneName"
-          label="Zone"
-        ></appengine-conditional-dt-dd>
-      </dl>
-    </collapsible-section>
-    <collapsible-section heading="Status" expanded="true">
-      <dl>
-        <dt>Load Balancer</dt>
-        <dd>
-          <span
-            class="pull-left"
-            uib-tooltip="{{ctrl.instance.healthState === 'Up' ? ctrl.upToolTip : ctrl.outOfServiceToolTip}}"
-            tooltip-placement="right"
-          >
-            <span class="glyphicon glyphicon-{{ctrl.instance.healthState}}-triangle"></span>
-            {{ctrl.instance.loadBalancers[0]}}
-          </span>
-        </dd>
-      </dl>
-    </collapsible-section>
-    <collapsible-section heading="Metrics" expanded="true">
-      <dl>
-        <appengine-conditional-dt-dd component="ctrl.instance" key="instanceStatus" label="Availability">
-          <key-label><help-field key="appengine.instance.availability"></help-field></key-label>
-        </appengine-conditional-dt-dd>
-        <appengine-conditional-dt-dd component="ctrl.instance" key="averageLatency">
-          <key-label><help-field key="appengine.instance.averageLatency"></help-field></key-label>
-          <value-label>ms</value-label>
-        </appengine-conditional-dt-dd>
-        <appengine-conditional-dt-dd component="ctrl.instance" key="errors">
-          <key-label><help-field key="appengine.instance.errors"></help-field></key-label>
-        </appengine-conditional-dt-dd>
-        <appengine-conditional-dt-dd component="ctrl.instance" key="qps" label="QPS">
-          <key-label><help-field key="appengine.instance.qps"></help-field></key-label>
-        </appengine-conditional-dt-dd>
-        <appengine-conditional-dt-dd component="ctrl.instance" key="requests">
-          <key-label><help-field key="appengine.instance.requests"></help-field></key-label>
-        </appengine-conditional-dt-dd>
-        <appengine-conditional-dt-dd component="ctrl.instance" key="vmStatus" label="VM Status">
-          <key-label><help-field key="appengine.instance.vmStatus"></help-field></key-label>
-        </appengine-conditional-dt-dd>
-        <appengine-conditional-dt-dd
-          component="ctrl.instance"
-          key="vmDebugEnabled"
-          label="Debug Enabled"
-        ></appengine-conditional-dt-dd>
-      </dl>
-    </collapsible-section>
-  </div>
-  <div class="content" ng-if="!ctrl.state.loading && !ctrl.instance">
-    <div class="content-section">
-      <div class="content-body text-center">
-        <h3>Instance not found.</h3>
-      </div>
-    </div>
-  </div>
-</div>

package/src/loadBalancer/configure/wizard/advancedSettings.component.ts

@@ -1,56 +0,0 @@
-import type { IComponentOptions, IController } from 'angular';
-import { module } from 'angular';
-
-import type { AppengineLoadBalancerUpsertDescription } from '../../transformer';
-
-class AppengineLoadBalancerAdvancedSettingsCtrl implements IController {
-  public state = { error: false };
-  public loadBalancer: AppengineLoadBalancerUpsertDescription;
-
-  public disableMigrateTraffic(): boolean {
-    if (this.loadBalancer.splitDescription.allocationDescriptions.length !== 1) {
-      return true;
-    } else {
-      const targetServerGroupName = this.loadBalancer.splitDescription.allocationDescriptions[0].serverGroupName;
-      const targetServerGroup = this.loadBalancer.serverGroups.find(
-        (candidate) => candidate.name === targetServerGroupName,
-      );
-
-      if (targetServerGroup) {
-        return !targetServerGroup.allowsGradualTrafficMigration;
-      } else {
-        // If the target server group name is not in the load balancer's server groups, then hopefully we are in
-        // a pipeline stage - we'll leave it up to the user to make smart decisions.
-        return false;
-      }
-    }
-  }
-}
-
-const appengineLoadBalancerAdvancedSettingsComponent: IComponentOptions = {
-  bindings: { loadBalancer: '=', application: '<' },
-  template: `
-    <ng-form name="advancedSettingsForm">
-      <div class="row">
-        <div class="form-group">
-          <div class="col-md-3 sm-label-right">
-            Migrate Traffic <help-field key="appengine.loadBalancer.migrateTraffic"></help-field>
-          </div>
-          <div class="col-md-9">
-            <div class="checkbox">
-              <input type="checkbox" ng-disabled="$ctrl.disableMigrateTraffic() && !($ctrl.loadBalancer.migrateTraffic = false)" ng-model="$ctrl.loadBalancer.migrateTraffic">
-            </div>
-          </div>
-        </div>
-      </div>
-    </ng-form>
-  `,
-  controller: AppengineLoadBalancerAdvancedSettingsCtrl,
-};
-
-export const APPENGINE_LOAD_BALANCER_ADVANCED_SETTINGS = 'spinnaker.appengine.loadBalancer.advancedSettings.component';
-
-module(APPENGINE_LOAD_BALANCER_ADVANCED_SETTINGS, []).component(
-  'appengineLoadBalancerAdvancedSettings',
-  appengineLoadBalancerAdvancedSettingsComponent,
-);

package/src/loadBalancer/configure/wizard/allocationConfigurationRow.component.ts

@@ -1,70 +0,0 @@
-import type { IComponentOptions, IController } from 'angular';
-import { module } from 'angular';
-import { uniq } from 'lodash';
-
-import type { IAppengineAllocationDescription } from '../../transformer';
-
-class AppengineAllocationConfigurationRowCtrl implements IController {
-  public allocationDescription: IAppengineAllocationDescription;
-  public serverGroupOptions: string[];
-
-  public getServerGroupOptions(): string[] {
-    if (this.allocationDescription.serverGroupName) {
-      return uniq(this.serverGroupOptions.concat(this.allocationDescription.serverGroupName));
-    } else {
-      return this.serverGroupOptions;
-    }
-  }
-}
-
-const appengineAllocationConfigurationRowComponent: IComponentOptions = {
-  bindings: {
-    allocationDescription: '<',
-    removeAllocation: '&',
-    serverGroupOptions: '<',
-    onAllocationChange: '&',
-  },
-  template: `
-    <div class="form-group">
-      <div class="row">
-        <div class="col-md-7">
-          <ui-select ng-model="$ctrl.allocationDescription.serverGroupName"
-                     on-select="$ctrl.onAllocationChange()"
-                     class="form-control input-sm">
-            <ui-select-match placeholder="Select...">
-              {{$select.selected}}
-            </ui-select-match>
-            <ui-select-choices repeat="serverGroup as serverGroup in $ctrl.getServerGroupOptions() | filter: $select.search">
-              <div ng-bind-html="serverGroup | highlight: $select.search"></div>
-            </ui-select-choices>
-          </ui-select>
-        </div>
-        <div class="col-md-3">
-          <div class="input-group input-group-sm">
-            <input type="number"
-                   ng-model="$ctrl.allocationDescription.allocation"
-                   required
-                   class="form-control input-sm"
-                   min="0"
-                   ng-change="$ctrl.onAllocationChange()"
-                   max="100"/>
-            <span class="input-group-addon">%</span>
-          </div>
-        </div>
-        <div class="col-md-2">
-          <a class="btn btn-link sm-label" ng-click="$ctrl.removeAllocation()">
-            <span class="glyphicon glyphicon-trash"></span>
-          </a>
-        </div>
-      </div>
-    </div>
-  `,
-  controller: AppengineAllocationConfigurationRowCtrl,
-};
-
-export const APPENGINE_ALLOCATION_CONFIGURATION_ROW = 'spinnaker.appengine.allocationConfigurationRow.component';
-
-module(APPENGINE_ALLOCATION_CONFIGURATION_ROW, []).component(
-  'appengineAllocationConfigurationRow',
-  appengineAllocationConfigurationRowComponent,
-);

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

@@ -1,65 +0,0 @@
-<ng-form name="basicSettingsForm">
-  <div class="row">
-    <div class="form-group">
-      <div class="col-md-3 sm-label-right">
-        Allocations
-        <help-field key="appengine.loadBalancer.allocations"></help-field>
-      </div>
-      <div class="col-md-9">
-        <div ng-if="!$ctrl.forPipelineConfig">
-          <appengine-allocation-configuration-row
-            ng-repeat="description in $ctrl.loadBalancer.splitDescription.allocationDescriptions"
-            allocation-description="description"
-            server-group-options="$ctrl.serverGroupOptions"
-            on-allocation-change="$ctrl.updateServerGroupOptions()"
-            remove-allocation="$ctrl.removeAllocation($index)"
-          >
-          </appengine-allocation-configuration-row>
-        </div>
-        <div ng-if="$ctrl.forPipelineConfig">
-          <appengine-stage-allocation-configuration-row
-            ng-repeat="description in $ctrl.loadBalancer.splitDescription.allocationDescriptions"
-            allocation-description="description"
-            application="$ctrl.application"
-            region="{{ $ctrl.loadBalancer.region }}"
-            account="{{ $ctrl.loadBalancer.account || $ctrl.loadBalancer.credentials }}"
-            server-group-options="$ctrl.serverGroupOptions"
-            on-allocation-change="$ctrl.updateServerGroupOptions()"
-            remove-allocation="$ctrl.removeAllocation($index)"
-          >
-          </appengine-stage-allocation-configuration-row>
-        </div>
-        <button class="add-new col-md-11" ng-if="$ctrl.showAddButton()" ng-click="$ctrl.addAllocation()">
-          <span class="glyphicon glyphicon-plus-sign"></span> Add allocation
-        </button>
-      </div>
-    </div>
-    <div class="form-group" ng-if="$ctrl.allocationIsInvalid()">
-      <div class="col-md-12 text-center">
-        <p class="alert alert-warning">Allocations must sum to 100%.</p>
-      </div>
-    </div>
-  </div>
-
-  <div class="row" ng-if="$ctrl.showShardByOptions()">
-    <div class="form-group">
-      <div class="col-md-3 sm-label-right">Shard By</div>
-      <div class="col-md-9">
-        <form class="form-inline">
-          <div class="form-group">
-            <label class="radio-inline">
-              <input type="radio" ng-model="$ctrl.loadBalancer.splitDescription.shardBy" value="IP" />
-              IP
-              <help-field key="appengine.loadBalancer.shardBy.ip"></help-field>
-            </label>
-            <label class="radio-inline">
-              <input type="radio" ng-model="$ctrl.loadBalancer.splitDescription.shardBy" value="COOKIE" />
-              Cookie
-              <help-field key="appengine.loadBalancer.shardBy.cookie"></help-field>
-            </label>
-          </div>
-        </form>
-      </div>
-    </div>
-  </div>
-</ng-form>

package/src/loadBalancer/configure/wizard/basicSettings.component.ts

@@ -1,98 +0,0 @@
-import type { IController } from 'angular';
-import { module } from 'angular';
-import { difference } from 'lodash';
-
-import type { AppengineLoadBalancerUpsertDescription } from '../../transformer';
-
-class AppengineLoadBalancerSettingsController implements IController {
-  public loadBalancer: AppengineLoadBalancerUpsertDescription;
-  public serverGroupOptions: string[];
-  public forPipelineConfig: boolean;
-
-  public $onInit(): void {
-    this.updateServerGroupOptions();
-  }
-
-  public addAllocation(): void {
-    const remainingServerGroups = this.serverGroupsWithoutAllocation();
-    if (remainingServerGroups.length) {
-      this.loadBalancer.splitDescription.allocationDescriptions.push({
-        serverGroupName: remainingServerGroups[0],
-        allocation: 0,
-        locatorType: 'fromExisting',
-      });
-      if (
-        this.loadBalancer.splitDescription.allocationDescriptions.length > 1 &&
-        !this.loadBalancer.splitDescription.shardBy
-      ) {
-        this.loadBalancer.splitDescription.shardBy = 'IP';
-      }
-      this.updateServerGroupOptions();
-    } else if (this.forPipelineConfig) {
-      this.loadBalancer.splitDescription.allocationDescriptions.push({
-        allocation: 0,
-        locatorType: 'text',
-        serverGroupName: '',
-      });
-    }
-  }
-
-  public removeAllocation(index: number): void {
-    this.loadBalancer.splitDescription.allocationDescriptions.splice(index, 1);
-    this.updateServerGroupOptions();
-  }
-
-  public allocationIsInvalid(): boolean {
-    return (
-      this.loadBalancer.splitDescription.allocationDescriptions.reduce(
-        (sum, allocationDescription) => sum + allocationDescription.allocation,
-        0,
-      ) !== 100
-    );
-  }
-
-  public updateServerGroupOptions(): void {
-    this.serverGroupOptions = this.serverGroupsWithoutAllocation();
-  }
-
-  public showAddButton(): boolean {
-    if (this.forPipelineConfig) {
-      return true;
-    } else {
-      return this.serverGroupsWithoutAllocation().length > 0;
-    }
-  }
-
-  public showShardByOptions(): boolean {
-    return this.loadBalancer.splitDescription.allocationDescriptions.length > 1 || this.loadBalancer.migrateTraffic;
-  }
-
-  public initializeAsTextInput(serverGroupName: string): boolean {
-    if (this.forPipelineConfig) {
-      return !this.loadBalancer.serverGroups.map((serverGroup) => serverGroup.name).includes(serverGroupName);
-    } else {
-      return false;
-    }
-  }
-
-  private serverGroupsWithoutAllocation(): string[] {
-    const serverGroupsWithAllocation = this.loadBalancer.splitDescription.allocationDescriptions.map(
-      (description) => description.serverGroupName,
-    );
-    const allServerGroups = this.loadBalancer.serverGroups.map((serverGroup) => serverGroup.name);
-    return difference(allServerGroups, serverGroupsWithAllocation);
-  }
-}
-
-const appengineLoadBalancerSettingsComponent: ng.IComponentOptions = {
-  bindings: { loadBalancer: '=', forPipelineConfig: '<', application: '<' },
-  controller: AppengineLoadBalancerSettingsController,
-  templateUrl: require('./basicSettings.component.html'),
-};
-
-export const APPENGINE_LOAD_BALANCER_BASIC_SETTINGS = 'spinnaker.appengine.loadBalancerSettings.component';
-
-module(APPENGINE_LOAD_BALANCER_BASIC_SETTINGS, []).component(
-  'appengineLoadBalancerBasicSettings',
-  appengineLoadBalancerSettingsComponent,
-);

package/src/loadBalancer/configure/wizard/stageAllocationConfigurationRow.component.html

@@ -1,117 +0,0 @@
-<div class="form-group">
-  <div class="row">
-    <div class="col-md-7">
-      <appengine-stage-allocation-label allocation-description="$ctrl.allocationDescription">
-      </appengine-stage-allocation-label>
-    </div>
-    <div class="col-md-3">
-      <div class="input-group input-group-sm">
-        <input
-          type="number"
-          ng-model="$ctrl.allocationDescription.allocation"
-          required
-          class="form-control input-sm"
-          min="0"
-          ng-change="$ctrl.onAllocationChange()"
-          max="100"
-        />
-        <span class="input-group-addon">%</span>
-      </div>
-    </div>
-    <div class="col-md-2">
-      <a class="btn btn-link sm-label" ng-click="$ctrl.removeAllocation()">
-        <span class="glyphicon glyphicon-trash"></span>
-      </a>
-    </div>
-  </div>
-</div>
-<div class="form-group">
-  <div class="well col-md-11" style="padding-top: 5px; padding-bottom: 10px">
-    <div class="row">
-      <div class="form-group">
-        <div class="col-md-3 sm-label-right">Locator</div>
-        <div class="col-md-7">
-          <form>
-            <div class="form-group">
-              <label class="small" style="font-weight: normal">
-                <input
-                  type="radio"
-                  ng-change="$ctrl.onLocatorTypeChange()"
-                  ng-model="$ctrl.allocationDescription.locatorType"
-                  value="fromExisting"
-                />
-                Existing server group
-              </label>
-              <br />
-              <label class="small" style="font-weight: normal">
-                <input
-                  type="radio"
-                  ng-change="$ctrl.onLocatorTypeChange()"
-                  ng-model="$ctrl.allocationDescription.locatorType"
-                  value="targetCoordinate"
-                />
-                Coordinates
-              </label>
-              <br />
-              <label class="small" style="font-weight: normal">
-                <input
-                  type="radio"
-                  ng-change="$ctrl.onLocatorTypeChange()"
-                  ng-model="$ctrl.allocationDescription.locatorType"
-                  value="text"
-                />
-                Text input
-              </label>
-            </div>
-          </form>
-        </div>
-      </div>
-    </div>
-    <div class="row">
-      <div class="form-group" ng-switch on="$ctrl.allocationDescription.locatorType">
-        <div ng-switch-when="fromExisting">
-          <div class="col-md-3 sm-label-right" style="padding-left: 0px">Server group</div>
-          <div class="col-md-7">
-            <ui-select
-              ng-model="$ctrl.allocationDescription.serverGroupName"
-              on-select="$ctrl.onAllocationChange()"
-              class="form-control input-sm"
-            >
-              <ui-select-match placeholder="Select...">
-                {{ $select.selected }}
-              </ui-select-match>
-              <ui-select-choices
-                repeat="serverGroup as serverGroup in $ctrl.getServerGroupOptions() | filter: $select.search"
-              >
-                <div ng-bind-html="serverGroup | highlight: $select.search"></div>
-              </ui-select-choices>
-            </ui-select>
-          </div>
-        </div>
-        <div ng-switch-when="targetCoordinate">
-          <div class="col-md-3 sm-label-right">Cluster</div>
-          <div class="col-md-7">
-            <cluster-selector
-              class="small"
-              clusters="$ctrl.clusterList"
-              model="$ctrl.allocationDescription.cluster"
-            ></cluster-selector>
-          </div>
-          <div class="col-md-3 sm-label-right">Target</div>
-          <div class="col-md-7">
-            <target-select model="$ctrl.allocationDescription" options="$ctrl.targets"></target-select>
-          </div>
-        </div>
-        <div ng-switch-when="text">
-          <div class="col-md-3 sm-label-right">
-            Text
-            <help-field key="appengine.loadBalancer.textLocator"></help-field>
-          </div>
-          <div class="col-md-7">
-            <input class="form-control input-sm" type="text" ng-model="$ctrl.allocationDescription.serverGroupName" />
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>

package/src/loadBalancer/configure/wizard/stageAllocationConfigurationRow.component.ts

@@ -1,108 +0,0 @@
-import type { IComponentOptions, IController } from 'angular';
-import { module } from 'angular';
-import { uniq } from 'lodash';
-
-import type { Application } from '@spinnaker/core';
-import { AppListExtractor, StageConstants } from '@spinnaker/core';
-
-import type { IAppengineAllocationDescription } from '../../transformer';
-
-class AppengineStageAllocationLabelCtrl implements IController {
-  public inputViewValue: string;
-  private allocationDescription: IAppengineAllocationDescription;
-
-  private static mapTargetCoordinateToLabel(targetCoordinate: string): string {
-    const target = StageConstants.TARGET_LIST.find((t) => t.val === targetCoordinate);
-    if (target) {
-      return target.label;
-    } else {
-      return null;
-    }
-  }
-
-  public $doCheck(): void {
-    this.setInputViewValue();
-  }
-
-  private setInputViewValue(): void {
-    switch (this.allocationDescription.locatorType) {
-      case 'text':
-        this.inputViewValue = this.allocationDescription.serverGroupName;
-        break;
-      case 'fromExisting':
-        this.inputViewValue = this.allocationDescription.serverGroupName;
-        break;
-      case 'targetCoordinate':
-        if (this.allocationDescription.cluster && this.allocationDescription.target) {
-          const targetLabel = AppengineStageAllocationLabelCtrl.mapTargetCoordinateToLabel(
-            this.allocationDescription.target,
-          );
-          this.inputViewValue = `${targetLabel} (${this.allocationDescription.cluster})`;
-        } else {
-          this.inputViewValue = null;
-        }
-        break;
-      default:
-        this.inputViewValue = null;
-        break;
-    }
-  }
-}
-
-const appengineStageAllocationLabel: IComponentOptions = {
-  bindings: { allocationDescription: '<' },
-  controller: AppengineStageAllocationLabelCtrl,
-  template: `<input ng-model="$ctrl.inputViewValue" type="text" class="form-control input-sm" readonly/>`,
-};
-
-class AppengineStageAllocationConfigurationRowCtrl implements IController {
-  public allocationDescription: IAppengineAllocationDescription;
-  public serverGroupOptions: string[];
-  public targets = StageConstants.TARGET_LIST;
-  public clusterList: string[];
-  public onAllocationChange: Function;
-  private application: Application;
-  private region: string;
-  private account: string;
-
-  public $onInit() {
-    const clusterFilter = AppListExtractor.clusterFilterForCredentialsAndRegion(this.account, this.region);
-    this.clusterList = AppListExtractor.getClusters([this.application], clusterFilter);
-  }
-
-  public getServerGroupOptions(): string[] {
-    if (this.allocationDescription.serverGroupName) {
-      return uniq(this.serverGroupOptions.concat(this.allocationDescription.serverGroupName));
-    } else {
-      return this.serverGroupOptions;
-    }
-  }
-
-  public onLocatorTypeChange(): void {
-    // Prevents pipeline expressions (or non-existent server groups) from entering the dropdown.
-    if (!this.serverGroupOptions.includes(this.allocationDescription.serverGroupName)) {
-      delete this.allocationDescription.serverGroupName;
-    }
-    this.onAllocationChange();
-  }
-}
-
-const appengineStageAllocationConfigurationRow: IComponentOptions = {
-  bindings: {
-    application: '<',
-    region: '@',
-    account: '@',
-    allocationDescription: '<',
-    removeAllocation: '&',
-    serverGroupOptions: '<',
-    onAllocationChange: '&',
-  },
-  controller: AppengineStageAllocationConfigurationRowCtrl,
-  templateUrl: require('./stageAllocationConfigurationRow.component.html'),
-};
-
-export const APPENGINE_STAGE_ALLOCATION_CONFIGURATION_ROW =
-  'spinnaker.appengine.stageAllocationConfigurationRow.component';
-module(APPENGINE_STAGE_ALLOCATION_CONFIGURATION_ROW, [])
-  .component('appengineStageAllocationConfigurationRow', appengineStageAllocationConfigurationRow)
-  .component('appengineStageAllocationLabel', appengineStageAllocationLabel);