2017-02-05 17:27:58 +01:00
|
|
|
<div [hidden]="!visible" #root>
|
|
|
|
|
|
2017-07-23 22:36:53 +02:00
|
|
|
<div class="lightbox"
|
|
|
|
|
[style.width.px]="lightboxDimension.width"
|
|
|
|
|
[style.height.px]="lightboxDimension.height"
|
|
|
|
|
[style.top.px]="lightboxDimension.top"
|
|
|
|
|
[style.left.px]="lightboxDimension.left"
|
|
|
|
|
[style.opacity]="opacity">
|
|
|
|
|
<agm-map
|
|
|
|
|
[style.width.px]="mapDimension.width"
|
|
|
|
|
[style.height.px]="mapDimension.height"
|
2018-10-22 00:24:17 +02:00
|
|
|
[fitBounds]="true">
|
2017-07-23 22:36:53 +02:00
|
|
|
<agm-marker
|
|
|
|
|
*ngFor="let photo of mapPhotos"
|
|
|
|
|
[latitude]="photo.latitude"
|
|
|
|
|
[longitude]="photo.longitude"
|
|
|
|
|
[iconUrl]="photo.iconUrl"
|
2018-10-22 00:24:17 +02:00
|
|
|
(markerClick)="loadPreview(photo)"
|
|
|
|
|
[agmFitBounds]="true">
|
2017-07-23 22:36:53 +02:00
|
|
|
<agm-info-window>
|
|
|
|
|
<img *ngIf="photo.preview.thumbnail.Src"
|
|
|
|
|
[style.width.px]="photo.preview.width"
|
|
|
|
|
[style.height.px]="photo.preview.height"
|
|
|
|
|
[src]="photo.preview.thumbnail.Src">
|
|
|
|
|
<div class="preview-loading"
|
|
|
|
|
[style.width.px]="photo.preview.width"
|
|
|
|
|
[style.height.px]="photo.preview.height"
|
|
|
|
|
*ngIf="!photo.preview.thumbnail.Src">
|
2018-05-13 16:59:57 -04:00
|
|
|
<span class="oi"
|
|
|
|
|
[ngClass]="photo.preview.thumbnail.Error ? 'oi-warning' : 'oi-picture'"
|
2017-07-23 22:36:53 +02:00
|
|
|
aria-hidden="true">
|
|
|
|
|
</span>
|
|
|
|
|
</div>
|
|
|
|
|
</agm-info-window>
|
|
|
|
|
</agm-marker>
|
|
|
|
|
</agm-map>
|
|
|
|
|
</div>
|
2017-02-05 17:27:58 +01:00
|
|
|
|
|
|
|
|
|
2018-05-27 12:04:35 -04:00
|
|
|
<div id="controllers-container" *ngIf="controllersVisible">
|
2017-07-23 22:36:53 +02:00
|
|
|
<div id="controls">
|
2017-02-05 17:27:58 +01:00
|
|
|
<span>
|
2018-05-13 16:59:57 -04:00
|
|
|
<span class="oi oi-fullscreen-exit highlight"
|
2017-02-05 17:27:58 +01:00
|
|
|
*ngIf="fullScreenService.isFullScreenEnabled()"
|
|
|
|
|
(click)="fullScreenService.exitFullScreen()" title="toggle fullscreen"></span>
|
|
|
|
|
</span>
|
2017-07-23 22:36:53 +02:00
|
|
|
<span>
|
2018-05-13 16:59:57 -04:00
|
|
|
<span class="oi oi-fullscreen-enter highlight"
|
2017-02-05 17:27:58 +01:00
|
|
|
*ngIf="!fullScreenService.isFullScreenEnabled()"
|
|
|
|
|
(click)="fullScreenService.showFullScreen(root)" title="toggle fullscreen"></span>
|
|
|
|
|
</span>
|
2017-07-23 22:36:53 +02:00
|
|
|
<span>
|
2018-05-13 16:59:57 -04:00
|
|
|
<span class="oi oi-x highlight" (click)="hide()" title="close"></span>
|
2017-02-05 17:27:58 +01:00
|
|
|
</span>
|
|
|
|
|
</div>
|
2017-07-23 22:36:53 +02:00
|
|
|
|
|
|
|
|
</div>
|
2017-02-05 17:27:58 +01:00
|
|
|
</div>
|
