@spotinst/spinnaker-deck/app/scripts/modules/amazon/src/serverGroup/details/scalingPolicy/upsert/alarm/alarmConfigurer.component.js

Spinnaker-Deck service, forked with support to Spotinst

'use strict';

import { module } from 'angular';
import { Subject } from 'rxjs';

import { AMAZON_SERVERGROUP_DETAILS_SCALINGPOLICY_UPSERT_ALARM_DIMENSIONSEDITOR_COMPONENT } from './dimensionsEditor.component';
import { METRIC_SELECTOR_COMPONENT } from './metricSelector.component';

export const AMAZON_SERVERGROUP_DETAILS_SCALINGPOLICY_UPSERT_ALARM_ALARMCONFIGURER_COMPONENT =
  'spinnaker.amazon.serverGroup.details.scalingPolicy.alarm.configurer';
export const name = AMAZON_SERVERGROUP_DETAILS_SCALINGPOLICY_UPSERT_ALARM_ALARMCONFIGURER_COMPONENT; // for backwards compatibility
module(AMAZON_SERVERGROUP_DETAILS_SCALINGPOLICY_UPSERT_ALARM_ALARMCONFIGURER_COMPONENT, [
  AMAZON_SERVERGROUP_DETAILS_SCALINGPOLICY_UPSERT_ALARM_DIMENSIONSEDITOR_COMPONENT,
  METRIC_SELECTOR_COMPONENT,
]).component('awsAlarmConfigurer', {
  bindings: {
    command: '=',
    modalViewState: '=',
    serverGroup: '<',
    boundsChanged: '&',
  },
  templateUrl: require('./alarmConfigurer.component.html'),
  controller: [
    '$rootScope',
    function ($rootScope) {
      this.statistics = ['Average', 'Maximum', 'Minimum', 'SampleCount', 'Sum'];
      this.state = {
        units: null,
      };

      this.comparators = [
        { label: '>=', value: 'GreaterThanOrEqualToThreshold' },
        { label: '>', value: 'GreaterThanThreshold' },
        { label: '<=', value: 'LessThanOrEqualToThreshold' },
        { label: '<', value: 'LessThanThreshold' },
      ];

      this.periods = [
        { label: '1 minute', value: 60 },
        { label: '5 minutes', value: 60 * 5 },
        { label: '15 minutes', value: 60 * 15 },
        { label: '1 hour', value: 60 * 60 },
        { label: '4 hours', value: 60 * 60 * 4 },
        { label: '1 day', value: 60 * 60 * 24 },
      ];

      this.alarmUpdated = new Subject();

      this.onChartLoaded = (stats) => {
        this.state.unit = stats.unit;
        this.updateChart();
        $rootScope.$digest();
      };

      this.thresholdChanged = () => {
        const source =
          this.modalViewState.comparatorBound === 'max' ? 'metricIntervalLowerBound' : 'metricIntervalUpperBound';
        if (this.command.step) {
          // always set the first step at the alarm threshold
          this.command.step.stepAdjustments[0][source] = this.command.alarm.threshold;
        }
        this.boundsChanged();
        this.alarmUpdated.next();
      };

      this.updateChart = () => this.alarmUpdated.next();

      this.alarmComparatorChanged = () => {
        const previousComparatorBound = this.modalViewState.comparatorBound;
        this.modalViewState.comparatorBound =
          this.command.alarm.comparisonOperator.indexOf('Greater') === 0 ? 'max' : 'min';
        if (
          previousComparatorBound &&
          this.modalViewState.comparatorBound !== previousComparatorBound &&
          this.command.step
        ) {
          this.command.step.stepAdjustments = [{ scalingAdjustment: 1 }];
          this.thresholdChanged();
        }
        this.alarmUpdated.next();
      };

      this.$onInit = () => {
        this.alarm = this.command.alarm;
        this.alarmComparatorChanged();
      };
    },
  ],
});