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

   1 <span *ngIf="metadataSyncInfo === 'no sync (zone is master)'">
   2   <ul class="me-2">
   3     <li><b i18n>Status:</b></li>
   4     <li>No Sync</li>
   5   </ul>
   6 </span>
   7 <span *ngIf="metadataSyncInfo !== 'no sync (zone is master)'">
   8   <ul class="me-2">
   9     <ng-template #upToDateTpl>
  10       <li class="badge badge-success"
  11           i18n>Up to Date</li>
  12     </ng-template>
  13     <cds-toggletip  [dropShadow]="true"
  14                     [align]="align">
  15       <div cdsToggletipButton
  16            class="toggleTipBtn">
  17         <ng-template #showMetadataStatus>
  18           <a  *ngIf="metadataSyncInfo.syncstatus !== 'Not Syncing From Zone'"
  19               class="lead text-primary"
  20               popoverClass="rgw-overview-card-popover"
  21               i18n>{{ metadataSyncInfo.syncstatus | titlecase }}</a>
  22           <a  *ngIf="metadataSyncInfo.syncstatus === 'Not Syncing From Zone'"
  23               class="lead text-primary"
  24               i18n>Not Syncing</a>
  25         </ng-template>
  26         <li><b i18n>Status:</b></li>
  27         <li *ngIf="metadataSyncInfo.syncstatus?.includes('failed') || metadataSyncInfo.syncstatus?.includes('error'); else showMetadataStatus">
  28           <svg  [cdsIcon]="icons.danger"
  29                 [size]="icons.size16"
  30                 class="cds-danger-color"></svg>
  31           <a class="lead text-danger"
  32              i18n>Error</a>
  33         </li>
  34       </div>
  35       <div cdsToggletipContent>
  36         <div class="cds--popover-scroll-container">
  37           <ul class="text-center">
  38             <li><h5><b i18n>Metadata Sync Status:</b></h5></li>
  39             <li *ngFor="let status of metadataSyncInfo.fullSyncStatus">
  40               <span *ngIf="!status?.includes(metadataSyncInfo.syncstatus) && !status?.includes('failed') && !status?.includes('error')">
  41                 <span *ngIf="status?.includes(':')">
  42                   <b>{{ status.split(':')[0] | titlecase }}</b>:{{ status.split(':')[1] | titlecase}}
  43                 </span>
  44                 <span *ngIf="!status?.includes(':')">
  45                   <b>{{ status | titlecase }}</b>
  46                 </span>
  47               </span>
  48               <span *ngIf="status?.includes('failed') || status?.includes('error')">
  49                   {{ status | titlecase }}
  50               </span>
  51             </li>
  52           </ul>
  53         </div>
  54       </div>
  55     </cds-toggletip>
  56     <li class="mt-4 fw-bold"
  57         i18n>
  58         Last Synced:
  59     </li>
  60     <li class="badge badge-info"
  61         *ngIf="metadataSyncInfo.timestamp; else upToDateTpl">{{ metadataSyncInfo.timestamp | relativeDate }}</li>
  62   </ul>
  63 </span>