Edited home component according to the new grid project paths

Author: Mariela Tihova

src/app/views/home/home.component.html

@@ -4,29 +4,29 @@
       <div
         class="tab-item-container"
         *ngFor="let tab of activeTabs"
-        [routerLink]="isChartsSection ? ['charts', tab.key] : [tab.key]"
+        [routerLink]="isChartsSection ? ['charts', tab.key] : ['grids', tab.key]"
         routerLinkActive
         #rla="routerLinkActive"
       >
         <ng-container
           [ngTemplateOutlet]="tabItemTemplate"
           [ngTemplateOutletContext]="{
             enabled: rla.isActive,
-            tabName: isChartsSection ? 'charts/' + tab.key : tab.key
+            tabName: (isChartsSection ? 'charts/' : 'grids/') + tab.key
           }"
         ></ng-container>
       </div>
     </div>
 
-
     <ng-container *ngFor="let tab of activeTabs">
       <ng-container
         *ngIf="router.url.includes(tab.key)"
         [ngTemplateOutlet]="tabItemInfoTemplate"
-        [ngTemplateOutletContext]="{ tabName: isChartsSection ? 'charts/' + tab.key : tab.key }"
+        [ngTemplateOutletContext]="{
+          tabName: (isChartsSection ? 'charts/' : 'grids/') + tab.key
+        }"
       ></ng-container>
     </ng-container>
-
   </div>
 
   <div class="router-container">

src/app/views/home/home.component.ts

@@ -71,39 +71,39 @@ export class HomeComponent {
   }
 
   public tabInfoGrids = new Map<string, TabInfo>([
-    ['inventory', {
+    ['grids/inventory', {
       title: "ERP/Inventory",
       theme: "Material",
       themeMode: 'Light',
       content: "Tracking and managing quantity, location and details of products in stock.",
       moreLink: "https://www.infragistics.com/products/ignite-ui-angular/angular/components/hierarchicalgrid/hierarchical-grid",
       downloadLink: "https://www.infragistics.com/resources/sample-applications/erp-inventory-sample-app"
     }],
-    ['hr-portal', {
+    ['grids/hr-portal', {
       title: "Org Chart/HR Portal",
       theme: "Fluent",
       themeMode: 'Light',
       content: "Displaying company's hierarchical structure and showing employees data.",
       moreLink: "https://www.infragistics.com/products/ignite-ui-angular/angular/components/treegrid/tree-grid",
       downloadLink: "https://www.infragistics.com/resources/sample-applications/org-charthr-portal-sample-app"
     }],
-    ['finance', {
+    ['grids/finance', {
       title: "Financial Portfolio",
       theme: "Bootstrap",
       themeMode: 'Light',
       content: "Asset tracking, profit and loss analysis, featuring interactive dynamic charts.",
       moreLink: "https://www.infragistics.com/products/ignite-ui-angular/angular/components/grid/grid",
       downloadLink: "https://www.infragistics.com/resources/sample-applications/financial-portfolio-sample-app"
     }],
-    ['sales', {
+    ['grids/sales', {
       title: "Sales Dashboard",
       theme: "Indigo",
       themeMode: 'Light',
       content: "For trend analysis, KPIs and viewing sales summaries by region, product, etc.",
       moreLink: "https://www.infragistics.com/products/ignite-ui-angular/angular/components/pivotGrid/pivot-grid",
       downloadLink: "https://www.infragistics.com/resources/sample-applications/sales-grid-sample-app"
     }],
-    ['fleet', {
+    ['grids/fleet', {
       title: "Fleet Management",
       theme: "Material",
       themeMode: 'Dark',