| 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>
|