| <!--****************************************************************************** |
| * 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 |
| * |
| *******************************************************************************--> |
| |
| <p-panel [toggleable]="true" [collapsed]="collapsed" [ngClass]="showButton ? 'thin-titlebar' : ''" |
| toggler="header" expandIcon="fa fa-chevron-right fa-lg" collapseIcon="fa fa-chevron-down fa-lg" > |
| <p-header > |
| <span [ngClass]="showButton ? 'button-block' : ''"> |
| <span *ngIf="node" class="pannel-icon-header" [ngClass]="getClass()"> |
| {{node.type | mdmdatasourcetranslate}} |
| </span> |
| <span class="btn-group" style="float: right;"> |
| <button *ngIf="showButton" |
| type="button" |
| class="btn btn-mdm" |
| (click)="add2Basket()" |
| [disabled]="shoppable" |
| title="{{ 'details.mdm-detail-panel.btn-into-shopping-basket' | translate }}"> |
| <span class="fa fa-shopping-cart"></span> |
| </button> |
| </span> |
| </span> |
| </p-header> |
| <table class="table table-hover" style="margin-bottom: 0;"> |
| <thead> |
| <tr> |
| <th>{{ 'details.mdm-detail-panel.tblhdr-attribute' | translate }}</th> |
| <th>{{ 'details.mdm-detail-panel.tblhdr-value' | translate }}</th> |
| <th>{{ 'details.mdm-detail-panel.tblhdr-unit' | translate }}</th> |
| </tr> |
| </thead> |
| <tbody *ngIf="node"> |
| <tr *ngFor="let attr of displayAttributes"> |
| <td>{{attr.name}}</td> |
| <td>{{attr | attributeValue | async}}</td> |
| <td>{{attr.unit}}</td> |
| </tr> |
| </tbody> |
| </table> |
| </p-panel> |