@spinnaker/google 0.0.0-main-2

package/src/serverGroup/details/autoscalingPolicy/modal/upsertAutoscalingPolicy.modal.less

@@ -0,0 +1,17 @@
+.gce-scaling-policy-modal {
+  .error-message {
+    margin-top: 4px;
+  }
+
+  input.form-control,
+  select.form-control {
+    margin-bottom: 2px;
+    width: 100%;
+  }
+
+  .collapsible-subsection {
+    .content-body {
+      padding-left: 0;
+    }
+  }
+}

package/src/serverGroup/details/resize/resizeAutoscalingPolicy.component.html

@@ -0,0 +1,55 @@
+<ng-form name="resizeAutoscalingPolicyForm">
+  <div class="form-group">
+    <div class="col-md-12">
+      <p>
+        Sets min and max instance counts for this server group's autoscaling policy.
+        <help-field key="gce.serverGroup.resizeWithAutoscalingPolicy" placement="right"></help-field>
+      </p>
+    </div>
+  </div>
+  <div class="form-group">
+    <div class="col-md-2 col-md-offset-3"><b>Min</b></div>
+    <div class="col-md-2"><b>Max</b></div>
+  </div>
+  <div class="form-group">
+    <div class="col-md-3 sm-label-right">Current</div>
+    <div class="col-md-2">
+      <input
+        type="number"
+        class="form-control input-sm"
+        ng-model="$ctrl.serverGroup.autoscalingPolicy.minNumReplicas"
+        readonly
+      />
+    </div>
+    <div class="col-md-2">
+      <input
+        type="number"
+        class="form-control input-sm"
+        ng-model="$ctrl.serverGroup.autoscalingPolicy.maxNumReplicas"
+        readonly
+      />
+    </div>
+  </div>
+  <div class="form-group">
+    <div class="col-md-3 sm-label-right">Resize to</div>
+    <div class="col-md-2">
+      <input
+        type="number"
+        class="form-control input-sm"
+        ng-model="$ctrl.command.newMinNumReplicas"
+        min="0"
+        required
+        max="{{ $ctrl.command.newMaxNumReplicas }}"
+      />
+    </div>
+    <div class="col-md-2">
+      <input
+        type="number"
+        class="form-control input-sm"
+        ng-model="$ctrl.command.newMaxNumReplicas"
+        required
+        min="{{ $ctrl.command.newMinNumReplicas }}"
+      />
+    </div>
+  </div>
+</ng-form>

package/src/serverGroup/details/resize/resizeAutoscalingPolicy.component.js

@@ -0,0 +1,60 @@
+'use strict';
+
+import * as angular from 'angular';
+import _ from 'lodash';
+
+import { GOOGLE_AUTOSCALINGPOLICY_AUTOSCALINGPOLICY_WRITE_SERVICE } from '../../../autoscalingPolicy/autoscalingPolicy.write.service';
+
+export const GOOGLE_SERVERGROUP_DETAILS_RESIZE_RESIZEAUTOSCALINGPOLICY_COMPONENT =
+  'spinnaker.deck.gce.serverGroup.details.resizeAutoscalingPolicy.component';
+export const name = GOOGLE_SERVERGROUP_DETAILS_RESIZE_RESIZEAUTOSCALINGPOLICY_COMPONENT; // for backwards compatibility
+angular
+  .module(GOOGLE_SERVERGROUP_DETAILS_RESIZE_RESIZEAUTOSCALINGPOLICY_COMPONENT, [
+    GOOGLE_AUTOSCALINGPOLICY_AUTOSCALINGPOLICY_WRITE_SERVICE,
+  ])
+  .component('gceResizeAutoscalingPolicy', {
+    bindings: {
+      serverGroup: '=',
+      command: '=',
+      formMethods: '=',
+      application: '=',
+    },
+    templateUrl: require('./resizeAutoscalingPolicy.component.html'),
+    controller: [
+      '$scope',
+      'gceAutoscalingPolicyWriter',
+      function ($scope, gceAutoscalingPolicyWriter) {
+        // In Angular 1.7 Directive bindings were removed in the constructor, default values now must be instantiated within $onInit
+        // See https://docs.angularjs.org/guide/migration#-compile- and https://docs.angularjs.org/guide/migration#migrate1.5to1.6-ng-services-$compile
+        this.$onInit = () => {
+          const newPolicyBounds = ['newMinNumReplicas', 'newMaxNumReplicas'];
+          newPolicyBounds.forEach((prop) => (this.command[prop] = null));
+
+          angular.extend(this.formMethods, {
+            formIsValid: () =>
+              _.every([
+                _.chain(newPolicyBounds)
+                  .map((bound) => this.command[bound] !== null)
+                  .every()
+                  .value(),
+                $scope.resizeAutoscalingPolicyForm.$valid,
+              ]),
+            submitMethod: () => {
+              return gceAutoscalingPolicyWriter.upsertAutoscalingPolicy(
+                this.application,
+                this.serverGroup,
+                {
+                  minNumReplicas: this.command.newMinNumReplicas,
+                  maxNumReplicas: this.command.newMaxNumReplicas,
+                },
+                {
+                  reason: this.command.reason,
+                  interestingHealthProviderNames: this.command.interestingHealthProviderNames,
+                },
+              );
+            },
+          });
+        };
+      },
+    ],
+  });

package/src/serverGroup/details/resize/resizeCapacity.component.html

@@ -0,0 +1,36 @@
+<ng-form name="resizeCapacityForm">
+  <div>
+    <div class="form-group">
+      <div class="col-md-12">
+        <p>Sets desired instance count for this server group.</p>
+      </div>
+    </div>
+    <div class="form-group form-inline">
+      <div class="col-md-3 sm-label-right">Current size</div>
+      <div class="col-md-6">
+        <input
+          type="number"
+          class="form-control input-sm"
+          ng-model="$ctrl.serverGroup.asg.desiredCapacity"
+          style="width: 60px"
+          readonly
+        />
+        instance<span ng-if="$ctrl.currentSize.desired > 1">s</span>
+      </div>
+    </div>
+    <div class="form-group form-inline">
+      <div class="col-md-3 sm-label-right">Resize to</div>
+      <div class="col-md-6">
+        <input
+          type="number"
+          class="form-control input-sm highlight-pristine"
+          ng-model="$ctrl.command.newSize"
+          min="0"
+          required
+          style="width: 60px"
+        />
+        instances
+      </div>
+    </div>
+  </div>
+</ng-form>

package/src/serverGroup/details/resize/resizeCapacity.component.js

@@ -0,0 +1,46 @@
+'use strict';
+
+import * as angular from 'angular';
+import _ from 'lodash';
+
+import { SERVER_GROUP_WRITER } from '@spinnaker/core';
+
+export const GOOGLE_SERVERGROUP_DETAILS_RESIZE_RESIZECAPACITY_COMPONENT =
+  'spinnaker.google.serverGroup.details.resize.capacity.component';
+export const name = GOOGLE_SERVERGROUP_DETAILS_RESIZE_RESIZECAPACITY_COMPONENT; // for backwards compatibility
+angular
+  .module(GOOGLE_SERVERGROUP_DETAILS_RESIZE_RESIZECAPACITY_COMPONENT, [SERVER_GROUP_WRITER])
+  .component('gceResizeCapacity', {
+    bindings: {
+      command: '=',
+      application: '=',
+      serverGroup: '=',
+      formMethods: '=',
+    },
+    templateUrl: require('./resizeCapacity.component.html'),
+    controller: [
+      '$scope',
+      'serverGroupWriter',
+      function ($scope, serverGroupWriter) {
+        // In Angular 1.7 Directive bindings were removed in the constructor, default values now must be instantiated within $onInit
+        // See https://docs.angularjs.org/guide/migration#-compile- and https://docs.angularjs.org/guide/migration#migrate1.5to1.6-ng-services-$compile
+        this.$onInit = () => {
+          this.command.newSize = null;
+
+          angular.extend(this.formMethods, {
+            formIsValid: () => _.every([this.command.newSize !== null, $scope.resizeCapacityForm.$valid]),
+            submitMethod: () => {
+              return serverGroupWriter.resizeServerGroup(this.serverGroup, this.application, {
+                capacity: { min: this.command.newSize, max: this.command.newSize, desired: this.command.newSize },
+                serverGroupName: this.serverGroup.name,
+                targetSize: this.command.newSize,
+                region: this.serverGroup.region,
+                interestingHealthProviderNames: this.command.interestingHealthProviderNames,
+                reason: this.command.reason,
+              });
+            },
+          });
+        };
+      },
+    ],
+  });

package/src/serverGroup/details/resize/resizeServerGroup.controller.js

@@ -0,0 +1,64 @@
+'use strict';
+
+import { module } from 'angular';
+
+import { TaskMonitor } from '@spinnaker/core';
+
+import { GOOGLE_COMMON_FOOTER_DIRECTIVE } from '../../../common/footer.directive';
+import { GOOGLE_SERVERGROUP_DETAILS_RESIZE_RESIZEAUTOSCALINGPOLICY_COMPONENT } from './resizeAutoscalingPolicy.component';
+import { GOOGLE_SERVERGROUP_DETAILS_RESIZE_RESIZECAPACITY_COMPONENT } from './resizeCapacity.component';
+
+export const GOOGLE_SERVERGROUP_DETAILS_RESIZE_RESIZESERVERGROUP_CONTROLLER =
+  'spinnaker.google.serverGroup.details.resize.controller';
+export const name = GOOGLE_SERVERGROUP_DETAILS_RESIZE_RESIZESERVERGROUP_CONTROLLER; // for backwards compatibility
+module(GOOGLE_SERVERGROUP_DETAILS_RESIZE_RESIZESERVERGROUP_CONTROLLER, [
+  GOOGLE_SERVERGROUP_DETAILS_RESIZE_RESIZECAPACITY_COMPONENT,
+  GOOGLE_SERVERGROUP_DETAILS_RESIZE_RESIZEAUTOSCALINGPOLICY_COMPONENT,
+  GOOGLE_COMMON_FOOTER_DIRECTIVE,
+]).controller('gceResizeServerGroupCtrl', [
+  '$scope',
+  '$uibModalInstance',
+  'application',
+  'serverGroup',
+  function ($scope, $uibModalInstance, application, serverGroup) {
+    $scope.serverGroup = serverGroup;
+    $scope.application = application;
+    $scope.verification = {};
+    $scope.command = {};
+    $scope.formMethods = {};
+
+    if (application && application.attributes) {
+      if (application.attributes.platformHealthOnlyShowOverride && application.attributes.platformHealthOnly) {
+        $scope.command.interestingHealthProviderNames = ['Google'];
+      }
+
+      $scope.command.platformHealthOnlyShowOverride = application.attributes.platformHealthOnlyShowOverride;
+    }
+
+    this.isValid = function () {
+      if (!$scope.verification.verified) {
+        return false;
+      }
+      return $scope.formMethods.formIsValid();
+    };
+
+    $scope.taskMonitor = new TaskMonitor({
+      application: application,
+      title: 'Resizing ' + serverGroup.name,
+      modalInstance: $uibModalInstance,
+    });
+
+    this.resize = function () {
+      this.submitting = true;
+      if (!this.isValid()) {
+        return;
+      }
+
+      $scope.taskMonitor.submit($scope.formMethods.submitMethod);
+    };
+
+    this.cancel = function () {
+      $uibModalInstance.dismiss();
+    };
+  },
+]);

package/src/serverGroup/details/resize/resizeServerGroup.controller.spec.js

@@ -0,0 +1,119 @@
+'use strict';
+
+import { SERVER_GROUP_WRITER } from '@spinnaker/core';
+
+const template = require('./resizeServerGroup.html');
+
+// template dependencies
+require('../../../common/footer.directive.html');
+
+describe('Controller: gceResizeServerGroupCtrl', function () {
+  let $controller, scope, gceAutoscalingPolicyWriter, serverGroupWriter, $compile, $templateCache, $q;
+
+  beforeEach(
+    window.module(
+      require('./resizeServerGroup.controller').name,
+      require('../../../autoscalingPolicy/autoscalingPolicy.write.service').name,
+      SERVER_GROUP_WRITER,
+    ),
+  );
+
+  beforeEach(
+    window.inject(function (
+      _$controller_,
+      _$q_,
+      _$compile_,
+      _$templateCache_,
+      $rootScope,
+      _gceAutoscalingPolicyWriter_,
+      _serverGroupWriter_,
+    ) {
+      scope = $rootScope.$new();
+      gceAutoscalingPolicyWriter = _gceAutoscalingPolicyWriter_;
+      serverGroupWriter = _serverGroupWriter_;
+      $controller = _$controller_;
+      $compile = _$compile_;
+      $templateCache = _$templateCache_;
+      $q = _$q_;
+    }),
+  );
+
+  it('should instantiate the controller', function () {
+    const controller = $controller('gceResizeServerGroupCtrl', {
+      $scope: scope,
+      $uibModalInstance: { result: { then: angular.noop } },
+      application: {},
+      serverGroup: {
+        asg: {
+          minSize: 0,
+        },
+      },
+    });
+
+    expect(controller).toBeDefined();
+  });
+
+  describe('behavior for server group with autoscaler', function () {
+    let controller;
+    beforeEach(function () {
+      controller = $controller('gceResizeServerGroupCtrl', {
+        $scope: scope,
+        $uibModalInstance: {
+          result: $q.resolve(),
+        },
+        application: {},
+        serverGroup: {
+          autoscalingPolicy: {
+            minNumReplicas: 1,
+            maxNumReplicas: 10,
+          },
+        },
+      });
+
+      $compile($templateCache.get(template))(scope);
+      scope.$digest();
+      spyOn(controller, 'isValid').and.returnValue(true);
+    });
+
+    it('controller.resize() should call gceAutoscalingPolicyWriter.upsertAutoscalingPolicy', function () {
+      spyOn(serverGroupWriter, 'resizeServerGroup').and.callThrough();
+      spyOn(gceAutoscalingPolicyWriter, 'upsertAutoscalingPolicy').and.callThrough();
+
+      controller.resize();
+
+      expect(serverGroupWriter.resizeServerGroup).not.toHaveBeenCalled();
+      expect(gceAutoscalingPolicyWriter.upsertAutoscalingPolicy).toHaveBeenCalled();
+    });
+  });
+
+  describe('behavior for server group without autoscaler', function () {
+    let controller;
+    beforeEach(function () {
+      controller = $controller('gceResizeServerGroupCtrl', {
+        $scope: scope,
+        $uibModalInstance: {
+          result: $q.resolve(),
+        },
+        application: {},
+        serverGroup: {
+          asg: {
+            desiredCapacity: 10,
+          },
+        },
+      });
+
+      $compile($templateCache.get(template))(scope);
+      scope.$digest();
+      spyOn(controller, 'isValid').and.returnValue(true);
+    });
+
+    it('controller.resize() should call serverGroupWriter.resizeServerGroup', function () {
+      spyOn(serverGroupWriter, 'resizeServerGroup').and.callThrough();
+      spyOn(gceAutoscalingPolicyWriter, 'upsertAutoscalingPolicy').and.callThrough();
+      controller.resize();
+
+      expect(serverGroupWriter.resizeServerGroup).toHaveBeenCalled();
+      expect(gceAutoscalingPolicyWriter.upsertAutoscalingPolicy).not.toHaveBeenCalled();
+    });
+  });
+});

package/src/serverGroup/details/resize/resizeServerGroup.html

@@ -0,0 +1,41 @@
+<div modal-page class="confirmation-modal">
+  <task-monitor monitor="taskMonitor"></task-monitor>
+  <form role="form" ng-if="!ctrl.submitting">
+    <modal-close dismiss="$dismiss()"></modal-close>
+    <div class="modal-header">
+      <h4 class="modal-title">Resize {{serverGroup.name}}</h4>
+    </div>
+    <div class="modal-body confirmation-modal">
+      <div class="form-horizontal">
+        <gce-resize-capacity
+          ng-if="!serverGroup.autoscalingPolicy"
+          server-group="serverGroup"
+          form-methods="formMethods"
+          application="application"
+          command="command"
+        ></gce-resize-capacity>
+        <gce-resize-autoscaling-policy
+          ng-if="serverGroup.autoscalingPolicy"
+          server-group="serverGroup"
+          form-methods="formMethods"
+          application="application"
+          command="command"
+        ></gce-resize-autoscaling-policy>
+      </div>
+      <div class="row" ng-if="command.platformHealthOnlyShowOverride">
+        <div class="col-sm-10 col-sm-offset-1">
+          <platform-health-override command="command" platform-health-type="'Google'" show-help-details="true">
+          </platform-health-override>
+        </div>
+      </div>
+      <task-reason command="command"></task-reason>
+    </div>
+    <gce-footer
+      action="ctrl.resize()"
+      cancel="ctrl.cancel()"
+      is-valid="ctrl.isValid()"
+      account="serverGroup.account"
+      verification="verification"
+    ></gce-footer>
+  </form>
+</div>

package/src/serverGroup/details/rollback/rollbackServerGroup.controller.js

@@ -0,0 +1,73 @@
+'use strict';
+
+import { module } from 'angular';
+
+import { SERVER_GROUP_WRITER, TaskMonitor } from '@spinnaker/core';
+import { GOOGLE_COMMON_FOOTER_DIRECTIVE } from '../../../common/footer.directive';
+
+export const GOOGLE_SERVERGROUP_DETAILS_ROLLBACK_ROLLBACKSERVERGROUP_CONTROLLER =
+  'spinnaker.google.serverGroup.details.rollback.controller';
+export const name = GOOGLE_SERVERGROUP_DETAILS_ROLLBACK_ROLLBACKSERVERGROUP_CONTROLLER; // for backwards compatibility
+module(GOOGLE_SERVERGROUP_DETAILS_ROLLBACK_ROLLBACKSERVERGROUP_CONTROLLER, [
+  SERVER_GROUP_WRITER,
+  GOOGLE_COMMON_FOOTER_DIRECTIVE,
+]).controller('gceRollbackServerGroupCtrl', [
+  '$scope',
+  '$uibModalInstance',
+  'serverGroupWriter',
+  'application',
+  'serverGroup',
+  'disabledServerGroups',
+  function ($scope, $uibModalInstance, serverGroupWriter, application, serverGroup, disabledServerGroups) {
+    $scope.serverGroup = serverGroup;
+    $scope.disabledServerGroups = disabledServerGroups.sort((a, b) => b.name.localeCompare(a.name));
+    $scope.verification = {};
+
+    $scope.command = {
+      rollbackType: 'EXPLICIT',
+      rollbackContext: {
+        rollbackServerGroupName: serverGroup.name,
+      },
+    };
+
+    if (application && application.attributes) {
+      if (application.attributes.platformHealthOnlyShowOverride && application.attributes.platformHealthOnly) {
+        $scope.command.interestingHealthProviderNames = ['Google'];
+      }
+
+      $scope.command.platformHealthOnlyShowOverride = application.attributes.platformHealthOnlyShowOverride;
+    }
+
+    this.isValid = function () {
+      const command = $scope.command;
+      if (!$scope.verification.verified) {
+        return false;
+      }
+
+      return command.rollbackContext.restoreServerGroupName !== undefined;
+    };
+
+    $scope.taskMonitor = new TaskMonitor({
+      application: application,
+      title: 'Rollback ' + serverGroup.name,
+      modalInstance: $uibModalInstance,
+    });
+
+    this.rollback = function () {
+      this.submitting = true;
+      if (!this.isValid()) {
+        return;
+      }
+
+      const submitMethod = function () {
+        return serverGroupWriter.rollbackServerGroup(serverGroup, application, $scope.command);
+      };
+
+      $scope.taskMonitor.submit(submitMethod);
+    };
+
+    this.cancel = function () {
+      $uibModalInstance.dismiss();
+    };
+  },
+]);

package/src/serverGroup/details/rollback/rollbackServerGroup.html

@@ -0,0 +1,43 @@
+<div modal-page class="confirmation-modal">
+  <task-monitor monitor="taskMonitor"></task-monitor>
+  <form role="form" ng-if="!ctrl.submitting">
+    <modal-close dismiss="$dismiss()"></modal-close>
+    <div class="modal-header">
+      <h4 class="modal-title">Rollback {{serverGroup.name}}</h4>
+    </div>
+    <div class="modal-body confirmation-modal">
+      <div class="row">
+        <div class="col-sm-3 sm-label-right">Restore to</div>
+        <div class="col-sm-6">
+          <ui-select ng-model="command.rollbackContext.restoreServerGroupName" class="form-control input-sm">
+            <ui-select-match placeholder="Select...">{{$select.selected.name}}</ui-select-match>
+            <ui-select-choices repeat="serverGroup.name as serverGroup in disabledServerGroups">
+              <span ng-bind-html="serverGroup.name"></span>
+            </ui-select-choices>
+          </ui-select>
+        </div>
+      </div>
+
+      <div class="row" ng-if="command.platformHealthOnlyShowOverride">
+        <div class="col-sm-10 col-sm-offset-1">
+          <platform-health-override
+            command="command"
+            platform-health-type="'Google'"
+            show-help-details="true"
+            field-columns="12"
+          >
+          </platform-health-override>
+        </div>
+      </div>
+
+      <task-reason command="command"></task-reason>
+    </div>
+    <gce-footer
+      action="ctrl.rollback()"
+      cancel="ctrl.cancel()"
+      is-valid="ctrl.isValid()"
+      account="serverGroup.account"
+      verification="verification"
+    ></gce-footer>
+  </form>
+</div>

package/src/serverGroup/details/serverGroup.details.gce.module.js

@@ -0,0 +1,17 @@
+'use strict';
+
+import { module } from 'angular';
+
+import { GCE_ADD_AUTOHEALING_POLICY_BUTTON } from './autoHealingPolicy/addAutoHealingPolicyButton.component';
+import { GCE_AUTOHEALING_POLICY_DETAILS } from './autoHealingPolicy/autoHealingPolicy.component';
+import { GCE_UPSERT_AUTOHEALING_POLICY_MODAL_CTRL } from './autoHealingPolicy/modal/upsertAutoHealingPolicy.modal.controller';
+import { GOOGLE_SERVERGROUP_DETAILS_SERVERGROUPDETAILS_GCE_CONTROLLER } from './serverGroupDetails.gce.controller';
+
+export const GOOGLE_SERVERGROUP_DETAILS_SERVERGROUP_DETAILS_GCE_MODULE = 'spinnaker.serverGroup.details.gce';
+export const name = GOOGLE_SERVERGROUP_DETAILS_SERVERGROUP_DETAILS_GCE_MODULE; // for backwards compatibility
+module(GOOGLE_SERVERGROUP_DETAILS_SERVERGROUP_DETAILS_GCE_MODULE, [
+  GOOGLE_SERVERGROUP_DETAILS_SERVERGROUPDETAILS_GCE_CONTROLLER,
+  GCE_ADD_AUTOHEALING_POLICY_BUTTON,
+  GCE_UPSERT_AUTOHEALING_POLICY_MODAL_CTRL,
+  GCE_AUTOHEALING_POLICY_DETAILS,
+]);