@spinnaker/google 2026.2.2 → 2026.3.0

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

@@ -1,167 +0,0 @@
-<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

@@ -1,66 +0,0 @@
-<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

@@ -1,48 +0,0 @@
-'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

@@ -1,4 +0,0 @@
-<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

@@ -1,14 +0,0 @@
-<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

@@ -1,25 +0,0 @@
-'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;
-    };
-  });

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

@@ -1,26 +0,0 @@
-<div class="row">
-  <div class="col-md-4 sm-label-right">
-    <b style="font-family: 'Source Sans 3', sans-serif; font-size: 14px; color: #333"
-      >Target Tags
-      <help-field
-        ng-if="!$ctrl.securityGroup.selectedTags.length"
-        key="gce.serverGroup.securityGroups.targetTags"
-      ></help-field>
-    </b>
-  </div>
-  <div class="col-md-8">
-    <ui-select
-      multiple
-      on-remove="$ctrl.onRemove($item)"
-      on-select="$ctrl.onSelect($item)"
-      nested
-      ng-model="$ctrl.securityGroup.selectedTags"
-      class="form-control input-sm"
-    >
-      <ui-select-match>{{ $item }}</ui-select-match>
-      <ui-select-choices repeat="tag in $ctrl.securityGroup.tagsArray | filter: $select.search">
-        <span ng-bind-html="tag | highlight: $select.search"></span>
-      </ui-select-choices>
-    </ui-select>
-  </div>
-</div>

package/src/serverGroup/configure/wizard/securityGroups/tagSelector.component.js

@@ -1,31 +0,0 @@
-import { module } from 'angular';
-
-import { GOOGLE_SERVERGROUP_CONFIGURE_WIZARD_SECURITYGROUPS_TAGMANAGER_SERVICE } from './tagManager.service';
-
-('use strict');
-
-export const GOOGLE_SERVERGROUP_CONFIGURE_WIZARD_SECURITYGROUPS_TAGSELECTOR_COMPONENT =
-  'spinnaker.deck.gce.tagSelector.component';
-export const name = GOOGLE_SERVERGROUP_CONFIGURE_WIZARD_SECURITYGROUPS_TAGSELECTOR_COMPONENT; // for backwards compatibility
-module(GOOGLE_SERVERGROUP_CONFIGURE_WIZARD_SECURITYGROUPS_TAGSELECTOR_COMPONENT, [
-  GOOGLE_SERVERGROUP_CONFIGURE_WIZARD_SECURITYGROUPS_TAGMANAGER_SERVICE,
-]).component('gceTagSelector', {
-  bindings: {
-    command: '=',
-    securityGroupId: '=',
-  },
-  templateUrl: require('./tagSelector.component.html'),
-  controller: [
-    '$scope',
-    'gceTagManager',
-    function ($scope, gceTagManager) {
-      this.securityGroup = gceTagManager.securityGroupObjectsKeyedById[this.securityGroupId];
-      this.onSelect = gceTagManager.addTag;
-      this.onRemove = gceTagManager.removeTag;
-
-      $scope.$on('uis:select', function (event) {
-        event.preventDefault();
-      });
-    },
-  ],
-});

package/src/serverGroup/configure/wizard/securityGroups/tagSelectorGenerator.component.js

@@ -1,44 +0,0 @@
-import * as angular from 'angular';
-
-import { GOOGLE_SERVERGROUP_CONFIGURE_WIZARD_SECURITYGROUPS_TAGMANAGER_SERVICE } from './tagManager.service';
-import { GOOGLE_SERVERGROUP_CONFIGURE_WIZARD_SECURITYGROUPS_TAGSELECTOR_COMPONENT } from './tagSelector.component';
-
-('use strict');
-
-export const GOOGLE_SERVERGROUP_CONFIGURE_WIZARD_SECURITYGROUPS_TAGSELECTORGENERATOR_COMPONENT =
-  'spinnaker.deck.gce.tagSelectorGenerator.component';
-export const name = GOOGLE_SERVERGROUP_CONFIGURE_WIZARD_SECURITYGROUPS_TAGSELECTORGENERATOR_COMPONENT; // for backwards compatibility
-angular
-  .module(GOOGLE_SERVERGROUP_CONFIGURE_WIZARD_SECURITYGROUPS_TAGSELECTORGENERATOR_COMPONENT, [
-    GOOGLE_SERVERGROUP_CONFIGURE_WIZARD_SECURITYGROUPS_TAGSELECTOR_COMPONENT,
-    GOOGLE_SERVERGROUP_CONFIGURE_WIZARD_SECURITYGROUPS_TAGMANAGER_SERVICE,
-  ])
-  .directive('gceTagSelectorGenerator', [
-    '$compile',
-    'gceTagManager',
-    function ($compile, gceTagManager) {
-      const template = `<gce-tag-selector security-group-id="securityGroupId" command="command">
-                    </gce-tag-selector>`;
-
-      return {
-        restrict: 'E',
-        scope: {
-          command: '=',
-          securityGroupId: '=',
-        },
-        link: function (scope, element) {
-          const { securityGroupId } = scope;
-          const securityGroupObject = gceTagManager.securityGroupObjectsKeyedById[securityGroupId];
-
-          if (securityGroupObject && securityGroupObject.tagsArray.length < 2) {
-            securityGroupObject.tagsArray.forEach((tagName) => gceTagManager.addTag(tagName));
-            return;
-          }
-
-          const compiledTemplate = $compile(template)(scope);
-
-          angular.element(element).closest('.ui-select-match-item').after(compiledTemplate);
-        },
-      };
-    },
-  ]);

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

@@ -1,52 +0,0 @@
-<form name="form" class="form-horizontal" novalidate>
-  <div ng-if="state.requiresTemplateSelection">
-    <ng-include src="pages.templateSelection"></ng-include>
-  </div>
-  <div ng-if="!state.loaded" style="height: 200px" class="horizontal center middle">
-    <loading-spinner size="'small'"></loading-spinner>
-  </div>
-  <div ng-if="!state.requiresTemplateSelection">
-    <v2-modal-wizard ng-show="state.loaded" heading="{{title}}" task-monitor="taskMonitor" dismiss="$dismiss()">
-      <v2-wizard-page key="location" label="Basic Settings" mark-complete-on-view="false">
-        <ng-include src="pages.basicSettings"></ng-include>
-      </v2-wizard-page>
-      <v2-wizard-page key="load-balancers" label="Load Balancers" mark-complete-on-view="false">
-        <ng-include src="pages.loadBalancers"></ng-include>
-      </v2-wizard-page>
-      <v2-wizard-page key="security-groups" label="{{firewallsLabel}}" done="true">
-        <ng-include src="pages.securityGroups"></ng-include>
-      </v2-wizard-page>
-      <v2-wizard-page key="instance-type" label="Instance Type" mark-complete-on-view="false">
-        <ng-include src="pages.instanceType"></ng-include>
-      </v2-wizard-page>
-      <v2-wizard-page key="capacity" label="Capacity" mark-complete-on-view="false">
-        <ng-include src="pages.capacity"></ng-include>
-      </v2-wizard-page>
-      <v2-wizard-page key="autoscaling-policy" label="Autoscaling Policy" mark-complete-on-view="false">
-        <ng-include src="pages.autoScalingPolicy"></ng-include>
-      </v2-wizard-page>
-      <v2-wizard-page key="autohealing-policy" label="Autohealing Policy" mark-complete-on-view="false">
-        <ng-include src="pages.autoHealingPolicy"></ng-include>
-      </v2-wizard-page>
-      <v2-wizard-page key="zones" label="Zones" mark-complete-on-view="false" done="true">
-        <ng-include src="pages.zones"></ng-include>
-      </v2-wizard-page>
-      <v2-wizard-page key="advanced" label="Advanced Settings" mandatory="false" done="true">
-        <ng-include src="pages.advancedSettings"></ng-include>
-      </v2-wizard-page>
-    </v2-modal-wizard>
-    <div class="modal-footer" ng-if="state.loaded">
-      <button ng-disabled="taskMonitor.submitting" class="btn btn-default btn-cancel" ng-click="ctrl.cancel()">
-        Cancel
-      </button>
-      <submit-button
-        ng-if="ctrl.showSubmitButton()"
-        is-disabled="!ctrl.isValid() || taskMonitor.submitting"
-        label="command.viewState.submitButtonLabel"
-        submitting="taskMonitor.submitting"
-        on-click="ctrl.submit()"
-        is-new="true"
-      ></submit-button>
-    </div>
-  </div>
-</form>

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

@@ -1,9 +0,0 @@
-<deploy-initializer
-  cloud-provider="gce"
-  command="command"
-  application="application"
-  parent-state="state"
-  dismiss="ctrl.cancel()"
-  template-selection-text="ctrl.templateSelectionText"
-  on-template-selected="ctrl.templateSelected()"
-></deploy-initializer>

package/src/serverGroup/configure/wizard/zones/regionalSelector.directive.html

@@ -1,13 +0,0 @@
-<div class="form-group">
-  <div class="col-md-3 sm-label-right"><b>Regional</b></div>
-  <div class="col-md-7 checkbox">
-    <label
-      ><input type="checkbox" ng-model="vm.command.regional" />
-      Distribute instances across multiple zones
-    </label>
-    <label ng-if="vm.command.regional"
-      ><input type="checkbox" ng-model="vm.command.selectZones" />
-      Select zones explicitly
-    </label>
-  </div>
-</div>

package/src/serverGroup/configure/wizard/zones/regionalSelector.directive.js

@@ -1,21 +0,0 @@
-'use strict';
-
-import * as angular from 'angular';
-
-export const GOOGLE_SERVERGROUP_CONFIGURE_WIZARD_ZONES_REGIONALSELECTOR_DIRECTIVE =
-  'spinnaker.google.serverGroup.configure.wizard.capacity.regional.directive';
-export const name = GOOGLE_SERVERGROUP_CONFIGURE_WIZARD_ZONES_REGIONALSELECTOR_DIRECTIVE; // for backwards compatibility
-angular
-  .module(GOOGLE_SERVERGROUP_CONFIGURE_WIZARD_ZONES_REGIONALSELECTOR_DIRECTIVE, [])
-  .directive('gceRegionalSelector', function () {
-    return {
-      restrict: 'E',
-      templateUrl: require('./regionalSelector.directive.html'),
-      scope: {},
-      bindToController: {
-        command: '=',
-      },
-      controllerAs: 'vm',
-      controller: angular.noop,
-    };
-  });

package/src/serverGroup/configure/wizard/zones/targetShapeSelector.directive.html

@@ -1,13 +0,0 @@
-<div class="form-group">
-  <div class="col-md-3 sm-label-right"><b>Target Shape</b></div>
-  <div class="col-md-3">
-    <ui-select ng-model="vm.command.distributionPolicy.targetShape" class="form-control input-sm" required>
-      <ui-select-match placeholder="Select...">{{$select.selected}}</ui-select-match>
-      <ui-select-choices
-        repeat="targetShape in vm.command.backingData.distributionPolicyTargetShapes | filter: $select.search"
-      >
-        <span ng-bind-html="targetShape | highlight: $select.search"></span>
-      </ui-select-choices>
-    </ui-select>
-  </div>
-</div>

package/src/serverGroup/configure/wizard/zones/targetShapeSelector.directive.ts

@@ -1,20 +0,0 @@
-import { module, noop } from 'angular';
-
-export const GOOGLE_SERVERGROUP_CONFIGURE_WIZARD_ZONES_TARGETSHAPESELECTOR_DIRECTIVE =
-  'spinnaker.google.serverGroup.configure.wizard.capacity.targetShape.directive';
-
-module(GOOGLE_SERVERGROUP_CONFIGURE_WIZARD_ZONES_TARGETSHAPESELECTOR_DIRECTIVE, []).directive(
-  'gceTargetShapeSelector',
-  function () {
-    return {
-      restrict: 'E',
-      templateUrl: require('./targetShapeSelector.directive.html'),
-      scope: {},
-      bindToController: {
-        command: '=',
-      },
-      controllerAs: 'vm',
-      controller: noop,
-    };
-  },
-);

package/src/serverGroup/configure/wizard/zones/zoneSelector.directive.html

@@ -1,24 +0,0 @@
-<div class="form-group" ng-if="!vm.command.regional">
-  <div class="col-md-3 sm-label-right">Zone</div>
-  <div class="col-md-7" ng-if="!vm.command.region">(Select a region)</div>
-  <div class="col-md-7">
-    <select
-      class="form-control input-sm"
-      ng-model="vm.command.zone"
-      ng-options="zone for zone in vm.command.backingData.filtered.zones"
-      ng-required="!vm.command.regional"
-    ></select>
-  </div>
-</div>
-
-<div class="form-group" ng-if="vm.command.regional && vm.command.selectZones">
-  <div class="col-md-3 sm-label-right">Zones</div>
-  <div class="col-md-7">
-    <ui-select multiple ng-model="vm.command.distributionPolicy.zones" class="form-control input-sm">
-      <ui-select-match>{{ $item }}</ui-select-match>
-      <ui-select-choices repeat="zone as zone in vm.command.backingData.filtered.zones">
-        <span>{{ zone }}</span>
-      </ui-select-choices>
-    </ui-select>
-  </div>
-</div>

package/src/serverGroup/configure/wizard/zones/zoneSelector.directive.js

@@ -1,21 +0,0 @@
-'use strict';
-
-import * as angular from 'angular';
-
-export const GOOGLE_SERVERGROUP_CONFIGURE_WIZARD_ZONES_ZONESELECTOR_DIRECTIVE =
-  'spinnaker.google.serverGroup.configure.wizard.capacity.zone.directive';
-export const name = GOOGLE_SERVERGROUP_CONFIGURE_WIZARD_ZONES_ZONESELECTOR_DIRECTIVE; // for backwards compatibility
-angular
-  .module(GOOGLE_SERVERGROUP_CONFIGURE_WIZARD_ZONES_ZONESELECTOR_DIRECTIVE, [])
-  .directive('gceZoneSelector', function () {
-    return {
-      restrict: 'E',
-      templateUrl: require('./zoneSelector.directive.html'),
-      scope: {},
-      bindToController: {
-        command: '=',
-      },
-      controllerAs: 'vm',
-      controller: angular.noop,
-    };
-  });