FDITeam / visualisation-maritime2

Authored by lsagona 2020-10-27 16:57:22 +0100

Exists in master

Showing 5 changed files with 46 additions and 3 deletions Side-by-side Diff

1	1	<app-nav-bar></app-nav-bar>
	2	+<app-list-vessel></app-list-vessel>
2	3	<router-outlet></router-outlet>

...	...	@@ -59,6 +59,7 @@
59	59	const newVessel = new Vessel(splitLine);
60	60	this.vessels.set(Number(newVessel.mmsi), newVessel);
61	61	}
	62	+ this.vesselsService.changeVesselsSet(this.vessels);
62	63	};
63	64
64	65	fileReader.onprogress = (e ) => {

	1	+
	2	+<div class="list-group border" id="list-tab" role="tablist">
	3	+ <h2 class="side-title">Vessel</h2>
	4	+ <a *ngFor="let vessel of vessels \| keyvalue" class=" list-group-item list-group-item-action" id="{{vessel.value.mmsi}}"
	5	+ data-toggle="list" role="tab">
	6	+ {{vessel.value.mmsi}} - {{vessel.value.vesselName}}
	7	+ </a>
	8	+</div>

1		-import { Component, OnInit } from '@angular/core';
	1	+import {Component, OnInit} from '@angular/core';
	2	+import {Vessel} from '../../model/vessel';
	3	+import {VesselsService} from '../../service/vessels.service';
2	4
3	5	@Component({
4	6	selector: 'app-list-vessel',
5	7
6	8
7	9
...	...	@@ -6,11 +8,17 @@
6	8	styleUrls: ['./list-vessel.component.scss']
7	9	})
8	10	export class ListVesselComponent implements OnInit {
	11	+ vessels: Map<number, Vessel>;
9	12
10		- constructor() { }
11	13
12		- ngOnInit(): void {
	14	+ constructor(private vesselsService: VesselsService) {
13	15	}
14	16
	17	+ ngOnInit(): void {
	18	+ this.vesselsService.currentVessels.subscribe(vessels => {
	19	+ this.vessels = vessels;
	20	+ console.log(this.vessels);
	21	+ });
	22	+ }
15	23	}