@spinnaker/google 0.0.0-main-2

package/src/pipeline/stages/disableCluster/gceDisableClusterStage.js

@@ -0,0 +1,79 @@
+'use strict';
+
+import { module } from 'angular';
+
+import { AccountService, Registry } from '@spinnaker/core';
+
+export const GOOGLE_PIPELINE_STAGES_DISABLECLUSTER_GCEDISABLECLUSTERSTAGE =
+  'spinnaker.gce.pipeline.stage..disableClusterStage';
+export const name = GOOGLE_PIPELINE_STAGES_DISABLECLUSTER_GCEDISABLECLUSTERSTAGE; // for backwards compatibility
+module(GOOGLE_PIPELINE_STAGES_DISABLECLUSTER_GCEDISABLECLUSTERSTAGE, [])
+  .config(function () {
+    Registry.pipeline.registerStage({
+      provides: 'disableCluster',
+      cloudProvider: 'gce',
+      templateUrl: require('./disableClusterStage.html'),
+      validators: [
+        { type: 'requiredField', fieldName: 'cluster' },
+        {
+          type: 'requiredField',
+          fieldName: 'remainingEnabledServerGroups',
+          fieldLabel: 'Keep [X] enabled Server Groups',
+        },
+        { type: 'requiredField', fieldName: 'regions' },
+        { type: 'requiredField', fieldName: 'credentials', fieldLabel: 'account' },
+      ],
+    });
+  })
+  .controller('gceDisableClusterStageCtrl', [
+    '$scope',
+    function ($scope) {
+      const ctrl = this;
+
+      const stage = $scope.stage;
+
+      $scope.state = {
+        accounts: false,
+        regionsLoaded: false,
+      };
+
+      AccountService.listAccounts('gce').then(function (accounts) {
+        $scope.accounts = accounts;
+        $scope.state.accounts = true;
+      });
+
+      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.remainingEnabledServerGroups === undefined) {
+        stage.remainingEnabledServerGroups = 1;
+      }
+
+      ctrl.pluralize = function (str, val) {
+        if (val === 1) {
+          return str;
+        }
+        return str + 's';
+      };
+
+      if (stage.preferLargerOverNewer === undefined) {
+        stage.preferLargerOverNewer = 'false';
+      }
+      stage.preferLargerOverNewer = stage.preferLargerOverNewer.toString();
+    },
+  ]);

package/src/pipeline/stages/enableAsg/enableAsgStage.html

@@ -0,0 +1,11 @@
+<div ng-controller="gceEnableAsgStageCtrl as enableAsgStageCtrl" 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/enableAsg/enableAsgStepLabel.html

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

package/src/pipeline/stages/enableAsg/gceEnableAsgStage.js

@@ -0,0 +1,65 @@
+'use strict';
+
+import { module } from 'angular';
+
+import { AccountService, Registry, StageConstants } from '@spinnaker/core';
+
+export const GOOGLE_PIPELINE_STAGES_ENABLEASG_GCEENABLEASGSTAGE = 'spinnaker.gce.pipeline.stage..enableAsgStage';
+export const name = GOOGLE_PIPELINE_STAGES_ENABLEASG_GCEENABLEASGSTAGE; // for backwards compatibility
+module(GOOGLE_PIPELINE_STAGES_ENABLEASG_GCEENABLEASGSTAGE, [])
+  .config(function () {
+    Registry.pipeline.registerStage({
+      provides: 'enableServerGroup',
+      cloudProvider: 'gce',
+      templateUrl: require('./enableAsgStage.html'),
+      executionStepLabelUrl: require('./enableAsgStepLabel.html'),
+      validators: [
+        { type: 'requiredField', fieldName: 'cluster' },
+        { type: 'requiredField', fieldName: 'target' },
+        { type: 'requiredField', fieldName: 'regions' },
+        { type: 'requiredField', fieldName: 'credentials', fieldLabel: 'account' },
+      ],
+    });
+  })
+  .controller('gceEnableAsgStageCtrl', [
+    '$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;
+      }
+
+      $scope.$watch('stage.credentials', $scope.accountUpdated);
+    },
+  ]);

package/src/pipeline/stages/findAmi/findAmiStage.html

@@ -0,0 +1,20 @@
+<div ng-controller="gceFindAmiStageCtrl as findAmiCtrl" class="form-horizontal">
+  <account-region-cluster-selector application="application" component="stage" accounts="accounts">
+  </account-region-cluster-selector>
+
+  <stage-config-field label="Server Group Selection">
+    <ui-select ng-model="stage.selectionStrategy" class="form-control input-sm">
+      <ui-select-match placeholder="None">{{$select.selected.label}}</ui-select-match>
+      <ui-select-choices repeat="strategy.val as strategy in selectionStrategies | filter: $select.search">
+        <strong ng-bind-html="strategy.label | highlight: $select.search"></strong>
+        <div ng-bind-html="strategy.description"></div>
+      </ui-select-choices>
+    </ui-select>
+  </stage-config-field>
+  <stage-config-field label="Server Group Filters">
+    <label class="checkbox-inline">
+      <input type="checkbox" ng-model="stage.onlyEnabled" />
+      Only consider enabled Server Groups
+    </label>
+  </stage-config-field>
+</div>

package/src/pipeline/stages/findAmi/gceFindAmiStage.js

@@ -0,0 +1,79 @@
+'use strict';
+
+import * as angular from 'angular';
+
+import { AccountService, Registry } from '@spinnaker/core';
+
+export const GOOGLE_PIPELINE_STAGES_FINDAMI_GCEFINDAMISTAGE = 'spinnaker.gce.pipeline.stage..findAmiStage';
+export const name = GOOGLE_PIPELINE_STAGES_FINDAMI_GCEFINDAMISTAGE; // for backwards compatibility
+angular
+  .module(GOOGLE_PIPELINE_STAGES_FINDAMI_GCEFINDAMISTAGE, [])
+  .config(function () {
+    Registry.pipeline.registerStage({
+      provides: 'findImage',
+      cloudProvider: 'gce',
+      templateUrl: require('./findAmiStage.html'),
+      validators: [
+        { type: 'requiredField', fieldName: 'cluster' },
+        { type: 'requiredField', fieldName: 'selectionStrategy', fieldLabel: 'Server Group Selection' },
+        { type: 'requiredField', fieldName: 'regions' },
+        { type: 'requiredField', fieldName: 'credentials' },
+      ],
+    });
+  })
+  .controller('gceFindAmiStageCtrl', [
+    '$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.selectionStrategies = [
+        {
+          label: 'Largest',
+          val: 'LARGEST',
+          description: 'When multiple server groups exist, prefer the server group with the most instances',
+        },
+        {
+          label: 'Newest',
+          val: 'NEWEST',
+          description: 'When multiple server groups exist, prefer the newest',
+        },
+        {
+          label: 'Oldest',
+          val: 'OLDEST',
+          description: 'When multiple server groups exist, prefer the oldest',
+        },
+        {
+          label: 'Fail',
+          val: 'FAIL',
+          description: 'When multiple server groups exist, fail',
+        },
+      ];
+
+      stage.regions = stage.regions || [];
+      stage.cloudProvider = 'gce';
+      stage.selectionStrategy = stage.selectionStrategy || $scope.selectionStrategies[0].val;
+
+      if (angular.isUndefined(stage.onlyEnabled)) {
+        stage.onlyEnabled = true;
+      }
+
+      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);
+      }
+
+      $scope.$watch('stage.credentials', $scope.accountUpdated);
+    },
+  ]);

package/src/pipeline/stages/findImageFromTags/findImageFromTagsExecutionDetails.html

@@ -0,0 +1,40 @@
+<div ng-controller="BaseExecutionDetailsCtrl">
+  <execution-details-section-nav sections="configSections"></execution-details-section-nav>
+  <div class="step-section-details" ng-if="detailsSection === 'findImageConfig'">
+    <div class="row">
+      <div class="col-md-12">
+        <dl class="dl-narrow dl-horizontal">
+          <dt if-multiple-providers>Provider</dt>
+          <dd if-multiple-providers>Google</dd>
+          <dt>Package</dt>
+          <dd>{{stage.context.packageName}}</dd>
+          <dt>Tags</dt>
+          <dd>
+            <span ng-repeat="(key, val) in stage.context.tags"> {{key}}:{{val}}{{$last ? '' : ', '}} </span>
+          </dd>
+        </dl>
+      </div>
+    </div>
+    <stage-failure-message stage="stage" message="stage.failureMessage"></stage-failure-message>
+
+    <div class="row" ng-if="stage.context.amiDetails">
+      <div class="col-md-12">
+        <div class="well alert alert-info">
+          <h4>Results</h4>
+          <dl ng-repeat="image in stage.context.amiDetails" class="dl-narrow dl-horizontal">
+            <dt>Region</dt>
+            <dd>{{image.region}}</dd>
+            <dt>Image</dt>
+            <dd>{{image.imageName}}</dd>
+          </dl>
+        </div>
+      </div>
+    </div>
+  </div>
+
+  <div class="step-section-details" ng-if="detailsSection === 'taskStatus'">
+    <div class="row">
+      <execution-step-details item="stage"></execution-step-details>
+    </div>
+  </div>
+</div>

package/src/pipeline/stages/findImageFromTags/findImageFromTagsStage.html

@@ -0,0 +1,8 @@
+<div ng-controller="gceFindImageFromTagsStageCtrl as findImageFromTagsCtrl" class="form-horizontal">
+  <stage-config-field label="Package">
+    <input type="text" class="form-control input-sm" ng-model="stage.packageName" />
+  </stage-config-field>
+  <stage-config-field label="Tags">
+    <map-editor model="stage.tags" allow-empty="true"></map-editor>
+  </stage-config-field>
+</div>

package/src/pipeline/stages/findImageFromTags/gceFindImageFromTagsStage.js

@@ -0,0 +1,35 @@
+'use strict';
+
+import { module } from 'angular';
+
+import { BakeryReader, Registry } from '@spinnaker/core';
+
+export const GOOGLE_PIPELINE_STAGES_FINDIMAGEFROMTAGS_GCEFINDIMAGEFROMTAGSSTAGE =
+  'spinnaker.gce.pipeline.stage..findImageFromTagsStage';
+export const name = GOOGLE_PIPELINE_STAGES_FINDIMAGEFROMTAGS_GCEFINDIMAGEFROMTAGSSTAGE; // for backwards compatibility
+module(GOOGLE_PIPELINE_STAGES_FINDIMAGEFROMTAGS_GCEFINDIMAGEFROMTAGSSTAGE, [])
+  .config(function () {
+    Registry.pipeline.registerStage({
+      provides: 'findImageFromTags',
+      cloudProvider: 'gce',
+      templateUrl: require('./findImageFromTagsStage.html'),
+      executionDetailsUrl: require('./findImageFromTagsExecutionDetails.html'),
+      executionConfigSections: ['findImageConfig', 'taskStatus'],
+      validators: [
+        { type: 'requiredField', fieldName: 'packageName' },
+        { type: 'requiredField', fieldName: 'tags' },
+      ],
+    });
+  })
+  .controller('gceFindImageFromTagsStageCtrl', [
+    '$scope',
+    function ($scope) {
+      $scope.stage.tags = $scope.stage.tags || {};
+      $scope.stage.regions = $scope.stage.regions || [];
+      $scope.stage.cloudProvider = $scope.stage.cloudProvider || 'gce';
+
+      BakeryReader.getRegions('gce').then(function (regions) {
+        $scope.regions = regions;
+      });
+    },
+  ]);

package/src/pipeline/stages/resizeAsg/gceResizeAsgStage.js

@@ -0,0 +1,125 @@
+'use strict';
+
+import { module } from 'angular';
+
+import { AccountService, Registry, StageConstants } from '@spinnaker/core';
+
+export const GOOGLE_PIPELINE_STAGES_RESIZEASG_GCERESIZEASGSTAGE = 'spinnaker.gce.pipeline.stage..resizeAsgStage';
+export const name = GOOGLE_PIPELINE_STAGES_RESIZEASG_GCERESIZEASGSTAGE; // for backwards compatibility
+module(GOOGLE_PIPELINE_STAGES_RESIZEASG_GCERESIZEASGSTAGE, [])
+  .config(function () {
+    Registry.pipeline.registerStage({
+      provides: 'resizeServerGroup',
+      cloudProvider: 'gce',
+      templateUrl: require('./resizeAsgStage.html'),
+      executionStepLabelUrl: require('./resizeAsgStepLabel.html'),
+      accountExtractor: (stage) => [stage.context.credentials],
+      configAccountExtractor: (stage) => [stage.credentials],
+      supportsCustomTimeout: true,
+      validators: [
+        {
+          type: 'targetImpedance',
+          message:
+            'This pipeline will attempt to resize a server group without deploying a new version into the same cluster.',
+        },
+        { type: 'requiredField', fieldName: 'cluster' },
+        { type: 'requiredField', fieldName: 'target' },
+        { type: 'requiredField', fieldName: 'action' },
+        { type: 'requiredField', fieldName: 'regions' },
+        { type: 'requiredField', fieldName: 'credentials', fieldLabel: 'account' },
+      ],
+    });
+  })
+  .controller('gceResizeAsgStageCtrl', [
+    '$scope',
+    function ($scope) {
+      const ctrl = this;
+
+      const stage = $scope.stage;
+
+      $scope.viewState = {
+        accountsLoaded: false,
+        regionsLoaded: false,
+      };
+
+      AccountService.listAccounts('gce').then(function (accounts) {
+        $scope.accounts = accounts;
+        $scope.viewState.accountsLoaded = true;
+      });
+
+      $scope.resizeTargets = StageConstants.TARGET_LIST;
+
+      $scope.scaleActions = [
+        {
+          label: 'Scale Up',
+          val: 'scale_up',
+        },
+        {
+          label: 'Scale Down',
+          val: 'scale_down',
+        },
+        {
+          label: 'Scale to Cluster Size',
+          val: 'scale_to_cluster',
+        },
+        {
+          label: 'Scale to Exact Size',
+          val: 'scale_exact',
+        },
+      ];
+
+      $scope.resizeTypes = [
+        {
+          label: 'Percentage',
+          val: 'pct',
+        },
+        {
+          label: 'Incremental',
+          val: 'incr',
+        },
+      ];
+
+      stage.capacity = stage.capacity || {};
+      stage.regions = stage.regions || [];
+      stage.target = stage.target || $scope.resizeTargets[0].val;
+      stage.action = stage.action || $scope.scaleActions[0].val;
+      stage.resizeType = stage.resizeType || $scope.resizeTypes[0].val;
+      if (!stage.action && stage.resizeType === 'exact') {
+        stage.action = 'scale_exact';
+      }
+      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;
+      }
+      if (!stage.regions.length && $scope.application.defaultRegions.gce) {
+        stage.regions.push($scope.application.defaultRegions.gce);
+      }
+
+      ctrl.updateResizeType = function () {
+        if (stage.action === 'scale_exact') {
+          stage.resizeType = 'exact';
+          delete stage.scalePct;
+          delete stage.scaleNum;
+        } else {
+          stage.capacity = {};
+          if (stage.resizeType === 'pct') {
+            delete stage.scaleNum;
+          } else {
+            stage.resizeType = 'incr';
+            delete stage.scalePct;
+            stage.scaleNum = stage.scaleNum || 0;
+          }
+        }
+      };
+    },
+  ]);

package/src/pipeline/stages/resizeAsg/resizeAsgStage.html

@@ -0,0 +1,97 @@
+<div ng-controller="gceResizeAsgStageCtrl as resizeAsgStageCtrl">
+  <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">
+      </account-region-cluster-selector>
+    </div>
+  </div>
+  <stage-config-field label="Target">
+    <target-select model="stage" options="resizeTargets"></target-select>
+  </stage-config-field>
+  <stage-config-field label="Action" help-key="pipeline.config.resizeAsg.action">
+    <select
+      class="form-control input-sm"
+      required
+      ng-model="stage.action"
+      ng-change="resizeAsgStageCtrl.updateResizeType()"
+      ng-options="a.val as a.label for a in scaleActions"
+    >
+      <option>Select an action...</option>
+    </select>
+  </stage-config-field>
+  <div ng-if="stage.action !== 'scale_exact'">
+    <stage-config-field label="{{stage.action === 'scale_to_cluster' ? 'Additional Capacity' : 'Type'}}">
+      <select
+        class="form-control input-sm"
+        required
+        ng-model="stage.resizeType"
+        ng-change="resizeAsgStageCtrl.updateResizeType()"
+        ng-options="t.val as t.label for t in resizeTypes"
+      >
+        <option>Select an action...</option>
+      </select>
+    </stage-config-field>
+    <div class="form-group" ng-if="stage.resizeType === 'pct'">
+      <div class="col-md-9 col-md-offset-3">
+        <label class="col-md-2 sm-label-right" style="margin-left: 0; padding-left: 0">Resize Percentage</label>
+        <div class="col-md-2">
+          <input type="number" min="0" ng-model="stage.scalePct" class="form-control input-sm" />
+        </div>
+      </div>
+      <div class="col-md-9 col-md-offset-3">
+        <em class="subinput-note"
+          >This is the percentage by which the target server group's capacity will be increased</em
+        >
+      </div>
+    </div>
+    <div class="form-group" ng-if="stage.resizeType === 'incr'">
+      <div class="col-md-9 col-md-offset-3">
+        <label class="col-md-2 sm-label-right" style="margin-left: 0; padding-left: 0">Resize-by Amount</label>
+        <div class="col-md-2">
+          <input type="number" min="0" ng-model="stage.scaleNum" class="form-control input-sm" />
+        </div>
+      </div>
+
+      <div class="col-md-9 col-md-offset-3">
+        <em class="subinput-note"
+          >This is the exact amount by which the target server group's capacity will be increased</em
+        >
+      </div>
+    </div>
+  </div>
+  <div class="form-group" ng-if="stage.action === 'scale_exact'">
+    <div class="col-md-9 col-md-offset-3 small">
+      <div class="col-md-9">
+        <div class="col-md-3 col-md-offset-3">Min</div>
+        <div class="col-md-3">Max</div>
+        <div class="col-md-3">Desired</div>
+      </div>
+    </div>
+    <div class="col-md-9 col-md-offset-3">
+      <label class="col-md-2 sm-label-right small" style="margin-left: 0; padding-left: 0">Match Capacity</label>
+      <div class="col-md-9">
+        <div class="col-md-3">
+          <input type="number" ng-model="stage.capacity.min" class="form-control input-sm" />
+        </div>
+        <div class="col-md-3">
+          <input type="number" ng-model="stage.capacity.max" class="form-control input-sm" />
+        </div>
+        <div class="col-md-3">
+          <input type="number" ng-model="stage.capacity.desired" class="form-control input-sm" />
+        </div>
+      </div>
+    </div>
+
+    <div class="col-md-6 col-md-offset-3">
+      <em class="subinput-note"
+        >If the targeted server group has an Autoscaler configured, the min/max values will be used to update the
+        scaling policy. If not, the desired size will be used to update the server group's target size.</em
+      >
+    </div>
+  </div>
+  <stage-platform-health-override application="application" stage="stage" platform-health-type="'Google'">
+  </stage-platform-health-override>
+</div>

package/src/pipeline/stages/resizeAsg/resizeAsgStepLabel.html

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

package/src/pipeline/stages/scaleDownCluster/gceScaleDownClusterStage.js

@@ -0,0 +1,78 @@
+'use strict';
+
+import { module } from 'angular';
+
+import { AccountService, Registry } from '@spinnaker/core';
+
+export const GOOGLE_PIPELINE_STAGES_SCALEDOWNCLUSTER_GCESCALEDOWNCLUSTERSTAGE =
+  'spinnaker.gce.pipeline.stage..scaleDownClusterStage';
+export const name = GOOGLE_PIPELINE_STAGES_SCALEDOWNCLUSTER_GCESCALEDOWNCLUSTERSTAGE; // for backwards compatibility
+module(GOOGLE_PIPELINE_STAGES_SCALEDOWNCLUSTER_GCESCALEDOWNCLUSTERSTAGE, [])
+  .config(function () {
+    Registry.pipeline.registerStage({
+      provides: 'scaleDownCluster',
+      cloudProvider: 'gce',
+      templateUrl: require('./scaleDownClusterStage.html'),
+      accountExtractor: (stage) => [stage.context.credentials],
+      configAccountExtractor: (stage) => [stage.credentials],
+      validators: [
+        { type: 'requiredField', fieldName: 'cluster' },
+        {
+          type: 'requiredField',
+          fieldName: 'remainingFullSizeServerGroups',
+          fieldLabel: 'Keep [X] full size Server Groups',
+        },
+        { type: 'requiredField', fieldName: 'regions' },
+        { type: 'requiredField', fieldName: 'credentials', fieldLabel: 'account' },
+      ],
+      strategy: true,
+    });
+  })
+  .controller('gceScaleDownClusterStageCtrl', [
+    '$scope',
+    function ($scope) {
+      const ctrl = this;
+
+      const stage = $scope.stage;
+
+      $scope.state = {
+        accounts: false,
+        regionsLoaded: false,
+      };
+
+      AccountService.listAccounts('gce').then(function (accounts) {
+        $scope.accounts = accounts;
+        $scope.state.accounts = true;
+      });
+
+      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.remainingFullSizeServerGroups === undefined) {
+        stage.remainingFullSizeServerGroups = 1;
+      }
+
+      if (stage.allowScaleDownActive === undefined) {
+        stage.allowScaleDownActive = false;
+      }
+
+      ctrl.pluralize = function (str, val) {
+        if (val === 1) {
+          return str;
+        }
+        return str + 's';
+      };
+
+      if (stage.preferLargerOverNewer === undefined) {
+        stage.preferLargerOverNewer = 'false';
+      }
+      stage.preferLargerOverNewer = stage.preferLargerOverNewer.toString();
+    },
+  ]);