From 95bc7dc4dbf8a68f25291ddc9d917757bca67620 Mon Sep 17 00:00:00 2001
From: sercan <sercanyemen@gmail.com>
Date: Mon, 24 May 2021 09:22:18 +0300
Subject: [PATCH] (apps/ecommerce/inventory) Performance improvements,
 decreased the mockApi delay

---
 src/app/mock-api/apps/ecommerce/inventory/api.ts     |  2 +-
 .../inventory/list/inventory.component.html          | 12 ++++++++++--
 .../ecommerce/inventory/list/inventory.component.ts  |  3 ---
 3 files changed, 11 insertions(+), 6 deletions(-)

diff --git a/src/app/mock-api/apps/ecommerce/inventory/api.ts b/src/app/mock-api/apps/ecommerce/inventory/api.ts
index 95d1796f..ff303ed9 100644
--- a/src/app/mock-api/apps/ecommerce/inventory/api.ts
+++ b/src/app/mock-api/apps/ecommerce/inventory/api.ts
@@ -50,7 +50,7 @@ export class ECommerceInventoryMockApi
         // @ Products - GET
         // -----------------------------------------------------------------------------------------------------
         this._fuseMockApiService
-            .onGet('api/apps/ecommerce/inventory/products', 625)
+            .onGet('api/apps/ecommerce/inventory/products', 300)
             .reply(({request}) => {
 
                 // Get available queries
diff --git a/src/app/modules/admin/apps/ecommerce/inventory/list/inventory.component.html b/src/app/modules/admin/apps/ecommerce/inventory/list/inventory.component.html
index 6c9b0f79..a82b1a8c 100644
--- a/src/app/modules/admin/apps/ecommerce/inventory/list/inventory.component.html
+++ b/src/app/modules/admin/apps/ecommerce/inventory/list/inventory.component.html
@@ -221,6 +221,14 @@
                                 mat-cell
                                 *matCellDef="let product"
                                 [attr.colspan]="productsTableColumns.length">
+                                <ng-container *ngIf="selectedProduct?.id === product.id">
+                                    <ng-container *ngTemplateOutlet="rowDetailsTemplate; context: {$implicit: product}"></ng-container>
+                                </ng-container>
+                            </td>
+
+                            <ng-template
+                                #rowDetailsTemplate
+                                let-product>
                                 <div
                                     class="shadow-lg overflow-hidden"
                                     [@expandCollapse]="selectedProduct?.id === product.id ? 'expanded' : 'collapsed'">
@@ -403,7 +411,7 @@
                                                         <!-- Tags -->
                                                         <ng-container *ngIf="selectedProduct && selectedProduct.tags.length">
                                                             <span class="font-semibold">Tags</span>
-                                                            <div class="mt-1 rounded-md border shadow-sm overflow-hidden">
+                                                            <div class="mt-1 rounded-md border border-gray-300 shadow-sm overflow-hidden">
                                                                 <!-- Header -->
                                                                 <div class="flex items-center my-2 mx-3">
                                                                     <div class="flex items-center flex-auto min-w-0">
@@ -525,7 +533,7 @@
                                         </form>
                                     </div>
                                 </div>
-                            </td>
+                            </ng-template>
                         </ng-container>
 
                         <tr
diff --git a/src/app/modules/admin/apps/ecommerce/inventory/list/inventory.component.ts b/src/app/modules/admin/apps/ecommerce/inventory/list/inventory.component.ts
index 1c4398a3..df0ec284 100644
--- a/src/app/modules/admin/apps/ecommerce/inventory/list/inventory.component.ts
+++ b/src/app/modules/admin/apps/ecommerce/inventory/list/inventory.component.ts
@@ -239,9 +239,6 @@ export class InventoryListComponent implements OnInit, AfterViewInit, OnDestroy
                 // Set the selected product
                 this.selectedProduct = product;
 
-                // Mark for check
-                this._changeDetectorRef.markForCheck();
-
                 // Fill the form
                 this.selectedProductForm.patchValue(product);