All files / src/app/ceph/cluster/prometheus/silence-matcher-modal silence-matcher-modal.component.html

100% Statements 1/1
100% Branches 0/0
100% Functions 0/0
100% Lines 1/1

Press n or j to go to the next uncovered block, b, p or k for the previous block.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 997x                                                                                                                                                                                                    
<div class="modal-header">
  <h4 class="modal-title pull-left"
      i18n>Matcher</h4>
  <button type="button"
          class="close pull-right"
          aria-label="Close"
          (click)="bsModalRef.hide()">
    <span aria-hidden="true">&times;</span>
  </button>
</div>
 
<form class="form-horizontal"
      #formDir="ngForm"
      [formGroup]="form"
      novalidate>
  <div class="modal-body">
    <!-- Name -->
    <div class="form-group"
         [ngClass]="{'has-error': form.showError('name', formDir)}">
      <label class="control-label col-sm-3"
             for="name">
        <ng-container i18n>Name</ng-container>
        <span class="required"></span>
      </label>
      <div class="col-sm-9">
        <select class="form-control"
                id="name"
                formControlName="name"
                name="name">
          <option [ngValue]="null"
                  i18n>-- Select an attribute to match against --</option>
          <option *ngFor="let attribute of nameAttributes"
                  [value]="attribute">
            {{ attribute }}
          </option>
        </select>
        <span class="help-block"
              *ngIf="form.showError('name', formDir, 'required')"
              i18n>This field is required!</span>
      </div>
    </div>
 
    <!-- Value -->
    <div class="form-group"
         [ngClass]="{'has-error': form.showError('value', formDir)}">
      <label class="control-label col-sm-3"
             for="value">
        <ng-container i18n>Value</ng-container>
        <span class="required"></span>
      </label>
      <div class="col-sm-9">
        <input id="value"
               class="form-control"
               type="text"
               [typeahead]="possibleValues"
               [typeaheadMinLength]="0"
               formControlName="value">
        <span *ngIf="form.showError('value', formDir, 'required')"
              class="help-block"
              i18n>This field is required!</span>
      </div>
      <div *ngIf="form.getValue('value') && !form.getValue('isRegex') && matcherMatch"
           class="col-sm-offset-3 col-sm-9 {{matcherMatch.cssClass}}"
           id="match-state">
        <span class="help-block {{matcherMatch.cssClass}}">
          {{matcherMatch.status}}
        </span>
      </div>
    </div>
 
    <!-- isRegex -->
    <div class="form-group">
      <div class="col-sm-offset-3 col-sm-9">
        <div class="input-group">
          <div class="checkbox checkbox-primary">
            <input id="is-regex"
                   type="checkbox"
                   formControlName="isRegex">
            <label for="is-regex"
                   i18n>Use regular expression</label>
          </div>
        </div>
      </div>
    </div>
  </div>
 
  <div class="modal-footer">
    <cd-submit-button (submitAction)="onSubmit()"
                      [form]="form">
      <ng-container i18n>{editMode, select, 1 {Update} other {Add}}</ng-container>
    </cd-submit-button>
    <cd-back-button [back]="bsModalRef.hide"
                    name="Close"
                    i18n-name>
    </cd-back-button>
  </div>
</form>