Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 | 2x | @if (product$ | async; as product) {
<div class="section">
<nav
#nav="ngbNav"
class="nav-tabs w-100"
ngbNav
[attr.aria-label]="'product.detail.information.tabs.aria_label' | translate"
[(activeId)]="active"
>
<!-- Description -->
<ng-container [ngbNavItem]="'DESCRIPTION'">
<a data-testing-id="product-description-tab" ngbNavLink>{{ 'product.description.heading' | translate }}</a>
<ng-template ngbNavContent>
<div [ishServerHtml]="product.longDescription"></div>
</ng-template>
</ng-container>
<!-- Details -->
@if (product.attributes?.length) {
<ng-container [ngbNavItem]="'DETAILS'">
<a ngbNavLink>{{ 'product.details.heading' | translate }}</a>
<ng-template ngbNavContent>
<ish-product-attributes [product]="product" />
</ng-template>
</ng-container>
}
<!-- Documents -->
@if (product.attachments?.length) {
<ng-container [ngbNavItem]="'ATTACHMENTS'">
<a ngbNavLink>{{ 'product.attachments.heading' | translate }}</a>
<ng-template ngbNavContent>
<ish-product-attachments />
</ng-template>
</ng-container>
}
<!-- Reviews -->
@if ((isVariationMaster$ | async) === false) {
<ng-container *ishFeature="'rating'" [ngbNavItem]="'REVIEWS'">
<a data-testing-id="product-reviews-tab" ngbNavLink
>{{ 'product.reviews.heading' | translate }} ({{ product.numberOfReviews }})</a
>
<ng-template ngbNavContent>
<ish-lazy-product-reviews />
</ng-template>
</ng-container>
}
</nav>
<div [ngbNavOutlet]="nav"></div>
</div>
}
|