mirror of
https://github.com/Alfresco/alfresco-ng2-components.git
synced 2025-05-12 17:04:57 +00:00
1a21f234b6
* add stylelint * fix style first part * fix style second part * fix style third part * fix style fourth part * Fix e2e tests first part * Fix e2e tests second part * Rebase branch * fix style third part * fix style fourth part * Fix list error * fix insights * fix style abotu component * Fix e2e tests second part * Rebase branch * fix style third part * fix style fourth part * Fix list error * Fix e2e tests second part * Rebase branch * fix style third part * fix style fourth part * Fix list error * [ADF-3746] Rebase branch * Fix e2e tests second part * Rebase branch * fix style third part * fix style fourth part * Fix list error * Fix e2e tests second part * Rebase branch * Fix list error * fix new style added * tslint fix * [ADF-3746] Fix scss errors on Process Filters Cloud component
57 lines
2.0 KiB
HTML
57 lines
2.0 KiB
HTML
<div class="adf-image-container" [ngStyle]="{ transform: transform }" data-automation-id="adf-image-container">
|
|
<img id="viewer-image" [src]="urlFile" [alt]="nameFile" [ngStyle]="{ 'cursor' : isDragged ? 'move': 'default' } " />
|
|
</div>
|
|
|
|
<div class="adf-image-viewer__toolbar" *ngIf="showToolbar">
|
|
<adf-toolbar>
|
|
<button
|
|
id="viewer-zoom-in-button"
|
|
mat-icon-button
|
|
title="{{ 'ADF_VIEWER.ARIA.ZOOM_IN' | translate }}"
|
|
attr.aria-label="{{ 'ADF_VIEWER.ARIA.ZOOM_IN' | translate }}"
|
|
(click)="zoomIn()">
|
|
<mat-icon>zoom_in</mat-icon>
|
|
</button>
|
|
|
|
<button
|
|
id="viewer-zoom-out-button"
|
|
title="{{ 'ADF_VIEWER.ARIA.ZOOM_OUT' | translate }}"
|
|
attr.aria-label="{{ 'ADF_VIEWER.ARIA.ZOOM_OUT' | translate }}"
|
|
mat-icon-button
|
|
(click)="zoomOut()">
|
|
<mat-icon>zoom_out</mat-icon>
|
|
</button>
|
|
|
|
<div class="adf-viewer__toolbar-page-scale" data-automation-id="adf-page-scale">
|
|
{{ currentScaleText }}
|
|
</div>
|
|
|
|
<button
|
|
id="viewer-rotate-left-button"
|
|
title="{{ 'ADF_VIEWER.ARIA.ROTATE_LEFT' | translate }}"
|
|
attr.aria-label="{{ 'ADF_VIEWER.ARIA.ROTATE_LEFT' | translate }}"
|
|
mat-icon-button
|
|
(click)="rotateLeft()">
|
|
<mat-icon>rotate_left</mat-icon>
|
|
</button>
|
|
|
|
<button
|
|
id="viewer-rotate-right-button"
|
|
title="{{ 'ADF_VIEWER.ARIA.ROTATE_RIGHT' | translate }}"
|
|
attr.aria-label="{{ 'ADF_VIEWER.ARIA.ROTATE_RIGHT' | translate }}"
|
|
mat-icon-button
|
|
(click)="rotateRight()">
|
|
<mat-icon>rotate_right</mat-icon>
|
|
</button>
|
|
|
|
<button
|
|
id="viewer-reset-button"
|
|
title="{{ 'ADF_VIEWER.ARIA.RESET' | translate }}"
|
|
attr.aria-label="{{ 'ADF_VIEWER.ARIA.RESET' | translate }}"
|
|
mat-icon-button
|
|
(click)="reset()">
|
|
<mat-icon>zoom_out_map</mat-icon>
|
|
</button>
|
|
</adf-toolbar>
|
|
</div>
|