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

   1 @let data = (data$ | async);
   2 <cd-productive-card>
   3   <!-- HEALTH CARD Title -->
   4   @if(fsid) {
   5   <ng-template #header>
   6     <div class="overview-health-card-header">
   7       <div class="cds-mb-4 cds-mr-3"><cd-icon type="dataCenter"></cd-icon></div>
   8       <h2
   9         class="cds--type-heading-compact-02"
  10         id="fsid">
  11         <span>{{fsid}}</span>
  12       </h2>
  13       <cd-copy-2-clipboard-button
  14         size="sm"
  15         source="fsid"></cd-copy-2-clipboard-button>
  16     </div>
  17     <cds-icon-button
  18       type="button"
  19       kind="ghost"
  20       size="sm"
  21       description="Check logs"
  22       i18n-description
  23       [routerLink]="['/logs']">
  24       <cd-icon type="dataViewAlt"></cd-icon>
  25     </cds-icon-button>
  26   </ng-template>
  27   } @else {
  28   <cds-skeleton-text
  29     [lines]="1"
  30     [maxLineWidth]="400"
  31     [minLineWidth]="400"></cds-skeleton-text>
  32   }
  33   <!-- HEALTH CARD BODY -->
  34   @if(data?.currentHealth){
  35   <p class="cds--type-heading-05 cds-mb-0"
  36      [ngClass]="'overview-health-card-status--' + data?.currentHealth?.icon">
  37     {{data?.currentHealth?.title}}
  38     <cd-icon [type]="data?.currentHealth?.icon"></cd-icon>
  39   </p>
  40   <p class="cds--type-label-01">{{data?.currentHealth?.message}}</p>
  41   } @else {
  42   <cds-skeleton-placeholder></cds-skeleton-placeholder>
  43   }
  44
  45   @if(data?.summary?.version) {
  46   <!-- CEPH VERSION -->
  47   <p class="cds--type-label-02">
  48     <span i18n>Ceph version:&nbsp;</span>
  49     <span class="cds--type-heading-compact-01">{{ data?.summary?.version | cephVersion  }}</span>&nbsp;
  50     <!-- UPGRADE AVAILABLE -->
  51     @if (data?.upgrade?.versions?.length) {
  52     <a [routerLink]="['/upgrade']"
  53        cdsLink
  54        [inline]="true"
  55        i18n>
  56       Upgrade available
  57       <cd-icon type="upgrade"></cd-icon>
  58     </a>
  59     }
  60   </p>
  61   } @else {
  62   <cds-skeleton-text
  63     [lines]="1"
  64     [maxLineWidth]="250"></cds-skeleton-text>
  65   }
  66 </cd-productive-card>