mirror of
https://github.com/xuthus83/pigallery2.git
synced 2024-11-03 21:04:03 +08:00
37 lines
1.3 KiB
HTML
37 lines
1.3 KiB
HTML
<div [hidden]="!isVisible()" #root>
|
|
|
|
<div class="blackCanvas"
|
|
[style.opacity]="blackCanvasOpacity">
|
|
</div>
|
|
|
|
<div class="lightbox" #lightbox>
|
|
<app-gallery-lightbox-media [gridMedia]="activePhoto ? activePhoto.gridMedia : null"
|
|
[loadMedia]="!animating"
|
|
[zoom]="controls ? controls.Zoom : 1"
|
|
[drag]="controls ? controls.drag : {x:0,y:0}"
|
|
[windowAspect]="photoFrameDim.aspect"
|
|
#photo>
|
|
</app-gallery-lightbox-media>
|
|
<app-lightbox-controls
|
|
*ngIf="isOpen()"
|
|
#controls
|
|
[activePhoto]="activePhoto"
|
|
(closed)="hide()"
|
|
[navigation]="navigation"
|
|
(nextPhoto)="nextImage()"
|
|
(previousPhoto)="prevImage()"
|
|
(toggleInfoPanel)="toggleInfoPanel()"
|
|
(toggleFullScreen)="toggleFullscreen()"
|
|
[photoFrameDim]="photoFrameDim"
|
|
[mediaElement]="mediaElement">
|
|
</app-lightbox-controls>
|
|
</div>
|
|
|
|
<app-info-panel *ngIf="activePhoto && infoPanelVisible"
|
|
id="info-panel"
|
|
[style.width.px]="infoPanelWidth"
|
|
[media]="activePhoto.gridMedia.media"
|
|
(closed)="hideInfoPanel()">
|
|
</app-info-panel>
|
|
</div>
|