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