ceph/src/pybind/mgr/dashboard/frontend/src/app/ceph/block/mirroring/pool-edit-mode-modal/pool-edit-mode-modal.component.html

   1 <cd-modal>
   2   <ng-container i18n
   3                 class="modal-title">Edit pool mirror mode</ng-container>
   4
   5   <ng-container class="modal-content">
   6     <form name="editModeForm"
   7           class="form"
   8           #formDir="ngForm"
   9           [formGroup]="editModeForm"
  10           novalidate>
  11       <div class="modal-body">
  12         <p>
  13           <ng-container i18n>To edit the mirror mode for pool&nbsp;
  14           <kbd>{{ poolName }}</kbd>, select a new mode from the list and click&nbsp;
  15           <kbd>Update</kbd>.</ng-container>
  16         </p>
  17
  18         <div class="form-group"
  19              [ngClass]="{'has-error': editModeForm.showError('mirrorMode', formDir)}">
  20           <label class="control-label"
  21                  for="mirrorMode">
  22             <span i18n>Mode</span>
  23           </label>
  24           <select id="mirrorMode"
  25                   name="mirrorMode"
  26                   class="form-control"
  27                   formControlName="mirrorMode">
  28             <option *ngFor="let mirrorMode of mirrorModes"
  29                     [value]="mirrorMode.id">{{ mirrorMode.name }}</option>
  30           </select>
  31           <span class="help-block"
  32                 *ngIf="editModeForm.showError('mirrorMode', formDir, 'cannotDisable')"
  33                 i18n>Peer clusters must be removed prior to disabling mirror.</span>
  34         </div>
  35       </div>
  36
  37       <div class="modal-footer">
  38         <div class="button-group text-right">
  39           <cd-submit-button i18n
  40                             [form]="editModeForm"
  41                             (submitAction)="update()">Update</cd-submit-button>
  42           <cd-back-button [back]="modalRef.hide"
  43                           name="Cancel"
  44                           i18n-name>
  45           </cd-back-button>
  46         </div>
  47       </div>
  48     </form>
  49   </ng-container>
  50 </cd-modal>