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

   1 <div cdsRow>
   2   <div cdsCol>
   3     <fieldset>
   4       <legend class="cd-header"
   5               i18n>Cluster Resources</legend>
   6       <table class="cds--data-table--sort cds--data-table--no-border cds--data-table cds--data-table--md">
   7         <tbody>
   8           <tr>
   9             <td i18n
  10                 class="bold">Hosts</td>
  11             <td>{{ hostsCount }}</td>
  12           </tr>
  13           <tr *ngIf="!isSimpleDeployment; else simpleDeploymentTextTpl">
  14             <td>
  15               <dl>
  16                 <dt>
  17                   <p i18n>Storage Capacity</p>
  18                 </dt>
  19                 <dd>
  20                   <p i18n>Number of devices</p>
  21                 </dd>
  22                 <dd>
  23                   <p i18n>Raw capacity</p>
  24                 </dd>
  25               </dl>
  26             </td>
  27             <td class="pt-5"><p>{{ totalDevices }}</p><p>
  28               {{ totalCapacity | dimlessBinary }}</p></td>
  29           </tr>
  30           <tr>
  31             <td i18n
  32                 class="bold">CPUs</td>
  33             <td>{{ totalCPUs | empty }}</td>
  34           </tr>
  35           <tr>
  36             <td i18n
  37                 class="bold">Memory</td>
  38             <td>{{ totalMemory | empty }}</td>
  39           </tr>
  40         </tbody>
  41       </table>
  42     </fieldset>
  43   </div>
  44 </div>
  45 <div cdsRow>
  46   <div cdsCol>
  47     <legend i18n
  48             class="cd-header">Host Details</legend>
  49     <cd-hosts [hiddenColumns]="['service_instances', 'status']"
  50               [hideToolHeader]="true"
  51               [hasTableDetails]="false"
  52               [showGeneralActionsOnly]="true"
  53               [showExpandClusterBtn]="false"
  54               [showInlineActions]="false">
  55     </cd-hosts>
  56   </div>
  57 </div>
  58 <ng-template #simpleDeploymentTextTpl>
  59   <tr>
  60     <td>
  61       <dl>
  62         <dt>
  63           <p i18n>Storage Capacity</p>
  64         </dt>
  65         <dd>
  66           <p i18n>{{deploymentDescText}}</p>
  67         </dd>
  68       </dl>
  69     </td>
  70   </tr>
  71 </ng-template>