Bug fixed for multiple search api call on search filter change and updated image place holder background

pkrawat1 · pkrawat1 · commit 314eb7eedcfc · 2018-12-28T11:43:13.000+05:30
diff --git a/src/app/modules/search/components/search-results-container/components/search-result-item/search-result-item.component.html b/src/app/modules/search/components/search-results-container/components/search-result-item/search-result-item.component.html
@@ -1,7 +1,7 @@
 <div class="product-base pointer" [routerLink]="['/', product.slug, product.id]">
   <div class="product-image-container">
     <picture class="img-responsive d-block bg-rand-{{ '' | random:1:10}}">
-      <img [defaultImage]="noImageUrl" [lazyLoad]="getProductImageUrl(product)" [offset]="50" class="img-responsive w-100">
+      <img [lazyLoad]="getProductImageUrl(product)" [offset]="50" class="img-responsive w-100">
     </picture>
   </div>
   <div class="product-meta-info">
diff --git a/src/app/modules/search/pages/search-page/search-page.component.ts b/src/app/modules/search/pages/search-page/search-page.component.ts
@@ -34,7 +34,7 @@ export class SearchPageComponent implements OnInit, OnDestroy {
           this.metaInfo = meta;
         }),
       this.route.queryParams.subscribe((params: SearchParam) => {
-        this.updateFilters(this.searchService.convertToAppliedParams(params));
+        this.search(this.searchService.convertToAppliedParams(params));
       })
     );
 
@@ -44,7 +44,6 @@ export class SearchPageComponent implements OnInit, OnDestroy {
     this.appliedParams = appliedParams;
     const queryParams = this.searchService.convertToAPISearchParams(appliedParams);
     this.router.navigate(['/s'], { queryParams });
-    this.search(appliedParams);
   }
 
   search(appliedParams: SearchAppliedParams) {
diff --git a/src/assets/default/loader.gif b/src/assets/default/loader.gif
diff --git a/src/styles.scss b/src/styles.scss
@@ -99,8 +99,9 @@ $s-max: 70;
 $l-min: 30;
 $l-max: 90;
 @for $i from 1 through 20 {
+  $rand-color: hsla(random(360), $s-min+random($s-max+-$s-min), $l-min+random($l-max+-$l-min), 0.3);
   .bg-rand-#{$i} {
-    background-color: hsla(random(360), $s-min+random($s-max+-$s-min), $l-min+random($l-max+-$l-min), 0.3);
+    background-image: radial-gradient($rand-color, #efefef);
   }
 }
 

Original file line number	Diff line number	Diff line change
`@@ -99,8 +99,9 @@ $s-max: 70;`
`99`	`99`	`$l-min: 30;`
`100`	`100`	`$l-max: 90;`
`101`	`101`	`@for $i from 1 through 20 {`
	`102`	`+ $rand-color: hsla(random(360), $s-min+random($s-max+-$s-min), $l-min+random($l-max+-$l-min), 0.3);`
`102`	`103`	`.bg-rand-#{$i} {`
`103`		`- background-color: hsla(random(360), $s-min+random($s-max+-$s-min), $l-min+random($l-max+-$l-min), 0.3);`
	`104`	`+ background-image: radial-gradient($rand-color, #efefef);`
`104`	`105`	`}`
`105`	`106`	`}`
`106`	`107`