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 zone group 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 zone group</label>
  38         <div class="cd-col-form-input">
  39           <input class="form-control"
  40                  type="text"
  41                  placeholder="Zone group 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 zone group 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>Zone group Endpoints
  57         </label>
  58         <div class="cd-col-form-input">
  59           <input class="form-control"
  60                  type="text"
  61                  placeholder="e.g, http://ceph-node-00.com:80"
  62                  id="zonegroup_endpoints"
  63                  name="zonegroup_endpoints"
  64                  formControlName="zonegroup_endpoints">
  65           <span class="invalid-feedback"
  66                 *ngIf="multisiteMigrateForm.showError('zonegroup_endpoints', formDir, 'required')"
  67                 i18n>This field is required.</span>
  68           <span class="invalid-feedback"
  69                 *ngIf="multisiteMigrateForm.showError('zonegroup_endpoints', formDir, 'endpoint')"
  70                 i18n>Please enter a valid IP address.</span>
  71         </div>
  72       </div>
  73       <div class="form-group row">
  74         <label class="cd-col-form-label required"
  75                for="zoneName"
  76                i18n>Rename default zone</label>
  77         <div class="cd-col-form-input">
  78           <input class="form-control"
  79                  type="text"
  80                  placeholder="Zone name..."
  81                  id="zoneName"
  82                  name="zoneName"
  83                  formControlName="zoneName">
  84           <span class="invalid-feedback"
  85                 *ngIf="multisiteMigrateForm.showError('zoneName', formDir, 'required')"
  86                 i18n>This field is required.</span>
  87           <span class="invalid-feedback"
  88                 *ngIf="multisiteMigrateForm.showError('zoneName', formDir, 'uniqueName')"
  89                 i18n>The chosen zone name is already in use.</span>
  90         </div>
  91       </div>
  92       <div class="form-group row">
  93         <label class="cd-col-form-label required"
  94                for="zone_endpoints"
  95                i18n>Zone Endpoints
  96         </label>
  97         <div class="cd-col-form-input">
  98           <input class="form-control"
  99                  type="text"
 100                  placeholder="e.g, http://ceph-node-00.com:80"
 101                  id="zone_endpoints"
 102                  name="zone_endpoints"
 103                  formControlName="zone_endpoints">
 104           <span class="invalid-feedback"
 105                 *ngIf="multisiteMigrateForm.showError('zone_endpoints', formDir, 'required')"
 106                 i18n>This field is required.</span>
 107           <span class="invalid-feedback"
 108                 *ngIf="multisiteMigrateForm.showError('zone_endpoints', formDir, 'endpoint')"
 109                 i18n>Please enter a valid IP address.</span>
 110         </div>
 111       </div>
 112       <div class="form-group row">
 113         <label class="cd-col-form-label required"
 114                for="access_key"
 115                i18n>S3 access key
 116           <cd-helper>
 117             <span>To see or copy your S3 access key, go to <b>Object Gateway > Users</b> and click on your user name. In <b>Keys</b>, click <b>Show</b>. View the access key by clicking Show and copy the key by clicking <b>Copy to Clipboard</b>.</span>
 118           </cd-helper>
 119         </label>
 120         <div class="cd-col-form-input">
 121           <input class="form-control"
 122                  type="text"
 123                  placeholder="e.g."
 124                  id="access_key"
 125                  name="access_key"
 126                  formControlName="access_key">
 127         </div>
 128       </div>
 129       <div class="form-group row">
 130         <label class="cd-col-form-label required"
 131                for="access_key"
 132                i18n>S3 secret key
 133           <cd-helper>
 134             <span>To see or copy your S3 access key, go to <b>Object Gateway > Users</b> and click on your user name. In <b>Keys</b>, click <b>Show</b>. View the secret key by clicking Show and copy the key by clicking <b>Copy to Clipboard</b>.</span>
 135           </cd-helper>
 136         </label>
 137         <div class="cd-col-form-input">
 138           <input class="form-control"
 139                  type="text"
 140                  placeholder="e.g."
 141                  id="secret_key"
 142                  name="secret_key"
 143                  formControlName="secret_key">
 144         </div>
 145       </div>
 146     </div>
 147     <div class="modal-footer">
 148       <cd-form-button-panel (submitActionEvent)="submit()"
 149                             [submitText]="actionLabels.MIGRATE + ' ' + 'to Multi-site'"
 150                             [form]="multisiteMigrateForm"></cd-form-button-panel>
 151     </div>
 152     </form>
 153   </ng-container>
 154 </cd-modal>