member_webapp/@overflow/infra/component/infra-tree.component.html

<of-block-progressbar [target]="content" [pending]="pending$ | async"></of-block-progressbar>
<p-panel #content [showHeader]="false" class="block-panel">

  <p-tree [value]="zoneNode" layout="horizontal">
    <!-- ZONE node template -->
    <ng-template let-node pTemplate="ZONE">
      <div>
        {{node.label}}
      </div>
    </ng-template>

    <!-- HOST node template -->
    <ng-template let-node pTemplate="HOST">
      {{node.label}}
    </ng-template>

    <!-- SERVICE node template -->
    <ng-template let-node pTemplate="SERVICE">
      {{node.label}}
    </ng-template>
  </p-tree>

</p-panel>

<!-- <p-tree [value]="infraTree" selectionMode="single" [(selection)]="selectedTree" (onNodeSelect)="onNodeSelect($event)">

      <ng-template let-node pTemplate="default">
        <div>{{node.label}}</div>
      </ng-template>

      <ng-template let-node pTemplate="infra">
        <div (contextmenu)="nodeMenu($event, node)">
          <div>{{node.label}}</div>
        </div>
      </ng-template>

      <ng-template let-node pTemplate="probe">
        <div (contextmenu)="nodeMenu($event, node)">
          <div>{{node.label}}</div>
        </div>
      </ng-template>

      <ng-template let-node pTemplate="host">
        <div (contextmenu)="nodeMenu($event, node)">
          <div>{{node.label}}</div>
        </div>
      </ng-template>

      <ng-template let-node pTemplate="service">
        <div (contextmenu)="nodeMenu($event, node)">
          <div>{{node.label}}</div>
        </div>
      </ng-template>

      <ng-template let-node pTemplate="sensor">
        <div (contextmenu)="nodeMenu($event, node)">
          <div>
            <i class="fa ui-icon-stop ui-status-icon ui-status-success"></i>{{node.label}}
          </div>
          <div>
            {{node.obj.itemCount}} SensorItems
          </div>
        </div>
      </ng-template>

    </p-tree> -->