From a5a535d3410d0da5be6ce683e000c99f8b1519ff Mon Sep 17 00:00:00 2001
From: Sergey Andrievskiy <yggg@users.noreply.github.com>
Date: Thu, 14 Nov 2019 17:25:14 +0300
Subject: [PATCH] fix(bundles): hide old price if no discount (#5561)

---
 docs/app/@core/data/service/bundles.service.ts |  2 +-
 .../backend-bundles-section.component.html     |  4 +++-
 .../backend-bundles-section.component.ts       | 18 ++++++++++++++++--
 docs/app/pages/home/landing-home.module.ts     |  3 +++
 4 files changed, 23 insertions(+), 4 deletions(-)

diff --git a/docs/app/@core/data/service/bundles.service.ts b/docs/app/@core/data/service/bundles.service.ts
index 6df9ac053d..49b9a41540 100644
--- a/docs/app/@core/data/service/bundles.service.ts
+++ b/docs/app/@core/data/service/bundles.service.ts
@@ -91,7 +91,7 @@ export class BundlesService {
             storeUrl: `${this.STORE}/${item.handle}`,
             tags: item.tags,
             title: item.title,
-            description: (item.body_html as string).trim().replace(/^<p>/, '').replace(/<\/p>$/, ''),
+            description: (item.body_html as string).trim().replace(/<(?:.|\n)*?>/gm, ' ').replace(/  +/gm, ' '),
             variants: item.variants.map(variant => {
               return {
                 available: variant.available,
diff --git a/docs/app/pages/home/backend-bundles-section/backend-bundles-section.component.html b/docs/app/pages/home/backend-bundles-section/backend-bundles-section.component.html
index 0f33ea4655..d7c2dbeb0f 100644
--- a/docs/app/pages/home/backend-bundles-section/backend-bundles-section.component.html
+++ b/docs/app/pages/home/backend-bundles-section/backend-bundles-section.component.html
@@ -34,7 +34,9 @@ <h4 class="package-card__title">{{ product.title }}</h4>
             </a>
           </p>
           <div class="package-card__price-wrapper">
-            <span class="package-card__price package-card__price--old">${{ (product.variants | license:selectedLicenseType).compare_at_price }}</span>
+            <span class="package-card__price package-card__price--old" *ngIf="shouldShowOldPrice(product.variants, selectedLicenseType)">
+              ${{ (product.variants | license:selectedLicenseType).compare_at_price }}
+            </span>
             <span class="package-card__price">${{ (product.variants | license:selectedLicenseType).price }}</span>
           </div>
           <a href="{{ product.storeUrl }}?utm_source=ngx_admin_landing&utm_medium=buy_bundle_{{ selectedLicenseType }}"
diff --git a/docs/app/pages/home/backend-bundles-section/backend-bundles-section.component.ts b/docs/app/pages/home/backend-bundles-section/backend-bundles-section.component.ts
index 41dbeb48f1..6fd2c80094 100644
--- a/docs/app/pages/home/backend-bundles-section/backend-bundles-section.component.ts
+++ b/docs/app/pages/home/backend-bundles-section/backend-bundles-section.component.ts
@@ -10,8 +10,15 @@ import { Observable } from 'rxjs';
 import { delay, filter, take } from 'rxjs/operators';
 import { NB_WINDOW } from '@nebular/theme';
 
-import { BUNDLE_LICENSE, BundlesService, Feature, Product } from '../../../@core/data/service/bundles.service';
+import {
+  BUNDLE_LICENSE,
+  BundlesService,
+  Feature,
+  Product,
+  ProductVariant,
+} from '../../../@core/data/service/bundles.service';
 import { Descriptions, DescriptionsService } from '../../../@core/data/service/descriptions.service';
+import { LicensePipe } from '../backend-bundles-section/license.pipe';
 
 @Component({
   selector: 'ngx-backend-bundles-section',
@@ -34,7 +41,8 @@ export class BackendBundlesSectionComponent implements AfterViewInit {
               private bundlesService: BundlesService,
               private activatedRoute: ActivatedRoute,
               private el: ElementRef<HTMLElement>,
-              @Inject(NB_WINDOW) private window) {
+              @Inject(NB_WINDOW) private window,
+              private licensePipe: LicensePipe) {
   }
 
   ngAfterViewInit() {
@@ -48,4 +56,10 @@ export class BackendBundlesSectionComponent implements AfterViewInit {
         this.window.scrollTo(0, this.el.nativeElement.offsetTop);
       });
   }
+
+  shouldShowOldPrice(variants: ProductVariant[], selectedLicenseType: string): boolean {
+    const product = this.licensePipe.transform(variants, selectedLicenseType);
+
+    return !!parseFloat(product.compare_at_price);
+  }
 }
diff --git a/docs/app/pages/home/landing-home.module.ts b/docs/app/pages/home/landing-home.module.ts
index bafad4b423..d5f29bd097 100644
--- a/docs/app/pages/home/landing-home.module.ts
+++ b/docs/app/pages/home/landing-home.module.ts
@@ -54,6 +54,9 @@ const COMPONENTS = [
     SwiperModule,
     LandingHomeRoutingModule,
   ],
+  providers: [
+    ...PIPES,
+  ],
 })
 export class LandingHomeModule {
 }