@vendasta/store/package-details/package-details.component.html

Components and data for Store

<div *ngIf="pkg$ | async as pkg" class="page">
  <va-header-container [iconUrl]="pkg.icon"
                       [title]="pkg.name"
                       [tagline]="displayTagName$ | async"
                       [prerequisite]="productNameForSingleAddon$ | async"
                       [chipLabels]="lmiCategories$ | async"
                       [pricing]="pkg.pricing"
                       [pricingLabel]="'Pricing'"
                       [showAction]="showActionButton"
                       [showPricing]="showPricing"
                       [actionLabel]="'Get It Now'"
                       [actionEnabled]=true
                       (actionSelected)="emitGetItNow()"
  ></va-header-container>
  <ng-container *ngIf="pkg?.content">
    <va-selling-info [description]="pkg.content"></va-selling-info>
  </ng-container>

  <va-products-nav [items]="combinedItemsList$ | async"
                   [hideItemsNav]="pkg?.hide_product_icons_and_names"
                   (itemSelected)="selectItem($event)"></va-products-nav>

  <ng-container *ngIf="selectedItem$ | async as selectedItem">
    <div *ngIf="!pkg?.hide_product_details" class="package-content">
      <div class="left-column">
        <section
          *ngIf="(selectedItem.endUserMarketing?.description || selectedItem.endUserMarketing?.keySellingPoints) ||
             (selectedItem.description || selectedItem.keySellingPoints)">
          <va-selling-info [description]="selectedItem.endUserMarketing?.description || selectedItem.description"
                           [keySellingPoints]="selectedItem.endUserMarketing?.keySellingPoints || selectedItem.keySellingPoints"></va-selling-info>
        </section>

        <section *ngIf="(selectedItem.endUserMarketing?.faqs?.length > 0
          && selectedItem.endUserMarketing?.faqs[0].question) || selectedItem.faqs?.length > 0">
          <h2 class="va-component-title">FAQs</h2>
          <va-faqs [faqs]="selectedItem.endUserMarketing?.faqs || selectedItem.faqs"></va-faqs>
        </section>
      </div>

      <div class="right-column">
        <section *ngIf="selectedItem.screenshotUrls?.length > 0 || selectedItem.screenshots?.length > 0">
          <h2 class="va-component-title">Gallery</h2>
          <va-image-gallery [imageUrls]="selectedItem.screenshotUrls || selectedItem.screenshots"></va-image-gallery>
        </section>

        <section *ngIf="selectedItem.endUserMarketing?.files?.length > 0 || selectedItem.files?.length > 0">
          <h2 class="va-component-title">Files</h2>
          <va-files [files]="selectedItem.endUserMarketingFiles || selectedItem.files"></va-files>
        </section>
      </div>
    </div>
  </ng-container>
</div>