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

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