@spinnaker/cloudrun 2026.2.2 → 2026.3.0

package/src/loadBalancer/configure/wizard/wizard.controller.ts

@@ -1,157 +0,0 @@
-import type { StateService } from '@uirouter/angularjs';
-import type { IController } from 'angular';
-import { module } from 'angular';
-import type { IModalServiceInstance } from 'angular-ui-bootstrap';
-import { cloneDeep } from 'lodash';
-
-import type { Application } from '@spinnaker/core';
-import { LoadBalancerWriter, TaskMonitor } from '@spinnaker/core';
-
-import type { CloudrunLoadBalancerTransformer, ICloudrunTrafficSplitDescription } from '../../loadBalancerTransformer';
-import { CloudrunLoadBalancerUpsertDescription } from '../../loadBalancerTransformer';
-
-import './wizard.less';
-
-class CloudrunLoadBalancerWizardController implements IController {
-  public state = { loading: true };
-  public loadBalancer: CloudrunLoadBalancerUpsertDescription;
-  public heading: string;
-  public submitButtonLabel: string;
-  public taskMonitor: TaskMonitor;
-
-  public static $inject = [
-    '$scope',
-    '$state',
-    '$uibModalInstance',
-    'application',
-    'loadBalancer',
-    'isNew',
-    'forPipelineConfig',
-    'cloudrunLoadBalancerTransformer',
-    'wizardSubFormValidation',
-  ];
-  constructor(
-    public $scope: ng.IScope,
-    private $state: StateService,
-    private $uibModalInstance: IModalServiceInstance,
-    private application: Application,
-    loadBalancer: CloudrunLoadBalancerUpsertDescription,
-    public isNew: boolean,
-    private forPipelineConfig: boolean,
-    private cloudrunLoadBalancerTransformer: CloudrunLoadBalancerTransformer,
-    private wizardSubFormValidation: any,
-  ) {
-    this.submitButtonLabel = this.forPipelineConfig ? 'Done' : 'Update';
-
-    if (this.isNew) {
-      this.heading = 'Create New Load Balancer';
-    } else {
-      this.heading = `Edit ${[
-        loadBalancer.name,
-        loadBalancer.region,
-        loadBalancer.account || loadBalancer.credentials,
-      ].join(':')}`;
-      this.cloudrunLoadBalancerTransformer
-        .convertLoadBalancerForEditing(loadBalancer, application)
-        .then((convertedLoadBalancer) => {
-          this.loadBalancer = this.cloudrunLoadBalancerTransformer.convertLoadBalancerToUpsertDescription(
-            convertedLoadBalancer,
-          );
-          if (loadBalancer.split && !this.loadBalancer.splitDescription) {
-            this.loadBalancer.splitDescription = CloudrunLoadBalancerUpsertDescription.convertTrafficSplitToTrafficSplitDescription(
-              loadBalancer.split,
-            );
-          } else {
-            this.loadBalancer.splitDescription = loadBalancer.splitDescription;
-          }
-          this.loadBalancer.mapAllocationsToPercentages();
-          this.setTaskMonitor();
-          this.initializeFormValidation();
-          this.state.loading = false;
-        });
-    }
-  }
-
-  public submit(): any {
-    const description = cloneDeep(this.loadBalancer);
-    description.mapAllocationsToPercentages();
-    delete description.serverGroups;
-
-    if (this.forPipelineConfig) {
-      return this.$uibModalInstance.close(description);
-    } else {
-      return this.taskMonitor.submit(() => {
-        return LoadBalancerWriter.upsertLoadBalancer(description, this.application, 'Update');
-      });
-    }
-  }
-
-  public cancel(): void {
-    this.$uibModalInstance.dismiss();
-  }
-
-  public showSubmitButton(): boolean {
-    return this.wizardSubFormValidation.subFormsAreValid();
-  }
-
-  private setTaskMonitor(): void {
-    this.taskMonitor = new TaskMonitor({
-      application: this.application,
-      title: 'Updating your load balancer',
-      modalInstance: this.$uibModalInstance,
-      onTaskComplete: () => this.onTaskComplete(),
-    });
-  }
-
-  private initializeFormValidation(): void {
-    this.wizardSubFormValidation.config({ form: 'form', scope: this.$scope }).register({
-      page: 'basic-settings',
-      subForm: 'basicSettingsForm',
-      validators: [
-        {
-          watchString: 'ctrl.loadBalancer.splitDescription',
-          validator: (splitDescription: ICloudrunTrafficSplitDescription): boolean => {
-            return (
-              splitDescription.allocationDescriptions.reduce((sum, description) => sum + description.percent, 0) === 100
-            );
-          },
-          watchDeep: true,
-        },
-      ],
-    });
-  }
-
-  private onTaskComplete(): void {
-    this.application.getDataSource('loadBalancers').refresh();
-    this.application.getDataSource('loadBalancers').onNextRefresh(this.$scope, () => this.onApplicationRefresh());
-  }
-
-  private onApplicationRefresh(): void {
-    // If the user has already closed the modal, do not navigate to the new details view
-    if ((this.$scope as any).$$destroyed) {
-      // $$destroyed is not in the ng.IScope interface
-      return;
-    }
-
-    this.$uibModalInstance.dismiss();
-    const newStateParams = {
-      name: this.loadBalancer.name,
-      accountId: this.loadBalancer.credentials,
-      region: this.loadBalancer.region,
-      provider: 'cloudrun',
-    };
-
-    if (!this.$state.includes('**.loadBalancerDetails')) {
-      this.$state.go('.loadBalancerDetails', newStateParams);
-    } else {
-      this.$state.go('^.loadBalancerDetails', newStateParams);
-    }
-  }
-}
-
-export const CLOUDRUN_LOAD_BALANCER_WIZARD_CTRL = 'spinnaker.cloudrun.loadBalancer.wizard.controller';
-
-module(CLOUDRUN_LOAD_BALANCER_WIZARD_CTRL, []).controller(
-  'cloudrunLoadBalancerWizardCtrl',
-  CloudrunLoadBalancerWizardController,
-);

package/src/loadBalancer/configure/wizard/wizard.html

@@ -1,39 +0,0 @@
-<form name="form">
-  <div ng-if="ctrl.state.loading && !ctrl.isNew" style="height: 200px" class="horizontal center middle">
-    <loading-spinner size="'small'"></loading-spinner>
-  </div>
-  <v2-modal-wizard
-    heading="{{::ctrl.heading}}"
-    task-monitor="ctrl.taskMonitor"
-    dismiss="$dismiss()"
-    ng-if="!ctrl.state.loading || ctrl.isNew"
-  >
-    <div ng-if="!ctrl.isNew">
-      <v2-wizard-page key="basic-settings" label="Basic Settings" mark-complete-on-view="false">
-        <cloudrun-load-balancer-basic-settings
-          load-balancer="ctrl.loadBalancer"
-          application="ctrl.application"
-          for-pipeline-config="ctrl.forPipelineConfig"
-        ></cloudrun-load-balancer-basic-settings>
-      </v2-wizard-page>
-    </div>
-  </v2-modal-wizard>
-  <cloudrun-load-balancer-message
-    ng-if="ctrl.isNew"
-    column-offset="1"
-    columns="10"
-    show-create-message="true"
-  ></cloudrun-load-balancer-message>
-  <div class="modal-footer">
-    <button class="btn btn-default" ng-click="ctrl.cancel()">Cancel</button>
-    <submit-button
-      ng-if="!ctrl.isNew && ctrl.showSubmitButton()"
-      label="ctrl.submitButtonLabel"
-      is-disabled="cloudrunLoadBalancerForm.$invalid || ctrl.taskMonitor.submitting || ctrl.state.loading"
-      submitting="ctrl.taskMonitor.submitting"
-      on-click="ctrl.submit()"
-      is-new="ctrl.isNew"
-    >
-    </submit-button>
-  </div>
-</form>

package/src/loadBalancer/configure/wizard/wizard.less

@@ -1,9 +0,0 @@
-cloudrun-load-balancer-basic-settings {
-  a.btn.btn-link {
-    padding: 0;
-  }
-
-  .form-group {
-    margin-top: 0.4rem;
-  }
-}

package/src/loadBalancer/details/details.controller.ts

@@ -1,140 +0,0 @@
-import type { StateService } from '@uirouter/angularjs';
-import type { IController, IScope } from 'angular';
-import { module } from 'angular';
-import type { IModalService } from 'angular-ui-bootstrap';
-import { cloneDeep } from 'lodash';
-
-import type { Application, ILoadBalancer, ILoadBalancerDeleteCommand } from '@spinnaker/core';
-import { ConfirmationModalService, LoadBalancerWriter } from '@spinnaker/core';
-import type { ICloudrunLoadBalancer } from '../../common/domain/index';
-
-interface ILoadBalancerFromStateParams {
-  accountId: string;
-  region: string;
-  name: string;
-}
-
-class CloudrunLoadBalancerDetailsController implements IController {
-  public state = { loading: true };
-  private loadBalancerFromParams: ILoadBalancerFromStateParams;
-  public loadBalancer: ICloudrunLoadBalancer;
-
-  public static $inject = ['$uibModal', '$state', '$scope', 'loadBalancer', 'app'];
-  constructor(
-    private $uibModal: IModalService,
-    private $state: StateService,
-    private $scope: IScope,
-    loadBalancer: ILoadBalancerFromStateParams,
-    private app: Application,
-  ) {
-    this.loadBalancerFromParams = loadBalancer;
-    this.app
-      .getDataSource('loadBalancers')
-      .ready()
-      .then(() => this.extractLoadBalancer());
-  }
-
-  // edit loadbalancer to change traffic
-
-  public editLoadBalancer(): void {
-    this.$uibModal.open({
-      templateUrl: require('../configure/wizard/wizard.html'),
-      controller: 'cloudrunLoadBalancerWizardCtrl as ctrl',
-      size: 'lg',
-      resolve: {
-        application: () => this.app,
-        loadBalancer: () => cloneDeep(this.loadBalancer),
-        isNew: () => false,
-        forPipelineConfig: () => false,
-      },
-    });
-  }
-
-  private extractLoadBalancer(): void {
-    this.loadBalancer = this.app.getDataSource('loadBalancers').data.find((test: ILoadBalancer) => {
-      return test.name === this.loadBalancerFromParams.name && test.account === this.loadBalancerFromParams.accountId;
-    }) as ICloudrunLoadBalancer;
-
-    if (this.loadBalancer) {
-      this.state.loading = false;
-      this.app.getDataSource('loadBalancers').onRefresh(this.$scope, () => this.extractLoadBalancer());
-    } else {
-      this.autoClose();
-    }
-  }
-
-  public deleteLoadBalancer(): void {
-    const taskMonitor = {
-      application: this.app,
-      title: 'Deleting ' + this.loadBalancer.name,
-    };
-
-    const submitMethod = () => {
-      const loadBalancer: ILoadBalancerDeleteCommand = {
-        cloudProvider: this.loadBalancer.cloudProvider,
-        loadBalancerName: this.loadBalancer.name,
-        credentials: this.loadBalancer.account,
-      };
-      return LoadBalancerWriter.deleteLoadBalancer(loadBalancer, this.app);
-    };
-
-    ConfirmationModalService.confirm({
-      header: 'Really delete ' + this.loadBalancer.name + '?',
-      buttonText: 'Delete ' + this.loadBalancer.name,
-      body: this.getConfirmationModalBodyHtml(),
-      account: this.loadBalancer.account,
-      taskMonitorConfig: taskMonitor,
-      submitMethod,
-    });
-  }
-
-  public canDeleteLoadBalancer(): boolean {
-    return this.loadBalancer.name !== 'default';
-  }
-
-  private getConfirmationModalBodyHtml(): string {
-    const serverGroupNames = this.loadBalancer.serverGroups.map((serverGroup) => serverGroup.name);
-    const hasAny = serverGroupNames ? serverGroupNames.length > 0 : false;
-    const hasMoreThanOne = serverGroupNames ? serverGroupNames.length > 1 : false;
-
-    // HTML accepted by the confirmationModalService is static (i.e., not managed by angular).
-    if (hasAny) {
-      if (hasMoreThanOne) {
-        const listOfServerGroupNames = serverGroupNames.map((name) => `<li>${name}</li>`).join('');
-        return `<div class="alert alert-warning">
-            <p>
-              Deleting <b>${this.loadBalancer.name}</b> will destroy the following server groups:
-              <ul>
-                ${listOfServerGroupNames}
-              </ul>
-            </p>
-          </div>
-        `;
-      } else {
-        return `<div class="alert alert-warning">
-            <p>
-              Deleting <b>${this.loadBalancer.name}</b> will destroy <b>${serverGroupNames[0]}</b>.
-            </p>
-          </div>
-        `;
-      }
-    } else {
-      return null;
-    }
-  }
-
-  private autoClose(): void {
-    if (this.$scope.$$destroyed) {
-      return;
-    } else {
-      this.$state.params.allowModalToStayOpen = true;
-      this.$state.go('^', null, { location: 'replace' });
-    }
-  }
-}
-
-export const CLOUDRUN_LOAD_BALANCER_DETAILS_CTRL = 'spinnaker.cloudrun.loadBalancerDetails.controller';
-module(CLOUDRUN_LOAD_BALANCER_DETAILS_CTRL, []).controller(
-  'cloudrunLoadBalancerDetailsCtrl',
-  CloudrunLoadBalancerDetailsController,
-);

package/src/loadBalancer/details/details.html

@@ -1,89 +0,0 @@
-<div class="details-panel">
-  <div ng-if="ctrl.state.loading" class="header">
-    <div class="close-button">
-      <a class="btn btn-link" ui-sref="^">
-        <span class="glyphicon glyphicon-remove"></span>
-      </a>
-    </div>
-    <div class="horizontal center middle">
-      <loading-spinner size="'small'"></loading-spinner>
-    </div>
-  </div>
-
-  <div ng-if="!ctrl.state.loading" class="header">
-    <div class="close-button">
-      <a class="btn btn-link" ui-sref="^">
-        <span class="glyphicon glyphicon-remove"></span>
-      </a>
-    </div>
-    <div class="header-text horizontal middle">
-      <i class="fa icon-sitemap"></i>
-      <h3 class="horizontal middle space-between flex-1" select-on-dbl-click>{{ctrl.loadBalancer.name}}</h3>
-    </div>
-    <div>
-      <div class="actions">
-        <div class="dropdown" uib-dropdown dropdown-append-to-body>
-          <button type="button" class="btn btn-sm btn-primary dropdown-toggle" uib-dropdown-toggle>
-            Load Balancer Actions <span class="caret"></span>
-          </button>
-          <ul class="dropdown-menu" uib-dropdown-menu role="menu">
-            <li><a href ng-click="ctrl.editLoadBalancer()">Edit Load Balancer</a></li>
-            <li ng-if="ctrl.canDeleteLoadBalancer()">
-              <a href ng-click="ctrl.deleteLoadBalancer()">Delete Load Balancer</a>
-            </li>
-            <li
-              ng-if="!ctrl.canDeleteLoadBalancer()"
-              uib-tooltip="You cannot delete a default service."
-              class="disabled"
-            >
-              <a href>Delete Load Balancer</a>
-            </li>
-          </ul>
-        </div>
-      </div>
-    </div>
-  </div>
-
-  <div ng-if="!ctrl.state.loading" class="content">
-    <collapsible-section heading="Load Balancer Details" expanded="true">
-      <dl class="dl-horizontal dl-narrow">
-        <dt>In</dt>
-        <dd><account-tag account="ctrl.loadBalancer.account" pad="right"></account-tag></dd>
-        <dt>Region</dt>
-        <dd>{{ctrl.loadBalancer.region}}</dd>
-        <dt ng-if="ctrl.loadBalancer.serverGroups.length">Server Groups</dt>
-        <dd ng-if="ctrl.loadBalancer.serverGroups.length">
-          <ul>
-            <li ng-repeat="serverGroup in ctrl.loadBalancer.serverGroups | orderBy: ['isDisabled', '-name']">
-              <a
-                ui-sref="^.serverGroup({region: serverGroup.region,
-                                         accountId: serverGroup.account,
-                                         serverGroup: serverGroup.name,
-                                         provider: 'cloudrun'})"
-              >
-                {{serverGroup.name}}
-              </a>
-            </li>
-          </ul>
-        </dd>
-      </dl>
-    </collapsible-section>
-    <collapsible-section heading="Status" expanded="true">
-      <health-counts class="pull-left" container="ctrl.loadBalancer.instanceCounts"></health-counts>
-    </collapsible-section>
-    <collapsible-section heading="Traffic Split" expanded="true">
-      <dl class="dl-horizontal dl-narrow">
-        <ul>
-          <li ng-repeat="trafficTarget in ctrl.loadBalancer.split.trafficTargets">
-            {{trafficTarget.revisionName}}:<span class="pull-right">{{trafficTarget.percent}}</span>
-          </li>
-        </ul>
-      </dl>
-    </collapsible-section>
-    <collapsible-section heading="DNS" expanded="true">
-      <dl class="dl-narrow">
-        <cloudrun-component-url-details component="ctrl.loadBalancer"></cloudrun-component-url-details>
-      </dl>
-    </collapsible-section>
-  </div>
-</div>

package/src/pipeline/pipeline.module.ts

@@ -1,6 +0,0 @@
-import { module } from 'angular';
-
-import { CLOUDRUN_EDIT_LOAD_BALANCER_STAGE } from './stages/editLoadBalancer/cloudrunEditLoadBalancerStage';
-
-export const CLOUDRUN_PIPELINE_MODULE = 'spinnaker.cloudrun.pipeline.module';
-module(CLOUDRUN_PIPELINE_MODULE, [CLOUDRUN_EDIT_LOAD_BALANCER_STAGE]);

package/src/pipeline/stages/editLoadBalancer/editLoadBalancerExecutionDetails.html

@@ -1,33 +0,0 @@
-<div ng-controller="BaseExecutionDetailsCtrl">
-  <execution-details-section-nav sections="configSections"></execution-details-section-nav>
-  <div class="step-section-details" ng-if="detailsSection === 'editLoadBalancerConfig'">
-    <div class="row">
-      <div class="col-md-12">
-        <table class="table table-condensed">
-          <thead>
-            <tr>
-              <th>Account</th>
-              <th>Name</th>
-              <th>Region</th>
-            </tr>
-          </thead>
-          <tbody>
-            <tr ng-repeat="loadBalancer in stage.context.loadBalancers">
-              <td>
-                <account-tag account="loadBalancer.credentials"></account-tag>
-              </td>
-              <td>{{ loadBalancer.name }}</td>
-              <td>{{ loadBalancer.region }}</td>
-            </tr>
-          </tbody>
-        </table>
-      </div>
-    </div>
-    <stage-failure-message stage="stage" message="stage.failureMessage"></stage-failure-message>
-  </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/editLoadBalancer/editLoadBalancerStage.html

@@ -1,51 +0,0 @@
-<div class="well well-sm clearfix" ng-if="!pipeline.strategy">
-  <div class="row">
-    <div class="col-md-12">
-      <h4 class="text-left">Load Balancers</h4>
-    </div>
-  </div>
-  <div class="row">
-    <div class="col-md-12">
-      <table class="table table-condensed">
-        <thead>
-          <tr>
-            <th>Account</th>
-            <th>Name</th>
-            <th>Region</th>
-            <th>Actions</th>
-          </tr>
-        </thead>
-        <tbody>
-          <tr ng-repeat="loadBalancer in stage.loadBalancers">
-            <td>
-              <account-tag account="loadBalancer.credentials"></account-tag>
-            </td>
-            <td>{{ loadBalancer.name }}</td>
-            <td>{{ loadBalancer.region }}</td>
-            <td class="condensed-actions">
-              <a class="btn btn-sm btn-link" href ng-click="editLoadBalancerStageCtrl.editLoadBalancer($index)">
-                <span class="glyphicon glyphicon-edit" uib-tooltip="Edit"></span
-              ></a>
-              <a
-                class="btn btn-sm btn-link pad-left"
-                href
-                ng-click="editLoadBalancerStageCtrl.removeLoadBalancer($index)"
-              >
-                <span class="glyphicon glyphicon-trash" uib-tooltip="Remove"></span>
-              </a>
-            </td>
-          </tr>
-        </tbody>
-        <tfoot>
-          <tr>
-            <td colspan="8">
-              <button class="btn btn-block btn-sm add-new" ng-click="editLoadBalancerStageCtrl.addLoadBalancer()">
-                <span class="glyphicon glyphicon-plus-sign"></span> Add load balancer
-              </button>
-            </td>
-          </tr>
-        </tfoot>
-      </table>
-    </div>
-  </div>
-</div>

package/src/pipeline/stages/editLoadBalancer/loadBalancerChoice.modal.controller.ts

@@ -1,65 +0,0 @@
-import type { IController } from 'angular';
-import { module } from 'angular';
-import type { IModalService, IModalServiceInstance } from 'angular-ui-bootstrap';
-import { cloneDeep } from 'lodash';
-
-import type { Application, ILoadBalancer } from '@spinnaker/core';
-import { CloudProviderRegistry } from '@spinnaker/core';
-
-class CloudrunLoadBalancerChoiceModalCtrl implements IController {
-  public state = { loading: true };
-  public loadBalancers: ILoadBalancer[];
-  public selectedLoadBalancer: ILoadBalancer;
-
-  public static $inject = ['$uibModal', '$uibModalInstance', 'application'];
-  constructor(
-    private $uibModal: IModalService,
-    private $uibModalInstance: IModalServiceInstance,
-    private application: Application,
-  ) {
-    this.initialize();
-  }
-
-  public submit(): void {
-    const config = CloudProviderRegistry.getValue('cloudrun', 'loadBalancer');
-    const updatedLoadBalancerPromise = this.$uibModal.open({
-      templateUrl: config.createLoadBalancerTemplateUrl,
-      controller: `${config.createLoadBalancerController} as ctrl`,
-      size: 'lg',
-      resolve: {
-        application: () => this.application,
-        loadBalancer: () => cloneDeep(this.selectedLoadBalancer),
-        isNew: () => false,
-        forPipelineConfig: () => true,
-      },
-    }).result;
-
-    this.$uibModalInstance.close(updatedLoadBalancerPromise);
-  }
-
-  public cancel(): void {
-    this.$uibModalInstance.dismiss();
-  }
-
-  private initialize(): void {
-    this.application
-      .getDataSource('loadBalancers')
-      .ready()
-      .then(() => {
-        this.loadBalancers = (this.application.loadBalancers.data as ILoadBalancer[]).filter(
-          (candidate) => candidate.cloudProvider === 'cloudrun',
-        );
-
-        if (this.loadBalancers.length) {
-          this.selectedLoadBalancer = this.loadBalancers[0];
-        }
-        this.state.loading = false;
-      });
-  }
-}
-
-export const CLOUDRUN_LOAD_BALANCER_CHOICE_MODAL_CTRL = 'spinnaker.Cloudrun.loadBalancerChoiceModal.controller';
-module(CLOUDRUN_LOAD_BALANCER_CHOICE_MODAL_CTRL, []).controller(
-  'cloudrunLoadBalancerChoiceModelCtrl',
-  CloudrunLoadBalancerChoiceModalCtrl,
-);

package/src/pipeline/stages/editLoadBalancer/loadBalancerChoice.modal.html

@@ -1,53 +0,0 @@
-<div modal-page>
-  <modal-close dismiss="$dismiss()"></modal-close>
-  <div class="modal-header">
-    <h4 class="modal-title">Select Load Balancer</h4>
-  </div>
-  <div class="modal-body" ng-if="ctrl.state.loading" style="height: 200px" class="horizontal center middle">
-    <loading-spinner size="'small'"></loading-spinner>
-  </div>
-  <div class="modal-body" ng-if="!ctrl.state.loading">
-    <div class="alert alert-warning" ng-if="ctrl.loadBalancers.length === 0">
-      <p>
-        Spinnaker cannot create a load balancer for Cloud Run. A Spinnaker load balancer maps to a Cloud Run service
-        which along with a Revision are created from Create Server Group page using a
-      </p>
-      <p><code>yaml file</code> <help-field key="cloudrun.serverGroup.file"></help-field></p>
-      <p>
-        If a service does not exist when a Revision is deployed, it will be created. It will then be editable as a load
-        balancer within Spinnaker.
-      </p>
-    </div>
-    <form
-      role="form"
-      name="form"
-      class="form-horizontal"
-      ng-submit="ctrl.submit()"
-      ng-if="ctrl.loadBalancers.length > 0"
-    >
-      <div class="form-group">
-        <div class="col-md-3 sm-label-right">
-          <b>Load Balancer</b>
-        </div>
-        <div class="col-md-7">
-          <ui-select class="form-control input-sm" ng-model="ctrl.selectedLoadBalancer">
-            <ui-select-match>
-              <account-tag account="$select.selected.account"></account-tag>
-              <span style="margin-left: 5px">{{$select.selected.name}}</span>
-            </ui-select-match>
-            <ui-select-choices repeat="loadBalancer in ctrl.loadBalancers | filter: $select.search">
-              <account-tag account="loadBalancer.account"></account-tag>
-              <span style="margin-left: 5px" ng-bind-html="loadBalancer.name"></span>
-            </ui-select-choices>
-          </ui-select>
-        </div>
-      </div>
-    </form>
-  </div>
-  <div class="modal-footer">
-    <button class="btn btn-default" ng-click="ctrl.cancel()">Cancel</button>
-    <button class="btn btn-primary" ng-if="ctrl.loadBalancers.length > 0" ng-click="ctrl.submit()">
-      <span class="far fa-check-circle"></span> Edit
-    </button>
-  </div>
-</div>