FIX QA tickets (#119)

* FIX catalogs pagination

* FIX dashboard product limit

* FIX Ticket#831737 unable to add free product to cart from details

* FIX Ticket#831423 - Update search url when changing keywords filter

* ADD estimated price when priceType is usage on cart and checkout

Author: laraminones

src/app/pages/checkout/checkout.component.html

@@ -135,7 +135,11 @@ <h1 class="mb-4 pb-2 mt-4 text-4xl font-extrabold leading-none tracking-tight te
                           @for (price of item.options.pricing; track price) {
                             <div class="flex place-content-center flex-col">
                               <span class="font-bold text-gray-900 dark:text-primary-50 mr-3">{{ price['priceType'] }}:</span>
-                              <span class="text-xs text-gray-900 dark:text-primary-50">{{ price['price']['taxIncludedAmount']['value'] }} {{ price['price']['taxIncludedAmount']['unit'] }}
+                              <span class="text-xs text-gray-900 dark:text-primary-50">
+                                @if(price['priceType'] == 'usage'){
+                                  Estimated price:
+                                }
+                                {{ price['price']['taxIncludedAmount']['value'] }} {{ price['price']['taxIncludedAmount']['unit'] }}
                                  @if(hasKey(price, 'recurringChargePeriod')){
                                     / {{ price['recurringChargePeriod'] }}
                                  }

src/app/pages/search/search.component.ts

@@ -87,6 +87,7 @@ export class SearchComponent implements OnInit {
         console.log(`Input updated`)
         if(this.searchField.value==''){
           this.keywords=undefined;
+          this.updateQueryParams(this.keywords)
           console.log('EVENT CLEAR')
           await this.getProducts(false);
         }
@@ -142,16 +143,31 @@ export class SearchComponent implements OnInit {
     if(this.searchField.value!='' && this.searchField.value != null){
       console.log('FILTER KEYWORDS')
       this.keywords=this.searchField.value;
+      this.updateQueryParams(this.keywords)
       //let filters = this.localStorage.getObject('selected_categories') as Category[] || [] ;
       await this.getProducts(false);
     } else {
       console.log('EMPTY  FILTER KEYWORDS')
       this.keywords=undefined;
+      this.updateQueryParams(this.keywords)
       //let filters = this.localStorage.getObject('selected_categories') as Category[] || [] ;
       await this.getProducts(false);
     }
   }
 
+  updateQueryParams(keywords: string | null) {
+    if (keywords) {
+      // Add/update the matrix param
+      this.router.navigate(
+        ['/search', { keywords }],
+        { replaceUrl: true }
+      );
+    } else {
+      // Navigate without the param
+      this.router.navigate(['/search'], { replaceUrl: true });
+    }
+  }  
+
   checkPanel() {
     const filters = this.localStorage.getObject('selected_categories') as Category[] || [] ;
     const oldState = this.showPanel;

src/app/shared/cart-drawer/cart-drawer.component.html

@@ -69,7 +69,11 @@
                         <div class="flex place-content-center flex-col">
                           <span class="font-bold text-gray-900 dark:text-primary-50 mr-3">{{ price['priceType'] }}:</span>
                           <span
-                            class="text-xs text-gray-900 dark:text-primary-50">{{ price['price']['taxIncludedAmount']['value'] }}
+                            class="text-xs text-gray-900 dark:text-primary-50">
+                            @if(price['priceType'] == 'usage'){
+                              Estimated price:
+                            }
+                            {{ price['price']['taxIncludedAmount']['value'] }}
                             {{ price['price']['taxIncludedAmount']['unit'] }}
                             @if(hasKey(price, 'recurringChargePeriod')){
                               / {{ price['recurringChargePeriod'] }}