1 | <div class="page">
|
2 | <va-header-container [iconUrl]="pkg.icon"
|
3 | [title]="pkg.name"
|
4 | [tagline]="getDisplayTagline(pkg, products)"
|
5 | [chipLabels]="lmiCategories"
|
6 | [pricing]="pkg.pricing"
|
7 | [pricingLabel]="'Pricing'"
|
8 | [showAction]="showActionButton"
|
9 | [showPricing]="showPricing"
|
10 | [actionLabel]="'Get It Now'"
|
11 | [actionEnabled]=true
|
12 | (actionSelected)="emitGetItNow()"
|
13 | ></va-header-container>
|
14 | <ng-container *ngIf="pkg?.content">
|
15 | <va-selling-info [description]="pkg.content"></va-selling-info>
|
16 | </ng-container>
|
17 |
|
18 | <va-products-nav [items]="combinedItemsList"
|
19 | [hideItemsNav]="pkg?.hide_product_icons_and_names"
|
20 | (itemSelected)="getSelectedItem($event)"></va-products-nav>
|
21 |
|
22 | <div *ngIf="!!selectedItem && !pkg?.hide_product_details" class="package-content">
|
23 | <div class="left-column">
|
24 | <ng-container *ngIf="selectedItem.description || selectedItem.keySellingPoints">
|
25 | <va-selling-info [description]="selectedItem.description"
|
26 | [keySellingPoints]="selectedItem.keySellingPoints"></va-selling-info>
|
27 | </ng-container>
|
28 | <section *ngIf="selectedItem.addons?.length > 0">
|
29 | <h2 class="va-component-title">Add-Ons</h2>
|
30 | <va-addon-list [addons]="addons" [product]="selectedItem"></va-addon-list>
|
31 | </section>
|
32 | <section *ngIf="selectedItem.faqs?.length > 0">
|
33 | <h2 class="va-component-title">FAQs</h2>
|
34 | <va-faqs [faqs]="selectedItem.faqs"></va-faqs>
|
35 | </section>
|
36 | </div>
|
37 | <div class="right-column">
|
38 | <section *ngIf="selectedItem.screenshotUrls?.length > 0 || selectedItem.screenshots?.length > 0">
|
39 | <h2 class="va-component-title">Gallery</h2>
|
40 | <va-image-gallery [imageUrls]="selectedItem.screenshotUrls?.length > 0 ? selectedItem.screenshotUrls : selectedItem.screenshots"></va-image-gallery>
|
41 | </section>
|
42 | <section *ngIf="selectedItem.files?.length > 0">
|
43 | <h2 class="va-component-title">Files</h2>
|
44 | <va-files [files]="selectedItem.files"></va-files>
|
45 | </section>
|
46 | </div>
|
47 | </div>
|
48 | </div>
|