@spinnaker/google 0.0.0-2025.1-0

package/src/pipeline/stages/bake/bakeStage.html

@@ -0,0 +1,117 @@
+<div ng-controller="gceBakeStageCtrl as bakeStageCtrl">
+  <stage-config-field label="Package" help-key="pipeline.config.bake.package">
+    <input type="text" class="form-control input-sm" ng-model="stage.package" />
+  </stage-config-field>
+  <expected-artifact-multi-selector
+    command="stage"
+    ids-field="packageArtifactIds"
+    artifact-label="Package Artifacts"
+    expected-artifacts="viewState.expectedArtifacts"
+    help-field-key="pipeline.config.bake.packageArtifacts"
+    show-icons="true"
+  >
+  </expected-artifact-multi-selector>
+
+  <hr />
+
+  <stage-config-field label="Base OS">
+    <bake-stage-choose-os model="stage.baseOs" base-os-options="baseOsOptions"></bake-stage-choose-os>
+  </stage-config-field>
+
+  <stage-config-field label="Base Label">
+    <label class="radio-inline" ng-repeat="baseLabel in baseLabelOptions">
+      <input type="radio" ng-model="stage.baseLabel" ng-value="baseLabel" />
+      {{baseLabel}}
+    </label>
+  </stage-config-field>
+
+  <hr />
+
+  <!-- Even if the roscoMode flag is false, we should show the control if rebake is set. -->
+  <stage-config-field label="Rebake" ng-if="viewState.roscoMode || stage.rebake">
+    <div class="checkbox" style="margin-bottom: 0">
+      <label>
+        <input type="checkbox" ng-model="stage.rebake" />
+        Rebake image without regard to the status of any existing bake
+      </label>
+    </div>
+  </stage-config-field>
+  <div class="form-group">
+    <div class="col-md-9 col-md-offset-1">
+      <div class="checkbox">
+        <label>
+          <input type="checkbox" ng-model="showAdvancedOptions" />
+          <strong>Show Advanced Options</strong>
+        </label>
+      </div>
+    </div>
+  </div>
+  <div ng-class="{collapse: showAdvancedOptions !== true, 'collapse.in': showAdvancedOptions === true}">
+    <stage-config-field
+      label="Template File Name"
+      help-key="pipeline.config.bake.templateFileName"
+      ng-if="bakeStageCtrl.showTemplateFileName()"
+    >
+      <input type="text" class="form-control input-sm" ng-model="stage.templateFileName" />
+    </stage-config-field>
+    <stage-config-field
+      label="Account Name"
+      help-key="pipeline.config.gce.bake.accountName"
+      ng-if="bakeStageCtrl.showAccountName()"
+    >
+      <input type="text" class="form-control input-sm" ng-model="stage.accountName" />
+    </stage-config-field>
+    <stage-config-field
+      label="Extended Attributes"
+      help-key="pipeline.config.bake.extendedAttributes"
+      ng-if="bakeStageCtrl.showExtendedAttributes()"
+    >
+      <table class="table table-condensed packed">
+        <thead>
+          <tr>
+            <th style="width: 40%">Key</th>
+            <th style="width: 60%">Value</th>
+            <th class="text-right">Actions</th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr ng-repeat="(key,value) in stage.extendedAttributes">
+            <td>
+              <strong class="small">{{key}}</strong>
+            </td>
+            <td>
+              <input
+                type="text"
+                ng-model="stage.extendedAttributes[key]"
+                value="{{value}}"
+                class="form-control input-sm"
+              />
+            </td>
+            <td class="text-right">
+              <a class="small" href ng-click="bakeStageCtrl.removeExtendedAttribute(key)">Remove</a>
+            </td>
+          </tr>
+        </tbody>
+        <tfoot>
+          <tr>
+            <td colspan="7">
+              <button class="btn btn-block btn-sm add-new" ng-click="bakeStageCtrl.addExtendedAttribute()">
+                <span class="glyphicon glyphicon-plus-sign"></span> Add Extended Attribute
+              </button>
+            </td>
+          </tr>
+        </tfoot>
+      </table>
+    </stage-config-field>
+    <stage-config-field
+      label="Var File Name"
+      help-key="pipeline.config.bake.varFileName"
+      ng-if="bakeStageCtrl.showVarFileName()"
+    >
+      <input type="text" class="form-control input-sm" ng-model="stage.varFileName" />
+    </stage-config-field>
+    <stage-config-field label="Base Image" help-key="pipeline.config.gce.bake.baseImage">
+      <input type="text" class="form-control input-sm" ng-model="stage.baseAmi" />
+    </stage-config-field>
+  </div>
+</div>

package/src/pipeline/stages/bake/gceBakeStage.js

@@ -0,0 +1,171 @@
+'use strict';
+
+import { module } from 'angular';
+import _ from 'lodash';
+
+import {
+  ArtifactReferenceService,
+  AuthenticationService,
+  BakeExecutionLabel,
+  BakeryReader,
+  ExpectedArtifactService,
+  PipelineTemplates,
+  Registry,
+  SETTINGS,
+} from '@spinnaker/core';
+import { GOOGLE_PIPELINE_STAGES_BAKE_BAKEEXECUTIONDETAILS_CONTROLLER } from './bakeExecutionDetails.controller';
+
+export const GOOGLE_PIPELINE_STAGES_BAKE_GCEBAKESTAGE = 'spinnaker.gce.pipeline.stage..bakeStage';
+export const name = GOOGLE_PIPELINE_STAGES_BAKE_GCEBAKESTAGE; // for backwards compatibility
+module(GOOGLE_PIPELINE_STAGES_BAKE_GCEBAKESTAGE, [GOOGLE_PIPELINE_STAGES_BAKE_BAKEEXECUTIONDETAILS_CONTROLLER])
+  .config(function () {
+    Registry.pipeline.registerStage({
+      provides: 'bake',
+      cloudProvider: 'gce',
+      label: 'Bake',
+      description: 'Bakes an image',
+      templateUrl: require('./bakeStage.html'),
+      executionDetailsUrl: require('./bakeExecutionDetails.html'),
+      executionLabelComponent: BakeExecutionLabel,
+      extraLabelLines: (stage) => {
+        return stage.masterStage.context.allPreviouslyBaked || stage.masterStage.context.somePreviouslyBaked ? 1 : 0;
+      },
+      producesArtifacts: true,
+      supportsCustomTimeout: true,
+      validators: [
+        {
+          type: 'anyFieldRequired',
+          fields: [
+            { fieldName: 'package', fieldLabel: 'Package' },
+            { fieldName: 'packageArtifactIds', fieldLabel: 'Package Artifacts' },
+          ],
+        },
+      ],
+      restartable: true,
+      artifactExtractor: ExpectedArtifactService.accumulateArtifacts(['packageArtifactIds']),
+      artifactRemover: ArtifactReferenceService.removeArtifactFromFields(['packageArtifactIds']),
+    });
+  })
+  .controller('gceBakeStageCtrl', [
+    '$scope',
+    '$q',
+    '$uibModal',
+    function ($scope, $q, $uibModal) {
+      $scope.stage.extendedAttributes = $scope.stage.extendedAttributes || {};
+      $scope.stage.region = 'global';
+
+      if (!$scope.stage.cloudProvider) {
+        $scope.stage.cloudProvider = 'gce';
+      }
+
+      if (!$scope.stage.user) {
+        $scope.stage.user = AuthenticationService.getAuthenticatedUser().name;
+      }
+
+      $scope.viewState = {
+        loading: true,
+      };
+
+      function initialize() {
+        $scope.viewState.providerSelected = true;
+        $q.all([
+          BakeryReader.getBaseOsOptions('gce'),
+          BakeryReader.getBaseLabelOptions(),
+          ExpectedArtifactService.getExpectedArtifactsAvailableToStage($scope.stage, $scope.pipeline),
+        ]).then(function ([baseOsOptions, baseLabelOptions, expectedArtifacts]) {
+          $scope.baseOsOptions = baseOsOptions.baseImages;
+          $scope.baseLabelOptions = baseLabelOptions;
+          $scope.viewState.expectedArtifacts = expectedArtifacts;
+
+          if (!$scope.stage.baseOs && $scope.baseOsOptions && $scope.baseOsOptions.length) {
+            $scope.stage.baseOs = $scope.baseOsOptions[0].id;
+          }
+          if (!$scope.stage.baseLabel && $scope.baseLabelOptions && $scope.baseLabelOptions.length) {
+            $scope.stage.baseLabel = $scope.baseLabelOptions[0];
+          }
+          $scope.viewState.roscoMode =
+            SETTINGS.feature.roscoMode ||
+            (typeof SETTINGS.feature.roscoSelector === 'function' && SETTINGS.feature.roscoSelector($scope.stage));
+          $scope.showAdvancedOptions = showAdvanced();
+          $scope.viewState.loading = false;
+        });
+      }
+
+      function showAdvanced() {
+        const stage = $scope.stage;
+        return !!(
+          stage.templateFileName ||
+          (stage.extendedAttributes && _.size(stage.extendedAttributes) > 0) ||
+          stage.varFileName ||
+          stage.baseAmi ||
+          stage.accountName
+        );
+      }
+
+      function stageUpdated() {
+        deleteEmptyProperties();
+        // Since the selector computes using stage as an input, it needs to be able to recompute roscoMode on updates
+        if (typeof SETTINGS.feature.roscoSelector === 'function') {
+          $scope.viewState.roscoMode = SETTINGS.feature.roscoSelector($scope.stage);
+        }
+      }
+
+      function deleteEmptyProperties() {
+        _.forOwn($scope.stage, function (val, key) {
+          if (val === '') {
+            delete $scope.stage[key];
+          }
+        });
+      }
+
+      this.addExtendedAttribute = function () {
+        if (!$scope.stage.extendedAttributes) {
+          $scope.stage.extendedAttributes = {};
+        }
+        $uibModal
+          .open({
+            templateUrl: PipelineTemplates.addExtendedAttributes,
+            controller: 'bakeStageAddExtendedAttributeController',
+            controllerAs: 'addExtendedAttribute',
+            resolve: {
+              extendedAttribute: function () {
+                return {
+                  key: '',
+                  value: '',
+                };
+              },
+            },
+          })
+          .result.then(function (extendedAttribute) {
+            $scope.stage.extendedAttributes[extendedAttribute.key] = extendedAttribute.value;
+          })
+          .catch(() => {});
+      };
+
+      this.removeExtendedAttribute = function (key) {
+        delete $scope.stage.extendedAttributes[key];
+      };
+
+      this.showTemplateFileName = function () {
+        return $scope.viewState.roscoMode || $scope.stage.templateFileName;
+      };
+
+      this.showAccountName = function () {
+        return $scope.viewState.roscoMode || $scope.stage.accountName;
+      };
+
+      this.showExtendedAttributes = function () {
+        return (
+          $scope.viewState.roscoMode || ($scope.stage.extendedAttributes && _.size($scope.stage.extendedAttributes) > 0)
+        );
+      };
+
+      this.showVarFileName = function () {
+        return $scope.viewState.roscoMode || $scope.stage.varFileName;
+      };
+
+      $scope.$watch('stage', stageUpdated, true);
+
+      initialize();
+    },
+  ]);

package/src/pipeline/stages/cloneServerGroup/cloneServerGroupStage.html

@@ -0,0 +1,99 @@
+<div ng-controller="gceCloneServerGroupStageCtrl as cloneServerGroupStageCtrl">
+  <div ng-if="!pipeline.strategy">
+    <div ng-if="viewState.loading" class="horizontal center middle">
+      <loading-spinner size="'small'"></loading-spinner>
+    </div>
+    <div ng-if="!viewState.loading">
+      <account-region-cluster-selector
+        application="application"
+        component="stage"
+        accounts="accounts"
+        single-region="true"
+        cluster-field="targetCluster"
+      >
+      </account-region-cluster-selector>
+    </div>
+  </div>
+  <stage-config-field label="Target">
+    <target-select model="stage" options="cloneServerGroupStageCtrl.cloneTargets"></target-select>
+  </stage-config-field>
+  <div>
+    <div class="form-group">
+      <div class="col-md-3 sm-label-right">Capacity</div>
+      <div class="col-md-9 radio">
+        <label>
+          <input
+            type="radio"
+            ng-model="stage.useSourceCapacity"
+            ng-value="true"
+            ng-click="cloneServerGroupStageCtrl.removeCapacity()"
+            id="useSourceCapacityTrue"
+          />
+          Copy the capacity from the current server group
+          <help-field key="serverGroupCapacity.useSourceCapacityTrue"></help-field>
+        </label>
+      </div>
+      <div class="col-md-9 col-md-offset-3 radio">
+        <label>
+          <input type="radio" ng-model="stage.useSourceCapacity" ng-value="false" id="useSourceCapacityFalse" />
+          Let me specify the capacity
+          <help-field key="serverGroupCapacity.useSourceCapacityFalse"></help-field>
+        </label>
+      </div>
+    </div>
+    <div class="form-group">
+      <div class="col-md-2 col-md-offset-3">Min</div>
+      <div class="col-md-2">Max</div>
+      <div class="col-md-2">Desired</div>
+    </div>
+    <div class="form-group">
+      <div class="col-md-2 col-md-offset-3">
+        <input
+          type="number"
+          ng-disabled="stage.useSourceCapacity"
+          class="form-control input-sm"
+          ng-model="stage.capacity.min"
+          min="0"
+          max="{{stage.capacity.max}}"
+          required
+        />
+      </div>
+      <div class="col-md-2">
+        <input
+          type="number"
+          ng-disabled="stage.useSourceCapacity"
+          class="form-control input-sm"
+          ng-model="stage.capacity.max"
+          min="{{stage.capacity.min}}"
+          required
+        />
+      </div>
+      <div class="col-md-2">
+        <input
+          type="number"
+          ng-disabled="stage.useSourceCapacity"
+          class="form-control input-sm"
+          ng-model="stage.capacity.desired"
+          min="{{stage.capacity.min}}"
+          max="{{stage.capacity.max}}"
+          required
+        />
+      </div>
+    </div>
+  </div>
+  <stage-config-field label="Traffic" help-key="gce.serverGroup.traffic">
+    <div class="checkbox">
+      <label>
+        <input
+          type="checkbox"
+          ng-click="cloneServerGroupStageCtrl.toggleDisableTraffic()"
+          ng-checked="!stage.disableTraffic"
+        />
+        Send client requests to new instances
+      </label>
+    </div>
+  </stage-config-field>
+  <stage-platform-health-override application="application" stage="stage" platform-health-type="'Google'">
+  </stage-platform-health-override>
+  <deployment-strategy-selector field-columns="6" command="stage"></deployment-strategy-selector>
+</div>

package/src/pipeline/stages/cloneServerGroup/cloneServerGroupStepLabel.html

@@ -0,0 +1 @@
+<span class="task-label"> Clone Server Group: {{step.context.source.serverGroupName}} ({{step.context.region}}) </span>

package/src/pipeline/stages/cloneServerGroup/gceCloneServerGroupStage.js

@@ -0,0 +1,83 @@
+'use strict';
+
+import { module } from 'angular';
+import _ from 'lodash';
+
+import { AccountService, NameUtils, Registry, StageConstants } from '@spinnaker/core';
+
+export const GOOGLE_PIPELINE_STAGES_CLONESERVERGROUP_GCECLONESERVERGROUPSTAGE =
+  'spinnaker.gce.pipeline.stage..cloneServerGroupStage';
+export const name = GOOGLE_PIPELINE_STAGES_CLONESERVERGROUP_GCECLONESERVERGROUPSTAGE; // for backwards compatibility
+module(GOOGLE_PIPELINE_STAGES_CLONESERVERGROUP_GCECLONESERVERGROUPSTAGE, [])
+  .config(function () {
+    Registry.pipeline.registerStage({
+      provides: 'cloneServerGroup',
+      cloudProvider: 'gce',
+      templateUrl: require('./cloneServerGroupStage.html'),
+      executionStepLabelUrl: require('./cloneServerGroupStepLabel.html'),
+      validators: [
+        { type: 'requiredField', fieldName: 'targetCluster', fieldLabel: 'cluster' },
+        { type: 'requiredField', fieldName: 'target' },
+        { type: 'requiredField', fieldName: 'region' },
+        { type: 'requiredField', fieldName: 'credentials', fieldLabel: 'account' },
+      ],
+    });
+  })
+  .controller('gceCloneServerGroupStageCtrl', [
+    '$scope',
+    function ($scope) {
+      const stage = $scope.stage;
+
+      $scope.viewState = {
+        accountsLoaded: false,
+      };
+
+      AccountService.listAccounts('gce').then((accounts) => {
+        $scope.accounts = accounts;
+        $scope.viewState.accountsLoaded = true;
+      });
+
+      this.cloneTargets = StageConstants.TARGET_LIST;
+      stage.target = stage.target || this.cloneTargets[0].val;
+      stage.application = $scope.application.name;
+      stage.cloudProvider = 'gce';
+      stage.cloudProviderType = 'gce';
+
+      if (
+        stage.isNew &&
+        $scope.application.attributes.platformHealthOnlyShowOverride &&
+        $scope.application.attributes.platformHealthOnly
+      ) {
+        stage.interestingHealthProviderNames = ['Google'];
+      }
+
+      if (!stage.credentials && $scope.application.defaultCredentials.gce) {
+        stage.credentials = $scope.application.defaultCredentials.gce;
+      }
+
+      this.targetClusterUpdated = () => {
+        if (stage.targetCluster) {
+          const clusterName = NameUtils.parseServerGroupName(stage.targetCluster);
+          stage.stack = clusterName.stack;
+          stage.freeFormDetails = clusterName.freeFormDetails;
+        } else {
+          stage.stack = '';
+          stage.freeFormDetails = '';
+        }
+      };
+
+      $scope.$watch('stage.targetCluster', this.targetClusterUpdated);
+
+      this.removeCapacity = () => {
+        delete stage.capacity;
+      };
+
+      if (!_.has(stage, 'useSourceCapacity')) {
+        stage.useSourceCapacity = true;
+      }
+
+      this.toggleDisableTraffic = () => {
+        stage.disableTraffic = !stage.disableTraffic;
+      };
+    },
+  ]);

package/src/pipeline/stages/destroyAsg/destroyAsgStage.html

@@ -0,0 +1,9 @@
+<div ng-controller="gceDestroyAsgStageCtrl as destroyAsgStageCtrl" class="form-horizontal">
+  <div ng-if="!pipeline.strategy">
+    <account-region-cluster-selector application="application" component="stage" accounts="accounts">
+    </account-region-cluster-selector>
+  </div>
+  <stage-config-field label="Target">
+    <target-select model="stage" options="targets"></target-select>
+  </stage-config-field>
+</div>

package/src/pipeline/stages/destroyAsg/destroyAsgStepLabel.html

@@ -0,0 +1 @@
+<span class="task-label"> Destroy Server Group: {{step.context.serverGroupName}} ({{step.context.region}}) </span>

package/src/pipeline/stages/destroyAsg/gceDestroyAsgStage.js

@@ -0,0 +1,62 @@
+'use strict';
+
+import { module } from 'angular';
+
+import { AccountService, Registry, StageConstants } from '@spinnaker/core';
+
+export const GOOGLE_PIPELINE_STAGES_DESTROYASG_GCEDESTROYASGSTAGE = 'spinnaker.gce.pipeline.stage..destroyAsgStage';
+export const name = GOOGLE_PIPELINE_STAGES_DESTROYASG_GCEDESTROYASGSTAGE; // for backwards compatibility
+module(GOOGLE_PIPELINE_STAGES_DESTROYASG_GCEDESTROYASGSTAGE, [])
+  .config(function () {
+    Registry.pipeline.registerStage({
+      provides: 'destroyServerGroup',
+      cloudProvider: 'gce',
+      templateUrl: require('./destroyAsgStage.html'),
+      executionStepLabelUrl: require('./destroyAsgStepLabel.html'),
+      accountExtractor: (stage) => [stage.context.credentials],
+      configAccountExtractor: (stage) => [stage.credentials],
+      validators: [
+        {
+          type: 'targetImpedance',
+          message:
+            'This pipeline will attempt to destroy a server group without deploying a new version into the same cluster.',
+        },
+        { type: 'requiredField', fieldName: 'cluster' },
+        { type: 'requiredField', fieldName: 'target' },
+        { type: 'requiredField', fieldName: 'regions' },
+        { type: 'requiredField', fieldName: 'credentials', fieldLabel: 'account' },
+      ],
+    });
+  })
+  .controller('gceDestroyAsgStageCtrl', [
+    '$scope',
+    function ($scope) {
+      const stage = $scope.stage;
+
+      $scope.state = {
+        accounts: false,
+        regionsLoaded: false,
+      };
+
+      AccountService.listAccounts('gce').then(function (accounts) {
+        $scope.accounts = accounts;
+        $scope.state.accounts = true;
+      });
+
+      $scope.targets = StageConstants.TARGET_LIST;
+
+      stage.regions = stage.regions || [];
+      stage.cloudProvider = 'gce';
+
+      if (!stage.credentials && $scope.application.defaultCredentials.gce) {
+        stage.credentials = $scope.application.defaultCredentials.gce;
+      }
+      if (!stage.regions.length && $scope.application.defaultRegions.gce) {
+        stage.regions.push($scope.application.defaultRegions.gce);
+      }
+
+      if (!stage.target) {
+        stage.target = $scope.targets[0].val;
+      }
+    },
+  ]);

package/src/pipeline/stages/disableAsg/disableAsgStage.html

@@ -0,0 +1,11 @@
+<div ng-controller="gceDisableAsgStageCtrl as disableAsgStageCtrl" class="form-horizontal">
+  <div ng-if="!pipeline.strategy">
+    <account-region-cluster-selector application="application" component="stage" accounts="accounts">
+    </account-region-cluster-selector>
+  </div>
+  <stage-config-field label="Target">
+    <target-select model="stage" options="targets"></target-select>
+  </stage-config-field>
+  <stage-platform-health-override application="application" stage="stage" platform-health-type="'Google'">
+  </stage-platform-health-override>
+</div>

package/src/pipeline/stages/disableAsg/disableAsgStepLabel.html

@@ -0,0 +1 @@
+<span class="task-label"> Disable Server Group: {{step.context.serverGroupName}} ({{step.context.region}}) </span>

package/src/pipeline/stages/disableAsg/gceDisableAsgStage.js

@@ -0,0 +1,68 @@
+'use strict';
+
+import { module } from 'angular';
+
+import { AccountService, Registry, StageConstants } from '@spinnaker/core';
+
+export const GOOGLE_PIPELINE_STAGES_DISABLEASG_GCEDISABLEASGSTAGE = 'spinnaker.gce.pipeline.stage..disableAsgStage';
+export const name = GOOGLE_PIPELINE_STAGES_DISABLEASG_GCEDISABLEASGSTAGE; // for backwards compatibility
+module(GOOGLE_PIPELINE_STAGES_DISABLEASG_GCEDISABLEASGSTAGE, [])
+  .config(function () {
+    Registry.pipeline.registerStage({
+      provides: 'disableServerGroup',
+      cloudProvider: 'gce',
+      templateUrl: require('./disableAsgStage.html'),
+      executionStepLabelUrl: require('./disableAsgStepLabel.html'),
+      validators: [
+        {
+          type: 'targetImpedance',
+          message:
+            'This pipeline will attempt to disable a server group without deploying a new version into the same cluster.',
+        },
+        { type: 'requiredField', fieldName: 'cluster' },
+        { type: 'requiredField', fieldName: 'target' },
+        { type: 'requiredField', fieldName: 'regions' },
+        { type: 'requiredField', fieldName: 'credentials', fieldLabel: 'account' },
+      ],
+    });
+  })
+  .controller('gceDisableAsgStageCtrl', [
+    '$scope',
+    function ($scope) {
+      const stage = $scope.stage;
+
+      $scope.state = {
+        accounts: false,
+        regionsLoaded: false,
+      };
+
+      AccountService.listAccounts('gce').then(function (accounts) {
+        $scope.accounts = accounts;
+        $scope.state.accounts = true;
+      });
+
+      $scope.targets = StageConstants.TARGET_LIST;
+
+      stage.regions = stage.regions || [];
+      stage.cloudProvider = 'gce';
+
+      if (
+        stage.isNew &&
+        $scope.application.attributes.platformHealthOnlyShowOverride &&
+        $scope.application.attributes.platformHealthOnly
+      ) {
+        stage.interestingHealthProviderNames = ['Google'];
+      }
+
+      if (!stage.credentials && $scope.application.defaultCredentials.gce) {
+        stage.credentials = $scope.application.defaultCredentials.gce;
+      }
+      if (!stage.regions.length && $scope.application.defaultRegions.gce) {
+        stage.regions.push($scope.application.defaultRegions.gce);
+      }
+
+      if (!stage.target) {
+        stage.target = $scope.targets[0].val;
+      }
+    },
+  ]);

package/src/pipeline/stages/disableCluster/disableClusterStage.html

@@ -0,0 +1,26 @@
+<div ng-controller="gceDisableClusterStageCtrl as disableClusterStageCtrl" class="form-horizontal">
+  <div ng-if="!pipeline.strategy">
+    <account-region-cluster-selector application="application" component="stage" accounts="accounts">
+    </account-region-cluster-selector>
+  </div>
+  <stage-config-field label="Disable Options">
+    <div class="form-inline">
+      Keep the
+      <input
+        type="number"
+        min="0"
+        required
+        ng-model="stage.remainingEnabledServerGroups"
+        class="form-control input-sm"
+        style="width: 50px"
+      />
+      <select class="form-control input-sm" ng-model="stage.preferLargerOverNewer" style="width: 100px">
+        <option value="true">largest</option>
+        <option value="false">newest</option>
+      </select>
+      {{disableClusterStageCtrl.pluralize('server group', stage.remainingEnabledServerGroups)}} enabled.
+    </div>
+  </stage-config-field>
+  <stage-platform-health-override application="application" stage="stage" platform-health-type="'Google'">
+  </stage-platform-health-override>
+</div>