ceph/src/pybind/mgr/dashboard/frontend/src/app/ceph/rgw/rgw-multisite-export/rgw-multisite-export.component.html

   1 <cd-modal [modalRef]="activeModal">
   2   <ng-container i18n="form title"
   3                 class="modal-title">Export Multi-Site Realm Token</ng-container>
   4
   5   <ng-container class="modal-content">
   6     <form name="exportTokenForm"
   7           #frm="ngForm"
   8           [formGroup]="exportTokenForm">
   9     <span *ngIf="loading"
  10           class="d-flex justify-content-center">
  11     <i [ngClass]="[icons.large3x, icons.spinner, icons.spin]"></i></span>
  12     <div class="modal-body"
  13          *ngIf="!loading">
  14       <cd-alert-panel *ngIf="!tokenValid"
  15                       type="warning"
  16                       class="mx-3"
  17                       i18n>
  18       <div *ngFor="let realminfo of realms">
  19         <b>{{realminfo.realm}}</b> -
  20         {{realminfo.token}}
  21       </div>
  22       </cd-alert-panel>
  23       <div *ngFor="let realminfo of realms">
  24         <div class="form-group row">
  25           <label class="cd-col-form-label"
  26                  for="realmName"
  27                  i18n>Realm Name
  28           </label>
  29           <div class="cd-col-form-input">
  30             <input id="realmName"
  31                    name="realmName"
  32                    type="text"
  33                    value="{{ realminfo.realm }}"
  34                    readonly>
  35           </div>
  36         </div>
  37         <div class="form-group row">
  38           <label class="cd-col-form-label"
  39                  for="token"
  40                  i18n>Token
  41           </label>
  42           <div class="cd-col-form-input">
  43             <input id="realmToken"
  44                    name="realmToken"
  45                    type="text"
  46                    value="{{ realminfo.token }}"
  47                    class="me-2 mb-4"
  48                    readonly>
  49             <cd-copy-2-clipboard-button
  50                       source="{{ realminfo.token }}"
  51                       [byId]="false">
  52             </cd-copy-2-clipboard-button>
  53           </div>
  54           <hr *ngIf="realms.length > 1">
  55         </div>
  56       </div>
  57     </div>
  58     <div class="modal-footer">
  59       <cd-back-button class="m-2 float-end"
  60                       aria-label="Close"
  61                       (backAction)="activeModal.close()"></cd-back-button>
  62     </div>
  63     </form>
  64   </ng-container>
  65 </cd-modal>