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

   1 <cd-modal [modalRef]="activeModal">
   2   <ng-container i18n="form title"
   3                 class="modal-title">Migrate Single Site to Multi-site
   4     <cd-helper>
   5       <span>Migrate from a single-site deployment with a default zonegroup and zone to a multi-site system</span>
   6     </cd-helper>
   7   </ng-container>
   8
   9   <ng-container class="modal-content">
  10     <form name="multisiteMigrateForm"
  11           #formDir="ngForm"
  12           [formGroup]="multisiteMigrateForm"
  13           novalidate>
  14     <div class="modal-body">
  15       <div class="form-group row">
  16         <label class="cd-col-form-label required"
  17                for="realmName"
  18                i18n>Realm Name</label>
  19         <div class="cd-col-form-input">
  20           <input class="form-control"
  21                  type="text"
  22                  placeholder="Realm name..."
  23                  id="realmName"
  24                  name="realmName"
  25                  formControlName="realmName">
  26           <span class="invalid-feedback"
  27                 *ngIf="multisiteMigrateForm.showError('realmName', formDir, 'required')"
  28                 i18n>This field is required.</span>
  29           <span class="invalid-feedback"
  30                 *ngIf="multisiteMigrateForm.showError('realmName', formDir, 'uniqueName')"
  31                 i18n>The chosen realm name is already in use.</span>
  32         </div>
  33       </div>
  34       <div class="form-group row">
  35         <label class="cd-col-form-label required"
  36                for="zonegroupName"
  37                i18n>Rename default zonegroup</label>
  38         <div class="cd-col-form-input">
  39           <input class="form-control"
  40                  type="text"
  41                  placeholder="Zonegroup name..."
  42                  id="zonegroupName"
  43                  name="zonegroupName"
  44                  formControlName="zonegroupName">
  45           <span class="invalid-feedback"
  46                 *ngIf="multisiteMigrateForm.showError('zonegroupName', formDir, 'required')"
  47                 i18n>This field is required.</span>
  48           <span class="invalid-feedback"
  49                 *ngIf="multisiteMigrateForm.showError('zonegroupName', formDir, 'uniqueName')"
  50                 i18n>The chosen zonegroup name is already in use.</span>
  51         </div>
  52       </div>
  53       <div class="form-group row">
  54         <label class="cd-col-form-label required"
  55                for="zonegroup_endpoints"
  56                i18n>Zonegroup Endpoints</label>
  57         <div class="cd-col-form-input">
  58           <input class="form-control"
  59                  type="text"
  60                  placeholder="e.g, http://ceph-node-00.com:80"
  61                  id="zonegroup_endpoints"
  62                  name="zonegroup_endpoints"
  63                  formControlName="zonegroup_endpoints">
  64           <span class="invalid-feedback"
  65                 *ngIf="multisiteMigrateForm.showError('zonegroup_endpoints', formDir, 'required')"
  66                 i18n>This field is required.</span>
  67           <span class="invalid-feedback"
  68                 *ngIf="multisiteMigrateForm.showError('zonegroup_endpoints', formDir, 'endpoint')"
  69                 i18n>Please enter a valid IP address.</span>
  70         </div>
  71       </div>
  72       <div class="form-group row">
  73         <label class="cd-col-form-label required"
  74                for="zoneName"
  75                i18n>Rename default zone</label>
  76         <div class="cd-col-form-input">
  77           <input class="form-control"
  78                  type="text"
  79                  placeholder="Zone name..."
  80                  id="zoneName"
  81                  name="zoneName"
  82                  formControlName="zoneName">
  83           <span class="invalid-feedback"
  84                 *ngIf="multisiteMigrateForm.showError('zoneName', formDir, 'required')"
  85                 i18n>This field is required.</span>
  86           <span class="invalid-feedback"
  87                 *ngIf="multisiteMigrateForm.showError('zoneName', formDir, 'uniqueName')"
  88                 i18n>The chosen zone name is already in use.</span>
  89         </div>
  90       </div>
  91       <div class="form-group row">
  92         <label class="cd-col-form-label required"
  93                for="zone_endpoints"
  94                i18n>Zone Endpoints</label>
  95         <div class="cd-col-form-input">
  96           <input class="form-control"
  97                  type="text"
  98                  placeholder="e.g, http://ceph-node-00.com:80"
  99                  id="zone_endpoints"
 100                  name="zone_endpoints"
 101                  formControlName="zone_endpoints">
 102           <span class="invalid-feedback"
 103                 *ngIf="multisiteMigrateForm.showError('zone_endpoints', formDir, 'required')"
 104                 i18n>This field is required.</span>
 105           <span class="invalid-feedback"
 106                 *ngIf="multisiteMigrateForm.showError('zone_endpoints', formDir, 'endpoint')"
 107                 i18n>Please enter a valid IP address.</span>
 108         </div>
 109       </div>
 110       <div class="form-group row">
 111         <label class="cd-col-form-label"
 112                for="users"
 113                i18n>System User</label>
 114         <div class="cd-col-form-input">
 115           <select id="users"
 116                   name="users"
 117                   class="form-select"
 118                   formControlName="users">
 119           <option i18n
 120                   *ngIf="users === null"
 121                   [ngValue]="null">Loading...</option>
 122           <option i18n
 123                   *ngIf="users !== null"
 124                   [ngValue]="null">-- Select a user --</option>
 125           <option *ngFor="let user of users"
 126                   [value]="user.user_id">{{ user.user_id }}</option>
 127           </select>
 128         </div>
 129       </div>
 130     </div>
 131     <div class="modal-footer">
 132       <cd-form-button-panel (submitActionEvent)="submit()"
 133                             [form]="multisiteMigrateForm"></cd-form-button-panel>
 134     </div>
 135     </form>
 136   </ng-container>
 137 </cd-modal>