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

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