From c666d6db691c671c4f44d3f14c9cda22c7f385e9 Mon Sep 17 00:00:00 2001 From: lsagona Date: Mon, 26 Oct 2020 11:15:50 +0100 Subject: [PATCH] add map graph and boat list component --- src/app/app.module.ts | 8 +++++++- src/app/boat-list/boat-list.component.html | 1 + src/app/boat-list/boat-list.component.spec.ts | 25 +++++++++++++++++++++++++ src/app/boat-list/boat-list.component.ts | 15 +++++++++++++++ src/app/graph/graph.component.html | 1 + src/app/graph/graph.component.spec.ts | 25 +++++++++++++++++++++++++ src/app/graph/graph.component.ts | 15 +++++++++++++++ src/app/map/map.component.html | 1 + src/app/map/map.component.spec.ts | 25 +++++++++++++++++++++++++ src/app/map/map.component.ts | 15 +++++++++++++++ 10 files changed, 130 insertions(+), 1 deletion(-) create mode 100644 src/app/boat-list/boat-list.component.html create mode 100644 src/app/boat-list/boat-list.component.scss create mode 100644 src/app/boat-list/boat-list.component.spec.ts create mode 100644 src/app/boat-list/boat-list.component.ts create mode 100644 src/app/graph/graph.component.html create mode 100644 src/app/graph/graph.component.scss create mode 100644 src/app/graph/graph.component.spec.ts create mode 100644 src/app/graph/graph.component.ts create mode 100644 src/app/map/map.component.html create mode 100644 src/app/map/map.component.scss create mode 100644 src/app/map/map.component.spec.ts create mode 100644 src/app/map/map.component.ts diff --git a/src/app/app.module.ts b/src/app/app.module.ts index 0847694..d083130 100644 --- a/src/app/app.module.ts +++ b/src/app/app.module.ts @@ -4,11 +4,17 @@ import { NgModule } from '@angular/core'; import { AppRoutingModule } from './app-routing.module'; import { AppComponent } from './app.component'; import { NavBarComponent } from './nav-bar/nav-bar.component'; +import { BoatListComponent } from './boat-list/boat-list.component'; +import { MapComponent } from './map/map.component'; +import { GraphComponent } from './graph/graph.component'; @NgModule({ declarations: [ AppComponent, - NavBarComponent + NavBarComponent, + BoatListComponent, + MapComponent, + GraphComponent ], imports: [ BrowserModule, diff --git a/src/app/boat-list/boat-list.component.html b/src/app/boat-list/boat-list.component.html new file mode 100644 index 0000000..5c2ddc7 --- /dev/null +++ b/src/app/boat-list/boat-list.component.html @@ -0,0 +1 @@ +

boat-list works!

diff --git a/src/app/boat-list/boat-list.component.scss b/src/app/boat-list/boat-list.component.scss new file mode 100644 index 0000000..e69de29 diff --git a/src/app/boat-list/boat-list.component.spec.ts b/src/app/boat-list/boat-list.component.spec.ts new file mode 100644 index 0000000..25b01d1 --- /dev/null +++ b/src/app/boat-list/boat-list.component.spec.ts @@ -0,0 +1,25 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { BoatListComponent } from './boat-list.component'; + +describe('BoatListComponent', () => { + let component: BoatListComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ BoatListComponent ] + }) + .compileComponents(); + }); + + beforeEach(() => { + fixture = TestBed.createComponent(BoatListComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/boat-list/boat-list.component.ts b/src/app/boat-list/boat-list.component.ts new file mode 100644 index 0000000..3b45b1e --- /dev/null +++ b/src/app/boat-list/boat-list.component.ts @@ -0,0 +1,15 @@ +import { Component, OnInit } from '@angular/core'; + +@Component({ + selector: 'app-boat-list', + templateUrl: './boat-list.component.html', + styleUrls: ['./boat-list.component.scss'] +}) +export class BoatListComponent implements OnInit { + + constructor() { } + + ngOnInit(): void { + } + +} diff --git a/src/app/graph/graph.component.html b/src/app/graph/graph.component.html new file mode 100644 index 0000000..5989ffa --- /dev/null +++ b/src/app/graph/graph.component.html @@ -0,0 +1 @@ +

graph works!

diff --git a/src/app/graph/graph.component.scss b/src/app/graph/graph.component.scss new file mode 100644 index 0000000..e69de29 diff --git a/src/app/graph/graph.component.spec.ts b/src/app/graph/graph.component.spec.ts new file mode 100644 index 0000000..99783d4 --- /dev/null +++ b/src/app/graph/graph.component.spec.ts @@ -0,0 +1,25 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { GraphComponent } from './graph.component'; + +describe('GraphComponent', () => { + let component: GraphComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ GraphComponent ] + }) + .compileComponents(); + }); + + beforeEach(() => { + fixture = TestBed.createComponent(GraphComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/graph/graph.component.ts b/src/app/graph/graph.component.ts new file mode 100644 index 0000000..ae46986 --- /dev/null +++ b/src/app/graph/graph.component.ts @@ -0,0 +1,15 @@ +import { Component, OnInit } from '@angular/core'; + +@Component({ + selector: 'app-graph', + templateUrl: './graph.component.html', + styleUrls: ['./graph.component.scss'] +}) +export class GraphComponent implements OnInit { + + constructor() { } + + ngOnInit(): void { + } + +} diff --git a/src/app/map/map.component.html b/src/app/map/map.component.html new file mode 100644 index 0000000..088f942 --- /dev/null +++ b/src/app/map/map.component.html @@ -0,0 +1 @@ +

map works!

diff --git a/src/app/map/map.component.scss b/src/app/map/map.component.scss new file mode 100644 index 0000000..e69de29 diff --git a/src/app/map/map.component.spec.ts b/src/app/map/map.component.spec.ts new file mode 100644 index 0000000..f163147 --- /dev/null +++ b/src/app/map/map.component.spec.ts @@ -0,0 +1,25 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { MapComponent } from './map.component'; + +describe('MapComponent', () => { + let component: MapComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ MapComponent ] + }) + .compileComponents(); + }); + + beforeEach(() => { + fixture = TestBed.createComponent(MapComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/map/map.component.ts b/src/app/map/map.component.ts new file mode 100644 index 0000000..0a3a763 --- /dev/null +++ b/src/app/map/map.component.ts @@ -0,0 +1,15 @@ +import { Component, OnInit } from '@angular/core'; + +@Component({ + selector: 'app-map', + templateUrl: './map.component.html', + styleUrls: ['./map.component.scss'] +}) +export class MapComponent implements OnInit { + + constructor() { } + + ngOnInit(): void { + } + +} -- 1.7.10.4