<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> -->
    <svg width="140" height="140" viewBox="15 35 140 100">
      <image x="-50" y="-40" 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]="node.target"></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>