<!--********************************************************************************
 * 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>
  <div class="btn-group pull-right" role="group">
    <button type="button" class="btn btn-mdm" (click)="add2Basket()" [disabled]="isShopable()">{{ 'details.mdm-detail-view.btn-into-shopping-basket' | translate }}</button>
    <!-- <mdm-filerelease-create [node]=selectedNode [disabled]="isReleasable()"></mdm-filerelease-create> -->
  </div>
  <h3 *ngIf="selectedNode" style="margin: 5px;" class="icon" [ngClass]="selectedNode.getClass()">
    {{selectedNode.type | mdmdatasourcetranslate}}
  </h3>
</div>
<table class="table table-hover" style="margin-bottom: 0;">
  <thead>
    <tr>
      <th>{{ 'details.mdm-detail-view.tblhdr-attribute' | translate }}</th>
      <th>{{ 'details.mdm-detail-view.tblhdr-value' | translate }}</th>
      <th>{{ 'details.mdm-detail-view.tblhdr-unit' | translate }}</th>
    </tr>
  </thead>
  <tbody *ngIf="selectedNode">
    <tr *ngFor="let attr of displayAttributes">
      <td>{{attr.name}}</td>
      <td>{{attr.value}}</td>
      <td>{{attr.unit}}</td>
    </tr>
  </tbody>
</table>