@spinnaker/core 2026.2.2 → 2026.3.0

package/src/cloudProvider/providerSelection/providerSelector.directive.js

@@ -1,65 +0,0 @@
-'use strict';
-
-import { module } from 'angular';
-
-import { CloudProviderRegistry } from '../CloudProviderRegistry';
-import { AccountService } from '../../account/AccountService';
-
-export const CORE_CLOUDPROVIDER_PROVIDERSELECTION_PROVIDERSELECTOR_DIRECTIVE = 'spinnaker.providerSelection.directive';
-export const name = CORE_CLOUDPROVIDER_PROVIDERSELECTION_PROVIDERSELECTOR_DIRECTIVE; // for backwards compatibility
-module(CORE_CLOUDPROVIDER_PROVIDERSELECTION_PROVIDERSELECTOR_DIRECTIVE, [])
-  .directive('providerSelector', [
-    '$q',
-    function ($q) {
-      return {
-        restrict: 'E',
-        scope: {
-          component: '=',
-          field: '@',
-          readOnly: '=',
-          providers: '=?',
-          onChange: '&',
-        },
-        templateUrl: require('./providerSelector.html'),
-        link: function (scope) {
-          scope.initialized = false;
-          const getProviderList = scope.providers ? $q.when(scope.providers.sort()) : AccountService.listProviders();
-          getProviderList.then(function (providers) {
-            scope.initialized = true;
-            if (!providers.length) {
-              scope.component[scope.field] = 'aws';
-            }
-            if (providers.length === 1) {
-              scope.component[scope.field] = providers[0];
-            }
-            if (providers.length > 1) {
-              scope.providers = providers;
-              scope.showSelector = true;
-            }
-          });
-        },
-      };
-    },
-  ])
-  .controller('ProviderSelectCtrl', [
-    '$scope',
-    '$uibModalInstance',
-    'providerOptions',
-    function ($scope, $uibModalInstance, providerOptions) {
-      $scope.command = {
-        provider: '',
-      };
-
-      $scope.getImage = function (provider) {
-        return CloudProviderRegistry.getValue(provider, 'logo.path');
-      };
-
-      $scope.providerOptions = providerOptions;
-
-      this.selectProvider = function () {
-        $uibModalInstance.close($scope.command.provider);
-      };
-
-      this.cancel = $uibModalInstance.dismiss;
-    },
-  ]);

package/src/cloudProvider/providerSelection/providerSelector.html

@@ -1,21 +0,0 @@
-<ui-select
-  ng-model="component[field]"
-  on-select="onChange()"
-  ng-if="initialized && showSelector && !readOnly"
-  class="form-control input-sm"
->
-  <ui-select-match placeholder="Select a provider">
-    <cloud-provider-logo provider="$select.selected" height="'14px'" width="'14px'"></cloud-provider-logo>
-    <cloud-provider-label provider="$select.selected"></cloud-provider-label>
-  </ui-select-match>
-  <ui-select-choices repeat="provider in providers | filter: $select.search">
-    <h5>
-      <cloud-provider-logo provider="provider" height="'14px'" width="'14px'"></cloud-provider-logo>
-      <cloud-provider-label provider="provider"></cloud-provider-label>
-    </h5>
-  </ui-select-choices>
-</ui-select>
-<p class="form-control-static" ng-if="readOnly">
-  <cloud-provider-logo provider="component[field]" height="'14px'" width="'14px'"></cloud-provider-logo>
-  <cloud-provider-label provider="component[field]"></cloud-provider-label>
-</p>

package/src/cluster/allClusters.controller.js

@@ -1,151 +0,0 @@
-'use strict';
-
-import { module } from 'angular';
-import ANGULAR_UI_BOOTSTRAP from 'angular-ui-bootstrap';
-import _ from 'lodash';
-
-import { CORE_ACCOUNT_ACCOUNT_MODULE } from '../account/account.module';
-import { CloudProviderRegistry, ProviderSelectionService } from '../cloudProvider';
-import { CLUSTER_FILTER } from './filter/clusterFilter.component';
-import { FILTER_TAGS_COMPONENT } from '../filterModel/filterTags.component';
-import { SERVER_GROUP_COMMAND_BUILDER_SERVICE } from '../serverGroup/configure/common/serverGroupCommandBuilder.service';
-import { ClusterState } from '../state';
-import { noop } from '../utils';
-import { CORE_UTILS_WAYPOINTS_WAYPOINTCONTAINER_DIRECTIVE } from '../utils/waypoints/waypointContainer.directive';
-
-import './rollups.less';
-
-export const CORE_CLUSTER_ALLCLUSTERS_CONTROLLER = 'spinnaker.core.cluster.allClusters.controller';
-export const name = CORE_CLUSTER_ALLCLUSTERS_CONTROLLER; // for backwards compatibility
-module(CORE_CLUSTER_ALLCLUSTERS_CONTROLLER, [
-  CLUSTER_FILTER,
-  CORE_ACCOUNT_ACCOUNT_MODULE,
-  SERVER_GROUP_COMMAND_BUILDER_SERVICE,
-  FILTER_TAGS_COMPONENT,
-  CORE_UTILS_WAYPOINTS_WAYPOINTCONTAINER_DIRECTIVE,
-  ANGULAR_UI_BOOTSTRAP,
-]).controller('AllClustersCtrl', [
-  '$scope',
-  'app',
-  '$uibModal',
-  '$timeout',
-  'insightFilterStateModel',
-  'serverGroupCommandBuilder',
-  function ($scope, app, $uibModal, $timeout, insightFilterStateModel, serverGroupCommandBuilder) {
-    this.$onInit = () => {
-      const groupsUpdatedSubscription = ClusterState.filterService.groupsUpdatedStream.subscribe(() =>
-        clusterGroupsUpdated(),
-      );
-      this.application = app;
-      ClusterState.filterModel.activate();
-      this.initialized = false;
-      this.dataSource = app.getDataSource('serverGroups');
-
-      $scope.filterModel = ClusterState.filterModel;
-      ProviderSelectionService.isDisabled(app).then((disabled) => {
-        $scope.isDisabled = disabled;
-      });
-      this.createLabel = 'Create Server Group';
-
-      app
-        .getDataSource('serverGroups')
-        .ready()
-        .then(
-          () => {
-            insightFilterStateModel.filtersHidden = Boolean(this.dataSource.fetchOnDemand);
-            updateClusterGroups();
-          },
-          () => this.clustersLoadError(),
-        );
-
-      app.setActiveState(app.serverGroups);
-      app.serverGroups.onRefresh($scope, updateClusterGroups);
-      $scope.$on('$destroy', () => {
-        app.setActiveState();
-        ClusterState.multiselectModel.clearAll();
-        insightFilterStateModel.filtersHidden = false;
-        groupsUpdatedSubscription.unsubscribe();
-      });
-    };
-
-    const updateClusterGroups = () => {
-      if (app.getDataSource('serverGroups').fetchOnDemand) {
-        insightFilterStateModel.filtersHidden = true;
-      }
-      ClusterState.filterService.updateClusterGroups(app);
-      clusterGroupsUpdated();
-      // Timeout because the updateClusterGroups method is debounced by 25ms
-      $timeout(() => {
-        this.initialized = true;
-      }, 50);
-    };
-
-    const clusterGroupsUpdated = () => {
-      $scope.$applyAsync(() => {
-        $scope.groups = ClusterState.filterModel.groups;
-        $scope.tags = ClusterState.filterModel.tags;
-      });
-    };
-
-    this.toggleMultiselect = () => {
-      ClusterState.filterModel.sortFilter.multiselect = !ClusterState.filterModel.sortFilter.multiselect;
-      ClusterState.multiselectModel.syncNavigation();
-      updateClusterGroups();
-    };
-
-    this.syncUrlAndUpdateClusterGroups = () => {
-      ClusterState.filterModel.applyParamsToUrl();
-      this.updateClusterGroups();
-    };
-
-    this.clearFilters = function () {
-      ClusterState.filterService.clearFilters();
-      updateClusterGroups();
-    };
-
-    this.createServerGroup = function createServerGroup() {
-      ProviderSelectionService.selectProvider(app, 'serverGroup')
-        .then(function (provider) {
-          serverGroupCommandBuilder.buildNewServerGroupCommand(app, provider, null).then((command) => {
-            const providerConfig = CloudProviderRegistry.getValue(provider, 'serverGroup');
-            const title = 'Create New Server Group';
-            const serverGroup = null;
-            if (providerConfig.CloneServerGroupModal) {
-              // React
-              providerConfig.CloneServerGroupModal.show({
-                title,
-                application: app,
-                serverGroup,
-                command,
-                provider,
-                isNew: true,
-              });
-            } else {
-              // angular
-              $uibModal.open({
-                templateUrl: providerConfig.cloneServerGroupTemplateUrl,
-                controller: `${providerConfig.cloneServerGroupController} as ctrl`,
-                windowClass: 'modal-z-index',
-                size: 'lg',
-                resolve: {
-                  title: () => title,
-                  application: () => app,
-                  serverGroup: () => serverGroup,
-                  serverGroupCommand: () => command,
-                  provider: () => provider,
-                },
-              });
-            }
-          });
-        })
-        .catch(noop);
-    };
-
-    this.updateClusterGroups = _.debounce(updateClusterGroups, 200);
-
-    this.clustersLoadError = () => {
-      this.loadError = true;
-      this.initialized = true;
-    };
-  },
-]);

package/src/cluster/allClusters.html

@@ -1,82 +0,0 @@
-<div class="header row header-clusters" ng-if="ctrl.initialized">
-  <div class="col-lg-9 col-md-10 col-sm-10">
-    <div class="form-inline clearfix filters">
-      <div class="form-group">
-        <button
-          class="btn btn-xs btn-default"
-          ng-class="{active: filterModel.sortFilter.multiselect}"
-          ng-click="ctrl.toggleMultiselect()"
-          ng-hide="isDisabled"
-        >
-          <span class="glyphicon glyphicon-list visible-lg-inline"></span>
-          <span class="glyphicon glyphicon-list visible-md-inline visible-sm-inline" uib-tooltip="Edit multiple"></span>
-          <span class="visible-lg-inline">Edit multiple</span>
-        </button>
-      </div>
-      <div class="form-group">
-        <label class="checkbox">Show </label>
-        <div class="checkbox">
-          <label>
-            <input
-              type="checkbox"
-              ng-model="filterModel.sortFilter.showAllInstances"
-              ng-change="ctrl.syncUrlAndUpdateClusterGroups()"
-            />
-            Instances
-          </label>
-        </div>
-        <div class="checkbox" is-visible="filterModel.sortFilter.showAllInstances">
-          <label>
-            <input
-              type="checkbox"
-              ng-model="filterModel.sortFilter.listInstances"
-              ng-change="ctrl.syncUrlAndUpdateClusterGroups()"
-            />
-            with details
-          </label>
-        </div>
-      </div>
-    </div>
-  </div>
-  <div class="col-lg-3 col-md-2 col-sm-2">
-    <div class="application-actions">
-      <button class="btn btn-sm btn-default" ng-click="ctrl.createServerGroup()" ng-hide="isDisabled">
-        <span class="glyphicon glyphicon-plus-sign visible-lg-inline"></span>
-        <span
-          class="glyphicon glyphicon-plus-sign visible-md-inline visible-sm-inline"
-          uib-tooltip="Create Server Group"
-        ></span>
-        <span class="visible-lg-inline">{{ctrl.createLabel}}</span>
-      </button>
-    </div>
-  </div>
-  <filter-tags
-    ng-if="!ctrl.dataSource.fetchOnDemand"
-    tags="tags"
-    tag-cleared="ctrl.updateClusterGroups"
-    clear-filters="ctrl.clearFilters"
-  ></filter-tags>
-</div>
-
-<div ng-if="ctrl.dataSource.fetchOnDemand">
-  <on-demand-cluster-picker application="ctrl.application"></on-demand-cluster-picker>
-</div>
-
-<div ng-if="ctrl.loadError">
-  <h4 class="text-center">There was an error loading the clusters for this application. We'll try again shortly.</h4>
-</div>
-
-<!-- overflow-y is set to avoid flickering when scrollbars are set to always show (react virtualized thing) -->
-<div ng-if="!ctrl.initialized">
-  <loading-spinner size="medium"></loading-spinner>
-</div>
-<div ng-if="ctrl.initialized">
-  <banner-container app="ctrl.application" />
-</div>
-
-<all-clusters-groupings
-  class="content"
-  app="ctrl.application"
-  style="overflow-y: hidden"
-  initialized="ctrl.initialized"
-></all-clusters-groupings>

package/src/cluster/allClustersGroupings.component.ts

@@ -1,11 +0,0 @@
-import { module } from 'angular';
-import { react2angular } from 'react2angular';
-
-import { AllClustersGroupings } from './AllClustersGroupings';
-import { withErrorBoundary } from '../presentation/SpinErrorBoundary';
-
-export const CLUSTER_ALLCLUSTERSGROUPINGS = 'core.cluster.allclustergroupings';
-module(CLUSTER_ALLCLUSTERSGROUPINGS, []).component(
-  'allClustersGroupings',
-  react2angular(withErrorBoundary(AllClustersGroupings, 'allClustersGroupings'), ['app', 'initialized']),
-);

package/src/cluster/filter/clusterFilter.component.ts

@@ -1,11 +0,0 @@
-import { module } from 'angular';
-import { react2angular } from 'react2angular';
-
-import { ClusterFilters } from './ClusterFilters';
-import { withErrorBoundary } from '../../presentation/SpinErrorBoundary';
-export const CLUSTER_FILTER = 'spinnaker.core.cluster.filter.component';
-
-module(CLUSTER_FILTER, []).component(
-  'clusterFilter',
-  react2angular(withErrorBoundary(ClusterFilters, 'clusterFilter'), ['app']),
-);

package/src/cluster/filter/collapsibleFilterSection.directive.js

@@ -1,31 +0,0 @@
-'use strict';
-
-import { module } from 'angular';
-
-export const CORE_CLUSTER_FILTER_COLLAPSIBLEFILTERSECTION_DIRECTIVE = 'cluster.filter.collapse';
-export const name = CORE_CLUSTER_FILTER_COLLAPSIBLEFILTERSECTION_DIRECTIVE; // for backwards compatibility
-module(CORE_CLUSTER_FILTER_COLLAPSIBLEFILTERSECTION_DIRECTIVE, []).directive('filterSection', function () {
-  return {
-    restrict: 'E',
-    transclude: true,
-    scope: {
-      heading: '@',
-      expanded: '@?',
-      helpKey: '@?',
-    },
-    templateUrl: require('./collapsibleFilterSection.html'),
-    link: function (scope) {
-      const expanded = scope.expanded === 'true';
-      scope.state = { expanded: expanded };
-      scope.getIconStyle = function () {
-        return scope.state.expanded
-          ? 'transform: rotate(90deg); transition: all 0.15s ease'
-          : 'transform: rotate(0deg); transition: all 0.15s ease';
-      };
-
-      scope.toggle = function () {
-        scope.state.expanded = !scope.state.expanded;
-      };
-    },
-  };
-});

package/src/cluster/filter/collapsibleFilterSection.html

@@ -1,10 +0,0 @@
-<div class="collapsible-filter-section">
-  <a href class="section-heading" ng-click="toggle()">
-    <h4>
-      <div class="sp-margin-xs-right">{{heading}}</div>
-      <help-field ng-if="helpKey" key="{{helpKey}}" placement="right"></help-field>
-      <div class="arrow glyphicon glyphicon-chevron-right" style="{{getIconStyle()}}"></div>
-    </h4>
-  </a>
-  <div class="content-body" ng-if="state.expanded" ng-transclude></div>
-</div>

package/src/cluster/filter/labelFilter.component.ts

@@ -1,11 +0,0 @@
-import { module } from 'angular';
-import { react2angular } from 'react2angular';
-
-import LabelFilter from './LabelFilter';
-import { withErrorBoundary } from '../../presentation/SpinErrorBoundary';
-
-export const LABEL_FILTER_COMPONENT = 'spinnaker.core.labelFilter.component';
-module(LABEL_FILTER_COMPONENT, []).component(
-  'labelFilter',
-  react2angular(withErrorBoundary(LabelFilter, 'labelFilter'), ['labelsMap', 'labelFilters', 'updateLabelFilters']),
-);

package/src/cluster/filter/mockApplicationData.js

@@ -1,153 +0,0 @@
-import { module } from 'angular';
-
-export const CORE_CLUSTER_FILTER_MOCKAPPLICATIONDATA = 'cluster.test.data';
-export const name = CORE_CLUSTER_FILTER_MOCKAPPLICATIONDATA; // for backwards compatibility
-module(CORE_CLUSTER_FILTER_MOCKAPPLICATIONDATA, [])
-  .value('applicationJSON', {
-    clusters: [
-      { name: 'in-eu-east-2-only', account: 'prod', region: 'eu-east-2', category: 'serverGroup' },
-      { name: 'in-us-west-1-only', account: 'test', region: 'us-west-1', category: 'serverGroup' },
-    ],
-    serverGroups: {
-      data: [
-        {
-          cluster: 'in-eu-east-2-only',
-          account: 'prod',
-          region: 'eu-east-2',
-          instances: [],
-          name: 'in-eu-east-2-only',
-          instanceCounts: { total: 0, up: 0, down: 0, unknown: 0, starting: 0, outOfService: 0 },
-          isDisabled: true,
-          type: 'gce',
-          instanceType: 'm3.medium',
-          vpcName: '',
-          category: 'serverGroup',
-          labels: {
-            app: 'spinnaker',
-            source: 'prod',
-          },
-        },
-        {
-          cluster: 'in-us-west-1-only',
-          account: 'test',
-          region: 'us-west-1',
-          instances: [{}],
-          name: 'in-us-west-1-only',
-          instanceCounts: { total: 1, up: 0, down: 1, unknown: 0, starting: 0, outOfService: 0 },
-          isDisabled: false,
-          type: 'aws',
-          instanceType: 'm3.large',
-          vpcName: 'Main',
-          category: 'serverGroup',
-          labels: {
-            app: 'spinnaker',
-          },
-        },
-      ],
-    },
-  })
-  .constant('groupedJSON', [
-    {
-      heading: 'prod',
-      key: 'prod',
-      subgroups: [
-        {
-          heading: 'in-eu-east-2-only',
-          category: 'serverGroup',
-          key: 'in-eu-east-2-only:serverGroup',
-          hasDiscovery: false,
-          hasLoadBalancers: false,
-          entityTags: undefined,
-          isManaged: false,
-          managedResourceSummary: undefined,
-          subgroups: [
-            {
-              heading: 'eu-east-2',
-              category: 'serverGroup',
-              key: 'eu-east-2:serverGroup',
-              entityTags: undefined,
-              isManaged: false,
-              managedResourceSummary: undefined,
-              serverGroups: [
-                {
-                  cluster: 'in-eu-east-2-only',
-                  category: 'serverGroup',
-                  account: 'prod',
-                  region: 'eu-east-2',
-                  instances: [],
-                  name: 'in-eu-east-2-only',
-                  instanceCounts: {
-                    total: 0,
-                    up: 0,
-                    down: 0,
-                    unknown: 0,
-                    starting: 0,
-                    outOfService: 0,
-                  },
-                  isDisabled: true,
-                  labels: {
-                    app: 'spinnaker',
-                    source: 'prod',
-                  },
-                  type: 'gce',
-                  instanceType: 'm3.medium',
-                  vpcName: '',
-                },
-              ],
-            },
-          ],
-        },
-      ],
-    },
-    {
-      heading: 'test',
-      key: 'test',
-      subgroups: [
-        {
-          heading: 'in-us-west-1-only',
-          category: 'serverGroup',
-          key: 'in-us-west-1-only:serverGroup',
-          hasDiscovery: false,
-          hasLoadBalancers: false,
-          entityTags: undefined,
-          isManaged: false,
-          managedResourceSummary: undefined,
-          subgroups: [
-            {
-              heading: 'us-west-1',
-              category: 'serverGroup',
-              key: 'us-west-1:serverGroup',
-              entityTags: undefined,
-              isManaged: false,
-              managedResourceSummary: undefined,
-              serverGroups: [
-                {
-                  cluster: 'in-us-west-1-only',
-                  category: 'serverGroup',
-                  account: 'test',
-                  region: 'us-west-1',
-                  instances: [{}],
-                  name: 'in-us-west-1-only',
-                  instanceCounts: {
-                    total: 1,
-                    up: 0,
-                    down: 1,
-                    unknown: 0,
-                    starting: 0,
-                    outOfService: 0,
-                  },
-                  isDisabled: false,
-                  labels: {
-                    app: 'spinnaker',
-                  },
-                  type: 'aws',
-                  instanceType: 'm3.large',
-                  vpcName: 'Main',
-                },
-              ],
-            },
-          ],
-        },
-      ],
-    },
-  ]);

package/src/cluster/onDemand/onDemandClusterPicker.component.ts

@@ -1,68 +0,0 @@
-import type { IComponentOptions, IController, IScope } from 'angular';
-import { module } from 'angular';
-import type { Application } from '../../application/application.model';
-import type { IClusterSummary } from '../../domain/ICluster';
-import { ClusterState } from '../../state';
-
-import './onDemandClusterPicker.component.less';
-
-class OnDemandClusterPickerController implements IController {
-  public application: Application;
-  public availableClusters: IClusterSummary[];
-  public lastSelection: string;
-  public totalClusterCount: number;
-  public optionTemplate: string = require('./onDemandOptionTemplate.html');
-
-  public static $inject = ['$scope'];
-  constructor(private $scope: IScope) {}
-
-  public $onInit(): void {
-    this.setAvailableClusters();
-    this.application.getDataSource('serverGroups').onRefresh(this.$scope, () => this.setAvailableClusters());
-  }
-
-  private setAvailableClusters(): void {
-    this.totalClusterCount = this.application.getDataSource('serverGroups').clusters.length;
-    const selectedClusters: string[] = Object.keys(ClusterState.filterModel.asFilterModel.sortFilter.clusters);
-    this.availableClusters = this.application
-      .getDataSource('serverGroups')
-      .clusters.filter((cluster: IClusterSummary) => !selectedClusters.includes(this.makeKey(cluster)));
-  }
-
-  public selectCluster(cluster: IClusterSummary): void {
-    this.lastSelection = undefined;
-    ClusterState.filterModel.asFilterModel.sortFilter.clusters[this.makeKey(cluster)] = true;
-    ClusterState.filterModel.asFilterModel.applyParamsToUrl();
-    this.application.getDataSource('serverGroups').refresh();
-  }
-
-  private makeKey(cluster: IClusterSummary): string {
-    return `${cluster.account}:${cluster.name}`;
-  }
-}
-
-const template = `
-    <h4>{{$ctrl.totalClusterCount}} clusters found in this application</h4>
-    <p><strong>Not all clusters are shown.</strong> Select or enter a cluster name below to view:</p>
-    <input type="text"
-           class="form-control"
-           placeholder="Enter cluster name here"
-           ng-model="$ctrl.lastSelection"
-           uib-typeahead="cluster for cluster in $ctrl.availableClusters | filter: $viewValue | limitTo: 50"
-           typeahead-min-length="0"
-           typeahead-focus-on-select="false"
-           typeahead-on-select="$ctrl.selectCluster($item)"
-           typeahead-template-url="{{$ctrl.optionTemplate}}"
-           />
-`;
-
-const onDemandClusterPickerComponent: IComponentOptions = {
-  template,
-  controller: OnDemandClusterPickerController,
-  bindings: {
-    application: '<',
-  },
-};
-
-export const ON_DEMAND_CLUSTER_PICKER_COMPONENT = 'spinnaker.core.cluster.onDemandClusterPicker.component';
-module(ON_DEMAND_CLUSTER_PICKER_COMPONENT, []).component('onDemandClusterPicker', onDemandClusterPickerComponent);

package/src/cluster/onDemand/onDemandOptionTemplate.html

@@ -1 +0,0 @@
-<a> <account-tag account="match.model.account"></account-tag> <span ng-bind-html="match.model.name"></span> </a>