git.apps.os.sepia.ceph.com Git - ceph-ci.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 required"
 112                for="access_key"
 113                i18n>Access key</label>
 114         <div class="cd-col-form-input">
 115           <input class="form-control"
 116                  type="text"
 117                  placeholder="e.g."
 118                  id="access_key"
 119                  name="access_key"
 120                  formControlName="access_key">
 121         </div>
 122       </div>
 123       <div class="form-group row">
 124         <label class="cd-col-form-label required"
 125                for="access_key"
 126                i18n>Secret key</label>
 127         <div class="cd-col-form-input">
 128           <input class="form-control"
 129                  type="text"
 130                  placeholder="e.g."
 131                  id="secret_key"
 132                  name="secret_key"
 133                  formControlName="secret_key">
 134         </div>
 135       </div>
 136     </div>
 137     <div class="modal-footer">
 138       <cd-form-button-panel (submitActionEvent)="submit()"
 139                             [submitText]="actionLabels.MIGRATE"
 140                             [form]="multisiteMigrateForm"></cd-form-button-panel>
 141     </div>
 142     </form>
 143   </ng-container>
 144 </cd-modal>