mirror of
https://github.com/Alfresco/alfresco-ng2-components.git
synced 2025-05-12 17:04:57 +00:00
* 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
28 lines
816 B
HTML
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>
|