ceph/src/pybind/mgr/dashboard/frontend/src/app/ceph/cluster/prometheus/silence-matcher-modal/silence-matcher-modal.component.ts

   1 import { Component, EventEmitter, Output } from '@angular/core';
   2 import { FormControl, Validators } from '@angular/forms';
   3
   4 import * as _ from 'lodash';
   5 import { BsModalRef } from 'ngx-bootstrap/modal';
   6
   7 import { CdFormBuilder } from '../../../../shared/forms/cd-form-builder';
   8 import { CdFormGroup } from '../../../../shared/forms/cd-form-group';
   9 import {
  10   AlertmanagerSilenceMatcher,
  11   AlertmanagerSilenceMatcherMatch
  12 } from '../../../../shared/models/alertmanager-silence';
  13 import { PrometheusRule } from '../../../../shared/models/prometheus-alerts';
  14 import { PrometheusSilenceMatcherService } from '../../../../shared/services/prometheus-silence-matcher.service';
  15
  16 @Component({
  17   selector: 'cd-silence-matcher-modal',
  18   templateUrl: './silence-matcher-modal.component.html',
  19   styleUrls: ['./silence-matcher-modal.component.scss']
  20 })
  21 export class SilenceMatcherModalComponent {
  22   @Output()
  23   submitAction = new EventEmitter();
  24
  25   form: CdFormGroup;
  26   editMode = false;
  27   rules: PrometheusRule[];
  28   nameAttributes = ['alertname', 'instance', 'job', 'severity'];
  29   possibleValues: string[] = [];
  30   matcherMatch: AlertmanagerSilenceMatcherMatch = undefined;
  31
  32   constructor(
  33     private formBuilder: CdFormBuilder,
  34     private silenceMatcher: PrometheusSilenceMatcherService,
  35     public bsModalRef: BsModalRef
  36   ) {
  37     this.createForm();
  38     this.subscribeToChanges();
  39   }
  40
  41   private createForm() {
  42     this.form = this.formBuilder.group({
  43       name: [null, [Validators.required]],
  44       value: [{ value: null, disabled: true }, [Validators.required]],
  45       isRegex: new FormControl(false)
  46     });
  47   }
  48
  49   private subscribeToChanges() {
  50     this.form.get('name').valueChanges.subscribe((name) => {
  51       if (name === null) {
  52         this.form.get('value').disable();
  53         return;
  54       }
  55       this.setPossibleValues(name);
  56       this.form.get('value').enable();
  57     });
  58     this.form.get('value').valueChanges.subscribe((value) => {
  59       const values = this.form.value;
  60       values.value = value; // Isn't the current value at this stage
  61       this.matcherMatch = this.silenceMatcher.singleMatch(values, this.rules);
  62     });
  63   }
  64
  65   private setPossibleValues(name: string) {
  66     this.possibleValues = _.sortedUniq(
  67       this.rules.map((r) => _.get(r, this.silenceMatcher.getAttributePath(name))).filter((x) => x)
  68     );
  69   }
  70
  71   preFillControls(matcher: AlertmanagerSilenceMatcher) {
  72     this.form.setValue(matcher);
  73   }
  74
  75   onSubmit() {
  76     this.submitAction.emit(this.form.value);
  77     this.bsModalRef.hide();
  78   }
  79 }