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

   1 <cd-modal [modalRef]="activeModal">
   2   <ng-container i18n="form title|Example: Create Pool@@formTitle"
   3                 class="modal-title">{{ action | titlecase }} {{ resource | upperFirst }}
   4   </ng-container>
   5
   6   <ng-container class="modal-content">
   7     <div class="modal-body">
   8       <form novalidate>
   9         <!-- Username -->
  10         <div class="form-group row">
  11           <label class="cd-col-form-label"
  12                  for="user"
  13                  i18n>Username</label>
  14           <div class="cd-col-form-input">
  15             <input id="user"
  16                    name="user"
  17                    class="form-control"
  18                    type="text"
  19                    [readonly]="true"
  20                    [(ngModel)]="user">
  21           </div>
  22         </div>
  23
  24         <!-- Secret key -->
  25         <div class="form-group row">
  26           <label class="cd-col-form-label"
  27                  for="secret_key"
  28                  i18n>Secret key</label>
  29           <div class="cd-col-form-input">
  30             <div class="input-group">
  31               <input id="secret_key"
  32                      name="secret_key"
  33                      class="form-control"
  34                      type="password"
  35                      [(ngModel)]="secret_key"
  36                      [readonly]="true">
  37               <span class="input-group-append">
  38                 <button type="button"
  39                         class="btn btn-light"
  40                         cdPasswordButton="secret_key">
  41                 </button>
  42                 <cd-copy-2-clipboard-button source="secret_key">
  43                 </cd-copy-2-clipboard-button>
  44               </span>
  45             </div>
  46           </div>
  47         </div>
  48       </form>
  49     </div>
  50
  51     <div class="modal-footer">
  52       <cd-back-button (backAction)="activeModal.close()"></cd-back-button>
  53     </div>
  54   </ng-container>
  55 </cd-modal>