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">{{ action | titlecase }} {{ resource | upperFirst }}</ng-container>
   4
   5   <ng-container class="modal-content"
   6                 *cdFormLoading="loading">
   7     <form name="subvolumeForm"
   8           #formDir="ngForm"
   9           [formGroup]="subvolumeForm"
  10           novalidate>
  11       <div class="modal-body">
  12         <div class="form-group row">
  13           <label class="cd-col-form-label required"
  14                  for="subvolumeName"
  15                  i18n>Name</label>
  16           <div class="cd-col-form-input">
  17             <input class="form-control"
  18                    type="text"
  19                    placeholder="Subvolume name..."
  20                    id="subvolumeName"
  21                    name="subvolumeName"
  22                    formControlName="subvolumeName"
  23                    autofocus>
  24             <span class="invalid-feedback"
  25                   *ngIf="subvolumeForm.showError('subvolumeName', formDir, 'required')"
  26                   i18n>This field is required.</span>
  27             <span class="invalid-feedback"
  28                   *ngIf="subvolumeForm.showError('subvolumeName', formDir, 'notUnique')"
  29                   i18n>The subvolume already exists.</span>
  30           </div>
  31         </div>
  32
  33         <!-- Volume name -->
  34         <div class="form-group row">
  35           <label class="cd-col-form-label"
  36                  for="volumeName"
  37                  i18n>Volume name</label>
  38           <div class="cd-col-form-input">
  39             <input class="form-control"
  40                    id="volumeName"
  41                    name="volumeName"
  42                    formControlName="volumeName">
  43           </div>
  44         </div>
  45
  46         <!-- Size -->
  47         <div class="form-group row">
  48           <label class="cd-col-form-label"
  49                  for="size"
  50                  i18n>Size
  51           <cd-helper>The size of the subvolume is specified by setting a quota on it.
  52             If left blank or put 0, then quota will be infinite</cd-helper>
  53           </label>
  54           <div class="cd-col-form-input">
  55             <input class="form-control"
  56                    type="text"
  57                    id="size"
  58                    name="size"
  59                    formControlName="size"
  60                    i18n-placeholder
  61                    placeholder="e.g., 10GiB"
  62                    defaultUnit="GiB"
  63                    cdDimlessBinary>
  64           </div>
  65         </div>
  66
  67         <!-- CephFS Pools -->
  68         <div class="form-group row">
  69           <label class="cd-col-form-label"
  70                  for="pool"
  71                  i18n>Pool
  72             <cd-helper>By default, the data_pool_layout of the parent directory is selected.</cd-helper>
  73           </label>
  74           <div class="cd-col-form-input">
  75             <select class="form-select"
  76                     id="pool"
  77                     name="pool"
  78                     formControlName="pool">
  79               <option *ngFor="let pool of dataPools"
  80                       [value]="pool.pool">{{ pool.pool }}</option>
  81             </select>
  82           </div>
  83         </div>
  84
  85         <!-- UID -->
  86         <div class="form-group row">
  87           <label class="cd-col-form-label"
  88                  for="uid"
  89                  i18n>UID</label>
  90           <div class="cd-col-form-input">
  91             <input class="form-control"
  92                    type="number"
  93                    placeholder="Subvolume UID..."
  94                    id="uid"
  95                    name="uid"
  96                    formControlName="uid">
  97           </div>
  98         </div>
  99
 100         <!-- GID -->
 101         <div class="form-group row">
 102           <label class="cd-col-form-label"
 103                  for="gid"
 104                  i18n>GID</label>
 105           <div class="cd-col-form-input">
 106             <input class="form-control"
 107                    type="number"
 108                    placeholder="Subvolume GID..."
 109                    id="gid"
 110                    name="gid"
 111                    formControlName="gid">
 112           </div>
 113         </div>
 114
 115         <!-- Mode -->
 116         <div class="form-group row">
 117           <label class="cd-col-form-label"
 118                  for="mode"
 119                  i18n>Mode
 120             <cd-helper>Permissions for the directory. Default mode is 755 which is rwxr-xr-x</cd-helper>
 121           </label>
 122           <div class="cd-col-form-input">
 123             <cd-checked-table-form [data]="scopePermissions"
 124                                    [columns]="columns"
 125                                    [form]="subvolumeForm"
 126                                    inputField="mode"
 127                                    [isTableForOctalMode]="true"
 128                                    [initialValue]="initialMode"
 129                                    [scopes]="scopes"
 130                                    [isDisabled]="isEdit"></cd-checked-table-form>
 131           </div>
 132           </div>
 133
 134         <!-- Is namespace-isolated -->
 135         <div class="form-group row">
 136           <div class="cd-col-form-offset">
 137             <div class="custom-control custom-checkbox">
 138               <input class="custom-control-input"
 139                      type="checkbox"
 140                      id="isolatedNamespace"
 141                      name="isolatedNamespace"
 142                      formControlName="isolatedNamespace">
 143               <label class="custom-control-label"
 144                      for="isolatedNamespace"
 145                      i18n>Isolated Namespace
 146                 <cd-helper>To create subvolume in a separate RADOS namespace.</cd-helper>
 147               </label>
 148             </div>
 149           </div>
 150         </div>
 151       </div>
 152
 153       <div class="modal-footer">
 154         <cd-form-button-panel (submitActionEvent)="submit()"
 155                               [form]="subvolumeForm"
 156                               [submitText]="(action | titlecase) + ' ' + (resource | upperFirst)"></cd-form-button-panel>
 157       </div>
 158     </form>
 159   </ng-container>
 160 </cd-modal>