diff --git a/src/app/map/map.component.html b/src/app/map/map.component.html index 8e4c7f1..e47e9c4 100644 --- a/src/app/map/map.component.html +++ b/src/app/map/map.component.html @@ -7,8 +7,7 @@
- - +
+ Displaying last {{ displayedPoints }} records (ommited {{ ommitedPoints }} data points) +
diff --git a/src/app/map/map.component.scss b/src/app/map/map.component.scss index ec8ebe5..3757a23 100644 --- a/src/app/map/map.component.scss +++ b/src/app/map/map.component.scss @@ -1,3 +1,7 @@ +.displayingOf { + text-align: center; +} + #map { height: 85vh; width: 100%; diff --git a/src/app/map/map.component.ts b/src/app/map/map.component.ts index 53d6dae..6071842 100644 --- a/src/app/map/map.component.ts +++ b/src/app/map/map.component.ts @@ -26,6 +26,9 @@ export class MapComponent implements OnInit { lastPoint: number[]; + ommitedPoints: Number; + displayedPoints: Number; + constructor(private logsService: LogsService) {} async ngOnInit() { @@ -47,6 +50,11 @@ export class MapComponent implements OnInit { if (firstRun) { data = await this.logsService.getLogsFirstRun(); firstRun = false; + if (data.length > 100) { + this.ommitedPoints = data.length; + data = data.slice(data.length - 100, data.length); + } + this.displayedPoints = data.length; } else { data = await this.logsService.getUpdates(); }