mirror of
https://github.com/xuthus83/pigallery2.git
synced 2024-11-03 21:04:03 +08:00
100 lines
3.5 KiB
HTML
100 lines
3.5 KiB
HTML
<div [hidden]="!visible" #root>
|
|
|
|
<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">
|
|
|
|
<yaga-map #yagaMap
|
|
[style.width.px]="mapDimension.width"
|
|
[style.height.px]="mapDimension.height">
|
|
|
|
<yaga-layers-control
|
|
position="bottomright">
|
|
|
|
<yaga-feature-group
|
|
[caption]="'path'"
|
|
*ngIf="paths.length>0"
|
|
yaga-overlay-layer="'path'">
|
|
<yaga-polyline
|
|
*ngFor="let path of paths"
|
|
[latLngs]="path">
|
|
</yaga-polyline>
|
|
<yaga-marker
|
|
*ngFor="let path of paths"
|
|
[lat]="path[0].lat"
|
|
[lng]="path[1].lng">
|
|
</yaga-marker>
|
|
</yaga-feature-group>
|
|
<yaga-feature-group
|
|
[caption]="'photos'"
|
|
yaga-overlay-layer="'photos'">
|
|
<yaga-marker [title]="photo.name"
|
|
*ngFor="let photo of mapPhotos"
|
|
[lat]="photo.lat"
|
|
[lng]="photo.lng">
|
|
<yaga-icon
|
|
*ngIf="photo.iconUrl"
|
|
[iconUrl]="photo.iconUrl"
|
|
[iconSize]="yagaMap.zoom < 15 ? smallIconSize : iconSize"
|
|
></yaga-icon>
|
|
<yaga-popup
|
|
(open)="loadPreview(photo)"
|
|
[minWidth]="photo.preview.width">
|
|
<img *ngIf="photo.preview.thumbnail.Src"
|
|
[style.width.px]="photo.preview.width"
|
|
[style.height.px]="photo.preview.height"
|
|
[src]="photo.preview.thumbnail.Src | fixOrientation:photo.orientation | async">
|
|
<div class="preview-loading"
|
|
*ngIf="!photo.preview.thumbnail.Src"
|
|
[style.width.px]="photo.preview.width"
|
|
[style.height.px]="photo.preview.height">
|
|
<span class="oi"
|
|
[ngClass]="photo.preview.thumbnail.Error ? 'oi-warning' : 'oi-picture'"
|
|
aria-hidden="true">
|
|
</span>
|
|
</div>
|
|
</yaga-popup>
|
|
</yaga-marker>
|
|
|
|
</yaga-feature-group>
|
|
<ng-container *ngFor="let l of mapService.Layers">
|
|
<yaga-tile-layer yaga-base-layer
|
|
[caption]="l.name"
|
|
[url]="l.url"></yaga-tile-layer>
|
|
</ng-container>
|
|
|
|
</yaga-layers-control>
|
|
<yaga-zoom-control position="bottomright">
|
|
|
|
</yaga-zoom-control>
|
|
<yaga-attribution-control
|
|
prefix=""
|
|
[attributions]="mapService.Attributions">
|
|
</yaga-attribution-control>
|
|
</yaga-map>
|
|
</div>
|
|
|
|
|
|
<div id="controllers-container" *ngIf="controllersVisible">
|
|
<div id="controls">
|
|
<span>
|
|
<span class="oi oi-fullscreen-exit highlight"
|
|
*ngIf="fullScreenService.isFullScreenEnabled()"
|
|
(click)="fullScreenService.exitFullScreen()" title="toggle fullscreen, key: f" i18n-title></span>
|
|
</span>
|
|
<span>
|
|
<span class="oi oi-fullscreen-enter highlight"
|
|
*ngIf="!fullScreenService.isFullScreenEnabled()"
|
|
(click)="fullScreenService.showFullScreen(root)" title="toggle fullscreen, key: f" i18n-title></span>
|
|
</span>
|
|
<span>
|
|
<span class="oi oi-x highlight" (click)="hide()" title="close, key: Escape" i18n-title></span>
|
|
</span>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|