ceph/src/pybind/mgr/dashboard/frontend/src/app/ceph/block/mirroring/overview/overview.component.html

   1 <div class="row">
   2   <div class="col-md-12">
   3     <form name="rbdmirroringForm"
   4           #formDir="ngForm"
   5           [formGroup]="rbdmirroringForm"
   6           novalidate>
   7
   8       <div class="d-flex flex-row">
   9         <label class="col-form-label"
  10                for="siteName"
  11                i18n>Site Name</label>
  12
  13         <div class="col-md-4 input-group mb-3 mr-auto">
  14           <input type="text"
  15                  class="form-control"
  16                  id="siteName"
  17                  name="siteName"
  18                  formControlName="siteName"
  19                  [attr.disabled]="!editing ? true : null">
  20           <div class="input-group-append">
  21             <button class="btn btn-light"
  22                     id="editSiteName"
  23                     (click)="updateSiteName()">
  24               <i [ngClass]="icons.edit"
  25                  *ngIf="!editing"></i>
  26               <i [ngClass]="icons.check"
  27                  *ngIf="editing"></i>
  28             </button>
  29             <cd-copy-2-clipboard-button [source]="siteName"
  30                                         [byId]="false">
  31             </cd-copy-2-clipboard-button>
  32           </div>
  33         </div>
  34         <cd-table-actions class="table-actions"
  35                           [permission]="permission"
  36                           [selection]="selection"
  37                           [tableActions]="tableActions">
  38         </cd-table-actions>
  39       </div>
  40     </form>
  41   </div>
  42 </div>
  43
  44 <div class="row">
  45   <div class="col-sm-6">
  46     <legend i18n>Daemons</legend>
  47
  48     <cd-mirroring-daemons>
  49     </cd-mirroring-daemons>
  50   </div>
  51
  52   <div class="col-sm-6">
  53     <legend i18n>Pools</legend>
  54
  55     <cd-mirroring-pools>
  56     </cd-mirroring-pools>
  57   </div>
  58 </div>
  59
  60 <div class="row">
  61   <div class="col-md-12">
  62     <legend i18n>Images</legend>
  63     <cd-mirroring-images>
  64     </cd-mirroring-images>
  65   </div>
  66 </div>