1 | <div class="page">
|
2 | <va-header-container [iconUrl]="product.iconUrl"
|
3 | [title]="product.name"
|
4 | [tagline]="product.tagline"
|
5 | [chipLabels]="product.getLmiCategoryNames()"
|
6 | [pricing]="price"
|
7 | [pricingLabel]="'Wholesale Price'"
|
8 | [actionLabel]="getActionLabel()"
|
9 | [actionEnabled]="product.isArchived"
|
10 | [showAction]="showActionButton"
|
11 | [showPricing]="showPricing"
|
12 | (actionSelected)="emitEnableButtonClicked()">
|
13 | </va-header-container>
|
14 | <div class="product-details product-content">
|
15 | <div class="left-column">
|
16 | <ng-container *ngIf="product.description || product.keySellingPoints">
|
17 | <va-selling-info [description]="product.description"
|
18 | [keySellingPoints]="product.keySellingPoints"></va-selling-info>
|
19 | </ng-container>
|
20 | <section *ngIf="product.addons?.length > 0">
|
21 | <h2 class="va-component-title">Add-Ons</h2>
|
22 | <va-addon-list (addonSelected)="onAddonSelected($event)" [addons]="addons" [product]="product"></va-addon-list>
|
23 | </section>
|
24 |
|
25 | <section *ngIf="product.faqs?.length > 0">
|
26 | <h2 class="va-component-title">FAQs</h2>
|
27 | <va-faqs [faqs]="product.faqs"></va-faqs>
|
28 | </section>
|
29 | </div>
|
30 |
|
31 | <div class="right-column">
|
32 | <section *ngIf="product.screenshotUrls?.length > 0">
|
33 | <h2 class="va-component-title">Gallery</h2>
|
34 | <va-image-gallery [imageUrls]="product.screenshotUrls"></va-image-gallery>
|
35 | </section>
|
36 |
|
37 | <section *ngIf="product.files?.length > 0">
|
38 | <h2 class="va-component-title">Files</h2>
|
39 | <va-files [files]="product.files"></va-files>
|
40 | </section>
|
41 | </div>
|
42 | </div>
|
43 | </div>
|