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

   1 <ng-template #syncPopover>
   2   <ul class="text-center">
   3     <li><h5><b>Sync Status:</b></h5></li>
   4     <li *ngFor="let status of zone.fullSyncStatus">
   5       <span *ngIf="!status?.includes(zone.name) && !status?.includes(zone.syncstatus) && !status?.includes('failed') && !status?.includes('error')">
   6         <span *ngIf="status?.includes(':')">
   7           <b>{{ status.split(':')[0] | titlecase }}</b>:{{ status.split(':')[1] | titlecase}}
   8         </span>
   9         <span *ngIf="!status?.includes(':')">
  10           <b>{{ status | titlecase }}</b>
  11         </span>
  12       </span>
  13       <span *ngIf="status?.includes('failed') || status?.includes('error')">
  14         {{ status | titlecase }}
  15       </span>
  16     </li>
  17   </ul>
  18 </ng-template>
  19 <ul class="me-2">
  20   <ng-template #upToDateTpl>
  21     <li class="badge badge-success">Up to Date</li>
  22   </ng-template>
  23   <ng-template #showStatus>
  24     <a *ngIf="zone.syncstatus !== 'Not Syncing From Zone'"
  25        class="lead text-primary"
  26        [ngbPopover]="syncPopover"
  27        placement="top"
  28        popoverClass="rgw-overview-card-popover"
  29        i18n>{{ zone.syncstatus | titlecase }}</a>
  30     <a *ngIf="zone.syncstatus === 'Not Syncing From Zone'"
  31        class="lead text-primary"
  32        [ngbPopover]="syncPopover"
  33        placement="top"
  34        popoverClass="rgw-overview-card-popover"
  35        i18n>Not Syncing</a>
  36   </ng-template>
  37   <li><b>Status:</b></li>
  38   <li *ngIf="zone.syncstatus?.includes('failed') || zone.syncstatus?.includes('error'); else showStatus">
  39     <i [ngClass]="[icons.danger]"
  40        class="text-danger"></i>
  41     <a class="lead text-danger"
  42        [ngbPopover]="syncPopover"
  43        placement="top"
  44        popoverClass="rgw-overview-card-popover"
  45        i18n>Error</a></li>
  46   <li class="mt-4 fw-bold">
  47     Last Synced:
  48   </li>
  49   <li class="badge badge-info"
  50       *ngIf="zone.timestamp; else upToDateTpl">{{ zone.timestamp | relativeDate }}</li>
  51 </ul>