alfresco-ng2-components/lib/core/viewer/components/imgViewer.component.html
Denys Vuika 08f2cc9236 [ADF-1412] Viewer enhancements (#2873)
* collection navigation support for Viewer

* code cleanup

* full screen mode support

* keyboard shortcuts

* zooming scale label

* layout fixes

* test fixes

* image toolbar with basic tranformations

* test fixes

* test fixes
2018-01-28 23:01:01 +00:00

28 lines
816 B
HTML

<div class="image-container" [ngStyle]="{ transform: transform }">
<img id="viewer-image" [src]="urlFile" [alt]="nameFile" />
</div>
<div class="adf-image-viewer__toolbar" *ngIf="showToolbar">
<adf-toolbar>
<button mat-icon-button (click)="zoomIn()">
<mat-icon>zoom_in</mat-icon>
</button>
<button mat-icon-button (click)="zoomOut()">
<mat-icon>zoom_out</mat-icon>
</button>
<button mat-icon-button (click)="rotateLeft()">
<mat-icon>rotate_left</mat-icon>
</button>
<button mat-icon-button (click)="rotateRight()">
<mat-icon>rotate_right</mat-icon>
</button>
<button mat-icon-button (click)="flip()">
<mat-icon>flip</mat-icon>
</button>
</adf-toolbar>
</div>