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

   1 <div class="modal-header">
   2   <h4 class="modal-title pull-left"
   3       i18n>S3 key
   4   </h4>
   5   <button type="button"
   6           class="close pull-right"
   7           aria-label="Close"
   8           (click)="bsModalRef.hide()">
   9     <span aria-hidden="true">&times;</span>
  10   </button>
  11 </div>
  12 <form class="form-horizontal"
  13       #frm="ngForm"
  14       [formGroup]="formGroup"
  15       novalidate>
  16   <div class="modal-body">
  17
  18     <!-- Username -->
  19     <div class="form-group"
  20          [ngClass]="{'has-error': (frm.submitted || formGroup.controls.user.dirty) && formGroup.controls.user.invalid}">
  21       <label class="control-label col-sm-3"
  22              for="user"
  23              i18n>Username
  24         <span class="required"
  25               *ngIf="!viewing">
  26         </span>
  27       </label>
  28       <div class="col-sm-9">
  29         <input id="user"
  30                class="form-control"
  31                type="text"
  32                *ngIf="viewing"
  33                [readonly]="true"
  34                formControlName="user">
  35         <select id="user"
  36                 class="form-control"
  37                 formControlName="user"
  38                 *ngIf="!viewing"
  39                 autofocus>
  40           <option i18n
  41                   *ngIf="userCandidates !== null"
  42                   [ngValue]="null">-- Select a username --
  43           </option>
  44           <option *ngFor="let userCandidate of userCandidates"
  45                   [value]="userCandidate">{{ userCandidate }}</option>
  46         </select>
  47         <span class="help-block"
  48               *ngIf="(frm.submitted || formGroup.controls.user.dirty) && formGroup.controls.user.hasError('required')"
  49               i18n>
  50           This field is required.
  51         </span>
  52       </div>
  53     </div>
  54
  55     <!-- Auto-generate key -->
  56     <div class="form-group"
  57          *ngIf="!viewing">
  58       <div class="col-sm-offset-3 col-sm-9">
  59         <div class="checkbox checkbox-primary">
  60           <input id="generate_key"
  61                  type="checkbox"
  62                  formControlName="generate_key">
  63           <label for="generate_key"
  64                  i18n>Auto-generate key
  65           </label>
  66         </div>
  67       </div>
  68     </div>
  69
  70     <!-- Access key -->
  71     <div class="form-group"
  72          [ngClass]="{'has-error': (frm.submitted || formGroup.controls.access_key.dirty) && formGroup.controls.access_key.invalid}"
  73          *ngIf="!formGroup.controls.generate_key.value">
  74       <label class="control-label col-sm-3"
  75              for="access_key"
  76              i18n>Access key
  77         <span class="required"
  78               *ngIf="!viewing">
  79         </span>
  80       </label>
  81       <div class="col-sm-9">
  82         <div class="input-group">
  83           <input id="access_key"
  84                  class="form-control"
  85                  type="password"
  86                  [readonly]="viewing"
  87                  formControlName="access_key">
  88           <span class="input-group-btn">
  89             <button type="button"
  90                     class="btn btn-default"
  91                     cdPasswordButton="access_key">
  92             </button>
  93             <button type="button"
  94                     class="btn btn-default"
  95                     cdCopy2ClipboardButton="access_key">
  96             </button>
  97           </span>
  98         </div>
  99         <span class="help-block"
 100               *ngIf="(frm.submitted || formGroup.controls.access_key.dirty) && formGroup.controls.access_key.hasError('required')"
 101               i18n>
 102           This field is required.
 103         </span>
 104       </div>
 105     </div>
 106
 107     <!-- Secret key -->
 108     <div class="form-group"
 109          [ngClass]="{'has-error': (frm.submitted || formGroup.controls.secret_key.dirty) && formGroup.controls.secret_key.invalid}"
 110          *ngIf="!formGroup.controls.generate_key.value">
 111       <label class="control-label col-sm-3"
 112              for="secret_key"
 113              i18n>Secret key
 114         <span class="required"
 115               *ngIf="!viewing">
 116         </span>
 117       </label>
 118       <div class="col-sm-9">
 119         <div class="input-group">
 120           <input id="secret_key"
 121                  class="form-control"
 122                  type="password"
 123                  [readonly]="viewing"
 124                  formControlName="secret_key">
 125           <span class="input-group-btn">
 126             <button type="button"
 127                     class="btn btn-default"
 128                     cdPasswordButton="secret_key">
 129             </button>
 130             <button type="button"
 131                     class="btn btn-default"
 132                     cdCopy2ClipboardButton="secret_key">
 133             </button>
 134           </span>
 135         </div>
 136         <span class="help-block"
 137               *ngIf="(frm.submitted || formGroup.controls.secret_key.dirty) && formGroup.controls.secret_key.hasError('required')"
 138               i18n>
 139           This field is required.
 140         </span>
 141       </div>
 142     </div>
 143
 144   </div>
 145   <div class="modal-footer">
 146     <cd-submit-button *ngIf="!viewing"
 147                       (submitAction)="onSubmit()"
 148                       [form]="formGroup"
 149                       i18n>Add
 150     </cd-submit-button>
 151     <button class="btn btn-sm"
 152             type="button"
 153             [ngClass]="{'btn-primary': viewing, 'btn-default': !viewing}"
 154             (click)="bsModalRef.hide()"
 155             i18n>Close
 156     </button>
 157   </div>
 158 </form>