diff --git a/src/app/map-location/map-location-list/map-location-list.component.css b/src/app/map-location/map-location-list/map-location-list.component.css index d5e1c42..2be7a13 100644 --- a/src/app/map-location/map-location-list/map-location-list.component.css +++ b/src/app/map-location/map-location-list/map-location-list.component.css @@ -17,6 +17,9 @@ grid-template-areas: "photo-wrap audio-list" "info-wrap audio-list"; + + + } .photo-wrap { @@ -109,3 +112,5 @@ } } + + diff --git a/src/app/map-location/map-location-modal/map-location-modal.component.html b/src/app/map-location/map-location-modal/map-location-modal.component.html index 48e8144..3acba7e 100644 --- a/src/app/map-location/map-location-modal/map-location-modal.component.html +++ b/src/app/map-location/map-location-modal/map-location-modal.component.html @@ -20,5 +20,8 @@
+ diff --git a/src/app/map-location/map-location-modal/map-location-modal.component.ts b/src/app/map-location/map-location-modal/map-location-modal.component.ts index d3ffb1c..7b1a101 100644 --- a/src/app/map-location/map-location-modal/map-location-modal.component.ts +++ b/src/app/map-location/map-location-modal/map-location-modal.component.ts @@ -9,6 +9,7 @@ import {ScreenSizeService} from "../../shared/screen-size.service"; import {maxPageSize} from "../../shared/http.config"; import {SnackbarService} from "../../shared/snackbar/snackbar.service"; import {SnackbarType} from "../../shared/snackbar/snackbar-type"; +import {MapService} from "../../shared/map/map.service"; @Component({ selector: 'app-modal', @@ -34,6 +35,7 @@ export class MapLocationModalComponent implements OnInit { constructor( private mapLocationService: MapLocationService, private audioService: AudioService, + private mapService: MapService, private sanitizer: DomSanitizer, private screenSizeService: ScreenSizeService, private snackbarService: SnackbarService) { @@ -100,4 +102,15 @@ export class MapLocationModalComponent implements OnInit { tmpOnClick() { this.snackbarService.displaySnackbar("This is my message to the world", SnackbarType.DARK); } + + onCalculateRoute() { + + const selectedLocation: MapLocation = { + name: this.mapLocation.name, + id: this.mapLocation.id, + coordinates: this.mapLocation.coordinates + }; + + this.mapService.mapLocationDetailsEventEmitter.emit(selectedLocation); + } } diff --git a/src/app/shared/map/map.component.html b/src/app/shared/map/map.component.html index 971d3ae..c0d60c4 100644 --- a/src/app/shared/map/map.component.html +++ b/src/app/shared/map/map.component.html @@ -20,6 +20,8 @@ + +