<!--********************************************************************************
 * Copyright (c) 2015-2018 Contributors to the Eclipse Foundation
 *
 * See the NOTICE file(s) distributed with this work for additional
 * information regarding copyright ownership.
 *
 * This program and the accompanying materials are made available under the
 * terms of the Eclipse Public License v. 2.0 which is available at
 * http://www.eclipse.org/legal/epl-2.0.
 *
 * SPDX-License-Identifier: EPL-2.0
 *
 ********************************************************************************-->
 <div *ngIf="!selectedNode && !quantity && !unit">
  <div class="alert alert-info" style="margin: 0;">
    <strong>{{status | translate}}</strong>
  </div>
</div>
<div *ngIf="selectedNode">
  <mdm-detail-panel [node]="selectedNode" [shoppable]="shoppable" [showButton]=true></mdm-detail-panel>
</div>
<div *ngIf="quantity">
  <mdm-detail-panel [node]="quantity" [collapsed]=true></mdm-detail-panel>
</div>
<div *ngIf="unit">
  <mdm-detail-panel [node]="unit" [collapsed]=true></mdm-detail-panel>
</div>