Commit c666d6db691c671c4f44d3f14c9cda22c7f385e9
1 parent
d6ccfeb79a
Exists in
master
add map graph and boat list component
Showing 10 changed files with 130 additions and 1 deletions Side-by-side Diff
- src/app/app.module.ts
 - src/app/boat-list/boat-list.component.html
 - src/app/boat-list/boat-list.component.spec.ts
 - src/app/boat-list/boat-list.component.ts
 - src/app/graph/graph.component.html
 - src/app/graph/graph.component.spec.ts
 - src/app/graph/graph.component.ts
 - src/app/map/map.component.html
 - src/app/map/map.component.spec.ts
 - src/app/map/map.component.ts
 
src/app/app.module.ts
View file @
c666d6d
| ... | ... | @@ -4,11 +4,17 @@ | 
| 4 | 4 | import { AppRoutingModule } from './app-routing.module'; | 
| 5 | 5 | import { AppComponent } from './app.component'; | 
| 6 | 6 | import { NavBarComponent } from './nav-bar/nav-bar.component'; | 
| 7 | +import { BoatListComponent } from './boat-list/boat-list.component'; | |
| 8 | +import { MapComponent } from './map/map.component'; | |
| 9 | +import { GraphComponent } from './graph/graph.component'; | |
| 7 | 10 | |
| 8 | 11 | @NgModule({ | 
| 9 | 12 | declarations: [ | 
| 10 | 13 | AppComponent, | 
| 11 | - NavBarComponent | |
| 14 | + NavBarComponent, | |
| 15 | + BoatListComponent, | |
| 16 | + MapComponent, | |
| 17 | + GraphComponent | |
| 12 | 18 | ], | 
| 13 | 19 | imports: [ | 
| 14 | 20 | BrowserModule, | 
src/app/boat-list/boat-list.component.html
View file @
c666d6d
| 1 | +<p>boat-list works!</p> | 
src/app/boat-list/boat-list.component.spec.ts
View file @
c666d6d
| 1 | +import { ComponentFixture, TestBed } from '@angular/core/testing'; | |
| 2 | + | |
| 3 | +import { BoatListComponent } from './boat-list.component'; | |
| 4 | + | |
| 5 | +describe('BoatListComponent', () => { | |
| 6 | + let component: BoatListComponent; | |
| 7 | + let fixture: ComponentFixture<BoatListComponent>; | |
| 8 | + | |
| 9 | + beforeEach(async () => { | |
| 10 | + await TestBed.configureTestingModule({ | |
| 11 | + declarations: [ BoatListComponent ] | |
| 12 | + }) | |
| 13 | + .compileComponents(); | |
| 14 | + }); | |
| 15 | + | |
| 16 | + beforeEach(() => { | |
| 17 | + fixture = TestBed.createComponent(BoatListComponent); | |
| 18 | + component = fixture.componentInstance; | |
| 19 | + fixture.detectChanges(); | |
| 20 | + }); | |
| 21 | + | |
| 22 | + it('should create', () => { | |
| 23 | + expect(component).toBeTruthy(); | |
| 24 | + }); | |
| 25 | +}); | 
src/app/boat-list/boat-list.component.ts
View file @
c666d6d
| 1 | +import { Component, OnInit } from '@angular/core'; | |
| 2 | + | |
| 3 | +@Component({ | |
| 4 | + selector: 'app-boat-list', | |
| 5 | + templateUrl: './boat-list.component.html', | |
| 6 | + styleUrls: ['./boat-list.component.scss'] | |
| 7 | +}) | |
| 8 | +export class BoatListComponent implements OnInit { | |
| 9 | + | |
| 10 | + constructor() { } | |
| 11 | + | |
| 12 | + ngOnInit(): void { | |
| 13 | + } | |
| 14 | + | |
| 15 | +} | 
src/app/graph/graph.component.html
View file @
c666d6d
| 1 | +<p>graph works!</p> | 
src/app/graph/graph.component.spec.ts
View file @
c666d6d
| 1 | +import { ComponentFixture, TestBed } from '@angular/core/testing'; | |
| 2 | + | |
| 3 | +import { GraphComponent } from './graph.component'; | |
| 4 | + | |
| 5 | +describe('GraphComponent', () => { | |
| 6 | + let component: GraphComponent; | |
| 7 | + let fixture: ComponentFixture<GraphComponent>; | |
| 8 | + | |
| 9 | + beforeEach(async () => { | |
| 10 | + await TestBed.configureTestingModule({ | |
| 11 | + declarations: [ GraphComponent ] | |
| 12 | + }) | |
| 13 | + .compileComponents(); | |
| 14 | + }); | |
| 15 | + | |
| 16 | + beforeEach(() => { | |
| 17 | + fixture = TestBed.createComponent(GraphComponent); | |
| 18 | + component = fixture.componentInstance; | |
| 19 | + fixture.detectChanges(); | |
| 20 | + }); | |
| 21 | + | |
| 22 | + it('should create', () => { | |
| 23 | + expect(component).toBeTruthy(); | |
| 24 | + }); | |
| 25 | +}); | 
src/app/graph/graph.component.ts
View file @
c666d6d
| 1 | +import { Component, OnInit } from '@angular/core'; | |
| 2 | + | |
| 3 | +@Component({ | |
| 4 | + selector: 'app-graph', | |
| 5 | + templateUrl: './graph.component.html', | |
| 6 | + styleUrls: ['./graph.component.scss'] | |
| 7 | +}) | |
| 8 | +export class GraphComponent implements OnInit { | |
| 9 | + | |
| 10 | + constructor() { } | |
| 11 | + | |
| 12 | + ngOnInit(): void { | |
| 13 | + } | |
| 14 | + | |
| 15 | +} | 
src/app/map/map.component.html
View file @
c666d6d
| 1 | +<p>map works!</p> | 
src/app/map/map.component.spec.ts
View file @
c666d6d
| 1 | +import { ComponentFixture, TestBed } from '@angular/core/testing'; | |
| 2 | + | |
| 3 | +import { MapComponent } from './map.component'; | |
| 4 | + | |
| 5 | +describe('MapComponent', () => { | |
| 6 | + let component: MapComponent; | |
| 7 | + let fixture: ComponentFixture<MapComponent>; | |
| 8 | + | |
| 9 | + beforeEach(async () => { | |
| 10 | + await TestBed.configureTestingModule({ | |
| 11 | + declarations: [ MapComponent ] | |
| 12 | + }) | |
| 13 | + .compileComponents(); | |
| 14 | + }); | |
| 15 | + | |
| 16 | + beforeEach(() => { | |
| 17 | + fixture = TestBed.createComponent(MapComponent); | |
| 18 | + component = fixture.componentInstance; | |
| 19 | + fixture.detectChanges(); | |
| 20 | + }); | |
| 21 | + | |
| 22 | + it('should create', () => { | |
| 23 | + expect(component).toBeTruthy(); | |
| 24 | + }); | |
| 25 | +}); | 
src/app/map/map.component.ts
View file @
c666d6d
| 1 | +import { Component, OnInit } from '@angular/core'; | |
| 2 | + | |
| 3 | +@Component({ | |
| 4 | + selector: 'app-map', | |
| 5 | + templateUrl: './map.component.html', | |
| 6 | + styleUrls: ['./map.component.scss'] | |
| 7 | +}) | |
| 8 | +export class MapComponent implements OnInit { | |
| 9 | + | |
| 10 | + constructor() { } | |
| 11 | + | |
| 12 | + ngOnInit(): void { | |
| 13 | + } | |
| 14 | + | |
| 15 | +} |