- - -
- - - - - - - - - - - - {{ title }} app is running! - - - - - -
- - -

Resources

-

Here are some links to help you get started:

- -
- - - - Learn Angular - - - - - - - CLI Documentation - - - - - - - - Angular Blog - - - - -
- - -

Next Steps

-

What do you want to do next with your app?

- - - -
-
- - - New Component + + +
+
+
+
- -
- - - Angular Material -
- -
- - - Add PWA Support -
- -
- - - Add Dependency -
- -
- - - 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