mirror of
https://github.com/Alfresco/alfresco-ng2-components.git
synced 2025-07-24 17:32:15 +00:00
[AAE-1848] fix kebab case files and add tlsint rule (#5481)
* fix kebab case files and add tlsint rule * headless * m 2 in e2e * download file in headless chrome * fix budget * fix import * fix import
This commit is contained in:
56
lib/core/viewer/components/img-viewer.component.html
Normal file
56
lib/core/viewer/components/img-viewer.component.html
Normal file
@@ -0,0 +1,56 @@
|
||||
<div id="adf-image-container" (keydown)="onKeyDown($event)" class="adf-image-container" tabindex="0" role="img" [attr.aria-label]="nameFile" [style.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>
|
Reference in New Issue
Block a user