app/src/commons/component/node-detail.component.html

<div class="ui-g">
  <div class="detail-img">
    <svg width="200" height="200" viewBox="20 40 140 100">
      <image x="-40" y="-20" width="260" height="260" preserveAspectRatio="xMidYMid slice" xlink:href="../../assets/image/logo/logo_tomcat.svg" />
    </svg>
  </div>
  <div class="detail-content">

    <ng-container [ngSwitch]="node.group">

      <ng-container *ngSwitchCase="'zone'">
        <app-zone-detail [zone]=""></app-zone-detail>
      </ng-container>

      <ng-container *ngSwitchCase="'host'">
        <app-host-detail [host]="node.target"></app-host-detail>
      </ng-container>

      <ng-container *ngSwitchCase="'service'">
        <app-service-detail [service]="node.target"></app-service-detail>
      </ng-container>

      <ng-container *ngSwitchDefault>
      </ng-container>

    </ng-container>
  </div>
</div>