ceph/src/pybind/mgr/dashboard/frontend/src/app/ceph/rgw/rgw-user-swift-key-modal/rgw-user-swift-key-modal.component.html

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