diff --git a/package-lock.json b/package-lock.json
index 4f81bda..95e89a5 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -2712,6 +2712,11 @@
"integrity": "sha1-aN/1++YMUes3cl6p4+0xDcwed24=",
"dev": true
},
+ "bootstrap": {
+ "version": "4.5.0",
+ "resolved": "https://registry.npmjs.org/bootstrap/-/bootstrap-4.5.0.tgz",
+ "integrity": "sha512-Z93QoXvodoVslA+PWNdk23Hze4RBYIkpb5h8I2HY2Tu2h7A0LpAgLcyrhrSUyo2/Oxm2l1fRZPs1e5hnxnliXA=="
+ },
"boxen": {
"version": "4.2.0",
"resolved": "https://registry.npmjs.org/boxen/-/boxen-4.2.0.tgz",
diff --git a/package.json b/package.json
index 7780f8d..114adbd 100644
--- a/package.json
+++ b/package.json
@@ -19,6 +19,7 @@
"@angular/platform-browser": "~9.1.4",
"@angular/platform-browser-dynamic": "~9.1.4",
"@angular/router": "~9.1.4",
+ "bootstrap": "^4.5.0",
"rxjs": "~6.5.4",
"tslib": "^1.10.0",
"zone.js": "~0.10.2"
diff --git a/projects/poweredsoft/ngx-cdk-ui/src/lib/data-grid/data-grid.module.ts b/projects/poweredsoft/ngx-cdk-ui/src/lib/data-grid/data-grid.module.ts
new file mode 100644
index 0000000..6f8fbf3
--- /dev/null
+++ b/projects/poweredsoft/ngx-cdk-ui/src/lib/data-grid/data-grid.module.ts
@@ -0,0 +1,12 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+
+
+
+@NgModule({
+ declarations: [],
+ imports: [
+ CommonModule
+ ]
+})
+export class DataGridModule { }
diff --git a/projects/poweredsoft/ngx-cdk-ui/src/lib/list-view/list-view.module.ts b/projects/poweredsoft/ngx-cdk-ui/src/lib/list-view/list-view.module.ts
new file mode 100644
index 0000000..861d768
--- /dev/null
+++ b/projects/poweredsoft/ngx-cdk-ui/src/lib/list-view/list-view.module.ts
@@ -0,0 +1,12 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+
+
+
+@NgModule({
+ declarations: [],
+ imports: [
+ CommonModule
+ ]
+})
+export class ListViewModule { }
diff --git a/projects/poweredsoft/ngx-cdk-ui/src/public-api.ts b/projects/poweredsoft/ngx-cdk-ui/src/public-api.ts
index fdc0b17..93abbc1 100644
--- a/projects/poweredsoft/ngx-cdk-ui/src/public-api.ts
+++ b/projects/poweredsoft/ngx-cdk-ui/src/public-api.ts
@@ -2,3 +2,4 @@
* Public API Surface of ngx-cdk-ui
*/
+export * from './lib/data-grid/data-grid.module';
\ No newline at end of file
diff --git a/src/app/app-routing.module.ts b/src/app/app-routing.module.ts
index 06c7342..9f9a2d8 100644
--- a/src/app/app-routing.module.ts
+++ b/src/app/app-routing.module.ts
@@ -1,8 +1,22 @@
import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
+import { HomeComponent } from './home/home.component';
-const routes: Routes = [];
+const routes: Routes = [
+ {
+ path: '',
+ component: HomeComponent
+ },
+ {
+ path: 'data-grid',
+ loadChildren: () => import('./data-grid-demo/data-grid-demo.module').then(m => m.DataGridDemoModule)
+ },
+ {
+ path: 'list-view',
+ loadChildren: () => import('./list-view-demo/list-view-demo.module').then(m => m.ListViewDemoModule)
+ }
+];
@NgModule({
imports: [RouterModule.forRoot(routes)],
diff --git a/src/app/app.component.html b/src/app/app.component.html
index e48d8c1..74c6a32 100644
--- a/src/app/app.component.html
+++ b/src/app/app.component.html
@@ -1,534 +1,21 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
{{ title }} app is running!
-
-
-
-
-
-
-
Resources
-
Here are some links to help you get started:
-
-
-
-
-
Next Steps
-
What do you want to do next with your app?
-
-
-
-
-
-
-
-
New Component
+
+
+
+
+
-
-
-
-
-
-
-
-
-
-
-
Run and Watch Tests
-
-
-
-
-
-
Build for Production
+
+
-
-
-
-
ng generate component xyz
-
ng add @angular/material
-
ng add @angular/pwa
-
ng add _____
-
ng test
-
ng build --prod
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/src/app/app.module.ts b/src/app/app.module.ts
index 2c3ba29..ea017ba 100644
--- a/src/app/app.module.ts
+++ b/src/app/app.module.ts
@@ -3,10 +3,14 @@ import { NgModule } from '@angular/core';
import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';
+import { HomeComponent } from './home/home.component';
+
@NgModule({
declarations: [
- AppComponent
+ AppComponent,
+ HomeComponent,
+
],
imports: [
BrowserModule,
diff --git a/src/app/data-grid-demo/data-grid-demo-home/data-grid-demo-home.component.html b/src/app/data-grid-demo/data-grid-demo-home/data-grid-demo-home.component.html
new file mode 100644
index 0000000..745cbb9
--- /dev/null
+++ b/src/app/data-grid-demo/data-grid-demo-home/data-grid-demo-home.component.html
@@ -0,0 +1 @@
+
data-grid-demo-home works!
diff --git a/src/app/data-grid-demo/data-grid-demo-home/data-grid-demo-home.component.scss b/src/app/data-grid-demo/data-grid-demo-home/data-grid-demo-home.component.scss
new file mode 100644
index 0000000..e69de29
diff --git a/src/app/data-grid-demo/data-grid-demo-home/data-grid-demo-home.component.spec.ts b/src/app/data-grid-demo/data-grid-demo-home/data-grid-demo-home.component.spec.ts
new file mode 100644
index 0000000..c4dfe29
--- /dev/null
+++ b/src/app/data-grid-demo/data-grid-demo-home/data-grid-demo-home.component.spec.ts
@@ -0,0 +1,25 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { DataGridDemoHomeComponent } from './data-grid-demo-home.component';
+
+describe('DataGridDemoHomeComponent', () => {
+ let component: DataGridDemoHomeComponent;
+ let fixture: ComponentFixture
;
+
+ beforeEach(async(() => {
+ TestBed.configureTestingModule({
+ declarations: [ DataGridDemoHomeComponent ]
+ })
+ .compileComponents();
+ }));
+
+ beforeEach(() => {
+ fixture = TestBed.createComponent(DataGridDemoHomeComponent);
+ component = fixture.componentInstance;
+ fixture.detectChanges();
+ });
+
+ it('should create', () => {
+ expect(component).toBeTruthy();
+ });
+});
diff --git a/src/app/data-grid-demo/data-grid-demo-home/data-grid-demo-home.component.ts b/src/app/data-grid-demo/data-grid-demo-home/data-grid-demo-home.component.ts
new file mode 100644
index 0000000..7b0e0c2
--- /dev/null
+++ b/src/app/data-grid-demo/data-grid-demo-home/data-grid-demo-home.component.ts
@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+ selector: 'ps-data-grid-demo-home',
+ templateUrl: './data-grid-demo-home.component.html',
+ styleUrls: ['./data-grid-demo-home.component.scss']
+})
+export class DataGridDemoHomeComponent implements OnInit {
+
+ constructor() { }
+
+ ngOnInit(): void {
+ }
+
+}
diff --git a/src/app/data-grid-demo/data-grid-demo-routing.module.ts b/src/app/data-grid-demo/data-grid-demo-routing.module.ts
new file mode 100644
index 0000000..b7ea774
--- /dev/null
+++ b/src/app/data-grid-demo/data-grid-demo-routing.module.ts
@@ -0,0 +1,17 @@
+import { NgModule } from '@angular/core';
+import { Routes, RouterModule } from '@angular/router';
+import { DataGridDemoHomeComponent } from './data-grid-demo-home/data-grid-demo-home.component';
+
+
+const routes: Routes = [
+ {
+ path: '',
+ component: DataGridDemoHomeComponent
+ }
+];
+
+@NgModule({
+ imports: [RouterModule.forChild(routes)],
+ exports: [RouterModule]
+})
+export class DataGridDemoRoutingModule { }
diff --git a/src/app/data-grid-demo/data-grid-demo.module.ts b/src/app/data-grid-demo/data-grid-demo.module.ts
new file mode 100644
index 0000000..91c24e9
--- /dev/null
+++ b/src/app/data-grid-demo/data-grid-demo.module.ts
@@ -0,0 +1,15 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+
+import { DataGridDemoRoutingModule } from './data-grid-demo-routing.module';
+import { DataGridDemoHomeComponent } from './data-grid-demo-home/data-grid-demo-home.component';
+
+
+@NgModule({
+ declarations: [ DataGridDemoHomeComponent],
+ imports: [
+ CommonModule,
+ DataGridDemoRoutingModule
+ ]
+})
+export class DataGridDemoModule { }
diff --git a/src/app/home/home.component.html b/src/app/home/home.component.html
new file mode 100644
index 0000000..5f2c53f
--- /dev/null
+++ b/src/app/home/home.component.html
@@ -0,0 +1 @@
+home works!
diff --git a/src/app/home/home.component.scss b/src/app/home/home.component.scss
new file mode 100644
index 0000000..e69de29
diff --git a/src/app/home/home.component.spec.ts b/src/app/home/home.component.spec.ts
new file mode 100644
index 0000000..490e81b
--- /dev/null
+++ b/src/app/home/home.component.spec.ts
@@ -0,0 +1,25 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { HomeComponent } from './home.component';
+
+describe('HomeComponent', () => {
+ let component: HomeComponent;
+ let fixture: ComponentFixture;
+
+ beforeEach(async(() => {
+ TestBed.configureTestingModule({
+ declarations: [ HomeComponent ]
+ })
+ .compileComponents();
+ }));
+
+ beforeEach(() => {
+ fixture = TestBed.createComponent(HomeComponent);
+ component = fixture.componentInstance;
+ fixture.detectChanges();
+ });
+
+ it('should create', () => {
+ expect(component).toBeTruthy();
+ });
+});
diff --git a/src/app/home/home.component.ts b/src/app/home/home.component.ts
new file mode 100644
index 0000000..8961100
--- /dev/null
+++ b/src/app/home/home.component.ts
@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+ selector: 'ps-home',
+ templateUrl: './home.component.html',
+ styleUrls: ['./home.component.scss']
+})
+export class HomeComponent implements OnInit {
+
+ constructor() { }
+
+ ngOnInit(): void {
+ }
+
+}
diff --git a/src/app/list-view-demo/list-view-demo-home/list-view-demo-home.component.html b/src/app/list-view-demo/list-view-demo-home/list-view-demo-home.component.html
new file mode 100644
index 0000000..251ed97
--- /dev/null
+++ b/src/app/list-view-demo/list-view-demo-home/list-view-demo-home.component.html
@@ -0,0 +1 @@
+list-view-demo-home works!
diff --git a/src/app/list-view-demo/list-view-demo-home/list-view-demo-home.component.scss b/src/app/list-view-demo/list-view-demo-home/list-view-demo-home.component.scss
new file mode 100644
index 0000000..e69de29
diff --git a/src/app/list-view-demo/list-view-demo-home/list-view-demo-home.component.spec.ts b/src/app/list-view-demo/list-view-demo-home/list-view-demo-home.component.spec.ts
new file mode 100644
index 0000000..d31cc21
--- /dev/null
+++ b/src/app/list-view-demo/list-view-demo-home/list-view-demo-home.component.spec.ts
@@ -0,0 +1,25 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { ListViewDemoHomeComponent } from './list-view-demo-home.component';
+
+describe('ListViewDemoHomeComponent', () => {
+ let component: ListViewDemoHomeComponent;
+ let fixture: ComponentFixture;
+
+ beforeEach(async(() => {
+ TestBed.configureTestingModule({
+ declarations: [ ListViewDemoHomeComponent ]
+ })
+ .compileComponents();
+ }));
+
+ beforeEach(() => {
+ fixture = TestBed.createComponent(ListViewDemoHomeComponent);
+ component = fixture.componentInstance;
+ fixture.detectChanges();
+ });
+
+ it('should create', () => {
+ expect(component).toBeTruthy();
+ });
+});
diff --git a/src/app/list-view-demo/list-view-demo-home/list-view-demo-home.component.ts b/src/app/list-view-demo/list-view-demo-home/list-view-demo-home.component.ts
new file mode 100644
index 0000000..b00abe0
--- /dev/null
+++ b/src/app/list-view-demo/list-view-demo-home/list-view-demo-home.component.ts
@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+ selector: 'ps-list-view-demo-home',
+ templateUrl: './list-view-demo-home.component.html',
+ styleUrls: ['./list-view-demo-home.component.scss']
+})
+export class ListViewDemoHomeComponent implements OnInit {
+
+ constructor() { }
+
+ ngOnInit(): void {
+ }
+
+}
diff --git a/src/app/list-view-demo/list-view-demo-routing.module.ts b/src/app/list-view-demo/list-view-demo-routing.module.ts
new file mode 100644
index 0000000..637f480
--- /dev/null
+++ b/src/app/list-view-demo/list-view-demo-routing.module.ts
@@ -0,0 +1,17 @@
+import { NgModule } from '@angular/core';
+import { Routes, RouterModule } from '@angular/router';
+import { ListViewDemoHomeComponent } from './list-view-demo-home/list-view-demo-home.component';
+
+
+const routes: Routes = [
+ {
+ path: '',
+ component: ListViewDemoHomeComponent
+ }
+];
+
+@NgModule({
+ imports: [RouterModule.forChild(routes)],
+ exports: [RouterModule]
+})
+export class ListViewDemoRoutingModule { }
diff --git a/src/app/list-view-demo/list-view-demo.module.ts b/src/app/list-view-demo/list-view-demo.module.ts
new file mode 100644
index 0000000..65c77ac
--- /dev/null
+++ b/src/app/list-view-demo/list-view-demo.module.ts
@@ -0,0 +1,15 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+
+import { ListViewDemoRoutingModule } from './list-view-demo-routing.module';
+import { ListViewDemoHomeComponent } from './list-view-demo-home/list-view-demo-home.component';
+
+
+@NgModule({
+ declarations: [ListViewDemoHomeComponent],
+ imports: [
+ CommonModule,
+ ListViewDemoRoutingModule
+ ]
+})
+export class ListViewDemoModule { }
diff --git a/src/styles.scss b/src/styles.scss
index 90d4ee0..5a3eeda 100644
--- a/src/styles.scss
+++ b/src/styles.scss
@@ -1 +1,2 @@
/* You can add global styles to this file, and also import other style files */
+@import '~bootstrap/scss/bootstrap';
\ No newline at end of file