@spinnaker/azure 2026.2.2 → 2026.3.0

package/src/loadBalancer/configure/listeners.html

@@ -1,50 +0,0 @@
-<div class="container-fluid form-horizontal">
-  <div class="form-group">
-    <div class="col-md-12">
-      <table class="table table-condensed packed">
-        <thead>
-          <tr>
-            <th>Protocol</th>
-            <th>External Port</th>
-            <th></th>
-            <th>Internal Port</th>
-            <th></th>
-          </tr>
-        </thead>
-        <tbody>
-          <tr ng-repeat="rule in loadBalancer.loadBalancingRules">
-            <td>
-              <select
-                class="form-control input-sm"
-                ng-model="rule.protocol"
-                ng-init="rule.protocol = (isALB ? 'TCP' : 'HTTP')"
-                ng-options="protocol for protocol in (isALB ? ['TCP', 'UDP'] : ['HTTP'])"
-              ></select>
-            </td>
-            <td>
-              <input class="form-control input-sm" type="number" min="0" ng-model="rule.externalPort" required />
-            </td>
-            <td class="small" style="padding-top: 10px">&rarr;</td>
-            <td>
-              <input class="form-control input-sm" type="number" min="0" ng-model="rule.backendPort" required />
-            </td>
-            <td>
-              <a href class="sm-label" ng-click="ctrl.removeListener($index)"
-                ><span class="glyphicon glyphicon-trash"></span
-              ></a>
-            </td>
-          </tr>
-        </tbody>
-        <tfoot>
-          <tr>
-            <td colspan="5">
-              <button class="add-new col-md-12" ng-click="ctrl.addListener()">
-                <span class="glyphicon glyphicon-plus-sign"></span> Add new port mapping
-              </button>
-            </td>
-          </tr>
-        </tfoot>
-      </table>
-    </div>
-  </div>
-</div>

package/src/loadBalancer/details/loadBalancerDetail.controller.js

@@ -1,181 +0,0 @@
-'use strict';
-
-import UIROUTER_ANGULARJS from '@uirouter/angularjs';
-import * as angular from 'angular';
-import ANGULAR_UI_BOOTSTRAP from 'angular-ui-bootstrap';
-import _ from 'lodash';
-
-import {
-  ConfirmationModalService,
-  FirewallLabels,
-  LOAD_BALANCER_READ_SERVICE,
-  LoadBalancerWriter,
-  SECURITY_GROUP_READER,
-} from '@spinnaker/core';
-
-export const AZURE_LOADBALANCER_DETAILS_LOADBALANCERDETAIL_CONTROLLER =
-  'spinnaker.azure.loadBalancer.details.controller';
-export const name = AZURE_LOADBALANCER_DETAILS_LOADBALANCERDETAIL_CONTROLLER; // for backwards compatibility
-angular
-  .module(AZURE_LOADBALANCER_DETAILS_LOADBALANCERDETAIL_CONTROLLER, [
-    ANGULAR_UI_BOOTSTRAP,
-    UIROUTER_ANGULARJS,
-    SECURITY_GROUP_READER,
-    LOAD_BALANCER_READ_SERVICE,
-  ])
-  .controller('azureLoadBalancerDetailsCtrl', [
-    '$scope',
-    '$state',
-    '$exceptionHandler',
-    '$uibModal',
-    'loadBalancer',
-    'app',
-    'securityGroupReader',
-    'loadBalancerReader',
-    '$q',
-    function (
-      $scope,
-      $state,
-      $exceptionHandler,
-      $uibModal,
-      loadBalancer,
-      app,
-      securityGroupReader,
-      loadBalancerReader,
-      $q,
-    ) {
-      $scope.state = {
-        loading: true,
-      };
-
-      $scope.firewallsLabel = FirewallLabels.get('Firewalls');
-
-      function extractLoadBalancer() {
-        $scope.loadBalancer = app.loadBalancers.data.filter(function (test) {
-          return (
-            test.name === loadBalancer.name &&
-            test.region === loadBalancer.region &&
-            test.account === loadBalancer.accountId
-          );
-        })[0];
-
-        if ($scope.loadBalancer) {
-          const detailsLoader = loadBalancerReader.getLoadBalancerDetails(
-            $scope.loadBalancer.provider,
-            loadBalancer.accountId,
-            loadBalancer.region,
-            loadBalancer.name,
-          );
-
-          return detailsLoader.then(function (details) {
-            $scope.state.loading = false;
-            const securityGroups = [];
-
-            const filtered = details.filter(function (test) {
-              return test.name === loadBalancer.name;
-            });
-
-            if (filtered.length) {
-              $scope.loadBalancer.elb = filtered[0];
-
-              $scope.loadBalancer.account = loadBalancer.accountId;
-
-              if ($scope.loadBalancer.elb.securityGroups) {
-                $scope.loadBalancer.elb.securityGroups.forEach(function (securityGroupId) {
-                  const match = securityGroupReader.getApplicationSecurityGroup(
-                    app,
-                    loadBalancer.accountId,
-                    loadBalancer.region,
-                    securityGroupId,
-                  );
-                  if (match) {
-                    securityGroups.push(match);
-                  }
-                });
-                $scope.securityGroups = _.sortBy(securityGroups, 'name');
-              }
-
-              if ($scope.loadBalancer.loadBalancerType && $scope.loadBalancer.loadBalancerType.includes('_')) {
-                const type = $scope.loadBalancer.loadBalancerType;
-                $scope.loadBalancer.loadBalancerType = type
-                  .split('_')
-                  .map((s) => {
-                    const ss = s.toLowerCase();
-                    return ss.substring(0, 1).toUpperCase() + ss.substring(1);
-                  })
-                  .join(' ');
-              }
-            }
-          });
-        }
-        if (!$scope.loadBalancer) {
-          $state.go('^');
-        }
-
-        return $q.when(null);
-      }
-
-      app
-        .ready()
-        .then(extractLoadBalancer)
-        .then(() => {
-          // If the user navigates away from the view before the initial extractLoadBalancer call completes,
-          // do not bother subscribing to the refresh
-          if (!$scope.$$destroyed) {
-            app.onRefresh($scope, extractLoadBalancer);
-          }
-        });
-
-      this.editLoadBalancer = function editLoadBalancer() {
-        $uibModal.open({
-          templateUrl: require('../configure/editLoadBalancer.html'),
-          controller: 'azureCreateLoadBalancerCtrl as ctrl',
-          size: 'lg',
-          resolve: {
-            application: function () {
-              return app;
-            },
-            loadBalancer: function () {
-              return angular.copy($scope.loadBalancer);
-            },
-            isNew: function () {
-              return false;
-            },
-            loadBalancerType: function () {
-              return { type: $scope.loadBalancer.loadBalancerType };
-            },
-          },
-        });
-      };
-
-      this.deleteLoadBalancer = function deleteLoadBalancer() {
-        if ($scope.loadBalancer.instances && $scope.loadBalancer.instances.length) {
-          return;
-        }
-
-        const taskMonitor = {
-          application: app,
-          title: 'Deleting ' + loadBalancer.name,
-        };
-
-        const command = {
-          cloudProvider: 'azure',
-          loadBalancerName: $scope.loadBalancer.name,
-          loadBalancerType: $scope.loadBalancer.loadBalancerType,
-          credentials: $scope.loadBalancer.account,
-          region: loadBalancer.region,
-          appName: app.name,
-        };
-
-        const submitMethod = () => LoadBalancerWriter.deleteLoadBalancer(command, app);
-
-        ConfirmationModalService.confirm({
-          header: 'Really delete ' + loadBalancer.name + '?',
-          buttonText: 'Delete ' + loadBalancer.name,
-          account: loadBalancer.accountId,
-          taskMonitorConfig: taskMonitor,
-          submitMethod: submitMethod,
-        });
-      };
-    },
-  ]);

package/src/loadBalancer/details/loadBalancerDetail.controller.spec.js

@@ -1,39 +0,0 @@
-import { ApplicationModelBuilder } from '@spinnaker/core';
-
-describe('Controller: azureLoadBalancerDetailsCtrl', function () {
-  var controller;
-  var $scope;
-  var $state;
-  var loadBalancer = {
-    name: 'foo',
-    region: 'us-west-1',
-    account: 'test',
-    accountId: 'test',
-    vpcId: '1',
-  };
-
-  beforeEach(window.module(require('./loadBalancerDetail.controller').name));
-
-  beforeEach(
-    window.inject(function ($controller, $rootScope, _$state_) {
-      $scope = $rootScope.$new();
-      $state = _$state_;
-      let app = ApplicationModelBuilder.createApplicationForTests('app', {
-        key: 'loadBalancers',
-        lazy: true,
-        defaultData: [],
-      });
-      app.loadBalancers.data.push(loadBalancer);
-      controller = $controller('azureLoadBalancerDetailsCtrl', {
-        $scope: $scope,
-        loadBalancer: loadBalancer,
-        app: app,
-        $state: $state,
-      });
-    }),
-  );
-
-  it('should have an instantiated controller', function () {
-    expect(controller).toBeDefined();
-  });
-});

package/src/loadBalancer/details/loadBalancerDetail.html

@@ -1,128 +0,0 @@
-<div class="details-panel">
-  <div ng-if="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="!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>{{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="!loadBalancer.serverGroups.length">
-              <a href ng-click="ctrl.deleteLoadBalancer()">Delete Load Balancer</a>
-            </li>
-            <li
-              ng-if="loadBalancer.serverGroups.length"
-              class="disabled"
-              tooltip="You must detach all server groups before you can delete this load balancer."
-            >
-              <a href>Delete Load Balancer</a>
-            </li>
-          </ul>
-        </div>
-      </div>
-    </div>
-  </div>
-  <div ng-if="!state.loading" class="content">
-    <collapsible-section heading="Load Balancer Details" expanded="true">
-      <dl class="dl-horizontal dl-narrow">
-        <dt>Type</dt>
-        <dd>{{loadBalancer.loadBalancerType}}</dd>
-        <dt>Created</dt>
-        <dd>{{loadBalancer.elb.createdTime | timestamp}}</dd>
-        <dt>In</dt>
-        <dd>
-          <account-tag account="loadBalancer.account" pad="right" provider="loadBalancer.type"></account-tag>
-          {{loadBalancer.region}}
-        </dd>
-        <dt ng-if="loadBalancer.loadBalancerType === 'Azure Application Gateway'">VNet</dt>
-        <dd ng-if="loadBalancer.loadBalancerType === 'Azure Application Gateway'">{{loadBalancer.elb.vnet}}</dd>
-        <dt ng-if="loadBalancer.loadBalancerType === 'Azure Application Gateway'">Subnet</dt>
-        <dd ng-if="loadBalancer.loadBalancerType === 'Azure Application Gateway'">{{loadBalancer.elb.subnet}}</dd>
-      </dl>
-      <dl class="horizontal-when-filters-collapsed">
-        <dt ng-if="loadBalancer.serverGroups">Server Groups</dt>
-        <dd ng-if="loadBalancer.serverGroups">
-          <ul class="collapse-margin-on-filter-collapse">
-            <li ng-repeat="serverGroup in loadBalancer.serverGroups | orderBy: ['isDisabled', '-name']">
-              <a
-                ui-sref="^.serverGroup({region: serverGroup.region,
-                                          accountId: serverGroup.account,
-                                          serverGroup: serverGroup.name,
-                                          provider: 'azure'})"
-              >
-                {{serverGroup.name}}
-              </a>
-            </li>
-          </ul>
-        </dd>
-      </dl>
-      <dl class="horizontal-when-filters-collapsed">
-        <dt ng-if="loadBalancer.elb.dnsName">DNS Name:</dt>
-        <dd>
-          <a target="_blank" href="//{{loadBalancer.elb.dnsName}}">{{loadBalancer.elb.dnsName}}</a>
-          <copy-to-clipboard
-            class="copy-to-clipboard copy-to-clipboard-sm"
-            text="loadBalancer.elb.dnsName"
-            tool-tip="'Copy DNS Name to clipboard'"
-          >
-          </copy-to-clipboard>
-        </dd>
-      </dl>
-    </collapsible-section>
-    <collapsible-section heading="Status" expanded="true">
-      <health-counts class="pull-left" container="loadBalancer.instanceCounts"></health-counts>
-    </collapsible-section>
-    <collapsible-section heading="Listeners">
-      <dl>
-        <dt>Load Balancer &rarr; Instance</dt>
-        <dd ng-repeat="loadBalancingRule in loadBalancer.elb.loadBalancingRules">
-          {{loadBalancingRule.protocol}}:{{loadBalancingRule.externalPort}} &rarr; {{loadBalancingRule.backendPort}}
-        </dd>
-      </dl>
-    </collapsible-section>
-    <collapsible-section heading="{{firewallsLabel}}">
-      <ul>
-        <li ng-repeat="securityGroup in securityGroups | orderBy:'name'">
-          <a
-            ui-sref="^.firewallDetails({name:securityGroup.name, accountId: loadBalancer.account, region: loadBalancer.region, vpcId: loadBalancer.vpcId, provider: loadBalancer.provider})"
-          >
-            {{securityGroup.name}} ({{securityGroup.id}})
-          </a>
-        </li>
-      </ul>
-    </collapsible-section>
-    <collapsible-section heading="Health Checks">
-      <dl class="horizontal-when-filters-collapsed">
-        <dt>Target</dt>
-        <dd>{{loadBalancer.elb.probes[0].probeProtocol}}</dd>
-        <dt>Interval</dt>
-        <dd>{{loadBalancer.elb.probes[0].probeInterval}} seconds</dd>
-        <dt>Unhealthy Threshold</dt>
-        <dd>{{loadBalancer.elb.probes[0].unhealthyThreshold}}</dd>
-        <dt>Timeout</dt>
-        <dd>{{loadBalancer.elb.probes[0].timeout}} seconds</dd>
-      </dl>
-    </collapsible-section>
-  </div>
-</div>

package/src/pipeline/stages/bake/azureBakeStage.js

@@ -1,276 +0,0 @@
-'use strict';
-
-import { module } from 'angular';
-import _ from 'lodash';
-
-import {
-  AccountService,
-  AuthenticationService,
-  BakeExecutionLabel,
-  BakeryReader,
-  PipelineTemplates,
-  Registry,
-  SETTINGS,
-} from '@spinnaker/core';
-
-import { AZURE_PIPELINE_STAGES_BAKE_BAKEEXECUTIONDETAILS_CONTROLLER } from './bakeExecutionDetails.controller';
-import { AZURE_IMAGE_IMAGE_READER } from '../../../image/image.reader';
-import { AZURE_SERVERGROUP_CONFIGURE_SERVERGROUPCOMMANDBUILDER_SERVICE } from './../../../serverGroup/configure/serverGroupCommandBuilder.service';
-
-export const AZURE_PIPELINE_STAGES_BAKE_AZUREBAKESTAGE = 'spinnaker.azure.pipeline.stage.bakeStage';
-export const name = AZURE_PIPELINE_STAGES_BAKE_AZUREBAKESTAGE; // for backwards compatibility
-module(AZURE_PIPELINE_STAGES_BAKE_AZUREBAKESTAGE, [
-  AZURE_SERVERGROUP_CONFIGURE_SERVERGROUPCOMMANDBUILDER_SERVICE,
-  AZURE_IMAGE_IMAGE_READER,
-  AZURE_PIPELINE_STAGES_BAKE_BAKEEXECUTIONDETAILS_CONTROLLER,
-])
-  .config(function () {
-    Registry.pipeline.registerStage({
-      provides: 'bake',
-      cloudProvider: 'azure',
-      label: 'Bake',
-      description: 'Bakes an image',
-      templateUrl: require('./bakeStage.html'),
-      executionDetailsUrl: require('./bakeExecutionDetails.html'),
-      executionLabelComponent: BakeExecutionLabel,
-      extraLabelLines: (stage) => {
-        return stage.masterStage.context.allPreviouslyBaked || stage.masterStage.context.somePreviouslyBaked ? 1 : 0;
-      },
-      supportsCustomTimeout: true,
-      validators: [
-        { type: 'requiredField', fieldName: 'package' },
-        { type: 'requiredField', fieldName: 'regions' },
-        {
-          type: 'upstreamVersionProvided',
-          checkParentTriggers: true,
-          getMessage: (labels) =>
-            'Bake stages should always have a stage or trigger preceding them that provides version information: ' +
-            '<ul>' +
-            labels.map((label) => `<li>${label}</li>`).join('') +
-            '</ul>' +
-            'Otherwise, Spinnaker will bake and deploy the most-recently built package.',
-        },
-      ],
-      restartable: true,
-    });
-  })
-  .controller('azureBakeStageCtrl', [
-    '$scope',
-    '$q',
-    'azureImageReader',
-    '$uibModal',
-    function ($scope, $q, azureImageReader, $uibModal) {
-      $scope.stage.extendedAttributes = $scope.stage.extendedAttributes || {};
-      $scope.stage.regions = $scope.stage.regions || [];
-
-      if (!$scope.stage.user) {
-        $scope.stage.user = AuthenticationService.getAuthenticatedUser().name;
-      }
-
-      $scope.viewState = {
-        loading: true,
-      };
-
-      function initialize() {
-        $q.all([
-          AccountService.getCredentialsKeyedByAccount('azure'),
-          BakeryReader.getRegions('azure'),
-          BakeryReader.getBaseOsOptions('azure'),
-          BakeryReader.getBaseLabelOptions(),
-        ]).then(function ([credentialsKeyedByAccount, regions, baseOsOptions, baseLabelOptions]) {
-          $scope.accounts = Object.keys(credentialsKeyedByAccount);
-          $scope.regions = regions;
-          if ($scope.regions.length === 1) {
-            $scope.stage.region = $scope.regions[0];
-          } else if (!$scope.regions.includes($scope.stage.region)) {
-            delete $scope.stage.region;
-          }
-          if (!$scope.stage.regions.length && $scope.application.defaultRegions.azure) {
-            $scope.stage.regions.push($scope.application.defaultRegions.azure);
-          }
-          if (!$scope.stage.regions.length && $scope.application.defaultRegions.azure) {
-            $scope.stage.regions.push($scope.application.defaultRegions.azure);
-          }
-          $scope.baseOsOptions = baseOsOptions.baseImages;
-
-          $scope.baseLabelOptions = baseLabelOptions;
-          $scope.osTypeOptions = ['linux', 'windows'];
-          $scope.packageTypeOptions = ['DEB', 'RPM'];
-
-          $scope.viewState.roscoMode =
-            SETTINGS.feature.roscoMode ||
-            (typeof SETTINGS.feature.roscoSelector === 'function' && SETTINGS.feature.roscoSelector($scope.stage));
-          $scope.showAdvancedOptions = showAdvanced();
-          $scope.viewState.loading = false;
-
-          if ($scope.stage.managedImage != null) {
-            $scope.managedImagesWasChosen = true;
-            setManagedImages();
-          }
-          $scope.defaultImagesWasChosen = $scope.stage.baseOs != null;
-          $scope.customImagesWasChosen = $scope.stage.publisher != null;
-        });
-      }
-
-      function stageUpdated() {
-        deleteEmptyProperties();
-        // Since the selector computes using stage as an input, it needs to be able to recompute roscoMode on updates
-        if (typeof SETTINGS.feature.roscoSelector === 'function') {
-          $scope.viewState.roscoMode = SETTINGS.feature.roscoSelector($scope.stage);
-        }
-      }
-
-      function showAdvanced() {
-        const stg = $scope.stage;
-        return !!(
-          stg.templateFileName ||
-          (stg.extendedAttributes && _.size(stg.extendedAttributes) > 0) ||
-          stg.varFileName
-        );
-      }
-
-      function deleteEmptyProperties() {
-        _.forOwn($scope.stage, function (val, key) {
-          if (val === '') {
-            delete $scope.stage[key];
-          }
-        });
-      }
-
-      function setManagedImages() {
-        azureImageReader
-          .findImages({ provider: 'azure', managedImages: true, account: $scope.stage.account })
-          .then(function (images) {
-            let managedImageOptions = [];
-            for (let i in images) {
-              let image = images[i];
-              let newImage = {
-                id: image.imageName,
-                osType: image.ostype,
-                name: image.imageName,
-              };
-              managedImageOptions.push(newImage);
-            }
-            $scope.managedImageOptions = managedImageOptions;
-          })
-          .catch(() => {});
-      }
-
-      function setRegions() {
-        AccountService.getRegionsForAccount($scope.stage.account)
-          .then(function (regions) {
-            $scope.regions = regions.map((r) => r.name);
-          })
-          .catch(() => {});
-      }
-
-      this.addExtendedAttribute = function () {
-        if (!$scope.stage.extendedAttributes) {
-          $scope.stage.extendedAttributes = {};
-        }
-        $uibModal
-          .open({
-            templateUrl: PipelineTemplates.addExtendedAttributes,
-            controller: 'bakeStageAddExtendedAttributeController',
-            controllerAs: 'addExtendedAttribute',
-            resolve: {
-              extendedAttribute: function () {
-                return {
-                  key: '',
-                  value: '',
-                };
-              },
-            },
-          })
-          .result.then(function (extendedAttribute) {
-            $scope.stage.extendedAttributes[extendedAttribute.key] = extendedAttribute.value;
-          })
-          .catch(() => {});
-      };
-
-      this.removeExtendedAttribute = function (key) {
-        delete $scope.stage.extendedAttributes[key];
-      };
-
-      this.showTemplateFileName = function () {
-        return $scope.viewState.roscoMode || $scope.stage.templateFileName;
-      };
-
-      this.showExtendedAttributes = function () {
-        return (
-          $scope.viewState.roscoMode || ($scope.stage.extendedAttributes && _.size($scope.stage.extendedAttributes) > 0)
-        );
-      };
-
-      this.showVarFileName = function () {
-        return $scope.viewState.roscoMode || $scope.stage.varFileName;
-      };
-
-      this.showDefaultImages = function () {
-        $scope.managedImagesWasChosen = false;
-        $scope.defaultImagesWasChosen = true;
-        $scope.customImagesWasChosen = false;
-
-        $scope.stage.managedImage = null;
-        $scope.stage.publisher = null;
-        $scope.stage.offer = null;
-        $scope.stage.sku = null;
-        $scope.stage.osType = null;
-        $scope.stage.packageType = null;
-      };
-
-      this.showManagedImages = function () {
-        setManagedImages();
-
-        $scope.managedImagesWasChosen = true;
-        $scope.defaultImagesWasChosen = false;
-        $scope.customImagesWasChosen = false;
-
-        $scope.stage.osType = null;
-        $scope.stage.baseOs = null;
-        $scope.stage.publisher = null;
-        $scope.stage.offer = null;
-        $scope.stage.sku = null;
-        $scope.stage.packageType = null;
-      };
-
-      this.showCustomImages = function () {
-        $scope.managedImagesWasChosen = false;
-        $scope.defaultImagesWasChosen = false;
-        $scope.customImagesWasChosen = true;
-
-        $scope.stage.baseOs = null;
-        $scope.stage.managedImage = null;
-        $scope.stage.osType = null;
-        $scope.stage.packageType = null;
-      };
-
-      this.onChangeAccount = () => {
-        $scope.stage.osType = null;
-        $scope.stage.packageType = null;
-        $scope.stage.managedImage = null;
-
-        if ($scope.stage.account) {
-          setRegions();
-        }
-
-        if ($scope.managedImagesWasChosen) {
-          setManagedImages();
-        }
-      };
-
-      $scope.onChangeManagedImage = () => {
-        $scope.stage.packageType = null;
-        const selectedManagedImage = _.find($scope.managedImageOptions, { id: $scope.stage.managedImage });
-        $scope.stage.osType = selectedManagedImage.osType.toLowerCase();
-      };
-
-      this.onChangeOsType = function (e) {
-        $scope.stage.packageType = null;
-      };
-
-      $scope.$watch('stage', stageUpdated, true);
-
-      initialize();
-    },
-  ]);