ceph/src/pybind/mgr/dashboard/frontend/src/app/ceph/cluster/crushmap/crushmap.component.html

   1 <div class="row">
   2   <div class="col-sm-12 col-lg-12">
   3     <div class="panel panel-default">
   4       <div class="panel-heading">
   5         <h3 class="panel-title">
   6           <span i18n>CRUSH map viewer</span>
   7         </h3>
   8       </div>
   9       <div class="panel-body">
  10         <div class="col-sm-6 col-lg-6">
  11           <tree [tree]="tree"
  12                 (nodeSelected)="onNodeSelected($event)">
  13             <ng-template let-node>
  14               <span class="label"
  15                     [ngClass]="{'label-success': ['in', 'up'].includes(node.status), 'label-danger': ['down', 'out'].includes(node.status)}">{{ node.status }}</span>
  16               <span>&nbsp;</span>
  17               <span class="node-name" [innerHTML]="node.value"></span>
  18             </ng-template>
  19           </tree>
  20         </div>
  21         <div class="col-sm-6 col-lg-6 metadata" *ngIf="metadata">
  22           <legend>{{ metadataTitle }}</legend>
  23           <cd-table-key-value [data]="metadata"></cd-table-key-value>
  24         </div>
  25       </div>
  26     </div>
  27   </div>
  28 </div>