From 948cd55668cb8d6aefd071a5160942b3166086e5 Mon Sep 17 00:00:00 2001
From: Patrick Sun <patrick@lawipac.com>
Date: Tue, 3 Nov 2020 05:49:03 +1100
Subject: [PATCH] bg video with form content test ready only at dashboard

---
 package-lock.json                             |  248 +++
 package.json                                  |   13 +-
 src/app/app.component.html                    |    3 +-
 src/app/app.module.ts                         |   14 +-
 src/app/dashboard/dashboard.component.html    |  131 ++
 src/app/dashboard/dashboard.component.ts      | 1435 ++++++++++++++++
 src/app/dashboard/dist/dashboard.component.js | 1453 +++++++++++++++++
 src/app/dist/app.module.js                    |   14 +-
 src/index.html                                |   41 +
 9 files changed, 3347 insertions(+), 5 deletions(-)
 create mode 100644 src/app/dashboard/dist/dashboard.component.js

diff --git a/package-lock.json b/package-lock.json
index 214e80b..021a30c 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1872,6 +1872,30 @@
         }
       }
     },
+    "@progress/jszip-esm": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/@progress/jszip-esm/-/jszip-esm-1.0.2.tgz",
+      "integrity": "sha512-9pkPImokVc3jgBh69Dh+d5jL/BpFQKhlvTgkjP74M6Bn/XcWDLHxMeLa4/jUPPa3b9pKtZPSSF3Sht5RVZ8A+Q==",
+      "requires": {
+        "@progress/pako-esm": "^1.0.1"
+      }
+    },
+    "@progress/kendo-angular-buttons": {
+      "version": "5.5.1",
+      "resolved": "https://registry.npmjs.org/@progress/kendo-angular-buttons/-/kendo-angular-buttons-5.5.1.tgz",
+      "integrity": "sha512-ri0FYQhlg8tHrbIXdHdjGIAF1uJZfU67jehraOK1eeZmdWe3PSyYjbtEuGrSYnFxCfDbY+lZqLHf13A4Lv3SJg==",
+      "requires": {
+        "@progress/kendo-schematics": "^1.1.0",
+        "tslib": "^1.9.0"
+      },
+      "dependencies": {
+        "tslib": {
+          "version": "1.14.1",
+          "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.14.1.tgz",
+          "integrity": "sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg=="
+        }
+      }
+    },
     "@progress/kendo-angular-common": {
       "version": "1.2.3",
       "resolved": "https://registry.npmjs.org/@progress/kendo-angular-common/-/kendo-angular-common-1.2.3.tgz",
@@ -1888,6 +1912,94 @@
         }
       }
     },
+    "@progress/kendo-angular-dateinputs": {
+      "version": "4.3.2",
+      "resolved": "https://registry.npmjs.org/@progress/kendo-angular-dateinputs/-/kendo-angular-dateinputs-4.3.2.tgz",
+      "integrity": "sha512-U4vG2CwtQGPZPm6tNgaDti+zS+tgIoexuQRPiWC8UAF2h3OzM22LBObp5FkezF05iJNO+I+D20plG+9f4ylS9A==",
+      "requires": {
+        "@progress/kendo-common": "^0.2.0",
+        "@progress/kendo-date-math": "^1.1.0",
+        "@progress/kendo-schematics": "^1.1.0",
+        "tslib": "^1.9.0"
+      },
+      "dependencies": {
+        "tslib": {
+          "version": "1.14.1",
+          "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.14.1.tgz",
+          "integrity": "sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg=="
+        }
+      }
+    },
+    "@progress/kendo-angular-dialog": {
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/@progress/kendo-angular-dialog/-/kendo-angular-dialog-4.2.2.tgz",
+      "integrity": "sha512-t1Ux78ZWfnNrr2cvYTOvwRdrf5NaQVitAfGTdw85LowCZSPk1l4uwXm5hZ6S7VrzeDa6nE5XHnUnCnUYO/G6Rw==",
+      "requires": {
+        "@progress/kendo-popup-common": "^1.2.3",
+        "@progress/kendo-schematics": "^1.2.0",
+        "tslib": "^1.9.0"
+      },
+      "dependencies": {
+        "tslib": {
+          "version": "1.14.1",
+          "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.14.1.tgz",
+          "integrity": "sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg=="
+        }
+      }
+    },
+    "@progress/kendo-angular-dropdowns": {
+      "version": "4.3.2",
+      "resolved": "https://registry.npmjs.org/@progress/kendo-angular-dropdowns/-/kendo-angular-dropdowns-4.3.2.tgz",
+      "integrity": "sha512-4FDp5FJSJpOrEQAZXyHDidG7nBxGWwBQkonYWsuhcu481iRVnmetxNLJRgxFESfw2GHpq+dneL13dBrndhskuA==",
+      "requires": {
+        "@progress/kendo-schematics": "^1.1.0",
+        "tslib": "^1.9.0"
+      },
+      "dependencies": {
+        "tslib": {
+          "version": "1.14.1",
+          "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.14.1.tgz",
+          "integrity": "sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg=="
+        }
+      }
+    },
+    "@progress/kendo-angular-excel-export": {
+      "version": "3.1.5",
+      "resolved": "https://registry.npmjs.org/@progress/kendo-angular-excel-export/-/kendo-angular-excel-export-3.1.5.tgz",
+      "integrity": "sha512-RUTia9k7mqyXd9uMR10qitOo13J+20jLf0KHvKEtlrA9RGRY+2Na1maxQwWy6EZn7G/tJoFlupFUX27HUXQhbw==",
+      "requires": {
+        "@progress/kendo-file-saver": "^1.0.0",
+        "@progress/kendo-ooxml": "^1.6.1",
+        "@progress/kendo-schematics": "^1.1.0",
+        "@telerik/kendo-intl": "^2.1.1",
+        "tslib": "^1.9.0"
+      },
+      "dependencies": {
+        "tslib": {
+          "version": "1.14.1",
+          "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.14.1.tgz",
+          "integrity": "sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg=="
+        }
+      }
+    },
+    "@progress/kendo-angular-grid": {
+      "version": "4.8.0",
+      "resolved": "https://registry.npmjs.org/@progress/kendo-angular-grid/-/kendo-angular-grid-4.8.0.tgz",
+      "integrity": "sha512-FpPp8Kn3OScFxL/9/5CsvsEqiq7s4hSQA2G3v5mzKdiKsLp3yuTiGZ0W81d5e8Ci8HFmqWqIOqoWXJOrgiaFEA==",
+      "requires": {
+        "@progress/kendo-common": "^0.2.0",
+        "@progress/kendo-file-saver": "^1.0.0",
+        "@progress/kendo-schematics": "^1.1.0",
+        "tslib": "^1.9.0"
+      },
+      "dependencies": {
+        "tslib": {
+          "version": "1.14.1",
+          "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.14.1.tgz",
+          "integrity": "sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg=="
+        }
+      }
+    },
     "@progress/kendo-angular-icons": {
       "version": "0.2.1",
       "resolved": "https://registry.npmjs.org/@progress/kendo-angular-icons/-/kendo-angular-icons-0.2.1.tgz",
@@ -1904,6 +2016,48 @@
         }
       }
     },
+    "@progress/kendo-angular-inputs": {
+      "version": "6.7.2",
+      "resolved": "https://registry.npmjs.org/@progress/kendo-angular-inputs/-/kendo-angular-inputs-6.7.2.tgz",
+      "integrity": "sha512-XrZcHzVz4Ho/AoJ2zXb35fjrFeyw9esP34ZFBbAfsRfvCf3NLcOK+lU3uaOJ/7r363hMTHv5JvxZ+cPfVamvOw==",
+      "requires": {
+        "@progress/kendo-common": "^0.1.1",
+        "@progress/kendo-schematics": "^1.1.0",
+        "@telerik/kendo-draggable": "^2.0.0",
+        "tslib": "^1.9.0"
+      },
+      "dependencies": {
+        "@progress/kendo-common": {
+          "version": "0.1.1",
+          "resolved": "https://registry.npmjs.org/@progress/kendo-common/-/kendo-common-0.1.1.tgz",
+          "integrity": "sha512-ekEjcFsL3eBHWjh+cO+I/d2RVN7P2pDBI903jmp/dj0ojV3eu+V0u/AYWmvrNEqjeax4sx+qhSnO5iJNB391iQ==",
+          "requires": {
+            "tslib": "^1.7.0"
+          }
+        },
+        "tslib": {
+          "version": "1.14.1",
+          "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.14.1.tgz",
+          "integrity": "sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg=="
+        }
+      }
+    },
+    "@progress/kendo-angular-intl": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/@progress/kendo-angular-intl/-/kendo-angular-intl-2.0.3.tgz",
+      "integrity": "sha512-kqmSULtL4l976nBUkkeWLygqC0d2O+KWRPnCqcSrWHTo06ISvTrTxaVs1TP0ISofcsyj6q1uVA2Zrl+tOB6j5w==",
+      "requires": {
+        "@telerik/kendo-intl": "^2.1.0",
+        "tslib": "^1.9.0"
+      },
+      "dependencies": {
+        "tslib": {
+          "version": "1.14.1",
+          "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.14.1.tgz",
+          "integrity": "sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg=="
+        }
+      }
+    },
     "@progress/kendo-angular-l10n": {
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/@progress/kendo-angular-l10n/-/kendo-angular-l10n-2.0.2.tgz",
@@ -1935,6 +2089,23 @@
         }
       }
     },
+    "@progress/kendo-angular-pdf-export": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/@progress/kendo-angular-pdf-export/-/kendo-angular-pdf-export-2.0.4.tgz",
+      "integrity": "sha512-I1Fn91QmSCvmFjoNCSWp5jMhyJQBrBma3Wc0u0ncsvJ3gYhxOGqofQlyjcqy7NxhXa+cloZL+1YivC3aCaMQ6A==",
+      "requires": {
+        "@progress/kendo-file-saver": "^1.0.1",
+        "@progress/kendo-schematics": "^1.1.0",
+        "tslib": "^1.9.0"
+      },
+      "dependencies": {
+        "tslib": {
+          "version": "1.14.1",
+          "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.14.1.tgz",
+          "integrity": "sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg=="
+        }
+      }
+    },
     "@progress/kendo-angular-popup": {
       "version": "3.0.6",
       "resolved": "https://registry.npmjs.org/@progress/kendo-angular-popup/-/kendo-angular-popup-3.0.6.tgz",
@@ -1952,6 +2123,73 @@
         }
       }
     },
+    "@progress/kendo-common": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/@progress/kendo-common/-/kendo-common-0.2.1.tgz",
+      "integrity": "sha512-/2U4Tu8jVCgEFfIsGUkfXeSQyLBIZYOiuLEZ/lizqME6WcySTn0H1i/HTWswr2BZ5El+69Ac5DEC3ffGoF9m7g==",
+      "requires": {
+        "tslib": "^1.7.0"
+      },
+      "dependencies": {
+        "tslib": {
+          "version": "1.14.1",
+          "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.14.1.tgz",
+          "integrity": "sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg=="
+        }
+      }
+    },
+    "@progress/kendo-data-query": {
+      "version": "1.5.4",
+      "resolved": "https://registry.npmjs.org/@progress/kendo-data-query/-/kendo-data-query-1.5.4.tgz",
+      "integrity": "sha512-Z64LiLtM4a6MQ3MBHD79XQLvkW0HvQMI3mGR7LAzBfvWVeQJdSerNM4gVRisw3pxqmA1/UJNVZyaVPGNhPh/2A==",
+      "requires": {
+        "tslib": "^1.7.0"
+      },
+      "dependencies": {
+        "tslib": {
+          "version": "1.14.1",
+          "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.14.1.tgz",
+          "integrity": "sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg=="
+        }
+      }
+    },
+    "@progress/kendo-date-math": {
+      "version": "1.5.1",
+      "resolved": "https://registry.npmjs.org/@progress/kendo-date-math/-/kendo-date-math-1.5.1.tgz",
+      "integrity": "sha512-/PsYT6heUHpMOu5hKC9AcF4U4cRNFLSUAyVVAkFEm6w7OsqlCA7XQjVmnxL3+439qFPe0JZ1QEw3CwGAqn9njQ==",
+      "requires": {
+        "tslib": "^1.7.0"
+      },
+      "dependencies": {
+        "tslib": {
+          "version": "1.14.1",
+          "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.14.1.tgz",
+          "integrity": "sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg=="
+        }
+      }
+    },
+    "@progress/kendo-drawing": {
+      "version": "1.9.3",
+      "resolved": "https://registry.npmjs.org/@progress/kendo-drawing/-/kendo-drawing-1.9.3.tgz",
+      "integrity": "sha512-25tRjqAnLy5Lry3EBynI/2qRphyecQHSV8+LgDpJmrdsnNH7z7ANfjy/nAXUjTVpWhPp/Wn96tPu73JGF6geFg==",
+      "requires": {
+        "@progress/pako-esm": "^1.0.1"
+      }
+    },
+    "@progress/kendo-file-saver": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@progress/kendo-file-saver/-/kendo-file-saver-1.1.0.tgz",
+      "integrity": "sha512-26iPl67d0izUlzU6p98QM5f/spOK3QCdmSJrEzGakw1Yp0qyFmp2V9uKeswfWgX0NhKmJApWjlAxxrtRvYjHYA=="
+    },
+    "@progress/kendo-ooxml": {
+      "version": "1.6.1",
+      "resolved": "https://registry.npmjs.org/@progress/kendo-ooxml/-/kendo-ooxml-1.6.1.tgz",
+      "integrity": "sha512-Ya9xdCep9A03dzCfrro+lzuRoQq9btkVlhoQkeTCuZ76u+9I0/aFLSU15axZhFz+jahtXioU6lFntyPi0zkyAw==",
+      "requires": {
+        "@progress/jszip-esm": "^1.0.2",
+        "@progress/pako-esm": "^1.0.1"
+      }
+    },
     "@progress/kendo-popup-common": {
       "version": "1.7.0",
       "resolved": "https://registry.npmjs.org/@progress/kendo-popup-common/-/kendo-popup-common-1.7.0.tgz",
@@ -1972,6 +2210,11 @@
       "resolved": "https://registry.npmjs.org/@progress/kendo-theme-default/-/kendo-theme-default-4.25.0.tgz",
       "integrity": "sha512-H7Dhuxi+r0kuhkNgcHg1FseTy+MV1vZuf3TsIP9QEa2LOvWmQnCl892VDpZaJeRIa6EZ30r1CC80YVto+dKX4g=="
     },
+    "@progress/pako-esm": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@progress/pako-esm/-/pako-esm-1.0.1.tgz",
+      "integrity": "sha512-O4A3b1EuE9Xe1pC3Xz9Tcn1M/CYrL71f4y/5TXeytOVTkmkzBgYW97fYP2f+54H0e0erWRaqV/kUUB/a8Uxfbw=="
+    },
     "@schematics/angular": {
       "version": "10.2.0",
       "resolved": "https://registry.npmjs.org/@schematics/angular/-/angular-10.2.0.tgz",
@@ -2004,6 +2247,11 @@
       "resolved": "https://registry.npmjs.org/@telerik/kendo-draggable/-/kendo-draggable-2.2.0.tgz",
       "integrity": "sha512-78ofOzRpisqPjG51LfLQ4FEWoGJXs4PkzyJSdVklyFw6gtAnj/T6dp7mHIMj8BivVkN9FjNgf4Eo/mdYs9fusQ=="
     },
+    "@telerik/kendo-intl": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/@telerik/kendo-intl/-/kendo-intl-2.2.0.tgz",
+      "integrity": "sha512-NYBXSzknwOZjdEWB62a5xXBuzNzHatNTT+0n7NvIotEyHl6wpcfVnqOkQ2DnrwN9VI0YzhPT9hbAhc+njUxQpw=="
+    },
     "@types/glob": {
       "version": "7.1.3",
       "resolved": "https://registry.npmjs.org/@types/glob/-/glob-7.1.3.tgz",
diff --git a/package.json b/package.json
index 7dbe864..16b61a0 100644
--- a/package.json
+++ b/package.json
@@ -20,7 +20,10 @@
     "@angular/platform-browser": "~10.2.0",
     "@angular/platform-browser-dynamic": "~10.2.0",
     "@angular/router": "~10.2.0",
+    "@progress/kendo-angular-buttons": "^5.0.0",
     "@progress/kendo-angular-common": "^1.0.0",
+    "@progress/kendo-angular-dialog": "^4.2.2",
+    "@progress/kendo-angular-grid": "^4.8.0",
     "@progress/kendo-angular-icons": "^0.2.1",
     "@progress/kendo-angular-l10n": "^2.0.0",
     "@progress/kendo-angular-menu": "^2.0.4",
@@ -29,7 +32,15 @@
     "@progress/kendo-theme-default": "latest",
     "rxjs": "~6.6.0",
     "tslib": "^2.0.0",
-    "zone.js": "~0.10.2"
+    "zone.js": "~0.10.2",
+    "@progress/kendo-angular-dropdowns": "^4.0.0",
+    "@progress/kendo-angular-inputs": "^6.0.0",
+    "@progress/kendo-angular-intl": "^2.0.0",
+    "@progress/kendo-data-query": "^1.0.0",
+    "@progress/kendo-drawing": "^1.5.12",
+    "@progress/kendo-angular-excel-export": "^3.0.0",
+    "@progress/kendo-angular-dateinputs": "^4.0.0",
+    "@progress/kendo-angular-pdf-export": "^2.0.0"
   },
   "devDependencies": {
     "@angular-devkit/build-angular": "~0.1002.0",
diff --git a/src/app/app.component.html b/src/app/app.component.html
index bc3f419..08b07a5 100644
--- a/src/app/app.component.html
+++ b/src/app/app.component.html
@@ -1,13 +1,12 @@
 
 <div class=topMenuBar >
-  <kendo-icon [name]="'photo-camera'" [size]="'medium'"></kendo-icon>
+  <!-- <kendo-icon [name]="'photo-camera'" [size]="'medium'"></kendo-icon> -->
   <kendo-menu [items]="items"> </kendo-menu>
 </div>
 
 <router-outlet></router-outlet>
 
 
-
 <hr>
 
 <kendo-menu>
diff --git a/src/app/app.module.ts b/src/app/app.module.ts
index b227cdc..18ae547 100644
--- a/src/app/app.module.ts
+++ b/src/app/app.module.ts
@@ -6,12 +6,20 @@ import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
 //Kendo
 import { MenuModule, ContextMenuModule } from '@progress/kendo-angular-menu';
 import { IconsModule } from '@progress/kendo-angular-icons';
+import { DialogsModule } from '@progress/kendo-angular-dialog';
+import { ButtonsModule } from '@progress/kendo-angular-buttons';
+import { GridModule } from '@progress/kendo-angular-grid';
+import { InputsModule } from '@progress/kendo-angular-inputs';
+
 //App
 import { AppComponent } from './app.component';
 import { AppRoutingModule } from './app-routing.module';
 import { DashboardComponent } from './dashboard/dashboard.component';
 import { AuthComponent } from './auth/auth.component';
 
+
+
+
 @NgModule({
   declarations: [
     AppComponent,
@@ -24,7 +32,11 @@ import { AuthComponent } from './auth/auth.component';
     MenuModule,
     ContextMenuModule,
     BrowserAnimationsModule,
-    //IconsModule
+    DialogsModule,
+    ButtonsModule,
+    GridModule,
+    InputsModule,
+    IconsModule
   ],
   providers: [],
   bootstrap: [AppComponent]
diff --git a/src/app/dashboard/dashboard.component.html b/src/app/dashboard/dashboard.component.html
index 9c5fce9..ff41b1f 100644
--- a/src/app/dashboard/dashboard.component.html
+++ b/src/app/dashboard/dashboard.component.html
@@ -1 +1,132 @@
 <p>dashboard works!</p>
+
+<div class="example-wrapper">
+    <div class="row">
+        <div class="col-xs-12 col-sm-6 example-col">
+            <p>ColorGradient</p>
+            <kendo-colorgradient [value]="'#7e16c8'"></kendo-colorgradient>
+        </div>
+        <div class="col-xs-12 col-sm-6 example-col">
+            <p>ColorPalette</p>
+            <kendo-colorpalette [tileSize]="30"></kendo-colorpalette>
+        </div>
+        <div class="col-xs-12 col-sm-6 example-col">
+            <p>ColorPicker</p>
+            <kendo-colorpicker [value]="'#7e16c8'"></kendo-colorpicker>
+        </div>
+        <div class="col-xs-12 col-sm-6 example-col">
+            <p>MaskedTextBox</p>
+            <kendo-maskedtextbox
+                [mask]="'9-000'"
+            ></kendo-maskedtextbox>
+        </div>
+    </div>
+ </div>
+<hr> 
+
+<kendo-grid [data]="gridData" >
+    <kendo-grid-column field="ProductID" title="ID" width="40">
+    </kendo-grid-column>
+    <kendo-grid-column field="ProductName" title="Name" width="250">
+    </kendo-grid-column>
+    <kendo-grid-column field="Category.CategoryName" title="Category">
+    </kendo-grid-column>
+    <kendo-grid-column field="UnitPrice" title="Price" width="80">
+    </kendo-grid-column>
+    <kendo-grid-column field="UnitsInStock" title="In stock" width="80">
+    </kendo-grid-column>
+    <kendo-grid-column field="Discontinued" title="Discontinued" width="120">
+        <ng-template kendoGridCellTemplate let-dataItem>
+            <input type="checkbox" [checked]="dataItem.Discontinued" disabled/>
+        </ng-template>
+    </kendo-grid-column>
+</kendo-grid>
+
+
+<!-- <div #target class="target">
+    <p class="placeholder">Right-click to open Context menu</p>
+  </div>
+  <kendo-contextmenu [target]="target" [items]="items">  </kendo-contextmenu> -->
+
+  <div class="example-wrapper">
+    <button kendoButton *ngIf="!dialogOpened && !windowOpened" (click)="open('dialog')">Open dialog</button>
+    <button kendoButton *ngIf="!dialogOpened && !windowOpened" (click)="open('window')">Open window</button>
+    
+    <kendo-dialog title="Please confirm" *ngIf="dialogOpened" (close)="close('dialog')" [minWidth]="250" [width]="650">
+        <p style="margin: 30px; text-align: center;">Are you sure you want to
+        continue?</p>
+        
+
+        <div class="example-wrapper">
+            <div class="row">
+                <div class="col-xs-12 col-sm-6 example-col">
+                    <p>ColorGradient</p>
+                    <kendo-colorgradient [value]="'#7e16c8'"></kendo-colorgradient>
+                </div>
+                <div class="col-xs-12 col-sm-6 example-col">
+                    <p>ColorPalette</p>
+                    <kendo-colorpalette [tileSize]="30"></kendo-colorpalette>
+                </div>
+                <div class="col-xs-12 col-sm-6 example-col">
+                    <p>ColorPicker</p>
+                    <kendo-colorpicker [value]="'#7e16c8'"></kendo-colorpicker>
+                </div>
+                <div class="col-xs-12 col-sm-6 example-col">
+                    <p>MaskedTextBox</p>
+                    <kendo-maskedtextbox
+                        [mask]="'9-000'"
+                    ></kendo-maskedtextbox>
+                </div>
+            </div>
+         </div>
+ 
+
+        <kendo-menu>
+            <kendo-menu-item text="My Web Site" icon="folder">
+                <kendo-menu-item text="images" icon="folder">
+                    <kendo-menu-item text="logo.png" icon="image"></kendo-menu-item>
+                    <kendo-menu-item text="body-back.png" icon="image"></kendo-menu-item>
+                    <kendo-menu-item text="my-photo.png" icon="image"></kendo-menu-item>
+                </kendo-menu-item>
+                <kendo-menu-item text="resources" icon="folder">
+                    <kendo-menu-item text="pdf" icon="folder">
+                        <kendo-menu-item text="prices.pdf" icon="pdf"></kendo-menu-item>
+                        <kendo-menu-item text="brochure.pdf" icon="pdf"></kendo-menu-item>
+                    </kendo-menu-item>
+                    <kendo-menu-item text="zip" icon="folder"></kendo-menu-item>
+                </kendo-menu-item>
+                <kendo-menu-item text="about.html" icon="file"></kendo-menu-item>
+                <kendo-menu-item text="contacts.html" icon="file"></kendo-menu-item>
+                <kendo-menu-item text="index.html" icon="file"></kendo-menu-item>
+                <kendo-menu-item text="portfolio.html" icon="file"></kendo-menu-item>
+            </kendo-menu-item>
+          </kendo-menu>
+
+        <kendo-dialog-actions>
+            <button kendoButton (click)="action('no')">No</button>
+            <button kendoButton (click)="action('yes')" primary="true">Yes</button>
+        </kendo-dialog-actions>
+    </kendo-dialog>
+
+    <kendo-window [minWidth]="200" [minHeight]="125" title="About" *ngIf="windowOpened" (close)="close('window')">
+      <p style="text-align: center;">Additional info</p>
+      <kendo-grid [data]="gridData" [height]="410">
+        <kendo-grid-column field="ProductID" title="ID" width="40">
+        </kendo-grid-column>
+        <kendo-grid-column field="ProductName" title="Name" width="250">
+        </kendo-grid-column>
+        <kendo-grid-column field="Category.CategoryName" title="Category">
+        </kendo-grid-column>
+        <kendo-grid-column field="UnitPrice" title="Price" width="80">
+        </kendo-grid-column>
+        <kendo-grid-column field="UnitsInStock" title="In stock" width="80">
+        </kendo-grid-column>
+        <kendo-grid-column field="Discontinued" title="Discontinued" width="120">
+            <ng-template kendoGridCellTemplate let-dataItem>
+                <input type="checkbox" [checked]="dataItem.Discontinued" disabled/>
+            </ng-template>
+        </kendo-grid-column>
+    </kendo-grid>
+
+    </kendo-window>
+  </div>
\ No newline at end of file
diff --git a/src/app/dashboard/dashboard.component.ts b/src/app/dashboard/dashboard.component.ts
index 843c80f..047aaee 100644
--- a/src/app/dashboard/dashboard.component.ts
+++ b/src/app/dashboard/dashboard.component.ts
@@ -1,15 +1,1450 @@
 import { Component, OnInit } from '@angular/core';
 
+export const sampleProducts = [
+  {
+      "ProductID": 1,
+      "ProductName": "Chai",
+      "SupplierID": 1,
+      "CategoryID": 1,
+      "QuantityPerUnit": "10 boxes x 20 bags",
+      "UnitPrice": 18,
+      "UnitsInStock": 39,
+      "UnitsOnOrder": 0,
+      "ReorderLevel": 10,
+      "Discontinued": false,
+      "Category": {
+          "CategoryID": 1,
+          "CategoryName": "Beverages",
+          "Description": "Soft drinks, coffees, teas, beers, and ales"
+      },
+      "FirstOrderedOn": new Date(1996, 8, 20)
+  },
+  {
+      "ProductID": 2,
+      "ProductName": "Chang",
+      "SupplierID": 1,
+      "CategoryID": 1,
+      "QuantityPerUnit": "24 - 12 oz bottles",
+      "UnitPrice": 19,
+      "UnitsInStock": 17,
+      "UnitsOnOrder": 40,
+      "ReorderLevel": 25,
+      "Discontinued": false,
+      "Category": {
+          "CategoryID": 1,
+          "CategoryName": "Beverages",
+          "Description": "Soft drinks, coffees, teas, beers, and ales"
+      },
+      "FirstOrderedOn": new Date(1996, 7, 12)
+  },
+  {
+      "ProductID": 3,
+      "ProductName": "Aniseed Syrup",
+      "SupplierID": 1,
+      "CategoryID": 2,
+      "QuantityPerUnit": "12 - 550 ml bottles",
+      "UnitPrice": 10,
+      "UnitsInStock": 13,
+      "UnitsOnOrder": 70,
+      "ReorderLevel": 25,
+      "Discontinued": false,
+      "Category": {
+          "CategoryID": 2,
+          "CategoryName": "Condiments",
+          "Description": "Sweet and savory sauces, relishes, spreads, and seasonings"
+      },
+      "FirstOrderedOn": new Date(1996, 8, 26)
+  },
+  {
+      "ProductID": 4,
+      "ProductName": "Chef Anton's Cajun Seasoning",
+      "SupplierID": 2,
+      "CategoryID": 2,
+      "QuantityPerUnit": "48 - 6 oz jars",
+      "UnitPrice": 22,
+      "UnitsInStock": 53,
+      "UnitsOnOrder": 0,
+      "ReorderLevel": 0,
+      "Discontinued": false,
+      "Category": {
+          "CategoryID": 2,
+          "CategoryName": "Condiments",
+          "Description": "Sweet and savory sauces, relishes, spreads, and seasonings"
+      },
+      "FirstOrderedOn": new Date(1996, 9, 19)
+  },
+  {
+      "ProductID": 5,
+      "ProductName": "Chef Anton's Gumbo Mix",
+      "SupplierID": 2,
+      "CategoryID": 2,
+      "QuantityPerUnit": "36 boxes",
+      "UnitPrice": 21.35,
+      "UnitsInStock": 0,
+      "UnitsOnOrder": 0,
+      "ReorderLevel": 0,
+      "Discontinued": true,
+      "Category": {
+          "CategoryID": 2,
+          "CategoryName": "Condiments",
+          "Description": "Sweet and savory sauces, relishes, spreads, and seasonings"
+      },
+      "FirstOrderedOn": new Date(1996, 7, 17)
+  },
+  {
+      "ProductID": 6,
+      "ProductName": "Grandma's Boysenberry Spread",
+      "SupplierID": 3,
+      "CategoryID": 2,
+      "QuantityPerUnit": "12 - 8 oz jars",
+      "UnitPrice": 25,
+      "UnitsInStock": 120,
+      "UnitsOnOrder": 0,
+      "ReorderLevel": 25,
+      "Discontinued": false,
+      "Category": {
+          "CategoryID": 2,
+          "CategoryName": "Condiments",
+          "Description": "Sweet and savory sauces, relishes, spreads, and seasonings"
+      },
+      "FirstOrderedOn": new Date(1996, 9, 19)
+  },
+  {
+      "ProductID": 7,
+      "ProductName": "Uncle Bob's Organic Dried Pears",
+      "SupplierID": 3,
+      "CategoryID": 7,
+      "QuantityPerUnit": "12 - 1 lb pkgs.",
+      "UnitPrice": 30,
+      "UnitsInStock": 15,
+      "UnitsOnOrder": 0,
+      "ReorderLevel": 10,
+      "Discontinued": false,
+      "Category": {
+          "CategoryID": 7,
+          "CategoryName": "Produce",
+          "Description": "Dried fruit and bean curd"
+      },
+      "FirstOrderedOn": new Date(1996, 7, 22)
+  },
+  {
+      "ProductID": 8,
+      "ProductName": "Northwoods Cranberry Sauce",
+      "SupplierID": 3,
+      "CategoryID": 2,
+      "QuantityPerUnit": "12 - 12 oz jars",
+      "UnitPrice": 40,
+      "UnitsInStock": 6,
+      "UnitsOnOrder": 0,
+      "ReorderLevel": 0,
+      "Discontinued": false,
+      "Category": {
+          "CategoryID": 2,
+          "CategoryName": "Condiments",
+          "Description": "Sweet and savory sauces, relishes, spreads, and seasonings"
+      },
+      "FirstOrderedOn": new Date(1996, 11, 1)
+  },
+  {
+      "ProductID": 9,
+      "ProductName": "Mishi Kobe Niku",
+      "SupplierID": 4,
+      "CategoryID": 6,
+      "QuantityPerUnit": "18 - 500 g pkgs.",
+      "UnitPrice": 97,
+      "UnitsInStock": 29,
+      "UnitsOnOrder": 0,
+      "ReorderLevel": 0,
+      "Discontinued": true,
+      "Category": {
+          "CategoryID": 6,
+          "CategoryName": "Meat/Poultry",
+          "Description": "Prepared meats"
+      },
+      "FirstOrderedOn": new Date(1997, 1, 21)
+  },
+  {
+      "ProductID": 10,
+      "ProductName": "Ikura",
+      "SupplierID": 4,
+      "CategoryID": 8,
+      "QuantityPerUnit": "12 - 200 ml jars",
+      "UnitPrice": 31,
+      "UnitsInStock": 31,
+      "UnitsOnOrder": 0,
+      "ReorderLevel": 0,
+      "Discontinued": false,
+      "Category": {
+          "CategoryID": 8,
+          "CategoryName": "Seafood",
+          "Description": "Seaweed and fish"
+      },
+      "FirstOrderedOn": new Date(1996, 8, 5)
+  }
+];
+
+export const products = [{
+  "ProductID": 1,
+  "ProductName": "Chai",
+  "SupplierID": 1,
+  "CategoryID": 1,
+  "QuantityPerUnit": "10 boxes x 20 bags",
+  "UnitPrice": 18.0000,
+  "UnitsInStock": 39,
+  "UnitsOnOrder": 0,
+  "ReorderLevel": 10,
+  "Discontinued": false,
+  "Category": {
+      "CategoryID": 1,
+      "CategoryName": "Beverages",
+      "Description": "Soft drinks, coffees, teas, beers, and ales"
+  }
+}, {
+  "ProductID": 2,
+  "ProductName": "Chang",
+  "SupplierID": 1,
+  "CategoryID": 1,
+  "QuantityPerUnit": "24 - 12 oz bottles",
+  "UnitPrice": 19.0000,
+  "UnitsInStock": 17,
+  "UnitsOnOrder": 40,
+  "ReorderLevel": 25,
+  "Discontinued": false,
+  "Category": {
+      "CategoryID": 1,
+      "CategoryName": "Beverages",
+      "Description": "Soft drinks, coffees, teas, beers, and ales"
+  }
+}, {
+  "ProductID": 3,
+  "ProductName": "Aniseed Syrup",
+  "SupplierID": 1,
+  "CategoryID": 2,
+  "QuantityPerUnit": "12 - 550 ml bottles",
+  "UnitPrice": 10.0000,
+  "UnitsInStock": 13,
+  "UnitsOnOrder": 70,
+  "ReorderLevel": 25,
+  "Discontinued": false,
+  "Category": {
+      "CategoryID": 2,
+      "CategoryName": "Condiments",
+      "Description": "Sweet and savory sauces, relishes, spreads, and seasonings"
+  }
+}, {
+  "ProductID": 4,
+  "ProductName": "Chef Anton's Cajun Seasoning",
+  "SupplierID": 2,
+  "CategoryID": 2,
+  "QuantityPerUnit": "48 - 6 oz jars",
+  "UnitPrice": 22.0000,
+  "UnitsInStock": 53,
+  "UnitsOnOrder": 0,
+  "ReorderLevel": 0,
+  "Discontinued": false,
+  "Category": {
+      "CategoryID": 2,
+      "CategoryName": "Condiments",
+      "Description": "Sweet and savory sauces, relishes, spreads, and seasonings"
+  }
+}, {
+  "ProductID": 5,
+  "ProductName": "Chef Anton's Gumbo Mix",
+  "SupplierID": 2,
+  "CategoryID": 2,
+  "QuantityPerUnit": "36 boxes",
+  "UnitPrice": 21.3500,
+  "UnitsInStock": 0,
+  "UnitsOnOrder": 0,
+  "ReorderLevel": 0,
+  "Discontinued": true,
+  "Category": {
+      "CategoryID": 2,
+      "CategoryName": "Condiments",
+      "Description": "Sweet and savory sauces, relishes, spreads, and seasonings"
+  }
+}, {
+  "ProductID": 6,
+  "ProductName": "Grandma's Boysenberry Spread",
+  "SupplierID": 3,
+  "CategoryID": 2,
+  "QuantityPerUnit": "12 - 8 oz jars",
+  "UnitPrice": 25.0000,
+  "UnitsInStock": 120,
+  "UnitsOnOrder": 0,
+  "ReorderLevel": 25,
+  "Discontinued": false,
+  "Category": {
+      "CategoryID": 2,
+      "CategoryName": "Condiments",
+      "Description": "Sweet and savory sauces, relishes, spreads, and seasonings"
+  }
+}, {
+  "ProductID": 7,
+  "ProductName": "Uncle Bob's Organic Dried Pears",
+  "SupplierID": 3,
+  "CategoryID": 7,
+  "QuantityPerUnit": "12 - 1 lb pkgs.",
+  "UnitPrice": 30.0000,
+  "UnitsInStock": 15,
+  "UnitsOnOrder": 0,
+  "ReorderLevel": 10,
+  "Discontinued": false,
+  "Category": {
+      "CategoryID": 7,
+      "CategoryName": "Produce",
+      "Description": "Dried fruit and bean curd"
+  }
+}, {
+  "ProductID": 8,
+  "ProductName": "Northwoods Cranberry Sauce",
+  "SupplierID": 3,
+  "CategoryID": 2,
+  "QuantityPerUnit": "12 - 12 oz jars",
+  "UnitPrice": 40.0000,
+  "UnitsInStock": 6,
+  "UnitsOnOrder": 0,
+  "ReorderLevel": 0,
+  "Discontinued": false,
+  "Category": {
+      "CategoryID": 2,
+      "CategoryName": "Condiments",
+      "Description": "Sweet and savory sauces, relishes, spreads, and seasonings"
+  }
+}, {
+  "ProductID": 9,
+  "ProductName": "Mishi Kobe Niku",
+  "SupplierID": 4,
+  "CategoryID": 6,
+  "QuantityPerUnit": "18 - 500 g pkgs.",
+  "UnitPrice": 97.0000,
+  "UnitsInStock": 29,
+  "UnitsOnOrder": 0,
+  "ReorderLevel": 0,
+  "Discontinued": true,
+  "Category": {
+      "CategoryID": 6,
+      "CategoryName": "Meat/Poultry",
+      "Description": "Prepared meats"
+  }
+}, {
+  "ProductID": 10,
+  "ProductName": "Ikura",
+  "SupplierID": 4,
+  "CategoryID": 8,
+  "QuantityPerUnit": "12 - 200 ml jars",
+  "UnitPrice": 31.0000,
+  "UnitsInStock": 31,
+  "UnitsOnOrder": 0,
+  "ReorderLevel": 0,
+  "Discontinued": false,
+  "Category": {
+      "CategoryID": 8,
+      "CategoryName": "Seafood",
+      "Description": "Seaweed and fish"
+  }
+}, {
+  "ProductID": 11,
+  "ProductName": "Queso Cabrales",
+  "SupplierID": 5,
+  "CategoryID": 4,
+  "QuantityPerUnit": "1 kg pkg.",
+  "UnitPrice": 21.0000,
+  "UnitsInStock": 22,
+  "UnitsOnOrder": 30,
+  "ReorderLevel": 30,
+  "Discontinued": false,
+  "Category": {
+      "CategoryID": 4,
+      "CategoryName": "Dairy Products",
+      "Description": "Cheeses"
+  }
+}, {
+  "ProductID": 12,
+  "ProductName": "Queso Manchego La Pastora",
+  "SupplierID": 5,
+  "CategoryID": 4,
+  "QuantityPerUnit": "10 - 500 g pkgs.",
+  "UnitPrice": 38.0000,
+  "UnitsInStock": 86,
+  "UnitsOnOrder": 0,
+  "ReorderLevel": 0,
+  "Discontinued": false,
+  "Category": {
+      "CategoryID": 4,
+      "CategoryName": "Dairy Products",
+      "Description": "Cheeses"
+  }
+}, {
+  "ProductID": 13,
+  "ProductName": "Konbu",
+  "SupplierID": 6,
+  "CategoryID": 8,
+  "QuantityPerUnit": "2 kg box",
+  "UnitPrice": 6.0000,
+  "UnitsInStock": 24,
+  "UnitsOnOrder": 0,
+  "ReorderLevel": 5,
+  "Discontinued": false,
+  "Category": {
+      "CategoryID": 8,
+      "CategoryName": "Seafood",
+      "Description": "Seaweed and fish"
+  }
+}, {
+  "ProductID": 14,
+  "ProductName": "Tofu",
+  "SupplierID": 6,
+  "CategoryID": 7,
+  "QuantityPerUnit": "40 - 100 g pkgs.",
+  "UnitPrice": 23.2500,
+  "UnitsInStock": 35,
+  "UnitsOnOrder": 0,
+  "ReorderLevel": 0,
+  "Discontinued": false,
+  "Category": {
+      "CategoryID": 7,
+      "CategoryName": "Produce",
+      "Description": "Dried fruit and bean curd"
+  }
+}, {
+  "ProductID": 15,
+  "ProductName": "Genen Shouyu",
+  "SupplierID": 6,
+  "CategoryID": 2,
+  "QuantityPerUnit": "24 - 250 ml bottles",
+  "UnitPrice": 15.5000,
+  "UnitsInStock": 39,
+  "UnitsOnOrder": 0,
+  "ReorderLevel": 5,
+  "Discontinued": false,
+  "Category": {
+      "CategoryID": 2,
+      "CategoryName": "Condiments",
+      "Description": "Sweet and savory sauces, relishes, spreads, and seasonings"
+  }
+}, {
+  "ProductID": 16,
+  "ProductName": "Pavlova",
+  "SupplierID": 7,
+  "CategoryID": 3,
+  "QuantityPerUnit": "32 - 500 g boxes",
+  "UnitPrice": 17.4500,
+  "UnitsInStock": 29,
+  "UnitsOnOrder": 0,
+  "ReorderLevel": 10,
+  "Discontinued": false,
+  "Category": {
+      "CategoryID": 3,
+      "CategoryName": "Confections",
+      "Description": "Desserts, candies, and sweet breads"
+  }
+}, {
+  "ProductID": 17,
+  "ProductName": "Alice Mutton",
+  "SupplierID": 7,
+  "CategoryID": 6,
+  "QuantityPerUnit": "20 - 1 kg tins",
+  "UnitPrice": 39.0000,
+  "UnitsInStock": 0,
+  "UnitsOnOrder": 0,
+  "ReorderLevel": 0,
+  "Discontinued": true,
+  "Category": {
+      "CategoryID": 6,
+      "CategoryName": "Meat/Poultry",
+      "Description": "Prepared meats"
+  }
+}, {
+  "ProductID": 18,
+  "ProductName": "Carnarvon Tigers",
+  "SupplierID": 7,
+  "CategoryID": 8,
+  "QuantityPerUnit": "16 kg pkg.",
+  "UnitPrice": 62.5000,
+  "UnitsInStock": 42,
+  "UnitsOnOrder": 0,
+  "ReorderLevel": 0,
+  "Discontinued": false,
+  "Category": {
+      "CategoryID": 8,
+      "CategoryName": "Seafood",
+      "Description": "Seaweed and fish"
+  }
+}, {
+  "ProductID": 19,
+  "ProductName": "Teatime Chocolate Biscuits",
+  "SupplierID": 8,
+  "CategoryID": 3,
+  "QuantityPerUnit": "10 boxes x 12 pieces",
+  "UnitPrice": 9.2000,
+  "UnitsInStock": 25,
+  "UnitsOnOrder": 0,
+  "ReorderLevel": 5,
+  "Discontinued": false,
+  "Category": {
+      "CategoryID": 3,
+      "CategoryName": "Confections",
+      "Description": "Desserts, candies, and sweet breads"
+  }
+}, {
+  "ProductID": 20,
+  "ProductName": "Sir Rodney's Marmalade",
+  "SupplierID": 8,
+  "CategoryID": 3,
+  "QuantityPerUnit": "30 gift boxes",
+  "UnitPrice": 81.0000,
+  "UnitsInStock": 40,
+  "UnitsOnOrder": 0,
+  "ReorderLevel": 0,
+  "Discontinued": false,
+  "Category": {
+      "CategoryID": 3,
+      "CategoryName": "Confections",
+      "Description": "Desserts, candies, and sweet breads"
+  }
+}, {
+  "ProductID": 21,
+  "ProductName": "Sir Rodney's Scones",
+  "SupplierID": 8,
+  "CategoryID": 3,
+  "QuantityPerUnit": "24 pkgs. x 4 pieces",
+  "UnitPrice": 10.0000,
+  "UnitsInStock": 3,
+  "UnitsOnOrder": 40,
+  "ReorderLevel": 5,
+  "Discontinued": false,
+  "Category": {
+      "CategoryID": 3,
+      "CategoryName": "Confections",
+      "Description": "Desserts, candies, and sweet breads"
+  }
+}, {
+  "ProductID": 22,
+  "ProductName": "Gustaf's Knäckebröd",
+  "SupplierID": 9,
+  "CategoryID": 5,
+  "QuantityPerUnit": "24 - 500 g pkgs.",
+  "UnitPrice": 21.0000,
+  "UnitsInStock": 104,
+  "UnitsOnOrder": 0,
+  "ReorderLevel": 25,
+  "Discontinued": false,
+  "Category": {
+      "CategoryID": 5,
+      "CategoryName": "Grains/Cereals",
+      "Description": "Breads, crackers, pasta, and cereal"
+  }
+}, {
+  "ProductID": 23,
+  "ProductName": "Tunnbröd",
+  "SupplierID": 9,
+  "CategoryID": 5,
+  "QuantityPerUnit": "12 - 250 g pkgs.",
+  "UnitPrice": 9.0000,
+  "UnitsInStock": 61,
+  "UnitsOnOrder": 0,
+  "ReorderLevel": 25,
+  "Discontinued": false,
+  "Category": {
+      "CategoryID": 5,
+      "CategoryName": "Grains/Cereals",
+      "Description": "Breads, crackers, pasta, and cereal"
+  }
+}, {
+  "ProductID": 24,
+  "ProductName": "Guaraná Fantástica",
+  "SupplierID": 10,
+  "CategoryID": 1,
+  "QuantityPerUnit": "12 - 355 ml cans",
+  "UnitPrice": 4.5000,
+  "UnitsInStock": 20,
+  "UnitsOnOrder": 0,
+  "ReorderLevel": 0,
+  "Discontinued": true,
+  "Category": {
+      "CategoryID": 1,
+      "CategoryName": "Beverages",
+      "Description": "Soft drinks, coffees, teas, beers, and ales"
+  }
+}, {
+  "ProductID": 25,
+  "ProductName": "NuNuCa Nuß-Nougat-Creme",
+  "SupplierID": 11,
+  "CategoryID": 3,
+  "QuantityPerUnit": "20 - 450 g glasses",
+  "UnitPrice": 14.0000,
+  "UnitsInStock": 76,
+  "UnitsOnOrder": 0,
+  "ReorderLevel": 30,
+  "Discontinued": false,
+  "Category": {
+      "CategoryID": 3,
+      "CategoryName": "Confections",
+      "Description": "Desserts, candies, and sweet breads"
+  }
+}, {
+  "ProductID": 26,
+  "ProductName": "Gumbär Gummibärchen",
+  "SupplierID": 11,
+  "CategoryID": 3,
+  "QuantityPerUnit": "100 - 250 g bags",
+  "UnitPrice": 31.2300,
+  "UnitsInStock": 15,
+  "UnitsOnOrder": 0,
+  "ReorderLevel": 0,
+  "Discontinued": false,
+  "Category": {
+      "CategoryID": 3,
+      "CategoryName": "Confections",
+      "Description": "Desserts, candies, and sweet breads"
+  }
+}, {
+  "ProductID": 27,
+  "ProductName": "Schoggi Schokolade",
+  "SupplierID": 11,
+  "CategoryID": 3,
+  "QuantityPerUnit": "100 - 100 g pieces",
+  "UnitPrice": 43.9000,
+  "UnitsInStock": 49,
+  "UnitsOnOrder": 0,
+  "ReorderLevel": 30,
+  "Discontinued": false,
+  "Category": {
+      "CategoryID": 3,
+      "CategoryName": "Confections",
+      "Description": "Desserts, candies, and sweet breads"
+  }
+}, {
+  "ProductID": 28,
+  "ProductName": "Rössle Sauerkraut",
+  "SupplierID": 12,
+  "CategoryID": 7,
+  "QuantityPerUnit": "25 - 825 g cans",
+  "UnitPrice": 45.6000,
+  "UnitsInStock": 26,
+  "UnitsOnOrder": 0,
+  "ReorderLevel": 0,
+  "Discontinued": true,
+  "Category": {
+      "CategoryID": 7,
+      "CategoryName": "Produce",
+      "Description": "Dried fruit and bean curd"
+  }
+}, {
+  "ProductID": 29,
+  "ProductName": "Thüringer Rostbratwurst",
+  "SupplierID": 12,
+  "CategoryID": 6,
+  "QuantityPerUnit": "50 bags x 30 sausgs.",
+  "UnitPrice": 123.7900,
+  "UnitsInStock": 0,
+  "UnitsOnOrder": 0,
+  "ReorderLevel": 0,
+  "Discontinued": true,
+  "Category": {
+      "CategoryID": 6,
+      "CategoryName": "Meat/Poultry",
+      "Description": "Prepared meats"
+  }
+}, {
+  "ProductID": 30,
+  "ProductName": "Nord-Ost Matjeshering",
+  "SupplierID": 13,
+  "CategoryID": 8,
+  "QuantityPerUnit": "10 - 200 g glasses",
+  "UnitPrice": 25.8900,
+  "UnitsInStock": 10,
+  "UnitsOnOrder": 0,
+  "ReorderLevel": 15,
+  "Discontinued": false,
+  "Category": {
+      "CategoryID": 8,
+      "CategoryName": "Seafood",
+      "Description": "Seaweed and fish"
+  }
+}, {
+  "ProductID": 31,
+  "ProductName": "Gorgonzola Telino",
+  "SupplierID": 14,
+  "CategoryID": 4,
+  "QuantityPerUnit": "12 - 100 g pkgs",
+  "UnitPrice": 12.5000,
+  "UnitsInStock": 0,
+  "UnitsOnOrder": 70,
+  "ReorderLevel": 20,
+  "Discontinued": false,
+  "Category": {
+      "CategoryID": 4,
+      "CategoryName": "Dairy Products",
+      "Description": "Cheeses"
+  }
+}, {
+  "ProductID": 32,
+  "ProductName": "Mascarpone Fabioli",
+  "SupplierID": 14,
+  "CategoryID": 4,
+  "QuantityPerUnit": "24 - 200 g pkgs.",
+  "UnitPrice": 32.0000,
+  "UnitsInStock": 9,
+  "UnitsOnOrder": 40,
+  "ReorderLevel": 25,
+  "Discontinued": false,
+  "Category": {
+      "CategoryID": 4,
+      "CategoryName": "Dairy Products",
+      "Description": "Cheeses"
+  }
+}, {
+  "ProductID": 33,
+  "ProductName": "Geitost",
+  "SupplierID": 15,
+  "CategoryID": 4,
+  "QuantityPerUnit": "500 g",
+  "UnitPrice": 2.5000,
+  "UnitsInStock": 112,
+  "UnitsOnOrder": 0,
+  "ReorderLevel": 20,
+  "Discontinued": false,
+  "Category": {
+      "CategoryID": 4,
+      "CategoryName": "Dairy Products",
+      "Description": "Cheeses"
+  }
+}, {
+  "ProductID": 34,
+  "ProductName": "Sasquatch Ale",
+  "SupplierID": 16,
+  "CategoryID": 1,
+  "QuantityPerUnit": "24 - 12 oz bottles",
+  "UnitPrice": 14.0000,
+  "UnitsInStock": 111,
+  "UnitsOnOrder": 0,
+  "ReorderLevel": 15,
+  "Discontinued": false,
+  "Category": {
+      "CategoryID": 1,
+      "CategoryName": "Beverages",
+      "Description": "Soft drinks, coffees, teas, beers, and ales"
+  }
+}, {
+  "ProductID": 35,
+  "ProductName": "Steeleye Stout",
+  "SupplierID": 16,
+  "CategoryID": 1,
+  "QuantityPerUnit": "24 - 12 oz bottles",
+  "UnitPrice": 18.0000,
+  "UnitsInStock": 20,
+  "UnitsOnOrder": 0,
+  "ReorderLevel": 15,
+  "Discontinued": false,
+  "Category": {
+      "CategoryID": 1,
+      "CategoryName": "Beverages",
+      "Description": "Soft drinks, coffees, teas, beers, and ales"
+  }
+}, {
+  "ProductID": 36,
+  "ProductName": "Inlagd Sill",
+  "SupplierID": 17,
+  "CategoryID": 8,
+  "QuantityPerUnit": "24 - 250 g  jars",
+  "UnitPrice": 19.0000,
+  "UnitsInStock": 112,
+  "UnitsOnOrder": 0,
+  "ReorderLevel": 20,
+  "Discontinued": false,
+  "Category": {
+      "CategoryID": 8,
+      "CategoryName": "Seafood",
+      "Description": "Seaweed and fish"
+  }
+}, {
+  "ProductID": 37,
+  "ProductName": "Gravad lax",
+  "SupplierID": 17,
+  "CategoryID": 8,
+  "QuantityPerUnit": "12 - 500 g pkgs.",
+  "UnitPrice": 26.0000,
+  "UnitsInStock": 11,
+  "UnitsOnOrder": 50,
+  "ReorderLevel": 25,
+  "Discontinued": false,
+  "Category": {
+      "CategoryID": 8,
+      "CategoryName": "Seafood",
+      "Description": "Seaweed and fish"
+  }
+}, {
+  "ProductID": 38,
+  "ProductName": "Côte de Blaye",
+  "SupplierID": 18,
+  "CategoryID": 1,
+  "QuantityPerUnit": "12 - 75 cl bottles",
+  "UnitPrice": 263.5000,
+  "UnitsInStock": 17,
+  "UnitsOnOrder": 0,
+  "ReorderLevel": 15,
+  "Discontinued": false,
+  "Category": {
+      "CategoryID": 1,
+      "CategoryName": "Beverages",
+      "Description": "Soft drinks, coffees, teas, beers, and ales"
+  }
+}, {
+  "ProductID": 39,
+  "ProductName": "Chartreuse verte",
+  "SupplierID": 18,
+  "CategoryID": 1,
+  "QuantityPerUnit": "750 cc per bottle",
+  "UnitPrice": 18.0000,
+  "UnitsInStock": 69,
+  "UnitsOnOrder": 0,
+  "ReorderLevel": 5,
+  "Discontinued": false,
+  "Category": {
+      "CategoryID": 1,
+      "CategoryName": "Beverages",
+      "Description": "Soft drinks, coffees, teas, beers, and ales"
+  }
+}, {
+  "ProductID": 40,
+  "ProductName": "Boston Crab Meat",
+  "SupplierID": 19,
+  "CategoryID": 8,
+  "QuantityPerUnit": "24 - 4 oz tins",
+  "UnitPrice": 18.4000,
+  "UnitsInStock": 123,
+  "UnitsOnOrder": 0,
+  "ReorderLevel": 30,
+  "Discontinued": false,
+  "Category": {
+      "CategoryID": 8,
+      "CategoryName": "Seafood",
+      "Description": "Seaweed and fish"
+  }
+}, {
+  "ProductID": 41,
+  "ProductName": "Jack's New England Clam Chowder",
+  "SupplierID": 19,
+  "CategoryID": 8,
+  "QuantityPerUnit": "12 - 12 oz cans",
+  "UnitPrice": 9.6500,
+  "UnitsInStock": 85,
+  "UnitsOnOrder": 0,
+  "ReorderLevel": 10,
+  "Discontinued": false,
+  "Category": {
+      "CategoryID": 8,
+      "CategoryName": "Seafood",
+      "Description": "Seaweed and fish"
+  }
+}, {
+  "ProductID": 42,
+  "ProductName": "Singaporean Hokkien Fried Mee",
+  "SupplierID": 20,
+  "CategoryID": 5,
+  "QuantityPerUnit": "32 - 1 kg pkgs.",
+  "UnitPrice": 14.0000,
+  "UnitsInStock": 26,
+  "UnitsOnOrder": 0,
+  "ReorderLevel": 0,
+  "Discontinued": true,
+  "Category": {
+      "CategoryID": 5,
+      "CategoryName": "Grains/Cereals",
+      "Description": "Breads, crackers, pasta, and cereal"
+  }
+}, {
+  "ProductID": 43,
+  "ProductName": "Ipoh Coffee",
+  "SupplierID": 20,
+  "CategoryID": 1,
+  "QuantityPerUnit": "16 - 500 g tins",
+  "UnitPrice": 46.0000,
+  "UnitsInStock": 17,
+  "UnitsOnOrder": 10,
+  "ReorderLevel": 25,
+  "Discontinued": false,
+  "Category": {
+      "CategoryID": 1,
+      "CategoryName": "Beverages",
+      "Description": "Soft drinks, coffees, teas, beers, and ales"
+  }
+}, {
+  "ProductID": 44,
+  "ProductName": "Gula Malacca",
+  "SupplierID": 20,
+  "CategoryID": 2,
+  "QuantityPerUnit": "20 - 2 kg bags",
+  "UnitPrice": 19.4500,
+  "UnitsInStock": 27,
+  "UnitsOnOrder": 0,
+  "ReorderLevel": 15,
+  "Discontinued": false,
+  "Category": {
+      "CategoryID": 2,
+      "CategoryName": "Condiments",
+      "Description": "Sweet and savory sauces, relishes, spreads, and seasonings"
+  }
+}, {
+  "ProductID": 45,
+  "ProductName": "Rogede sild",
+  "SupplierID": 21,
+  "CategoryID": 8,
+  "QuantityPerUnit": "1k pkg.",
+  "UnitPrice": 9.5000,
+  "UnitsInStock": 5,
+  "UnitsOnOrder": 70,
+  "ReorderLevel": 15,
+  "Discontinued": false,
+  "Category": {
+      "CategoryID": 8,
+      "CategoryName": "Seafood",
+      "Description": "Seaweed and fish"
+  }
+}, {
+  "ProductID": 46,
+  "ProductName": "Spegesild",
+  "SupplierID": 21,
+  "CategoryID": 8,
+  "QuantityPerUnit": "4 - 450 g glasses",
+  "UnitPrice": 12.0000,
+  "UnitsInStock": 95,
+  "UnitsOnOrder": 0,
+  "ReorderLevel": 0,
+  "Discontinued": false,
+  "Category": {
+      "CategoryID": 8,
+      "CategoryName": "Seafood",
+      "Description": "Seaweed and fish"
+  }
+}, {
+  "ProductID": 47,
+  "ProductName": "Zaanse koeken",
+  "SupplierID": 22,
+  "CategoryID": 3,
+  "QuantityPerUnit": "10 - 4 oz boxes",
+  "UnitPrice": 9.5000,
+  "UnitsInStock": 36,
+  "UnitsOnOrder": 0,
+  "ReorderLevel": 0,
+  "Discontinued": false,
+  "Category": {
+      "CategoryID": 3,
+      "CategoryName": "Confections",
+      "Description": "Desserts, candies, and sweet breads"
+  }
+}, {
+  "ProductID": 48,
+  "ProductName": "Chocolade",
+  "SupplierID": 22,
+  "CategoryID": 3,
+  "QuantityPerUnit": "10 pkgs.",
+  "UnitPrice": 12.7500,
+  "UnitsInStock": 15,
+  "UnitsOnOrder": 70,
+  "ReorderLevel": 25,
+  "Discontinued": false,
+  "Category": {
+      "CategoryID": 3,
+      "CategoryName": "Confections",
+      "Description": "Desserts, candies, and sweet breads"
+  }
+}, {
+  "ProductID": 49,
+  "ProductName": "Maxilaku",
+  "SupplierID": 23,
+  "CategoryID": 3,
+  "QuantityPerUnit": "24 - 50 g pkgs.",
+  "UnitPrice": 20.0000,
+  "UnitsInStock": 10,
+  "UnitsOnOrder": 60,
+  "ReorderLevel": 15,
+  "Discontinued": false,
+  "Category": {
+      "CategoryID": 3,
+      "CategoryName": "Confections",
+      "Description": "Desserts, candies, and sweet breads"
+  }
+}, {
+  "ProductID": 50,
+  "ProductName": "Valkoinen suklaa",
+  "SupplierID": 23,
+  "CategoryID": 3,
+  "QuantityPerUnit": "12 - 100 g bars",
+  "UnitPrice": 16.2500,
+  "UnitsInStock": 65,
+  "UnitsOnOrder": 0,
+  "ReorderLevel": 30,
+  "Discontinued": false,
+  "Category": {
+      "CategoryID": 3,
+      "CategoryName": "Confections",
+      "Description": "Desserts, candies, and sweet breads"
+  }
+}, {
+  "ProductID": 51,
+  "ProductName": "Manjimup Dried Apples",
+  "SupplierID": 24,
+  "CategoryID": 7,
+  "QuantityPerUnit": "50 - 300 g pkgs.",
+  "UnitPrice": 53.0000,
+  "UnitsInStock": 20,
+  "UnitsOnOrder": 0,
+  "ReorderLevel": 10,
+  "Discontinued": false,
+  "Category": {
+      "CategoryID": 7,
+      "CategoryName": "Produce",
+      "Description": "Dried fruit and bean curd"
+  }
+}, {
+  "ProductID": 52,
+  "ProductName": "Filo Mix",
+  "SupplierID": 24,
+  "CategoryID": 5,
+  "QuantityPerUnit": "16 - 2 kg boxes",
+  "UnitPrice": 7.0000,
+  "UnitsInStock": 38,
+  "UnitsOnOrder": 0,
+  "ReorderLevel": 25,
+  "Discontinued": false,
+  "Category": {
+      "CategoryID": 5,
+      "CategoryName": "Grains/Cereals",
+      "Description": "Breads, crackers, pasta, and cereal"
+  }
+}, {
+  "ProductID": 53,
+  "ProductName": "Perth Pasties",
+  "SupplierID": 24,
+  "CategoryID": 6,
+  "QuantityPerUnit": "48 pieces",
+  "UnitPrice": 32.8000,
+  "UnitsInStock": 0,
+  "UnitsOnOrder": 0,
+  "ReorderLevel": 0,
+  "Discontinued": true,
+  "Category": {
+      "CategoryID": 6,
+      "CategoryName": "Meat/Poultry",
+      "Description": "Prepared meats"
+  }
+}, {
+  "ProductID": 54,
+  "ProductName": "Tourtière",
+  "SupplierID": 25,
+  "CategoryID": 6,
+  "QuantityPerUnit": "16 pies",
+  "UnitPrice": 7.4500,
+  "UnitsInStock": 21,
+  "UnitsOnOrder": 0,
+  "ReorderLevel": 10,
+  "Discontinued": false,
+  "Category": {
+      "CategoryID": 6,
+      "CategoryName": "Meat/Poultry",
+      "Description": "Prepared meats"
+  }
+}, {
+  "ProductID": 55,
+  "ProductName": "Pâté chinois",
+  "SupplierID": 25,
+  "CategoryID": 6,
+  "QuantityPerUnit": "24 boxes x 2 pies",
+  "UnitPrice": 24.0000,
+  "UnitsInStock": 115,
+  "UnitsOnOrder": 0,
+  "ReorderLevel": 20,
+  "Discontinued": false,
+  "Category": {
+      "CategoryID": 6,
+      "CategoryName": "Meat/Poultry",
+      "Description": "Prepared meats"
+  }
+}, {
+  "ProductID": 56,
+  "ProductName": "Gnocchi di nonna Alice",
+  "SupplierID": 26,
+  "CategoryID": 5,
+  "QuantityPerUnit": "24 - 250 g pkgs.",
+  "UnitPrice": 38.0000,
+  "UnitsInStock": 21,
+  "UnitsOnOrder": 10,
+  "ReorderLevel": 30,
+  "Discontinued": false,
+  "Category": {
+      "CategoryID": 5,
+      "CategoryName": "Grains/Cereals",
+      "Description": "Breads, crackers, pasta, and cereal"
+  }
+}, {
+  "ProductID": 57,
+  "ProductName": "Ravioli Angelo",
+  "SupplierID": 26,
+  "CategoryID": 5,
+  "QuantityPerUnit": "24 - 250 g pkgs.",
+  "UnitPrice": 19.5000,
+  "UnitsInStock": 36,
+  "UnitsOnOrder": 0,
+  "ReorderLevel": 20,
+  "Discontinued": false,
+  "Category": {
+      "CategoryID": 5,
+      "CategoryName": "Grains/Cereals",
+      "Description": "Breads, crackers, pasta, and cereal"
+  }
+}, {
+  "ProductID": 58,
+  "ProductName": "Escargots de Bourgogne",
+  "SupplierID": 27,
+  "CategoryID": 8,
+  "QuantityPerUnit": "24 pieces",
+  "UnitPrice": 13.2500,
+  "UnitsInStock": 62,
+  "UnitsOnOrder": 0,
+  "ReorderLevel": 20,
+  "Discontinued": false,
+  "Category": {
+      "CategoryID": 8,
+      "CategoryName": "Seafood",
+      "Description": "Seaweed and fish"
+  }
+}, {
+  "ProductID": 59,
+  "ProductName": "Raclette Courdavault",
+  "SupplierID": 28,
+  "CategoryID": 4,
+  "QuantityPerUnit": "5 kg pkg.",
+  "UnitPrice": 55.0000,
+  "UnitsInStock": 79,
+  "UnitsOnOrder": 0,
+  "ReorderLevel": 0,
+  "Discontinued": false,
+  "Category": {
+      "CategoryID": 4,
+      "CategoryName": "Dairy Products",
+      "Description": "Cheeses"
+  }
+}, {
+  "ProductID": 60,
+  "ProductName": "Camembert Pierrot",
+  "SupplierID": 28,
+  "CategoryID": 4,
+  "QuantityPerUnit": "15 - 300 g rounds",
+  "UnitPrice": 34.0000,
+  "UnitsInStock": 19,
+  "UnitsOnOrder": 0,
+  "ReorderLevel": 0,
+  "Discontinued": false,
+  "Category": {
+      "CategoryID": 4,
+      "CategoryName": "Dairy Products",
+      "Description": "Cheeses"
+  }
+}, {
+  "ProductID": 61,
+  "ProductName": "Sirop d'érable",
+  "SupplierID": 29,
+  "CategoryID": 2,
+  "QuantityPerUnit": "24 - 500 ml bottles",
+  "UnitPrice": 28.5000,
+  "UnitsInStock": 113,
+  "UnitsOnOrder": 0,
+  "ReorderLevel": 25,
+  "Discontinued": false,
+  "Category": {
+      "CategoryID": 2,
+      "CategoryName": "Condiments",
+      "Description": "Sweet and savory sauces, relishes, spreads, and seasonings"
+  }
+}, {
+  "ProductID": 62,
+  "ProductName": "Tarte au sucre",
+  "SupplierID": 29,
+  "CategoryID": 3,
+  "QuantityPerUnit": "48 pies",
+  "UnitPrice": 49.3000,
+  "UnitsInStock": 17,
+  "UnitsOnOrder": 0,
+  "ReorderLevel": 0,
+  "Discontinued": false,
+  "Category": {
+      "CategoryID": 3,
+      "CategoryName": "Confections",
+      "Description": "Desserts, candies, and sweet breads"
+  }
+}, {
+  "ProductID": 63,
+  "ProductName": "Vegie-spread",
+  "SupplierID": 7,
+  "CategoryID": 2,
+  "QuantityPerUnit": "15 - 625 g jars",
+  "UnitPrice": 43.9000,
+  "UnitsInStock": 24,
+  "UnitsOnOrder": 0,
+  "ReorderLevel": 5,
+  "Discontinued": false,
+  "Category": {
+      "CategoryID": 2,
+      "CategoryName": "Condiments",
+      "Description": "Sweet and savory sauces, relishes, spreads, and seasonings"
+  }
+}, {
+  "ProductID": 64,
+  "ProductName": "Wimmers gute Semmelknödel",
+  "SupplierID": 12,
+  "CategoryID": 5,
+  "QuantityPerUnit": "20 bags x 4 pieces",
+  "UnitPrice": 33.2500,
+  "UnitsInStock": 22,
+  "UnitsOnOrder": 80,
+  "ReorderLevel": 30,
+  "Discontinued": false,
+  "Category": {
+      "CategoryID": 5,
+      "CategoryName": "Grains/Cereals",
+      "Description": "Breads, crackers, pasta, and cereal"
+  }
+}, {
+  "ProductID": 65,
+  "ProductName": "Louisiana Fiery Hot Pepper Sauce",
+  "SupplierID": 2,
+  "CategoryID": 2,
+  "QuantityPerUnit": "32 - 8 oz bottles",
+  "UnitPrice": 21.0500,
+  "UnitsInStock": 76,
+  "UnitsOnOrder": 0,
+  "ReorderLevel": 0,
+  "Discontinued": false,
+  "Category": {
+      "CategoryID": 2,
+      "CategoryName": "Condiments",
+      "Description": "Sweet and savory sauces, relishes, spreads, and seasonings"
+  }
+}, {
+  "ProductID": 66,
+  "ProductName": "Louisiana Hot Spiced Okra",
+  "SupplierID": 2,
+  "CategoryID": 2,
+  "QuantityPerUnit": "24 - 8 oz jars",
+  "UnitPrice": 17.0000,
+  "UnitsInStock": 4,
+  "UnitsOnOrder": 100,
+  "ReorderLevel": 20,
+  "Discontinued": false,
+  "Category": {
+      "CategoryID": 2,
+      "CategoryName": "Condiments",
+      "Description": "Sweet and savory sauces, relishes, spreads, and seasonings"
+  }
+}, {
+  "ProductID": 67,
+  "ProductName": "Laughing Lumberjack Lager",
+  "SupplierID": 16,
+  "CategoryID": 1,
+  "QuantityPerUnit": "24 - 12 oz bottles",
+  "UnitPrice": 14.0000,
+  "UnitsInStock": 52,
+  "UnitsOnOrder": 0,
+  "ReorderLevel": 10,
+  "Discontinued": false,
+  "Category": {
+      "CategoryID": 1,
+      "CategoryName": "Beverages",
+      "Description": "Soft drinks, coffees, teas, beers, and ales"
+  }
+}, {
+  "ProductID": 68,
+  "ProductName": "Scottish Longbreads",
+  "SupplierID": 8,
+  "CategoryID": 3,
+  "QuantityPerUnit": "10 boxes x 8 pieces",
+  "UnitPrice": 12.5000,
+  "UnitsInStock": 6,
+  "UnitsOnOrder": 10,
+  "ReorderLevel": 15,
+  "Discontinued": false,
+  "Category": {
+      "CategoryID": 3,
+      "CategoryName": "Confections",
+      "Description": "Desserts, candies, and sweet breads"
+  }
+}, {
+  "ProductID": 69,
+  "ProductName": "Gudbrandsdalsost",
+  "SupplierID": 15,
+  "CategoryID": 4,
+  "QuantityPerUnit": "10 kg pkg.",
+  "UnitPrice": 36.0000,
+  "UnitsInStock": 26,
+  "UnitsOnOrder": 0,
+  "ReorderLevel": 15,
+  "Discontinued": false,
+  "Category": {
+      "CategoryID": 4,
+      "CategoryName": "Dairy Products",
+      "Description": "Cheeses"
+  }
+}, {
+  "ProductID": 70,
+  "ProductName": "Outback Lager",
+  "SupplierID": 7,
+  "CategoryID": 1,
+  "QuantityPerUnit": "24 - 355 ml bottles",
+  "UnitPrice": 15.0000,
+  "UnitsInStock": 15,
+  "UnitsOnOrder": 10,
+  "ReorderLevel": 30,
+  "Discontinued": false,
+  "Category": {
+      "CategoryID": 1,
+      "CategoryName": "Beverages",
+      "Description": "Soft drinks, coffees, teas, beers, and ales"
+  }
+}, {
+  "ProductID": 71,
+  "ProductName": "Flotemysost",
+  "SupplierID": 15,
+  "CategoryID": 4,
+  "QuantityPerUnit": "10 - 500 g pkgs.",
+  "UnitPrice": 21.5000,
+  "UnitsInStock": 26,
+  "UnitsOnOrder": 0,
+  "ReorderLevel": 0,
+  "Discontinued": false,
+  "Category": {
+      "CategoryID": 4,
+      "CategoryName": "Dairy Products",
+      "Description": "Cheeses"
+  }
+}, {
+  "ProductID": 72,
+  "ProductName": "Mozzarella di Giovanni",
+  "SupplierID": 14,
+  "CategoryID": 4,
+  "QuantityPerUnit": "24 - 200 g pkgs.",
+  "UnitPrice": 34.8000,
+  "UnitsInStock": 14,
+  "UnitsOnOrder": 0,
+  "ReorderLevel": 0,
+  "Discontinued": false,
+  "Category": {
+      "CategoryID": 4,
+      "CategoryName": "Dairy Products",
+      "Description": "Cheeses"
+  }
+}, {
+  "ProductID": 73,
+  "ProductName": "Röd Kaviar",
+  "SupplierID": 17,
+  "CategoryID": 8,
+  "QuantityPerUnit": "24 - 150 g jars",
+  "UnitPrice": 15.0000,
+  "UnitsInStock": 101,
+  "UnitsOnOrder": 0,
+  "ReorderLevel": 5,
+  "Discontinued": false,
+  "Category": {
+      "CategoryID": 8,
+      "CategoryName": "Seafood",
+      "Description": "Seaweed and fish"
+  }
+}, {
+  "ProductID": 74,
+  "ProductName": "Longlife Tofu",
+  "SupplierID": 4,
+  "CategoryID": 7,
+  "QuantityPerUnit": "5 kg pkg.",
+  "UnitPrice": 10.0000,
+  "UnitsInStock": 4,
+  "UnitsOnOrder": 20,
+  "ReorderLevel": 5,
+  "Discontinued": false,
+  "Category": {
+      "CategoryID": 7,
+      "CategoryName": "Produce",
+      "Description": "Dried fruit and bean curd"
+  }
+}, {
+  "ProductID": 75,
+  "ProductName": "Rhönbräu Klosterbier",
+  "SupplierID": 12,
+  "CategoryID": 1,
+  "QuantityPerUnit": "24 - 0.5 l bottles",
+  "UnitPrice": 7.7500,
+  "UnitsInStock": 125,
+  "UnitsOnOrder": 0,
+  "ReorderLevel": 25,
+  "Discontinued": false,
+  "Category": {
+      "CategoryID": 1,
+      "CategoryName": "Beverages",
+      "Description": "Soft drinks, coffees, teas, beers, and ales"
+  }
+}, {
+  "ProductID": 76,
+  "ProductName": "Lakkalikööri",
+  "SupplierID": 23,
+  "CategoryID": 1,
+  "QuantityPerUnit": "500 ml",
+  "UnitPrice": 18.0000,
+  "UnitsInStock": 57,
+  "UnitsOnOrder": 0,
+  "ReorderLevel": 20,
+  "Discontinued": false,
+  "Category": {
+      "CategoryID": 1,
+      "CategoryName": "Beverages",
+      "Description": "Soft drinks, coffees, teas, beers, and ales"
+  }
+}, {
+  "ProductID": 77,
+  "ProductName": "Original Frankfurter grüne Soße",
+  "SupplierID": 12,
+  "CategoryID": 2,
+  "QuantityPerUnit": "12 boxes",
+  "UnitPrice": 13.0000,
+  "UnitsInStock": 32,
+  "UnitsOnOrder": 0,
+  "ReorderLevel": 15,
+  "Discontinued": false,
+  "Category": {
+      "CategoryID": 2,
+      "CategoryName": "Condiments",
+      "Description": "Sweet and savory sauces, relishes, spreads, and seasonings"
+  }
+}];
+
+
 @Component({
   selector: 'app-dashboard',
   templateUrl: './dashboard.component.html',
   styleUrls: ['./dashboard.component.scss']
 })
 export class DashboardComponent implements OnInit {
+  public gridData: any[] = products;
+  public dialogOpened = false;
+  public windowOpened = false;
 
   constructor() { }
 
   ngOnInit(): void {
   }
 
+
+
+    public close(component) {
+      this[component + 'Opened'] = false;
+    }
+
+    public open(component) {
+      this[component + 'Opened'] = true;
+    }
+
+    public action(status) {
+      console.log(`Dialog result: ${status}`);
+      this.dialogOpened = false;
+    }
 }
diff --git a/src/app/dashboard/dist/dashboard.component.js b/src/app/dashboard/dist/dashboard.component.js
new file mode 100644
index 0000000..367a977
--- /dev/null
+++ b/src/app/dashboard/dist/dashboard.component.js
@@ -0,0 +1,1453 @@
+"use strict";
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+exports.__esModule = true;
+exports.DashboardComponent = exports.products = exports.sampleProducts = void 0;
+var core_1 = require("@angular/core");
+exports.sampleProducts = [
+    {
+        "ProductID": 1,
+        "ProductName": "Chai",
+        "SupplierID": 1,
+        "CategoryID": 1,
+        "QuantityPerUnit": "10 boxes x 20 bags",
+        "UnitPrice": 18,
+        "UnitsInStock": 39,
+        "UnitsOnOrder": 0,
+        "ReorderLevel": 10,
+        "Discontinued": false,
+        "Category": {
+            "CategoryID": 1,
+            "CategoryName": "Beverages",
+            "Description": "Soft drinks, coffees, teas, beers, and ales"
+        },
+        "FirstOrderedOn": new Date(1996, 8, 20)
+    },
+    {
+        "ProductID": 2,
+        "ProductName": "Chang",
+        "SupplierID": 1,
+        "CategoryID": 1,
+        "QuantityPerUnit": "24 - 12 oz bottles",
+        "UnitPrice": 19,
+        "UnitsInStock": 17,
+        "UnitsOnOrder": 40,
+        "ReorderLevel": 25,
+        "Discontinued": false,
+        "Category": {
+            "CategoryID": 1,
+            "CategoryName": "Beverages",
+            "Description": "Soft drinks, coffees, teas, beers, and ales"
+        },
+        "FirstOrderedOn": new Date(1996, 7, 12)
+    },
+    {
+        "ProductID": 3,
+        "ProductName": "Aniseed Syrup",
+        "SupplierID": 1,
+        "CategoryID": 2,
+        "QuantityPerUnit": "12 - 550 ml bottles",
+        "UnitPrice": 10,
+        "UnitsInStock": 13,
+        "UnitsOnOrder": 70,
+        "ReorderLevel": 25,
+        "Discontinued": false,
+        "Category": {
+            "CategoryID": 2,
+            "CategoryName": "Condiments",
+            "Description": "Sweet and savory sauces, relishes, spreads, and seasonings"
+        },
+        "FirstOrderedOn": new Date(1996, 8, 26)
+    },
+    {
+        "ProductID": 4,
+        "ProductName": "Chef Anton's Cajun Seasoning",
+        "SupplierID": 2,
+        "CategoryID": 2,
+        "QuantityPerUnit": "48 - 6 oz jars",
+        "UnitPrice": 22,
+        "UnitsInStock": 53,
+        "UnitsOnOrder": 0,
+        "ReorderLevel": 0,
+        "Discontinued": false,
+        "Category": {
+            "CategoryID": 2,
+            "CategoryName": "Condiments",
+            "Description": "Sweet and savory sauces, relishes, spreads, and seasonings"
+        },
+        "FirstOrderedOn": new Date(1996, 9, 19)
+    },
+    {
+        "ProductID": 5,
+        "ProductName": "Chef Anton's Gumbo Mix",
+        "SupplierID": 2,
+        "CategoryID": 2,
+        "QuantityPerUnit": "36 boxes",
+        "UnitPrice": 21.35,
+        "UnitsInStock": 0,
+        "UnitsOnOrder": 0,
+        "ReorderLevel": 0,
+        "Discontinued": true,
+        "Category": {
+            "CategoryID": 2,
+            "CategoryName": "Condiments",
+            "Description": "Sweet and savory sauces, relishes, spreads, and seasonings"
+        },
+        "FirstOrderedOn": new Date(1996, 7, 17)
+    },
+    {
+        "ProductID": 6,
+        "ProductName": "Grandma's Boysenberry Spread",
+        "SupplierID": 3,
+        "CategoryID": 2,
+        "QuantityPerUnit": "12 - 8 oz jars",
+        "UnitPrice": 25,
+        "UnitsInStock": 120,
+        "UnitsOnOrder": 0,
+        "ReorderLevel": 25,
+        "Discontinued": false,
+        "Category": {
+            "CategoryID": 2,
+            "CategoryName": "Condiments",
+            "Description": "Sweet and savory sauces, relishes, spreads, and seasonings"
+        },
+        "FirstOrderedOn": new Date(1996, 9, 19)
+    },
+    {
+        "ProductID": 7,
+        "ProductName": "Uncle Bob's Organic Dried Pears",
+        "SupplierID": 3,
+        "CategoryID": 7,
+        "QuantityPerUnit": "12 - 1 lb pkgs.",
+        "UnitPrice": 30,
+        "UnitsInStock": 15,
+        "UnitsOnOrder": 0,
+        "ReorderLevel": 10,
+        "Discontinued": false,
+        "Category": {
+            "CategoryID": 7,
+            "CategoryName": "Produce",
+            "Description": "Dried fruit and bean curd"
+        },
+        "FirstOrderedOn": new Date(1996, 7, 22)
+    },
+    {
+        "ProductID": 8,
+        "ProductName": "Northwoods Cranberry Sauce",
+        "SupplierID": 3,
+        "CategoryID": 2,
+        "QuantityPerUnit": "12 - 12 oz jars",
+        "UnitPrice": 40,
+        "UnitsInStock": 6,
+        "UnitsOnOrder": 0,
+        "ReorderLevel": 0,
+        "Discontinued": false,
+        "Category": {
+            "CategoryID": 2,
+            "CategoryName": "Condiments",
+            "Description": "Sweet and savory sauces, relishes, spreads, and seasonings"
+        },
+        "FirstOrderedOn": new Date(1996, 11, 1)
+    },
+    {
+        "ProductID": 9,
+        "ProductName": "Mishi Kobe Niku",
+        "SupplierID": 4,
+        "CategoryID": 6,
+        "QuantityPerUnit": "18 - 500 g pkgs.",
+        "UnitPrice": 97,
+        "UnitsInStock": 29,
+        "UnitsOnOrder": 0,
+        "ReorderLevel": 0,
+        "Discontinued": true,
+        "Category": {
+            "CategoryID": 6,
+            "CategoryName": "Meat/Poultry",
+            "Description": "Prepared meats"
+        },
+        "FirstOrderedOn": new Date(1997, 1, 21)
+    },
+    {
+        "ProductID": 10,
+        "ProductName": "Ikura",
+        "SupplierID": 4,
+        "CategoryID": 8,
+        "QuantityPerUnit": "12 - 200 ml jars",
+        "UnitPrice": 31,
+        "UnitsInStock": 31,
+        "UnitsOnOrder": 0,
+        "ReorderLevel": 0,
+        "Discontinued": false,
+        "Category": {
+            "CategoryID": 8,
+            "CategoryName": "Seafood",
+            "Description": "Seaweed and fish"
+        },
+        "FirstOrderedOn": new Date(1996, 8, 5)
+    }
+];
+exports.products = [{
+        "ProductID": 1,
+        "ProductName": "Chai",
+        "SupplierID": 1,
+        "CategoryID": 1,
+        "QuantityPerUnit": "10 boxes x 20 bags",
+        "UnitPrice": 18.0000,
+        "UnitsInStock": 39,
+        "UnitsOnOrder": 0,
+        "ReorderLevel": 10,
+        "Discontinued": false,
+        "Category": {
+            "CategoryID": 1,
+            "CategoryName": "Beverages",
+            "Description": "Soft drinks, coffees, teas, beers, and ales"
+        }
+    }, {
+        "ProductID": 2,
+        "ProductName": "Chang",
+        "SupplierID": 1,
+        "CategoryID": 1,
+        "QuantityPerUnit": "24 - 12 oz bottles",
+        "UnitPrice": 19.0000,
+        "UnitsInStock": 17,
+        "UnitsOnOrder": 40,
+        "ReorderLevel": 25,
+        "Discontinued": false,
+        "Category": {
+            "CategoryID": 1,
+            "CategoryName": "Beverages",
+            "Description": "Soft drinks, coffees, teas, beers, and ales"
+        }
+    }, {
+        "ProductID": 3,
+        "ProductName": "Aniseed Syrup",
+        "SupplierID": 1,
+        "CategoryID": 2,
+        "QuantityPerUnit": "12 - 550 ml bottles",
+        "UnitPrice": 10.0000,
+        "UnitsInStock": 13,
+        "UnitsOnOrder": 70,
+        "ReorderLevel": 25,
+        "Discontinued": false,
+        "Category": {
+            "CategoryID": 2,
+            "CategoryName": "Condiments",
+            "Description": "Sweet and savory sauces, relishes, spreads, and seasonings"
+        }
+    }, {
+        "ProductID": 4,
+        "ProductName": "Chef Anton's Cajun Seasoning",
+        "SupplierID": 2,
+        "CategoryID": 2,
+        "QuantityPerUnit": "48 - 6 oz jars",
+        "UnitPrice": 22.0000,
+        "UnitsInStock": 53,
+        "UnitsOnOrder": 0,
+        "ReorderLevel": 0,
+        "Discontinued": false,
+        "Category": {
+            "CategoryID": 2,
+            "CategoryName": "Condiments",
+            "Description": "Sweet and savory sauces, relishes, spreads, and seasonings"
+        }
+    }, {
+        "ProductID": 5,
+        "ProductName": "Chef Anton's Gumbo Mix",
+        "SupplierID": 2,
+        "CategoryID": 2,
+        "QuantityPerUnit": "36 boxes",
+        "UnitPrice": 21.3500,
+        "UnitsInStock": 0,
+        "UnitsOnOrder": 0,
+        "ReorderLevel": 0,
+        "Discontinued": true,
+        "Category": {
+            "CategoryID": 2,
+            "CategoryName": "Condiments",
+            "Description": "Sweet and savory sauces, relishes, spreads, and seasonings"
+        }
+    }, {
+        "ProductID": 6,
+        "ProductName": "Grandma's Boysenberry Spread",
+        "SupplierID": 3,
+        "CategoryID": 2,
+        "QuantityPerUnit": "12 - 8 oz jars",
+        "UnitPrice": 25.0000,
+        "UnitsInStock": 120,
+        "UnitsOnOrder": 0,
+        "ReorderLevel": 25,
+        "Discontinued": false,
+        "Category": {
+            "CategoryID": 2,
+            "CategoryName": "Condiments",
+            "Description": "Sweet and savory sauces, relishes, spreads, and seasonings"
+        }
+    }, {
+        "ProductID": 7,
+        "ProductName": "Uncle Bob's Organic Dried Pears",
+        "SupplierID": 3,
+        "CategoryID": 7,
+        "QuantityPerUnit": "12 - 1 lb pkgs.",
+        "UnitPrice": 30.0000,
+        "UnitsInStock": 15,
+        "UnitsOnOrder": 0,
+        "ReorderLevel": 10,
+        "Discontinued": false,
+        "Category": {
+            "CategoryID": 7,
+            "CategoryName": "Produce",
+            "Description": "Dried fruit and bean curd"
+        }
+    }, {
+        "ProductID": 8,
+        "ProductName": "Northwoods Cranberry Sauce",
+        "SupplierID": 3,
+        "CategoryID": 2,
+        "QuantityPerUnit": "12 - 12 oz jars",
+        "UnitPrice": 40.0000,
+        "UnitsInStock": 6,
+        "UnitsOnOrder": 0,
+        "ReorderLevel": 0,
+        "Discontinued": false,
+        "Category": {
+            "CategoryID": 2,
+            "CategoryName": "Condiments",
+            "Description": "Sweet and savory sauces, relishes, spreads, and seasonings"
+        }
+    }, {
+        "ProductID": 9,
+        "ProductName": "Mishi Kobe Niku",
+        "SupplierID": 4,
+        "CategoryID": 6,
+        "QuantityPerUnit": "18 - 500 g pkgs.",
+        "UnitPrice": 97.0000,
+        "UnitsInStock": 29,
+        "UnitsOnOrder": 0,
+        "ReorderLevel": 0,
+        "Discontinued": true,
+        "Category": {
+            "CategoryID": 6,
+            "CategoryName": "Meat/Poultry",
+            "Description": "Prepared meats"
+        }
+    }, {
+        "ProductID": 10,
+        "ProductName": "Ikura",
+        "SupplierID": 4,
+        "CategoryID": 8,
+        "QuantityPerUnit": "12 - 200 ml jars",
+        "UnitPrice": 31.0000,
+        "UnitsInStock": 31,
+        "UnitsOnOrder": 0,
+        "ReorderLevel": 0,
+        "Discontinued": false,
+        "Category": {
+            "CategoryID": 8,
+            "CategoryName": "Seafood",
+            "Description": "Seaweed and fish"
+        }
+    }, {
+        "ProductID": 11,
+        "ProductName": "Queso Cabrales",
+        "SupplierID": 5,
+        "CategoryID": 4,
+        "QuantityPerUnit": "1 kg pkg.",
+        "UnitPrice": 21.0000,
+        "UnitsInStock": 22,
+        "UnitsOnOrder": 30,
+        "ReorderLevel": 30,
+        "Discontinued": false,
+        "Category": {
+            "CategoryID": 4,
+            "CategoryName": "Dairy Products",
+            "Description": "Cheeses"
+        }
+    }, {
+        "ProductID": 12,
+        "ProductName": "Queso Manchego La Pastora",
+        "SupplierID": 5,
+        "CategoryID": 4,
+        "QuantityPerUnit": "10 - 500 g pkgs.",
+        "UnitPrice": 38.0000,
+        "UnitsInStock": 86,
+        "UnitsOnOrder": 0,
+        "ReorderLevel": 0,
+        "Discontinued": false,
+        "Category": {
+            "CategoryID": 4,
+            "CategoryName": "Dairy Products",
+            "Description": "Cheeses"
+        }
+    }, {
+        "ProductID": 13,
+        "ProductName": "Konbu",
+        "SupplierID": 6,
+        "CategoryID": 8,
+        "QuantityPerUnit": "2 kg box",
+        "UnitPrice": 6.0000,
+        "UnitsInStock": 24,
+        "UnitsOnOrder": 0,
+        "ReorderLevel": 5,
+        "Discontinued": false,
+        "Category": {
+            "CategoryID": 8,
+            "CategoryName": "Seafood",
+            "Description": "Seaweed and fish"
+        }
+    }, {
+        "ProductID": 14,
+        "ProductName": "Tofu",
+        "SupplierID": 6,
+        "CategoryID": 7,
+        "QuantityPerUnit": "40 - 100 g pkgs.",
+        "UnitPrice": 23.2500,
+        "UnitsInStock": 35,
+        "UnitsOnOrder": 0,
+        "ReorderLevel": 0,
+        "Discontinued": false,
+        "Category": {
+            "CategoryID": 7,
+            "CategoryName": "Produce",
+            "Description": "Dried fruit and bean curd"
+        }
+    }, {
+        "ProductID": 15,
+        "ProductName": "Genen Shouyu",
+        "SupplierID": 6,
+        "CategoryID": 2,
+        "QuantityPerUnit": "24 - 250 ml bottles",
+        "UnitPrice": 15.5000,
+        "UnitsInStock": 39,
+        "UnitsOnOrder": 0,
+        "ReorderLevel": 5,
+        "Discontinued": false,
+        "Category": {
+            "CategoryID": 2,
+            "CategoryName": "Condiments",
+            "Description": "Sweet and savory sauces, relishes, spreads, and seasonings"
+        }
+    }, {
+        "ProductID": 16,
+        "ProductName": "Pavlova",
+        "SupplierID": 7,
+        "CategoryID": 3,
+        "QuantityPerUnit": "32 - 500 g boxes",
+        "UnitPrice": 17.4500,
+        "UnitsInStock": 29,
+        "UnitsOnOrder": 0,
+        "ReorderLevel": 10,
+        "Discontinued": false,
+        "Category": {
+            "CategoryID": 3,
+            "CategoryName": "Confections",
+            "Description": "Desserts, candies, and sweet breads"
+        }
+    }, {
+        "ProductID": 17,
+        "ProductName": "Alice Mutton",
+        "SupplierID": 7,
+        "CategoryID": 6,
+        "QuantityPerUnit": "20 - 1 kg tins",
+        "UnitPrice": 39.0000,
+        "UnitsInStock": 0,
+        "UnitsOnOrder": 0,
+        "ReorderLevel": 0,
+        "Discontinued": true,
+        "Category": {
+            "CategoryID": 6,
+            "CategoryName": "Meat/Poultry",
+            "Description": "Prepared meats"
+        }
+    }, {
+        "ProductID": 18,
+        "ProductName": "Carnarvon Tigers",
+        "SupplierID": 7,
+        "CategoryID": 8,
+        "QuantityPerUnit": "16 kg pkg.",
+        "UnitPrice": 62.5000,
+        "UnitsInStock": 42,
+        "UnitsOnOrder": 0,
+        "ReorderLevel": 0,
+        "Discontinued": false,
+        "Category": {
+            "CategoryID": 8,
+            "CategoryName": "Seafood",
+            "Description": "Seaweed and fish"
+        }
+    }, {
+        "ProductID": 19,
+        "ProductName": "Teatime Chocolate Biscuits",
+        "SupplierID": 8,
+        "CategoryID": 3,
+        "QuantityPerUnit": "10 boxes x 12 pieces",
+        "UnitPrice": 9.2000,
+        "UnitsInStock": 25,
+        "UnitsOnOrder": 0,
+        "ReorderLevel": 5,
+        "Discontinued": false,
+        "Category": {
+            "CategoryID": 3,
+            "CategoryName": "Confections",
+            "Description": "Desserts, candies, and sweet breads"
+        }
+    }, {
+        "ProductID": 20,
+        "ProductName": "Sir Rodney's Marmalade",
+        "SupplierID": 8,
+        "CategoryID": 3,
+        "QuantityPerUnit": "30 gift boxes",
+        "UnitPrice": 81.0000,
+        "UnitsInStock": 40,
+        "UnitsOnOrder": 0,
+        "ReorderLevel": 0,
+        "Discontinued": false,
+        "Category": {
+            "CategoryID": 3,
+            "CategoryName": "Confections",
+            "Description": "Desserts, candies, and sweet breads"
+        }
+    }, {
+        "ProductID": 21,
+        "ProductName": "Sir Rodney's Scones",
+        "SupplierID": 8,
+        "CategoryID": 3,
+        "QuantityPerUnit": "24 pkgs. x 4 pieces",
+        "UnitPrice": 10.0000,
+        "UnitsInStock": 3,
+        "UnitsOnOrder": 40,
+        "ReorderLevel": 5,
+        "Discontinued": false,
+        "Category": {
+            "CategoryID": 3,
+            "CategoryName": "Confections",
+            "Description": "Desserts, candies, and sweet breads"
+        }
+    }, {
+        "ProductID": 22,
+        "ProductName": "Gustaf's Knäckebröd",
+        "SupplierID": 9,
+        "CategoryID": 5,
+        "QuantityPerUnit": "24 - 500 g pkgs.",
+        "UnitPrice": 21.0000,
+        "UnitsInStock": 104,
+        "UnitsOnOrder": 0,
+        "ReorderLevel": 25,
+        "Discontinued": false,
+        "Category": {
+            "CategoryID": 5,
+            "CategoryName": "Grains/Cereals",
+            "Description": "Breads, crackers, pasta, and cereal"
+        }
+    }, {
+        "ProductID": 23,
+        "ProductName": "Tunnbröd",
+        "SupplierID": 9,
+        "CategoryID": 5,
+        "QuantityPerUnit": "12 - 250 g pkgs.",
+        "UnitPrice": 9.0000,
+        "UnitsInStock": 61,
+        "UnitsOnOrder": 0,
+        "ReorderLevel": 25,
+        "Discontinued": false,
+        "Category": {
+            "CategoryID": 5,
+            "CategoryName": "Grains/Cereals",
+            "Description": "Breads, crackers, pasta, and cereal"
+        }
+    }, {
+        "ProductID": 24,
+        "ProductName": "Guaraná Fantástica",
+        "SupplierID": 10,
+        "CategoryID": 1,
+        "QuantityPerUnit": "12 - 355 ml cans",
+        "UnitPrice": 4.5000,
+        "UnitsInStock": 20,
+        "UnitsOnOrder": 0,
+        "ReorderLevel": 0,
+        "Discontinued": true,
+        "Category": {
+            "CategoryID": 1,
+            "CategoryName": "Beverages",
+            "Description": "Soft drinks, coffees, teas, beers, and ales"
+        }
+    }, {
+        "ProductID": 25,
+        "ProductName": "NuNuCa Nuß-Nougat-Creme",
+        "SupplierID": 11,
+        "CategoryID": 3,
+        "QuantityPerUnit": "20 - 450 g glasses",
+        "UnitPrice": 14.0000,
+        "UnitsInStock": 76,
+        "UnitsOnOrder": 0,
+        "ReorderLevel": 30,
+        "Discontinued": false,
+        "Category": {
+            "CategoryID": 3,
+            "CategoryName": "Confections",
+            "Description": "Desserts, candies, and sweet breads"
+        }
+    }, {
+        "ProductID": 26,
+        "ProductName": "Gumbär Gummibärchen",
+        "SupplierID": 11,
+        "CategoryID": 3,
+        "QuantityPerUnit": "100 - 250 g bags",
+        "UnitPrice": 31.2300,
+        "UnitsInStock": 15,
+        "UnitsOnOrder": 0,
+        "ReorderLevel": 0,
+        "Discontinued": false,
+        "Category": {
+            "CategoryID": 3,
+            "CategoryName": "Confections",
+            "Description": "Desserts, candies, and sweet breads"
+        }
+    }, {
+        "ProductID": 27,
+        "ProductName": "Schoggi Schokolade",
+        "SupplierID": 11,
+        "CategoryID": 3,
+        "QuantityPerUnit": "100 - 100 g pieces",
+        "UnitPrice": 43.9000,
+        "UnitsInStock": 49,
+        "UnitsOnOrder": 0,
+        "ReorderLevel": 30,
+        "Discontinued": false,
+        "Category": {
+            "CategoryID": 3,
+            "CategoryName": "Confections",
+            "Description": "Desserts, candies, and sweet breads"
+        }
+    }, {
+        "ProductID": 28,
+        "ProductName": "Rössle Sauerkraut",
+        "SupplierID": 12,
+        "CategoryID": 7,
+        "QuantityPerUnit": "25 - 825 g cans",
+        "UnitPrice": 45.6000,
+        "UnitsInStock": 26,
+        "UnitsOnOrder": 0,
+        "ReorderLevel": 0,
+        "Discontinued": true,
+        "Category": {
+            "CategoryID": 7,
+            "CategoryName": "Produce",
+            "Description": "Dried fruit and bean curd"
+        }
+    }, {
+        "ProductID": 29,
+        "ProductName": "Thüringer Rostbratwurst",
+        "SupplierID": 12,
+        "CategoryID": 6,
+        "QuantityPerUnit": "50 bags x 30 sausgs.",
+        "UnitPrice": 123.7900,
+        "UnitsInStock": 0,
+        "UnitsOnOrder": 0,
+        "ReorderLevel": 0,
+        "Discontinued": true,
+        "Category": {
+            "CategoryID": 6,
+            "CategoryName": "Meat/Poultry",
+            "Description": "Prepared meats"
+        }
+    }, {
+        "ProductID": 30,
+        "ProductName": "Nord-Ost Matjeshering",
+        "SupplierID": 13,
+        "CategoryID": 8,
+        "QuantityPerUnit": "10 - 200 g glasses",
+        "UnitPrice": 25.8900,
+        "UnitsInStock": 10,
+        "UnitsOnOrder": 0,
+        "ReorderLevel": 15,
+        "Discontinued": false,
+        "Category": {
+            "CategoryID": 8,
+            "CategoryName": "Seafood",
+            "Description": "Seaweed and fish"
+        }
+    }, {
+        "ProductID": 31,
+        "ProductName": "Gorgonzola Telino",
+        "SupplierID": 14,
+        "CategoryID": 4,
+        "QuantityPerUnit": "12 - 100 g pkgs",
+        "UnitPrice": 12.5000,
+        "UnitsInStock": 0,
+        "UnitsOnOrder": 70,
+        "ReorderLevel": 20,
+        "Discontinued": false,
+        "Category": {
+            "CategoryID": 4,
+            "CategoryName": "Dairy Products",
+            "Description": "Cheeses"
+        }
+    }, {
+        "ProductID": 32,
+        "ProductName": "Mascarpone Fabioli",
+        "SupplierID": 14,
+        "CategoryID": 4,
+        "QuantityPerUnit": "24 - 200 g pkgs.",
+        "UnitPrice": 32.0000,
+        "UnitsInStock": 9,
+        "UnitsOnOrder": 40,
+        "ReorderLevel": 25,
+        "Discontinued": false,
+        "Category": {
+            "CategoryID": 4,
+            "CategoryName": "Dairy Products",
+            "Description": "Cheeses"
+        }
+    }, {
+        "ProductID": 33,
+        "ProductName": "Geitost",
+        "SupplierID": 15,
+        "CategoryID": 4,
+        "QuantityPerUnit": "500 g",
+        "UnitPrice": 2.5000,
+        "UnitsInStock": 112,
+        "UnitsOnOrder": 0,
+        "ReorderLevel": 20,
+        "Discontinued": false,
+        "Category": {
+            "CategoryID": 4,
+            "CategoryName": "Dairy Products",
+            "Description": "Cheeses"
+        }
+    }, {
+        "ProductID": 34,
+        "ProductName": "Sasquatch Ale",
+        "SupplierID": 16,
+        "CategoryID": 1,
+        "QuantityPerUnit": "24 - 12 oz bottles",
+        "UnitPrice": 14.0000,
+        "UnitsInStock": 111,
+        "UnitsOnOrder": 0,
+        "ReorderLevel": 15,
+        "Discontinued": false,
+        "Category": {
+            "CategoryID": 1,
+            "CategoryName": "Beverages",
+            "Description": "Soft drinks, coffees, teas, beers, and ales"
+        }
+    }, {
+        "ProductID": 35,
+        "ProductName": "Steeleye Stout",
+        "SupplierID": 16,
+        "CategoryID": 1,
+        "QuantityPerUnit": "24 - 12 oz bottles",
+        "UnitPrice": 18.0000,
+        "UnitsInStock": 20,
+        "UnitsOnOrder": 0,
+        "ReorderLevel": 15,
+        "Discontinued": false,
+        "Category": {
+            "CategoryID": 1,
+            "CategoryName": "Beverages",
+            "Description": "Soft drinks, coffees, teas, beers, and ales"
+        }
+    }, {
+        "ProductID": 36,
+        "ProductName": "Inlagd Sill",
+        "SupplierID": 17,
+        "CategoryID": 8,
+        "QuantityPerUnit": "24 - 250 g  jars",
+        "UnitPrice": 19.0000,
+        "UnitsInStock": 112,
+        "UnitsOnOrder": 0,
+        "ReorderLevel": 20,
+        "Discontinued": false,
+        "Category": {
+            "CategoryID": 8,
+            "CategoryName": "Seafood",
+            "Description": "Seaweed and fish"
+        }
+    }, {
+        "ProductID": 37,
+        "ProductName": "Gravad lax",
+        "SupplierID": 17,
+        "CategoryID": 8,
+        "QuantityPerUnit": "12 - 500 g pkgs.",
+        "UnitPrice": 26.0000,
+        "UnitsInStock": 11,
+        "UnitsOnOrder": 50,
+        "ReorderLevel": 25,
+        "Discontinued": false,
+        "Category": {
+            "CategoryID": 8,
+            "CategoryName": "Seafood",
+            "Description": "Seaweed and fish"
+        }
+    }, {
+        "ProductID": 38,
+        "ProductName": "Côte de Blaye",
+        "SupplierID": 18,
+        "CategoryID": 1,
+        "QuantityPerUnit": "12 - 75 cl bottles",
+        "UnitPrice": 263.5000,
+        "UnitsInStock": 17,
+        "UnitsOnOrder": 0,
+        "ReorderLevel": 15,
+        "Discontinued": false,
+        "Category": {
+            "CategoryID": 1,
+            "CategoryName": "Beverages",
+            "Description": "Soft drinks, coffees, teas, beers, and ales"
+        }
+    }, {
+        "ProductID": 39,
+        "ProductName": "Chartreuse verte",
+        "SupplierID": 18,
+        "CategoryID": 1,
+        "QuantityPerUnit": "750 cc per bottle",
+        "UnitPrice": 18.0000,
+        "UnitsInStock": 69,
+        "UnitsOnOrder": 0,
+        "ReorderLevel": 5,
+        "Discontinued": false,
+        "Category": {
+            "CategoryID": 1,
+            "CategoryName": "Beverages",
+            "Description": "Soft drinks, coffees, teas, beers, and ales"
+        }
+    }, {
+        "ProductID": 40,
+        "ProductName": "Boston Crab Meat",
+        "SupplierID": 19,
+        "CategoryID": 8,
+        "QuantityPerUnit": "24 - 4 oz tins",
+        "UnitPrice": 18.4000,
+        "UnitsInStock": 123,
+        "UnitsOnOrder": 0,
+        "ReorderLevel": 30,
+        "Discontinued": false,
+        "Category": {
+            "CategoryID": 8,
+            "CategoryName": "Seafood",
+            "Description": "Seaweed and fish"
+        }
+    }, {
+        "ProductID": 41,
+        "ProductName": "Jack's New England Clam Chowder",
+        "SupplierID": 19,
+        "CategoryID": 8,
+        "QuantityPerUnit": "12 - 12 oz cans",
+        "UnitPrice": 9.6500,
+        "UnitsInStock": 85,
+        "UnitsOnOrder": 0,
+        "ReorderLevel": 10,
+        "Discontinued": false,
+        "Category": {
+            "CategoryID": 8,
+            "CategoryName": "Seafood",
+            "Description": "Seaweed and fish"
+        }
+    }, {
+        "ProductID": 42,
+        "ProductName": "Singaporean Hokkien Fried Mee",
+        "SupplierID": 20,
+        "CategoryID": 5,
+        "QuantityPerUnit": "32 - 1 kg pkgs.",
+        "UnitPrice": 14.0000,
+        "UnitsInStock": 26,
+        "UnitsOnOrder": 0,
+        "ReorderLevel": 0,
+        "Discontinued": true,
+        "Category": {
+            "CategoryID": 5,
+            "CategoryName": "Grains/Cereals",
+            "Description": "Breads, crackers, pasta, and cereal"
+        }
+    }, {
+        "ProductID": 43,
+        "ProductName": "Ipoh Coffee",
+        "SupplierID": 20,
+        "CategoryID": 1,
+        "QuantityPerUnit": "16 - 500 g tins",
+        "UnitPrice": 46.0000,
+        "UnitsInStock": 17,
+        "UnitsOnOrder": 10,
+        "ReorderLevel": 25,
+        "Discontinued": false,
+        "Category": {
+            "CategoryID": 1,
+            "CategoryName": "Beverages",
+            "Description": "Soft drinks, coffees, teas, beers, and ales"
+        }
+    }, {
+        "ProductID": 44,
+        "ProductName": "Gula Malacca",
+        "SupplierID": 20,
+        "CategoryID": 2,
+        "QuantityPerUnit": "20 - 2 kg bags",
+        "UnitPrice": 19.4500,
+        "UnitsInStock": 27,
+        "UnitsOnOrder": 0,
+        "ReorderLevel": 15,
+        "Discontinued": false,
+        "Category": {
+            "CategoryID": 2,
+            "CategoryName": "Condiments",
+            "Description": "Sweet and savory sauces, relishes, spreads, and seasonings"
+        }
+    }, {
+        "ProductID": 45,
+        "ProductName": "Rogede sild",
+        "SupplierID": 21,
+        "CategoryID": 8,
+        "QuantityPerUnit": "1k pkg.",
+        "UnitPrice": 9.5000,
+        "UnitsInStock": 5,
+        "UnitsOnOrder": 70,
+        "ReorderLevel": 15,
+        "Discontinued": false,
+        "Category": {
+            "CategoryID": 8,
+            "CategoryName": "Seafood",
+            "Description": "Seaweed and fish"
+        }
+    }, {
+        "ProductID": 46,
+        "ProductName": "Spegesild",
+        "SupplierID": 21,
+        "CategoryID": 8,
+        "QuantityPerUnit": "4 - 450 g glasses",
+        "UnitPrice": 12.0000,
+        "UnitsInStock": 95,
+        "UnitsOnOrder": 0,
+        "ReorderLevel": 0,
+        "Discontinued": false,
+        "Category": {
+            "CategoryID": 8,
+            "CategoryName": "Seafood",
+            "Description": "Seaweed and fish"
+        }
+    }, {
+        "ProductID": 47,
+        "ProductName": "Zaanse koeken",
+        "SupplierID": 22,
+        "CategoryID": 3,
+        "QuantityPerUnit": "10 - 4 oz boxes",
+        "UnitPrice": 9.5000,
+        "UnitsInStock": 36,
+        "UnitsOnOrder": 0,
+        "ReorderLevel": 0,
+        "Discontinued": false,
+        "Category": {
+            "CategoryID": 3,
+            "CategoryName": "Confections",
+            "Description": "Desserts, candies, and sweet breads"
+        }
+    }, {
+        "ProductID": 48,
+        "ProductName": "Chocolade",
+        "SupplierID": 22,
+        "CategoryID": 3,
+        "QuantityPerUnit": "10 pkgs.",
+        "UnitPrice": 12.7500,
+        "UnitsInStock": 15,
+        "UnitsOnOrder": 70,
+        "ReorderLevel": 25,
+        "Discontinued": false,
+        "Category": {
+            "CategoryID": 3,
+            "CategoryName": "Confections",
+            "Description": "Desserts, candies, and sweet breads"
+        }
+    }, {
+        "ProductID": 49,
+        "ProductName": "Maxilaku",
+        "SupplierID": 23,
+        "CategoryID": 3,
+        "QuantityPerUnit": "24 - 50 g pkgs.",
+        "UnitPrice": 20.0000,
+        "UnitsInStock": 10,
+        "UnitsOnOrder": 60,
+        "ReorderLevel": 15,
+        "Discontinued": false,
+        "Category": {
+            "CategoryID": 3,
+            "CategoryName": "Confections",
+            "Description": "Desserts, candies, and sweet breads"
+        }
+    }, {
+        "ProductID": 50,
+        "ProductName": "Valkoinen suklaa",
+        "SupplierID": 23,
+        "CategoryID": 3,
+        "QuantityPerUnit": "12 - 100 g bars",
+        "UnitPrice": 16.2500,
+        "UnitsInStock": 65,
+        "UnitsOnOrder": 0,
+        "ReorderLevel": 30,
+        "Discontinued": false,
+        "Category": {
+            "CategoryID": 3,
+            "CategoryName": "Confections",
+            "Description": "Desserts, candies, and sweet breads"
+        }
+    }, {
+        "ProductID": 51,
+        "ProductName": "Manjimup Dried Apples",
+        "SupplierID": 24,
+        "CategoryID": 7,
+        "QuantityPerUnit": "50 - 300 g pkgs.",
+        "UnitPrice": 53.0000,
+        "UnitsInStock": 20,
+        "UnitsOnOrder": 0,
+        "ReorderLevel": 10,
+        "Discontinued": false,
+        "Category": {
+            "CategoryID": 7,
+            "CategoryName": "Produce",
+            "Description": "Dried fruit and bean curd"
+        }
+    }, {
+        "ProductID": 52,
+        "ProductName": "Filo Mix",
+        "SupplierID": 24,
+        "CategoryID": 5,
+        "QuantityPerUnit": "16 - 2 kg boxes",
+        "UnitPrice": 7.0000,
+        "UnitsInStock": 38,
+        "UnitsOnOrder": 0,
+        "ReorderLevel": 25,
+        "Discontinued": false,
+        "Category": {
+            "CategoryID": 5,
+            "CategoryName": "Grains/Cereals",
+            "Description": "Breads, crackers, pasta, and cereal"
+        }
+    }, {
+        "ProductID": 53,
+        "ProductName": "Perth Pasties",
+        "SupplierID": 24,
+        "CategoryID": 6,
+        "QuantityPerUnit": "48 pieces",
+        "UnitPrice": 32.8000,
+        "UnitsInStock": 0,
+        "UnitsOnOrder": 0,
+        "ReorderLevel": 0,
+        "Discontinued": true,
+        "Category": {
+            "CategoryID": 6,
+            "CategoryName": "Meat/Poultry",
+            "Description": "Prepared meats"
+        }
+    }, {
+        "ProductID": 54,
+        "ProductName": "Tourtière",
+        "SupplierID": 25,
+        "CategoryID": 6,
+        "QuantityPerUnit": "16 pies",
+        "UnitPrice": 7.4500,
+        "UnitsInStock": 21,
+        "UnitsOnOrder": 0,
+        "ReorderLevel": 10,
+        "Discontinued": false,
+        "Category": {
+            "CategoryID": 6,
+            "CategoryName": "Meat/Poultry",
+            "Description": "Prepared meats"
+        }
+    }, {
+        "ProductID": 55,
+        "ProductName": "Pâté chinois",
+        "SupplierID": 25,
+        "CategoryID": 6,
+        "QuantityPerUnit": "24 boxes x 2 pies",
+        "UnitPrice": 24.0000,
+        "UnitsInStock": 115,
+        "UnitsOnOrder": 0,
+        "ReorderLevel": 20,
+        "Discontinued": false,
+        "Category": {
+            "CategoryID": 6,
+            "CategoryName": "Meat/Poultry",
+            "Description": "Prepared meats"
+        }
+    }, {
+        "ProductID": 56,
+        "ProductName": "Gnocchi di nonna Alice",
+        "SupplierID": 26,
+        "CategoryID": 5,
+        "QuantityPerUnit": "24 - 250 g pkgs.",
+        "UnitPrice": 38.0000,
+        "UnitsInStock": 21,
+        "UnitsOnOrder": 10,
+        "ReorderLevel": 30,
+        "Discontinued": false,
+        "Category": {
+            "CategoryID": 5,
+            "CategoryName": "Grains/Cereals",
+            "Description": "Breads, crackers, pasta, and cereal"
+        }
+    }, {
+        "ProductID": 57,
+        "ProductName": "Ravioli Angelo",
+        "SupplierID": 26,
+        "CategoryID": 5,
+        "QuantityPerUnit": "24 - 250 g pkgs.",
+        "UnitPrice": 19.5000,
+        "UnitsInStock": 36,
+        "UnitsOnOrder": 0,
+        "ReorderLevel": 20,
+        "Discontinued": false,
+        "Category": {
+            "CategoryID": 5,
+            "CategoryName": "Grains/Cereals",
+            "Description": "Breads, crackers, pasta, and cereal"
+        }
+    }, {
+        "ProductID": 58,
+        "ProductName": "Escargots de Bourgogne",
+        "SupplierID": 27,
+        "CategoryID": 8,
+        "QuantityPerUnit": "24 pieces",
+        "UnitPrice": 13.2500,
+        "UnitsInStock": 62,
+        "UnitsOnOrder": 0,
+        "ReorderLevel": 20,
+        "Discontinued": false,
+        "Category": {
+            "CategoryID": 8,
+            "CategoryName": "Seafood",
+            "Description": "Seaweed and fish"
+        }
+    }, {
+        "ProductID": 59,
+        "ProductName": "Raclette Courdavault",
+        "SupplierID": 28,
+        "CategoryID": 4,
+        "QuantityPerUnit": "5 kg pkg.",
+        "UnitPrice": 55.0000,
+        "UnitsInStock": 79,
+        "UnitsOnOrder": 0,
+        "ReorderLevel": 0,
+        "Discontinued": false,
+        "Category": {
+            "CategoryID": 4,
+            "CategoryName": "Dairy Products",
+            "Description": "Cheeses"
+        }
+    }, {
+        "ProductID": 60,
+        "ProductName": "Camembert Pierrot",
+        "SupplierID": 28,
+        "CategoryID": 4,
+        "QuantityPerUnit": "15 - 300 g rounds",
+        "UnitPrice": 34.0000,
+        "UnitsInStock": 19,
+        "UnitsOnOrder": 0,
+        "ReorderLevel": 0,
+        "Discontinued": false,
+        "Category": {
+            "CategoryID": 4,
+            "CategoryName": "Dairy Products",
+            "Description": "Cheeses"
+        }
+    }, {
+        "ProductID": 61,
+        "ProductName": "Sirop d'érable",
+        "SupplierID": 29,
+        "CategoryID": 2,
+        "QuantityPerUnit": "24 - 500 ml bottles",
+        "UnitPrice": 28.5000,
+        "UnitsInStock": 113,
+        "UnitsOnOrder": 0,
+        "ReorderLevel": 25,
+        "Discontinued": false,
+        "Category": {
+            "CategoryID": 2,
+            "CategoryName": "Condiments",
+            "Description": "Sweet and savory sauces, relishes, spreads, and seasonings"
+        }
+    }, {
+        "ProductID": 62,
+        "ProductName": "Tarte au sucre",
+        "SupplierID": 29,
+        "CategoryID": 3,
+        "QuantityPerUnit": "48 pies",
+        "UnitPrice": 49.3000,
+        "UnitsInStock": 17,
+        "UnitsOnOrder": 0,
+        "ReorderLevel": 0,
+        "Discontinued": false,
+        "Category": {
+            "CategoryID": 3,
+            "CategoryName": "Confections",
+            "Description": "Desserts, candies, and sweet breads"
+        }
+    }, {
+        "ProductID": 63,
+        "ProductName": "Vegie-spread",
+        "SupplierID": 7,
+        "CategoryID": 2,
+        "QuantityPerUnit": "15 - 625 g jars",
+        "UnitPrice": 43.9000,
+        "UnitsInStock": 24,
+        "UnitsOnOrder": 0,
+        "ReorderLevel": 5,
+        "Discontinued": false,
+        "Category": {
+            "CategoryID": 2,
+            "CategoryName": "Condiments",
+            "Description": "Sweet and savory sauces, relishes, spreads, and seasonings"
+        }
+    }, {
+        "ProductID": 64,
+        "ProductName": "Wimmers gute Semmelknödel",
+        "SupplierID": 12,
+        "CategoryID": 5,
+        "QuantityPerUnit": "20 bags x 4 pieces",
+        "UnitPrice": 33.2500,
+        "UnitsInStock": 22,
+        "UnitsOnOrder": 80,
+        "ReorderLevel": 30,
+        "Discontinued": false,
+        "Category": {
+            "CategoryID": 5,
+            "CategoryName": "Grains/Cereals",
+            "Description": "Breads, crackers, pasta, and cereal"
+        }
+    }, {
+        "ProductID": 65,
+        "ProductName": "Louisiana Fiery Hot Pepper Sauce",
+        "SupplierID": 2,
+        "CategoryID": 2,
+        "QuantityPerUnit": "32 - 8 oz bottles",
+        "UnitPrice": 21.0500,
+        "UnitsInStock": 76,
+        "UnitsOnOrder": 0,
+        "ReorderLevel": 0,
+        "Discontinued": false,
+        "Category": {
+            "CategoryID": 2,
+            "CategoryName": "Condiments",
+            "Description": "Sweet and savory sauces, relishes, spreads, and seasonings"
+        }
+    }, {
+        "ProductID": 66,
+        "ProductName": "Louisiana Hot Spiced Okra",
+        "SupplierID": 2,
+        "CategoryID": 2,
+        "QuantityPerUnit": "24 - 8 oz jars",
+        "UnitPrice": 17.0000,
+        "UnitsInStock": 4,
+        "UnitsOnOrder": 100,
+        "ReorderLevel": 20,
+        "Discontinued": false,
+        "Category": {
+            "CategoryID": 2,
+            "CategoryName": "Condiments",
+            "Description": "Sweet and savory sauces, relishes, spreads, and seasonings"
+        }
+    }, {
+        "ProductID": 67,
+        "ProductName": "Laughing Lumberjack Lager",
+        "SupplierID": 16,
+        "CategoryID": 1,
+        "QuantityPerUnit": "24 - 12 oz bottles",
+        "UnitPrice": 14.0000,
+        "UnitsInStock": 52,
+        "UnitsOnOrder": 0,
+        "ReorderLevel": 10,
+        "Discontinued": false,
+        "Category": {
+            "CategoryID": 1,
+            "CategoryName": "Beverages",
+            "Description": "Soft drinks, coffees, teas, beers, and ales"
+        }
+    }, {
+        "ProductID": 68,
+        "ProductName": "Scottish Longbreads",
+        "SupplierID": 8,
+        "CategoryID": 3,
+        "QuantityPerUnit": "10 boxes x 8 pieces",
+        "UnitPrice": 12.5000,
+        "UnitsInStock": 6,
+        "UnitsOnOrder": 10,
+        "ReorderLevel": 15,
+        "Discontinued": false,
+        "Category": {
+            "CategoryID": 3,
+            "CategoryName": "Confections",
+            "Description": "Desserts, candies, and sweet breads"
+        }
+    }, {
+        "ProductID": 69,
+        "ProductName": "Gudbrandsdalsost",
+        "SupplierID": 15,
+        "CategoryID": 4,
+        "QuantityPerUnit": "10 kg pkg.",
+        "UnitPrice": 36.0000,
+        "UnitsInStock": 26,
+        "UnitsOnOrder": 0,
+        "ReorderLevel": 15,
+        "Discontinued": false,
+        "Category": {
+            "CategoryID": 4,
+            "CategoryName": "Dairy Products",
+            "Description": "Cheeses"
+        }
+    }, {
+        "ProductID": 70,
+        "ProductName": "Outback Lager",
+        "SupplierID": 7,
+        "CategoryID": 1,
+        "QuantityPerUnit": "24 - 355 ml bottles",
+        "UnitPrice": 15.0000,
+        "UnitsInStock": 15,
+        "UnitsOnOrder": 10,
+        "ReorderLevel": 30,
+        "Discontinued": false,
+        "Category": {
+            "CategoryID": 1,
+            "CategoryName": "Beverages",
+            "Description": "Soft drinks, coffees, teas, beers, and ales"
+        }
+    }, {
+        "ProductID": 71,
+        "ProductName": "Flotemysost",
+        "SupplierID": 15,
+        "CategoryID": 4,
+        "QuantityPerUnit": "10 - 500 g pkgs.",
+        "UnitPrice": 21.5000,
+        "UnitsInStock": 26,
+        "UnitsOnOrder": 0,
+        "ReorderLevel": 0,
+        "Discontinued": false,
+        "Category": {
+            "CategoryID": 4,
+            "CategoryName": "Dairy Products",
+            "Description": "Cheeses"
+        }
+    }, {
+        "ProductID": 72,
+        "ProductName": "Mozzarella di Giovanni",
+        "SupplierID": 14,
+        "CategoryID": 4,
+        "QuantityPerUnit": "24 - 200 g pkgs.",
+        "UnitPrice": 34.8000,
+        "UnitsInStock": 14,
+        "UnitsOnOrder": 0,
+        "ReorderLevel": 0,
+        "Discontinued": false,
+        "Category": {
+            "CategoryID": 4,
+            "CategoryName": "Dairy Products",
+            "Description": "Cheeses"
+        }
+    }, {
+        "ProductID": 73,
+        "ProductName": "Röd Kaviar",
+        "SupplierID": 17,
+        "CategoryID": 8,
+        "QuantityPerUnit": "24 - 150 g jars",
+        "UnitPrice": 15.0000,
+        "UnitsInStock": 101,
+        "UnitsOnOrder": 0,
+        "ReorderLevel": 5,
+        "Discontinued": false,
+        "Category": {
+            "CategoryID": 8,
+            "CategoryName": "Seafood",
+            "Description": "Seaweed and fish"
+        }
+    }, {
+        "ProductID": 74,
+        "ProductName": "Longlife Tofu",
+        "SupplierID": 4,
+        "CategoryID": 7,
+        "QuantityPerUnit": "5 kg pkg.",
+        "UnitPrice": 10.0000,
+        "UnitsInStock": 4,
+        "UnitsOnOrder": 20,
+        "ReorderLevel": 5,
+        "Discontinued": false,
+        "Category": {
+            "CategoryID": 7,
+            "CategoryName": "Produce",
+            "Description": "Dried fruit and bean curd"
+        }
+    }, {
+        "ProductID": 75,
+        "ProductName": "Rhönbräu Klosterbier",
+        "SupplierID": 12,
+        "CategoryID": 1,
+        "QuantityPerUnit": "24 - 0.5 l bottles",
+        "UnitPrice": 7.7500,
+        "UnitsInStock": 125,
+        "UnitsOnOrder": 0,
+        "ReorderLevel": 25,
+        "Discontinued": false,
+        "Category": {
+            "CategoryID": 1,
+            "CategoryName": "Beverages",
+            "Description": "Soft drinks, coffees, teas, beers, and ales"
+        }
+    }, {
+        "ProductID": 76,
+        "ProductName": "Lakkalikööri",
+        "SupplierID": 23,
+        "CategoryID": 1,
+        "QuantityPerUnit": "500 ml",
+        "UnitPrice": 18.0000,
+        "UnitsInStock": 57,
+        "UnitsOnOrder": 0,
+        "ReorderLevel": 20,
+        "Discontinued": false,
+        "Category": {
+            "CategoryID": 1,
+            "CategoryName": "Beverages",
+            "Description": "Soft drinks, coffees, teas, beers, and ales"
+        }
+    }, {
+        "ProductID": 77,
+        "ProductName": "Original Frankfurter grüne Soße",
+        "SupplierID": 12,
+        "CategoryID": 2,
+        "QuantityPerUnit": "12 boxes",
+        "UnitPrice": 13.0000,
+        "UnitsInStock": 32,
+        "UnitsOnOrder": 0,
+        "ReorderLevel": 15,
+        "Discontinued": false,
+        "Category": {
+            "CategoryID": 2,
+            "CategoryName": "Condiments",
+            "Description": "Sweet and savory sauces, relishes, spreads, and seasonings"
+        }
+    }];
+var DashboardComponent = /** @class */ (function () {
+    function DashboardComponent() {
+        this.gridData = exports.products;
+        this.dialogOpened = false;
+        this.windowOpened = false;
+    }
+    DashboardComponent.prototype.ngOnInit = function () {
+    };
+    DashboardComponent.prototype.close = function (component) {
+        this[component + 'Opened'] = false;
+    };
+    DashboardComponent.prototype.open = function (component) {
+        this[component + 'Opened'] = true;
+    };
+    DashboardComponent.prototype.action = function (status) {
+        console.log("Dialog result: " + status);
+        this.dialogOpened = false;
+    };
+    DashboardComponent = __decorate([
+        core_1.Component({
+            selector: 'app-dashboard',
+            templateUrl: './dashboard.component.html',
+            styleUrls: ['./dashboard.component.scss']
+        })
+    ], DashboardComponent);
+    return DashboardComponent;
+}());
+exports.DashboardComponent = DashboardComponent;
diff --git a/src/app/dist/app.module.js b/src/app/dist/app.module.js
index ad658b1..b10b9b8 100644
--- a/src/app/dist/app.module.js
+++ b/src/app/dist/app.module.js
@@ -13,10 +13,16 @@ var platform_browser_1 = require("@angular/platform-browser");
 var animations_1 = require("@angular/platform-browser/animations");
 //Kendo
 var kendo_angular_menu_1 = require("@progress/kendo-angular-menu");
+var kendo_angular_icons_1 = require("@progress/kendo-angular-icons");
+var kendo_angular_dialog_1 = require("@progress/kendo-angular-dialog");
+var kendo_angular_buttons_1 = require("@progress/kendo-angular-buttons");
+var kendo_angular_grid_1 = require("@progress/kendo-angular-grid");
+var kendo_angular_inputs_1 = require("@progress/kendo-angular-inputs");
 //App
 var app_component_1 = require("./app.component");
 var app_routing_module_1 = require("./app-routing.module");
 var dashboard_component_1 = require("./dashboard/dashboard.component");
+var auth_component_1 = require("./auth/auth.component");
 var AppModule = /** @class */ (function () {
     function AppModule() {
     }
@@ -24,7 +30,8 @@ var AppModule = /** @class */ (function () {
         core_1.NgModule({
             declarations: [
                 app_component_1.AppComponent,
-                dashboard_component_1.DashboardComponent
+                dashboard_component_1.DashboardComponent,
+                auth_component_1.AuthComponent
             ],
             imports: [
                 platform_browser_1.BrowserModule,
@@ -32,6 +39,11 @@ var AppModule = /** @class */ (function () {
                 kendo_angular_menu_1.MenuModule,
                 kendo_angular_menu_1.ContextMenuModule,
                 animations_1.BrowserAnimationsModule,
+                kendo_angular_dialog_1.DialogsModule,
+                kendo_angular_buttons_1.ButtonsModule,
+                kendo_angular_grid_1.GridModule,
+                kendo_angular_inputs_1.InputsModule,
+                kendo_angular_icons_1.IconsModule
             ],
             providers: [],
             bootstrap: [app_component_1.AppComponent]
diff --git a/src/index.html b/src/index.html
index 46fe52e..cd2da5a 100644
--- a/src/index.html
+++ b/src/index.html
@@ -9,5 +9,46 @@
 </head>
 <body>
   <app-root></app-root>
+
+  <style>
+#bgVideo {
+    position: fixed;
+    right: 0;
+    bottom: 0;
+    min-width: 100%;
+    min-height: 100%;
+    z-index: -1;
+}
+
+    body { 
+    margin: 0; 
+    background-size: cover; 
+    background-image: url('../img/login-bg1.jpg');
+}
+
+.vimeo-container {
+  padding: 0;
+  width: 100%;
+  height: 100vh;
+  overflow: hidden;
+  position: relative;
+}
+
+iframe {
+  box-sizing: border-box;
+  width: 177.77777778vh;
+  height: 56.25vw;
+  min-width: 100%;
+  min-height: 100%;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+}
+  </style>
+
+  <iframe id=bgVideo src="https://player.vimeo.com/video/468031372?background=1&controls=0"
+  frameborder="0" allow="autoplay; fullscreen" allowfullscreen></iframe>
+
 </body>
 </html>