@spinnaker/core 2026.2.2 → 2026.3.0

package/src/application/config/footer/configSectionFooter.component.html

@@ -1,31 +0,0 @@
-<div class="row footer">
-  <div class="col-md-3">
-    <button
-      class="btn btn-default"
-      ng-click="$ctrl.revert()"
-      ng-if="$ctrl.viewState.isDirty"
-      style="visibility: visible"
-    >
-      <span class="glyphicon glyphicon-flash"></span> Revert
-    </button>
-  </div>
-  <div class="col-md-9 text-right">
-    <button
-      class="btn btn-primary"
-      ng-if="$ctrl.viewState.isDirty"
-      ng-click="$ctrl.save()"
-      ng-disabled="$ctrl.saveDisabled"
-    >
-      <span ng-if="!$ctrl.viewState.saving"> <span class="far fa-check-circle"></span> Save Changes </span>
-      <span ng-if="$ctrl.viewState.saving" class="pulsing">
-        <span class="fa fa-cog fa-spin"></span> Saving&hellip;
-      </span>
-    </button>
-    <div class="error-message" ng-if="$ctrl.viewState.saveError">
-      There was an error saving your changes. Please try again.
-    </div>
-    <span ng-if="!$ctrl.viewState.isDirty" class="btn btn-link disabled"
-      ><span class="far fa-check-circle"></span> In sync with server</span
-    >
-  </div>
-</div>

package/src/application/config/footer/configSectionFooter.component.spec.ts

@@ -1,109 +0,0 @@
-import { mock } from 'angular';
-
-import type { ConfigSectionFooterController } from './configSectionFooter.component';
-import { CONFIG_SECTION_FOOTER } from './configSectionFooter.component';
-import { ApplicationWriter } from '../../service/ApplicationWriter';
-
-describe('Component: ConfigSectionFooter', () => {
-  let $componentController: ng.IComponentControllerService,
-    $ctrl: ConfigSectionFooterController,
-    $q: ng.IQService,
-    $scope: ng.IScope;
-
-  const initializeController = (data: any) => {
-    $ctrl = $componentController('configSectionFooter', { $scope: null }, data) as ConfigSectionFooterController;
-  };
-
-  beforeEach(mock.module(CONFIG_SECTION_FOOTER));
-
-  beforeEach(
-    mock.inject(
-      (
-        _$componentController_: ng.IComponentControllerService,
-        _$q_: ng.IQService,
-        $rootScope: ng.IRootScopeService,
-      ) => {
-        $scope = $rootScope.$new();
-        $componentController = _$componentController_;
-        $q = _$q_;
-      },
-    ),
-  );
-
-  describe('revert', () => {
-    it('replaces contents of config with original config', () => {
-      const data = {
-        viewState: {
-          originalConfig: { exceptions: [] as any, enabled: false },
-        },
-        config: {
-          exceptions: [{ account: 'prod', region: 'us-east-1' }],
-          enabled: true,
-          grouping: 'app',
-        },
-      };
-
-      initializeController(data);
-      $ctrl.revert();
-
-      expect($ctrl.config).toEqual(data.config);
-      expect($ctrl.config).not.toBe(data.viewState.originalConfig);
-      expect(JSON.stringify($ctrl.config)).toBe(JSON.stringify(data.viewState.originalConfig));
-    });
-  });
-
-  describe('save', () => {
-    let data: any;
-    beforeEach(() => {
-      data = {
-        application: { name: 'deck', attributes: { accounts: ['prod'] } },
-        viewState: {
-          originalConfig: { exceptions: [], enabled: false },
-          originalStringVal: 'original',
-          saving: false,
-          saveError: false,
-          isDirty: true,
-        },
-        config: {
-          exceptions: [{ account: 'prod', region: 'us-east-1' }],
-          enabled: true,
-          grouping: 'app',
-        },
-      };
-    });
-
-    it('sets state to saving, saves, then sets flags appropriately', () => {
-      const viewState = data.viewState;
-      spyOn(ApplicationWriter, 'updateApplication').and.returnValue($q.when(null));
-      initializeController(data);
-      $ctrl.save();
-
-      expect(viewState.saving).toBe(true);
-      expect(viewState.isDirty).toBe(true);
-
-      $scope.$digest();
-      expect(viewState.saving).toBe(false);
-      expect(viewState.saveError).toBe(false);
-      expect(viewState.isDirty).toBe(false);
-      expect(viewState.originalConfig).toEqual(data.config);
-      expect(viewState.originalStringVal).toBe(JSON.stringify(data.config));
-    });
-
-    it('sets appropriate flags when save fails', () => {
-      const viewState = data.viewState;
-      spyOn(ApplicationWriter, 'updateApplication').and.returnValue($q.reject(null));
-      initializeController(data);
-      $ctrl.save();
-
-      expect(viewState.saving).toBe(true);
-      expect(viewState.isDirty).toBe(true);
-
-      $scope.$digest();
-      expect(viewState.saving).toBe(false);
-      expect(viewState.saveError).toBe(true);
-      expect(viewState.isDirty).toBe(true);
-      expect(viewState.originalConfig.enabled).toBe(false);
-      expect(viewState.originalStringVal).toBe('original');
-    });
-  });
-});

package/src/application/config/footer/configSectionFooter.component.ts

@@ -1,74 +0,0 @@
-import type { IComponentOptions, IController } from 'angular';
-import { copy, module, toJson } from 'angular';
-import { cloneDeep } from 'lodash';
-
-import type { Application } from '../../application.model';
-import { ApplicationWriter } from '../../service/ApplicationWriter';
-
-export interface IConfigSectionFooterViewState {
-  originalConfig: any;
-  originalStringVal: string;
-  saving: boolean;
-  saveError: boolean;
-  isDirty: boolean;
-}
-
-export class ConfigSectionFooterController implements IController {
-  public viewState: IConfigSectionFooterViewState;
-  public application: Application;
-  public config: any;
-  public configField: string;
-  public saveDisabled: boolean;
-
-  public revert(): void {
-    copy(this.viewState.originalConfig, this.config);
-    this.viewState.isDirty = false;
-  }
-
-  private saveSuccess(): void {
-    this.viewState.originalConfig = cloneDeep(this.config);
-    this.viewState.originalStringVal = toJson(this.config);
-    this.viewState.isDirty = false;
-    this.viewState.saving = false;
-    this.application.attributes[this.configField] = this.config;
-  }
-
-  private saveError(): void {
-    this.viewState.saving = false;
-    this.viewState.saveError = true;
-  }
-
-  public save(): void {
-    this.viewState.saving = true;
-    this.viewState.saveError = false;
-
-    const updateCommand: any = {
-      name: this.application.name,
-      accounts: this.application.attributes.accounts,
-    };
-    updateCommand[this.configField] = this.config;
-
-    ApplicationWriter.updateApplication(updateCommand).then(
-      () => this.saveSuccess(),
-      () => this.saveError(),
-    );
-  }
-}
-
-const configSectionFooterComponent: IComponentOptions = {
-  bindings: {
-    application: '=',
-    config: '=',
-    viewState: '=',
-    configField: '@',
-    revert: '&?',
-    afterSave: '&?',
-    saveDisabled: '<',
-  },
-  controller: ConfigSectionFooterController,
-  templateUrl: require('./configSectionFooter.component.html'),
-};
-
-export const CONFIG_SECTION_FOOTER = 'spinnaker.core.application.config.section.footer.component';
-
-module(CONFIG_SECTION_FOOTER, []).component('configSectionFooter', configSectionFooterComponent);

package/src/application/config/links/applicationLinks.component.html

@@ -1,128 +0,0 @@
-<div class="row section-body">
-  <div class="col-md-9">
-    <p>
-      Links appear in the instance details panel and provide a shortcut to common features, such as logs, health, etc.
-    </p>
-    <p>
-      Links paths are templates - you can customize them using a number of field attributes available on the instance.
-    </p>
-    <p>
-      <a href="https://www.spinnaker.io/guides/user/instance-links/#customizing-application-links" target="_blank">
-        Check out the guide
-      </a>
-      for examples and to see what fields are available for your cloud provider.
-    </p>
-  </div>
-  <div class="col-md-3 text-right">
-    <button class="btn btn-sm btn-default" ng-click="$ctrl.editJson()">
-      <span class="small glyphicon glyphicon-cog"></span> Edit as JSON
-    </button>
-  </div>
-</div>
-<div class="row" ng-if="!$ctrl.usingDefaultLinks && $ctrl.defaultLinksConfigured">
-  <div class="col-md-9">
-    This application's links have been customized.
-    <a href ng-click="$ctrl.useDefaultLinks()">Revert to default links</a>
-  </div>
-</div>
-<div ui-sortable="$ctrl.sortOptions" ng-model="$ctrl.sections">
-  <div class="link-section section-body" ng-repeat="section in $ctrl.sections">
-    <div class="row row-heading">
-      <div class="col-md-1">
-        <span ng-if="$ctrl.sections.length > 1" class="clickable glyphicon glyphicon-resize-vertical"></span>
-      </div>
-      <div class="col-md-2 sm-label-right heading-label">Section Heading</div>
-      <div class="col-md-8" style="padding-right: 55px">
-        <input type="text" class="form-control input" ng-model="section.title" ng-change="$ctrl.configChanged()" />
-      </div>
-      <div class="col-md-1" style="padding: 5px 10px">
-        <a href ng-click="$ctrl.removeSection($index)" uib-tooltip="Remove section">
-          <span class="glyphicon glyphicon-trash"></span>
-        </a>
-      </div>
-    </div>
-
-    <div class="row" ng-if="$ctrl.cloudProviders.length > 1">
-      <div class="col-md-2 col-md-offset-1 sm-label-right">Cloud Provider(s)</div>
-      <div class="col-md-8" style="padding-right: 55px">
-        <ui-select
-          class="form-control input"
-          search-enabled="false"
-          theme="bootstrap"
-          ng-model="section.cloudProviders"
-          on-select="$ctrl.configChanged()"
-          on-remove="$ctrl.configChanged()"
-          style="height: 30px; width: 100%"
-          multiple
-        >
-          <ui-select-match placeholder="(All Cloud Providers)">{{ $item }}</ui-select-match>
-          <ui-select-choices repeat="provider in $ctrl.cloudProviders">{{ provider }}</ui-select-choices>
-        </ui-select>
-      </div>
-    </div>
-
-    <div class="row" style="margin-top: 10px">
-      <div class="row">
-        <div class="col-md-3"></div>
-        <div class="col-md-9" style="margin-left: -22px">
-          <div class="col-md-4 link-header"><span style="margin-left: 14px">Name</span></div>
-          <div class="col-md-6 link-header">URL</div>
-        </div>
-      </div>
-      <div class="col-md-3 sm-label-right">Links</div>
-      <div class="col-md-9" ui-sortable="$ctrl.sortOptions" ng-model="section.links">
-        <div class="row" ng-repeat="link in section.links" style="padding-bottom: 5px">
-          <div class="col-md-4 link-title" style="padding-right: 0">
-            <span ng-if="section.links.length > 1" class="clickable glyphicon glyphicon-resize-vertical"></span>
-            <span
-              ng-if="section.links.length <= 1"
-              class="glyphicon glyphicon-resize-vertical"
-              style="visibility: hidden"
-            ></span>
-            <input
-              class="form-control input-sm"
-              type="text"
-              placeholder="Label, e.g. Health"
-              ng-change="$ctrl.configChanged()"
-              ng-model="link.title"
-            />
-          </div>
-          <div class="col-md-6">
-            <input
-              class="form-control input-sm"
-              type="text"
-              placeholder="Path, e.g. /health, :7002/alt-port-link"
-              ng-change="$ctrl.configChanged()"
-              ng-model="link.path"
-            />
-          </div>
-          <div class="col-md-2" style="padding: 5px 0">
-            <a href ng-click="$ctrl.removeLink(section, $index)"><span class="glyphicon glyphicon-trash"></span></a>
-          </div>
-        </div>
-        <div class="row">
-          <div class="col-md-10" style="padding-right: 20px">
-            <button class="btn btn-block add-new small" ng-click="$ctrl.addLink(section)">
-              <span class="glyphicon glyphicon-plus-sign"></span> Add Link
-            </button>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-<div class="row">
-  <div class="col-md-10 col-md-offset-1">
-    <button class="btn btn-block add-new" ng-click="$ctrl.addSection()">
-      <span class="glyphicon glyphicon-plus-sign"></span> Add Section
-    </button>
-  </div>
-</div>
-
-<config-section-footer
-  application="$ctrl.application"
-  config="$ctrl.sections"
-  view-state="$ctrl.viewState"
-  revert="$ctrl.revert()"
-  config-field="instanceLinks"
-></config-section-footer>

package/src/application/config/links/applicationLinks.component.js

@@ -1,132 +0,0 @@
-'use strict';
-
-import * as angular from 'angular';
-import ANGULAR_UI_BOOTSTRAP from 'angular-ui-bootstrap';
-import _ from 'lodash';
-
-import { SETTINGS } from '../../../config/settings';
-
-import { CORE_APPLICATION_CONFIG_LINKS_EDITLINKS_MODAL_CONTROLLER } from './editLinks.modal.controller';
-import { CONFIG_SECTION_FOOTER } from '../footer/configSectionFooter.component';
-
-import './applicationLinks.component.less';
-
-export const CORE_APPLICATION_CONFIG_LINKS_APPLICATIONLINKS_COMPONENT =
-  'spinnaker.core.application.config.applicationLinks.component';
-export const name = CORE_APPLICATION_CONFIG_LINKS_APPLICATIONLINKS_COMPONENT; // for backwards compatibility
-angular
-  .module(CORE_APPLICATION_CONFIG_LINKS_APPLICATIONLINKS_COMPONENT, [
-    CORE_APPLICATION_CONFIG_LINKS_EDITLINKS_MODAL_CONTROLLER,
-    ANGULAR_UI_BOOTSTRAP,
-    CONFIG_SECTION_FOOTER,
-  ])
-  .component('applicationLinks', {
-    bindings: {
-      application: '=',
-    },
-    templateUrl: require('./applicationLinks.component.html'),
-    controller: [
-      '$uibModal',
-      function ($uibModal) {
-        const initialize = () => {
-          if (this.application.notFound || this.application.hasError) {
-            return;
-          }
-
-          this.cloudProviders = this.application.attributes.cloudProviders
-            ? this.application.attributes.cloudProviders
-            : [];
-
-          this.sections = _.cloneDeep(this.application.attributes.instanceLinks || SETTINGS.defaultInstanceLinks || [])
-            .filter(
-              (section) =>
-                !section.cloudProviders ||
-                section.cloudProviders.length === 0 ||
-                _.intersection(section.cloudProviders, this.cloudProviders).length > 0,
-            )
-            .map((section) => {
-              // The absence of cloud providers may be represented as an empty array or a null value. Normalizing this
-              // value to an empty array so that we can accurately calculate `isDirty` check in `configChanged`
-              // function.
-              if (!section.cloudProviders) {
-                section.cloudProviders = [];
-              }
-              return section;
-            });
-
-          this.viewState = {
-            originalSections: _.cloneDeep(this.sections),
-            originalStringVal: JSON.stringify(this.sections),
-            saving: false,
-            saveError: false,
-            isDirty: false,
-          };
-
-          this.setDefaultLinkState();
-        };
-
-        this.setDefaultLinkState = () => {
-          this.usingDefaultLinks = angular.toJson(this.sections) === angular.toJson(SETTINGS.defaultInstanceLinks);
-          this.defaultLinksConfigured = !!SETTINGS.defaultInstanceLinks;
-        };
-
-        this.revert = initialize;
-
-        this.useDefaultLinks = () => {
-          this.sections = _.cloneDeep(SETTINGS.defaultInstanceLinks);
-          this.configChanged();
-        };
-
-        this.addLink = (section) => {
-          section.links.push({ title: '', path: '' });
-          this.configChanged();
-        };
-
-        this.removeLink = (section, index) => {
-          section.links.splice(index, 1);
-          this.configChanged();
-        };
-
-        this.addSection = () => {
-          const section = { title: '', links: [] };
-          this.sections.push(section);
-          this.addLink(section);
-        };
-
-        this.removeSection = (index) => {
-          this.sections.splice(index, 1);
-          this.configChanged();
-        };
-
-        this.configChanged = () => {
-          this.setDefaultLinkState();
-          this.viewState.isDirty = this.viewState.originalStringVal !== JSON.stringify(angular.copy(this.sections));
-        };
-
-        this.editJson = () => {
-          $uibModal
-            .open({
-              templateUrl: require('./editLinks.modal.html'),
-              controller: 'EditLinksModalCtrl as vm',
-              size: 'lg modal-fullscreen',
-              resolve: {
-                sections: () => this.sections,
-              },
-            })
-            .result.then((newSections) => {
-              this.sections = newSections;
-              this.configChanged();
-            })
-            .catch(() => {});
-        };
-
-        this.sortOptions = {
-          axis: 'y',
-          delay: 150,
-          stop: () => this.configChanged(),
-        };
-
-        this.$onInit = initialize;
-      },
-    ],
-  });

package/src/application/config/links/applicationLinks.component.less

@@ -1,51 +0,0 @@
-application-links {
-  .row-heading {
-    padding: 10px 0;
-    .heading-label {
-      font-size: 16px;
-    }
-  }
-  .link-section {
-    margin: 10px 0;
-  }
-  .link-header {
-    color: var(--color-concrete);
-    font-size: 12px;
-  }
-  .sm-label-right {
-    padding-left: 0;
-  }
-  .link-title {
-    display: flex;
-    flex-direction: row;
-    input {
-      flex: 1;
-    }
-  }
-  .glyphicon-resize-vertical {
-    margin: 0 5px;
-    padding-top: 7px;
-    border-radius: 2px;
-  }
-
-  .ui-sortable-handle {
-    margin-left: -40px;
-  }
-
-  .ui-select-search {
-    position: absolute;
-  }
-
-  .ui-select-match-item {
-    background-color: var(--color-accent);
-    color: var(--color-text-on-dark);
-  }
-
-  .ui-select-match-close {
-    opacity: 1;
-    color: var(--color-text-on-dark);
-    text-shadow: inherit;
-    padding-left: 6px;
-    padding-top: 2px;
-  }
-}

package/src/application/config/links/editLinks.modal.controller.js

@@ -1,29 +0,0 @@
-'use strict';
-
-import * as angular from 'angular';
-
-export const CORE_APPLICATION_CONFIG_LINKS_EDITLINKS_MODAL_CONTROLLER =
-  'spinnaker.core.application.config.links.editJson';
-export const name = CORE_APPLICATION_CONFIG_LINKS_EDITLINKS_MODAL_CONTROLLER; // for backwards compatibility
-angular.module(CORE_APPLICATION_CONFIG_LINKS_EDITLINKS_MODAL_CONTROLLER, []).controller('EditLinksModalCtrl', [
-  'sections',
-  '$uibModalInstance',
-  function (sections, $uibModalInstance) {
-    this.cancel = $uibModalInstance.dismiss;
-
-    this.initialize = () => {
-      this.command = angular.toJson(sections, 2);
-    };
-
-    this.update = () => {
-      try {
-        $uibModalInstance.close(JSON.parse(this.command));
-      } catch (e) {
-        this.invalid = true;
-        this.errorMessage = e.message;
-      }
-    };
-
-    this.initialize();
-  },
-]);

package/src/application/config/links/editLinks.modal.html

@@ -1,29 +0,0 @@
-<div modal-page class="flex-fill">
-  <modal-close dismiss="$dismiss()"></modal-close>
-  <div class="modal-header">
-    <h4 class="modal-title">Edit Application Links</h4>
-  </div>
-  <div class="modal-body flex-fill">
-    <form role="form" name="form" class="form-horizontal flex-fill">
-      <div class="form-group flex-fill">
-        <textarea class="code form-control flex-fill" ng-model="vm.command"></textarea>
-      </div>
-    </form>
-    <div class="row">
-      <div class="col-md-12">
-        <p>
-          <strong>Note:</strong> Clicking "Update" below will not save your changes to the server - it only updates the
-          configuration within the browser, so you'll want to verify your changes and click "Save Changes" when you're
-          ready.
-        </p>
-      </div>
-    </div>
-    <div class="form-group row slide-in" ng-if="vm.invalid">
-      <div class="col-sm-9 col-sm-offset-3 error-message">Error: {{vm.errorMessage}}</div>
-    </div>
-  </div>
-  <div class="modal-footer">
-    <button class="btn btn-default" ng-click="vm.cancel()">Cancel</button>
-    <button class="btn btn-primary" ng-click="vm.update()"><span class="far fa-check-circle"></span> Update</button>
-  </div>
-</div>

package/src/application/config/trafficGuard/trafficGuardConfig.component.html

@@ -1,98 +0,0 @@
-<div>
-  <div class="row">
-    <div class="col-md-12">
-      <p>
-        Traffic Guards allow you to specify critical clusters that should always have active instances. If a user or
-        process tries to delete, disable, or resize the server group, Spinnaker will verify the operation will not leave
-        the cluster with no active instances, and fail the operation if it would.
-      </p>
-    </div>
-  </div>
-  <div class="row" ng-if="$ctrl.initializing">
-    <div class="horizontal center">
-      <loading-spinner size="'medium'"></loading-spinner>
-    </div>
-  </div>
-  <div class="row" ng-if="!$ctrl.initializing">
-    <div class="col-md-10 col-md-offset-1">
-      <table class="table table-condensed">
-        <thead>
-          <tr>
-            <th>Enabled</th>
-            <th style="min-width: 100px">Account</th>
-            <th>Region <help-field key="trafficGuard.region"></help-field></th>
-            <th>Stack <help-field key="trafficGuard.stack"></help-field></th>
-            <th>Detail <help-field key="trafficGuard.detail"></help-field></th>
-            <th>Matched clusters</th>
-            <th></th>
-          </tr>
-        </thead>
-        <tbody>
-          <tr ng-repeat="guard in $ctrl.config">
-            <td class="text-center">
-              <input type="checkbox" ng-model="guard.enabled" ng-change="$ctrl.configChanged()" />
-            </td>
-            <td ng-style="{ opacity: guard.enabled ? 1 : 0.5 }">
-              <account-select-field
-                component="guard"
-                field="account"
-                provider="'aws'"
-                accounts="$ctrl.accounts"
-                on-change="$ctrl.configChanged()"
-              ></account-select-field>
-            </td>
-            <td ng-style="{ opacity: guard.enabled ? 1 : 0.5 }">
-              <span ng-if="!guard.account">(select account)</span>
-              <select
-                class="form-control input-sm"
-                ng-model="guard.location"
-                ng-change="$ctrl.configChanged()"
-                required
-                ng-if="guard.account"
-              >
-                <option ng-repeat="location in $ctrl.locationsByAccount[guard.account]" value="{{ location }}">
-                  {{ location }}
-                </option>
-              </select>
-            </td>
-            <td ng-style="{ opacity: guard.enabled ? 1 : 0.5 }">
-              <input
-                type="text"
-                class="form-control input-sm"
-                ng-model="guard.stack"
-                ng-change="$ctrl.configChanged()"
-              />
-            </td>
-            <td ng-style="{ opacity: guard.enabled ? 1 : 0.5 }">
-              <input
-                type="text"
-                class="form-control input-sm"
-                ng-model="guard.detail"
-                ng-change="$ctrl.configChanged()"
-              />
-            </td>
-            <td ng-style="{ opacity: guard.enabled ? 1 : 0.5 }">
-              <cluster-matches matches="$ctrl.clusterMatches[$index]"></cluster-matches>
-            </td>
-            <td>
-              <a href ng-click="$ctrl.removeGuard($index)"
-                ><span class="glyphicon glyphicon-trash" uib-tooltip="Remove guard"></span
-              ></a>
-            </td>
-          </tr>
-        </tbody>
-      </table>
-      <button class="btn btn-block btn-add-trigger add-new" ng-click="$ctrl.addGuard()">
-        <span class="glyphicon glyphicon-plus-sign"></span> Add Traffic Guard
-      </button>
-    </div>
-  </div>
-  <div class="row">
-    <config-section-footer
-      application="$ctrl.application"
-      config="$ctrl.config"
-      view-state="$ctrl.viewState"
-      config-field="trafficGuards"
-    ></config-section-footer>
-  </div>
-</div>