@spinnaker/google 0.0.0-2025.1-0

package/src/serverGroup/configure/wizard/loadBalancingPolicy/loadBalancingPolicySelector.component.ts

@@ -0,0 +1,149 @@
+import type { IComponentOptions, IController } from 'angular';
+import { module } from 'angular';
+import { chain, get, has, intersection, set, without } from 'lodash';
+
+import type { IGceBackendService, INamedPort } from '../../../../domain';
+
+import './loadBalancingPolicySelector.component.less';
+
+class GceLoadBalancingPolicySelectorController implements IController {
+  public maxPort = 65535;
+  public command: any;
+  [key: string]: any;
+  public globalBackendServices: IGceBackendService[];
+
+  public static $inject = ['gceBackendServiceReader'];
+  constructor(private gceBackendServiceReader: any) {}
+
+  public setModel(propertyName: string, viewValue: number): void {
+    set(this, propertyName, viewValue / 100);
+  }
+
+  public setView(propertyName: string, modelValue: number): void {
+    this[propertyName] = this.decimalToPercent(modelValue);
+  }
+
+  public onBalancingModeChange(mode: string): void {
+    const keys: string[] = ['maxUtilization', 'maxRatePerInstance', 'maxConnectionsPerInstance'];
+    let toDelete: string[] = [];
+    switch (mode) {
+      case 'RATE':
+        toDelete = without(keys, 'maxRatePerInstance');
+        break;
+      case 'UTILIZATION':
+        toDelete = without(keys, 'maxUtilization');
+        break;
+      case 'CONNECTION':
+        toDelete = without(keys, 'maxConnectionsPerInstance');
+        break;
+      default:
+        break;
+    }
+
+    toDelete.forEach((key) => delete this.command.loadBalancingPolicy[key]);
+  }
+
+  public getBalancingModes(): string[] {
+    let balancingModes: string[] = [];
+    /*
+     * Three cases:
+     *   - If we have only HTTP(S) load balancers, our balancing mode can be RATE or UTILIZATION.
+     *   - If we have only SSL/TCP load balancers, our balancing mode can be CONNECTION or UTILIZATION.
+     *   - If we have both, only UTILIZATION.
+     * */
+    if (has(this, 'command.backingData.filtered.loadBalancerIndex')) {
+      const index = this.command.backingData.filtered.loadBalancerIndex;
+      const selected = this.command.loadBalancers;
+
+      const hasSsl = selected.find((loadBalancer: any) => get(index[loadBalancer], 'loadBalancerType') === 'SSL');
+      const hasTcp = selected.find((loadBalancer: any) => get(index[loadBalancer], 'loadBalancerType') === 'TCP');
+      const hasHttp = selected.find((loadBalancer: any) => get(index[loadBalancer], 'loadBalancerType') === 'HTTP');
+
+      if ((hasSsl || hasTcp) && hasHttp) {
+        balancingModes = ['UTILIZATION'];
+      } else if (hasSsl || hasTcp) {
+        balancingModes = ['CONNECTION', 'UTILIZATION'];
+      } else {
+        balancingModes = ['RATE', 'UTILIZATION'];
+      }
+    }
+
+    if (!balancingModes.includes(get(this.command, 'loadBalancingPolicy.balancingMode') as string)) {
+      set(this.command, 'loadBalancingPolicy.balancingMode', balancingModes[0]);
+    }
+    return balancingModes;
+  }
+
+  public $onInit(): void {
+    this.gceBackendServiceReader.listBackendServices('globalBackendService').then((services: IGceBackendService[]) => {
+      this.globalBackendServices = services;
+    });
+  }
+
+  public $onDestroy(): void {
+    delete this.command.loadBalancingPolicy;
+  }
+
+  public addNamedPort() {
+    if (!get(this.command, 'loadBalancingPolicy.namedPorts')) {
+      set(this.command, 'loadBalancingPolicy.namedPorts', []);
+    }
+
+    this.command.loadBalancingPolicy.namedPorts.push({ name: '', port: 80 });
+  }
+
+  public removeNamedPort(index: number) {
+    this.command.loadBalancingPolicy.namedPorts.splice(index, 1);
+  }
+
+  public getPortNames(): string[] {
+    const index = this.command.backingData.filtered.loadBalancerIndex;
+    const selected = this.command.loadBalancers;
+    const inUsePortNames = this.command.loadBalancingPolicy.namedPorts.map((namedPort: INamedPort) => namedPort.name);
+
+    const getThem = (globalBackendServices: IGceBackendService[], loadBalancer: string): string[] => {
+      switch (get(index[loadBalancer], 'loadBalancerType')) {
+        case 'SSL':
+        case 'TCP':
+        case 'HTTP': {
+          const lbBackendServices: string[] = get(index[loadBalancer], 'backendServices');
+          const filteredBackendServices = globalBackendServices.filter((service: IGceBackendService) =>
+            lbBackendServices.includes(service.name),
+          );
+          const portNames = filteredBackendServices.map((service: IGceBackendService) => service.portName);
+          const portNameIntersection = intersection(portNames, inUsePortNames);
+          return portNames.filter((portName) => !portNameIntersection.includes(portName));
+        }
+        default:
+          return [];
+      }
+    };
+
+    return chain(selected)
+      .flatMap((lbName: string) => getThem(this.globalBackendServices, lbName))
+      .uniq()
+      .value();
+  }
+
+  private decimalToPercent(value: number): number {
+    if (value === 0) {
+      return 0;
+    }
+    return value ? Math.round(value * 100) : undefined;
+  }
+}
+
+const gceLoadBalancingPolicySelectorComponent: IComponentOptions = {
+  bindings: {
+    command: '=',
+  },
+  controller: GceLoadBalancingPolicySelectorController,
+  templateUrl: require('./loadBalancingPolicySelector.component.html'),
+};
+
+export const GCE_LOAD_BALANCING_POLICY_SELECTOR = 'spinnaker.gce.loadBalancingPolicy.selector.component';
+
+module(GCE_LOAD_BALANCING_POLICY_SELECTOR, []).component(
+  'gceLoadBalancingPolicySelector',
+  gceLoadBalancingPolicySelectorComponent,
+);

package/src/serverGroup/configure/wizard/location/basicSettings.controller.js

@@ -0,0 +1,139 @@
+'use strict';
+
+import UIROUTER_ANGULARJS from '@uirouter/angularjs';
+import * as angular from 'angular';
+import ANGULAR_UI_BOOTSTRAP from 'angular-ui-bootstrap';
+import { from as observableFrom, Subject } from 'rxjs';
+import { switchMap } from 'rxjs/operators';
+
+import {
+  ArtifactTypePatterns,
+  excludeAllTypesExcept,
+  ExpectedArtifactSelectorViewController,
+  IMAGE_READER,
+  NgGCEImageArtifactDelegate,
+} from '@spinnaker/core';
+
+import { GOOGLE_GCENETWORKSELECTFIELD_DIRECTIVE } from '../../../../gceNetworkSelectField.directive';
+import { GOOGLE_GCEREGIONSELECTFIELD_DIRECTIVE } from '../../../../gceRegionSelectField.directive';
+import { GceImageReader } from '../../../../image';
+import { GOOGLE_SUBNET_SUBNETSELECTFIELD_DIRECTIVE } from '../../../../subnet/subnetSelectField.directive';
+
+export const GOOGLE_SERVERGROUP_CONFIGURE_WIZARD_LOCATION_BASICSETTINGS_CONTROLLER =
+  'spinnaker.google.serverGroup.configure.wizard.basicSettings.controller';
+export const name = GOOGLE_SERVERGROUP_CONFIGURE_WIZARD_LOCATION_BASICSETTINGS_CONTROLLER; // for backwards compatibility
+angular
+  .module(GOOGLE_SERVERGROUP_CONFIGURE_WIZARD_LOCATION_BASICSETTINGS_CONTROLLER, [
+    UIROUTER_ANGULARJS,
+    ANGULAR_UI_BOOTSTRAP,
+    IMAGE_READER,
+    GOOGLE_GCEREGIONSELECTFIELD_DIRECTIVE,
+    GOOGLE_GCENETWORKSELECTFIELD_DIRECTIVE,
+    GOOGLE_SUBNET_SUBNETSELECTFIELD_DIRECTIVE,
+  ])
+  .controller('gceServerGroupBasicSettingsCtrl', [
+    '$scope',
+    '$controller',
+    '$uibModalStack',
+    '$state',
+    function ($scope, $controller, $uibModalStack, $state) {
+      function fetchImagesForAccount() {
+        return observableFrom(
+          GceImageReader.findImages({
+            account: $scope.command.credentials,
+            provider: $scope.command.selectedProvider,
+            q: '*',
+          }),
+        );
+      }
+
+      const imageSearchResultsStream = new Subject();
+      imageSearchResultsStream.pipe(switchMap(fetchImagesForAccount)).subscribe((images) => {
+        $scope.command.backingData.allImages = images;
+      });
+
+      this.accountUpdated = () => {
+        imageSearchResultsStream.next();
+      };
+
+      this.selectImage = (image) => {
+        // called from a React component
+        $scope.$apply(() => {
+          $scope.command.image = image;
+        });
+      };
+
+      angular.extend(
+        this,
+        $controller('BasicSettingsMixin', {
+          $scope: $scope,
+          imageReader: GceImageReader,
+          $uibModalStack: $uibModalStack,
+          $state: $state,
+        }),
+      );
+
+      this.stackPattern = {
+        test: function (stack) {
+          const pattern = $scope.command.viewState.templatingEnabled ? /^([a-zA-Z0-9]*(\${.+})*)*$/ : /^[a-zA-Z0-9]*$/;
+          return pattern.test(stack);
+        },
+      };
+
+      this.detailPattern = {
+        test: function (detail) {
+          const pattern = $scope.command.viewState.templatingEnabled
+            ? /^([a-zA-Z0-9-]*(\${.+})*)*$/
+            : /^[a-zA-Z0-9-]*$/;
+          return pattern.test(detail);
+        },
+      };
+
+      this.getSubnetPlaceholder = () => {
+        if (!$scope.command.region) {
+          return '(Select an account)';
+        } else if ($scope.command.viewState.autoCreateSubnets) {
+          return '(Subnet will be automatically selected)';
+        } else if ($scope.command.viewState.autoCreateSubnets === null) {
+          return '(Subnets not supported)';
+        } else {
+          return null;
+        }
+      };
+
+      this.imageSources = ['artifact', 'priorStage'];
+
+      this.excludedImageArtifactTypes = excludeAllTypesExcept(ArtifactTypePatterns.CUSTOM_OBJECT);
+
+      this.onImageArtifactEdited = (artifact) => {
+        $scope.$applyAsync(() => {
+          $scope.command.imageArtifactId = null;
+          $scope.command.imageArtifact = artifact;
+        });
+      };
+
+      this.onImageArtifactSelected = (expectedArtifact) => {
+        this.onChangeImageArtifactId(expectedArtifact.id);
+      };
+
+      this.onChangeImageArtifactId = (artifactId) => {
+        $scope.$applyAsync(() => {
+          $scope.command.imageArtifactId = artifactId;
+          $scope.command.imageArtifact = null;
+        });
+      };
+
+      this.onImageArtifactAccountSelected = (accountName) => {
+        $scope.$applyAsync(() => {
+          $scope.command.imageAccountName = accountName;
+        });
+      };
+
+      const gceImageDelegate = new NgGCEImageArtifactDelegate($scope);
+      $scope.gceImageArtifact = {
+        showCreateArtifactForm: false,
+        delegate: gceImageDelegate,
+        controller: new ExpectedArtifactSelectorViewController(gceImageDelegate),
+      };
+    },
+  ]);

package/src/serverGroup/configure/wizard/location/basicSettings.html

@@ -0,0 +1,167 @@
+<div class="container-fluid form-horizontal" ng-controller="gceServerGroupBasicSettingsCtrl as basicSettingsCtrl">
+  <ng-form name="basicSettings">
+    <div class="form-group">
+      <div class="col-md-3 sm-label-right">Account</div>
+      <div class="col-md-7">
+        <account-select-field
+          component="command"
+          field="credentials"
+          accounts="command.backingData.accounts"
+          provider="'gce'"
+          on-change="basicSettingsCtrl.accountUpdated()"
+        ></account-select-field>
+      </div>
+    </div>
+    <gce-region-select-field
+      label-columns="3"
+      component="command"
+      field="region"
+      account="command.credentials"
+      regions="command.backingData.filtered.regions"
+    ></gce-region-select-field>
+    <gce-network-select-field
+      label-columns="3"
+      component="command"
+      field="network"
+      account="command.credentials"
+      networks="command.backingData.filtered.networks"
+    ></gce-network-select-field>
+    <gce-subnet-select-field
+      label-columns="3"
+      help-key="gce.serverGroup.subnet"
+      component="command"
+      field="subnet"
+      account="command.credentials"
+      region="command.region"
+      subnets="command.backingData.filtered.subnets"
+      subnet-placeholder="basicSettingsCtrl.getSubnetPlaceholder()"
+      auto-create-subnets="command.viewState.autoCreateSubnets"
+    >
+    </gce-subnet-select-field>
+    <div class="form-group">
+      <div class="col-md-3 sm-label-right">
+        Stack
+        <help-field key="aws.serverGroup.stack"></help-field>
+      </div>
+      <div class="col-md-7">
+        <input
+          type="text"
+          class="form-control input-sm"
+          ng-pattern="basicSettingsCtrl.stackPattern"
+          name="stack"
+          ng-model="command.stack"
+        />
+      </div>
+    </div>
+    <div class="form-group row slide-in" ng-if="basicSettings.stack.$error.pattern">
+      <div class="col-sm-9 col-sm-offset-2 error-message">
+        <span>Stack can only contain letters and numbers.</span>
+      </div>
+    </div>
+    <div class="form-group">
+      <div class="col-md-3 sm-label-right">
+        Detail
+        <help-field key="aws.serverGroup.detail"></help-field>
+      </div>
+      <div class="col-md-7">
+        <input
+          type="text"
+          class="form-control input-sm"
+          ng-pattern="basicSettingsCtrl.detailPattern"
+          name="details"
+          ng-model="command.freeFormDetails"
+        />
+      </div>
+    </div>
+    <div class="form-group row slide-in" ng-if="basicSettings.details.$error.pattern">
+      <div class="col-sm-9 col-sm-offset-2 error-message">
+        <span>Detail can only contain letters, numbers, and dashes(-).</span>
+      </div>
+    </div>
+    <div ng-if="command.viewState.showImageSourceSelector">
+      <image-source-selector
+        command="command"
+        id-field="imageSource"
+        image-sources="basicSettingsCtrl.imageSources"
+        image-source-text="command.viewState.imageSourceText"
+        help-field-key="gce.image.source"
+      >
+      </image-source-selector>
+      <stage-artifact-selector-delegate
+        ng-if="command.imageSource === 'artifact'"
+        artifact="command.imageArtifact"
+        excluded-artifact-type-patterns="basicSettingsCtrl.excludedImageArtifactTypes"
+        expected-artifact-id="command.imageArtifactId"
+        field-columns="7"
+        help-key="'gce.image.artifact'"
+        label="'Expected Artifact'"
+        on-artifact-edited="basicSettingsCtrl.onImageArtifactEdited"
+        on-expected-artifact-selected="basicSettingsCtrl.onImageArtifactSelected"
+        pipeline="command.viewState.pipeline"
+        stage="command.viewState.stage"
+      >
+      </stage-artifact-selector-delegate>
+    </div>
+    <div class="form-group" ng-if="!command.viewState.disableImageSelection">
+      <div class="col-md-3 sm-label-right">
+        Image
+        <help-field key="gce.serverGroup.imageName"></help-field>
+      </div>
+      <div class="col-md-7">
+        <gce-image-select
+          available-images="command.backingData.allImages"
+          selected-image="command.image"
+          select-image="basicSettingsCtrl.selectImage"
+        ></gce-image-select>
+      </div>
+    </div>
+    <div class="form-group">
+      <div class="col-md-3 sm-label-right">Traffic <help-field key="gce.serverGroup.traffic"></help-field></div>
+      <div class="col-md-9 checkbox">
+        <label>
+          <input type="checkbox" ng-model="command.enableTraffic" />
+          Send client requests to new instances
+        </label>
+      </div>
+    </div>
+    <deployment-strategy-selector
+      ng-if="!command.viewState.disableStrategySelection && command.selectedProvider"
+      command="command"
+    ></deployment-strategy-selector>
+    <div class="form-group" ng-if="!command.viewState.hideClusterNamePreview">
+      <div class="col-md-12">
+        <div class="well-compact" ng-class="basicSettingsCtrl.showPreviewAsWarning() ? 'alert alert-warning' : 'well'">
+          <h5 class="text-center">
+            <p>Your server group will be in the cluster:</p>
+            <p>
+              <strong>
+                {{basicSettingsCtrl.getNamePreview()}}
+                <span ng-if="basicSettingsCtrl.createsNewCluster()"> (new cluster)</span>
+              </strong>
+            </p>
+            <div
+              class="text-left"
+              ng-if="!basicSettingsCtrl.createsNewCluster() && command.viewState.mode === 'create' && latestServerGroup"
+            >
+              <p>There is already a server group in this cluster. Do you want to clone it?</p>
+              <p>
+                Cloning copies the entire configuration from the selected server group, allowing you to modify whichever
+                fields (e.g. image) you need to change in the new server group.
+              </p>
+              <p>
+                To clone a server group, select "Clone" from the "Server Group Actions" menu in the details view of the
+                server group.
+              </p>
+              <p>
+                <a href ng-click="basicSettingsCtrl.navigateToLatestServerGroup()">
+                  Go to details for {{latestServerGroup.name}}
+                </a>
+              </p>
+            </div>
+          </h5>
+        </div>
+      </div>
+    </div>
+  </ng-form>
+  <task-reason command="command"></task-reason>
+</div>

package/src/serverGroup/configure/wizard/securityGroups/securityGroupSelector.directive.html

@@ -0,0 +1,66 @@
+<div class="form-group">
+  <div class="col-md-3 sm-label-right">
+    <b><firewall-label label="Firewalls"></firewall-label></b>
+  </div>
+  <div class="col-md-9">
+    <ui-select
+      ng-if="vm.command.backingData.filtered.securityGroups.length"
+      multiple
+      on-remove="vm.onRemove($item.id)"
+      ng-model="vm.command.securityGroups"
+      class="form-control input-sm"
+    >
+      <ui-select-match
+        >{{$item.name}}
+        <gce-tag-selector-generator security-group-id="$item.id" command="vm.command"> </gce-tag-selector-generator>
+      </ui-select-match>
+      <ui-select-choices
+        repeat="securityGroup.id as securityGroup in vm.command.backingData.filtered.securityGroups | anyFieldFilter: {name: $select.search, id: $select.search}"
+      >
+        <span ng-bind-html="securityGroup.name | highlight: $select.search"></span>
+        (<span ng-bind-html="securityGroup.id  | highlight: $select.search"></span>)
+      </ui-select-choices>
+    </ui-select>
+  </div>
+</div>
+
+<div class="form-group small" style="margin-top: 20px">
+  <div class="col-md-9 col-md-offset-3 checkbox">
+    <p>
+      <label
+        ><input type="checkbox" ng-model="vm.command.viewState.listImplicitSecurityGroups" /> Show Implicit
+        <firewall-label label="Firewalls"></firewall-label>
+      </label>
+      <help-field key="gce.serverGroup.securityGroups.implicit"></help-field>
+    </p>
+  </div>
+</div>
+
+<div class="form-group" ng-if="vm.command.viewState.listImplicitSecurityGroups">
+  <div class="col-md-3 sm-label-right">
+    <b>Implicit <firewall-label label="Firewalls"></firewall-label></b>
+  </div>
+  <div class="col-md-9">
+    <ul ng-if="vm.command.implicitSecurityGroups.length" style="margin-top: 10px; list-style-type: none">
+      <li ng-repeat="securityGroup in vm.command.implicitSecurityGroups">{{securityGroup.name}}</li>
+    </ul>
+    <ul ng-if="!vm.command.implicitSecurityGroups.length" style="margin-top: 10px; list-style-type: none">
+      <li>None</li>
+    </ul>
+  </div>
+</div>
+
+<div class="form-group small" style="margin-top: 20px">
+  <div class="col-md-9 col-md-offset-3">
+    <p>
+      <span ng-if="refreshing"><span class="fa fa-sync-alt fa-spin"></span></span>
+      <firewall-label label="Firewalls"></firewall-label>
+      <span ng-if="!refreshing">last refreshed {{ vm.getSecurityGroupRefreshTime() | timestamp }}</span>
+      <span ng-if="refreshing"> refreshing...</span>
+    </p>
+    <p>
+      If you're not finding a <firewall-label label="firewall"></firewall-label> that was recently added,
+      <a href ng-click="vm.refreshSecurityGroups()">click here</a> to refresh the list.
+    </p>
+  </div>
+</div>

package/src/serverGroup/configure/wizard/securityGroups/securityGroupSelector.directive.js

@@ -0,0 +1,48 @@
+'use strict';
+
+import { module } from 'angular';
+
+import { InfrastructureCaches } from '@spinnaker/core';
+
+import { GOOGLE_SERVERGROUP_CONFIGURE_SERVERGROUPCONFIGURATION_SERVICE } from '../../serverGroupConfiguration.service';
+import { GOOGLE_SERVERGROUP_CONFIGURE_WIZARD_SECURITYGROUPS_TAGMANAGER_SERVICE } from './tagManager.service';
+import { GOOGLE_SERVERGROUP_CONFIGURE_WIZARD_SECURITYGROUPS_TAGSELECTORGENERATOR_COMPONENT } from './tagSelectorGenerator.component';
+
+export const GOOGLE_SERVERGROUP_CONFIGURE_WIZARD_SECURITYGROUPS_SECURITYGROUPSELECTOR_DIRECTIVE =
+  'spinnaker.google.serverGroup.configure.wizard.securityGroups.selector.directive';
+export const name = GOOGLE_SERVERGROUP_CONFIGURE_WIZARD_SECURITYGROUPS_SECURITYGROUPSELECTOR_DIRECTIVE; // for backwards compatibility
+module(GOOGLE_SERVERGROUP_CONFIGURE_WIZARD_SECURITYGROUPS_SECURITYGROUPSELECTOR_DIRECTIVE, [
+  GOOGLE_SERVERGROUP_CONFIGURE_SERVERGROUPCONFIGURATION_SERVICE,
+  GOOGLE_SERVERGROUP_CONFIGURE_WIZARD_SECURITYGROUPS_TAGSELECTORGENERATOR_COMPONENT,
+  GOOGLE_SERVERGROUP_CONFIGURE_WIZARD_SECURITYGROUPS_TAGMANAGER_SERVICE,
+])
+  .directive('gceServerGroupSecurityGroupSelector', function () {
+    return {
+      restrict: 'E',
+      templateUrl: require('./securityGroupSelector.directive.html'),
+      scope: {},
+      bindToController: {
+        command: '=',
+      },
+      controllerAs: 'vm',
+      controller: 'gceServerGroupSecurityGroupsSelectorCtrl',
+    };
+  })
+  .controller('gceServerGroupSecurityGroupsSelectorCtrl', [
+    'gceServerGroupConfigurationService',
+    'gceTagManager',
+    function (gceServerGroupConfigurationService, gceTagManager) {
+      this.getSecurityGroupRefreshTime = () => {
+        return InfrastructureCaches.get('securityGroups').getStats().ageMax;
+      };
+
+      this.refreshSecurityGroups = () => {
+        this.refreshing = true;
+        gceServerGroupConfigurationService.refreshSecurityGroups(this.command).then(() => {
+          this.refreshing = false;
+        });
+      };
+
+      this.onRemove = gceTagManager.removeSecurityGroup;
+    },
+  ]);

package/src/serverGroup/configure/wizard/securityGroups/securityGroups.html

@@ -0,0 +1,4 @@
+<div class="row">
+  <gce-server-group-security-groups-removed command="command"></gce-server-group-security-groups-removed>
+  <gce-server-group-security-group-selector command="command"></gce-server-group-security-group-selector>
+</div>

package/src/serverGroup/configure/wizard/securityGroups/securityGroupsRemoved.directive.html

@@ -0,0 +1,14 @@
+<div class="col-md-12" ng-if="vm.command.viewState.dirty.securityGroups">
+  <div class="alert alert-warning">
+    <p>
+      <i class="fa fa-exclamation-triangle"></i> The following <firewall-label label="firewalls"></firewall-label> could
+      not be found in the selected account/network and were removed:
+    </p>
+    <ul>
+      <li ng-repeat="securityGroup in vm.command.viewState.dirty.securityGroups">{{securityGroup}}</li>
+    </ul>
+    <p class="text-right">
+      <a class="btn btn-sm btn-default dirty-flag-dismiss" href ng-click="vm.acknowledgeSecurityGroupRemoval()">Okay</a>
+    </p>
+  </div>
+</div>

package/src/serverGroup/configure/wizard/securityGroups/securityGroupsRemoved.directive.js

@@ -0,0 +1,25 @@
+'use strict';
+
+import { module } from 'angular';
+
+export const GOOGLE_SERVERGROUP_CONFIGURE_WIZARD_SECURITYGROUPS_SECURITYGROUPSREMOVED_DIRECTIVE =
+  'spinnaker.google.serverGroup.configure.wizard.securityGroups.removed.directive';
+export const name = GOOGLE_SERVERGROUP_CONFIGURE_WIZARD_SECURITYGROUPS_SECURITYGROUPSREMOVED_DIRECTIVE; // for backwards compatibility
+module(GOOGLE_SERVERGROUP_CONFIGURE_WIZARD_SECURITYGROUPS_SECURITYGROUPSREMOVED_DIRECTIVE, [])
+  .directive('gceServerGroupSecurityGroupsRemoved', function () {
+    return {
+      restrict: 'E',
+      templateUrl: require('./securityGroupsRemoved.directive.html'),
+      scope: {},
+      bindToController: {
+        command: '=',
+      },
+      controllerAs: 'vm',
+      controller: 'gceServerGroupSecurityGroupsRemovedCtrl',
+    };
+  })
+  .controller('gceServerGroupSecurityGroupsRemovedCtrl', function () {
+    this.acknowledgeSecurityGroupRemoval = () => {
+      this.command.viewState.dirty.securityGroups = null;
+    };
+  });