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

   1 <cd-modal [modalRef]="activeModal"
   2           pageURL="mirroring">
   3   <ng-container i18n
   4                 class="modal-title">Edit pool mirror mode</ng-container>
   5
   6   <ng-container class="modal-content">
   7     <form name="editModeForm"
   8           class="form"
   9           #formDir="ngForm"
  10           [formGroup]="editModeForm"
  11           novalidate>
  12       <div class="modal-body">
  13         <p>
  14           <ng-container i18n>To edit the mirror mode for pool&nbsp;
  15           <kbd>{{ poolName }}</kbd>, select a new mode from the list and click&nbsp;
  16           <kbd>Update</kbd>.</ng-container>
  17         </p>
  18
  19         <div class="form-group">
  20           <label class="col-form-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="invalid-feedback"
  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         <cd-form-button-panel (submitActionEvent)="update()"
  39                               [form]="editModeForm"
  40                               [submitText]="actionLabels.UPDATE"></cd-form-button-panel>
  41       </div>
  42     </form>
  43   </ng-container>
  44 </cd-modal>