From 1ffae0d9c5e17655d785ffb2d75f41ded001622d Mon Sep 17 00:00:00 2001
From: Patrik Braun <bra.patrik@gmail.com>
Date: Tue, 25 Jul 2017 16:13:21 +0200
Subject: [PATCH] improving map lightbox: centering map

---
 .../map/lightbox/lightbox.map.gallery.component.html       | 1 -
 .../gallery/map/lightbox/lightbox.map.gallery.component.ts | 7 ++++---
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/frontend/app/gallery/map/lightbox/lightbox.map.gallery.component.html b/frontend/app/gallery/map/lightbox/lightbox.map.gallery.component.html
index 5bee664b..9a9fcac0 100644
--- a/frontend/app/gallery/map/lightbox/lightbox.map.gallery.component.html
+++ b/frontend/app/gallery/map/lightbox/lightbox.map.gallery.component.html
@@ -1,6 +1,5 @@
 <div [hidden]="!visible" #root>
 
-
   <div class="lightbox"
        [style.width.px]="lightboxDimension.width"
        [style.height.px]="lightboxDimension.height"
diff --git a/frontend/app/gallery/map/lightbox/lightbox.map.gallery.component.ts b/frontend/app/gallery/map/lightbox/lightbox.map.gallery.component.ts
index ecd9a80c..c23106b9 100644
--- a/frontend/app/gallery/map/lightbox/lightbox.map.gallery.component.ts
+++ b/frontend/app/gallery/map/lightbox/lightbox.map.gallery.component.ts
@@ -30,8 +30,6 @@ export class GalleryMapLightboxComponent implements OnChanges {
 
   constructor(public fullScreenService: FullScreenService,
               private thumbnailService: ThumbnailManagerService) {
-
-
   }
 
 //TODO: fix zooming
@@ -43,6 +41,7 @@ export class GalleryMapLightboxComponent implements OnChanges {
   }
 
   public show(position: Dimension) {
+    this.hideImages();
     this.visible = true;
     this.opacity = 1.0;
     this.startPosition = position;
@@ -57,7 +56,6 @@ export class GalleryMapLightboxComponent implements OnChanges {
     this.map.triggerResize();
 
     document.getElementsByTagName('body')[0].style.overflowY = 'hidden';
-    this.showImages();
 
     setTimeout(() => {
       this.lightboxDimension = <Dimension>{
@@ -66,6 +64,7 @@ export class GalleryMapLightboxComponent implements OnChanges {
         width: this.getScreenWidth(),
         height: this.getScreenHeight()
       };
+      this.showImages();
     }, 0);
   }
 
@@ -129,11 +128,13 @@ export class GalleryMapLightboxComponent implements OnChanges {
     }
   }
 
+
   public loadPreview(mp: MapPhoto) {
     mp.preview.thumbnail.load();
   }
 
   hideImages() {
+    this.mapCenter = {longitude: 0, latitude: 0};
     this.mapPhotos.forEach((mp) => {
       mp.iconThumbnail.destroy();
       mp.preview.thumbnail.destroy();