self-hosted/pigallery2
1
0
Fork 0
mirror of https://github.com/bpatrik/pigallery2.git synced 2025-01-04 03:49:28 +02:00
Code Issues Releases Activity

improving map lightbox: centering map

Browse Source
This commit is contained in:
Patrik Braun 2017-07-25 16:13:21 +02:00
parent 296fb8b422
commit 1ffae0d9c5
2 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
frontend/app/gallery/map/lightbox/lightbox.map.gallery.component.html
View File

@ -1,6 +1,5 @@
<div [hidden]="!visible" #root>
<div class="lightbox"
[style.width.px]="lightboxDimension.width"
[style.height.px]="lightboxDimension.height"

7
frontend/app/gallery/map/lightbox/lightbox.map.gallery.component.ts
View File

@ -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();