git.apps.os.sepia.ceph.com Git - ceph.git/blob

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