inteligr8/alfresco-ng2-components
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-ng2-components.git synced 2025-07-24 17:32:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

(viewer) use system screen-reader friendly tooltips (#3133)

Browse Source
This commit is contained in:
Denys Vuika
2018-03-29 13:38:42 +01:00
committed by Eugenio Romano
parent 00b04d53dd
commit d337bff48b
1 changed files with 9 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
lib/core/viewer/components/viewer.component.html
View File

@@ -13,7 +13,7 @@
class="adf-viewer-close-button" class="adf-viewer-close-button"
data-automation-id="toolbar-back" data-automation-id="toolbar-back"
mat-icon-button mat-icon-button
matTooltip="{{ 'ADF_VIEWER.ACTIONS.CLOSE' | translate }}" title="{{ 'ADF_VIEWER.ACTIONS.CLOSE' | translate }}"
(click)="onBackButtonClick()"> (click)="onBackButtonClick()">
<mat-icon>close</mat-icon> <mat-icon>close</mat-icon>
</button> </button>
@@ -24,7 +24,7 @@
*ngIf="allowNavigate && canNavigateBefore" *ngIf="allowNavigate && canNavigateBefore"
data-automation-id="toolbar-pref-file" data-automation-id="toolbar-pref-file"
mat-icon-button mat-icon-button
matTooltip="{{ 'ADF_VIEWER.ACTIONS.PREV_FILE' | translate }}" title="{{ 'ADF_VIEWER.ACTIONS.PREV_FILE' | translate }}"
(click)="onNavigateBeforeClick()"> (click)="onNavigateBeforeClick()">
<mat-icon>navigate_before</mat-icon> <mat-icon>navigate_before</mat-icon>
</button> </button>
@@ -34,7 +34,7 @@
*ngIf="allowNavigate && canNavigateNext" *ngIf="allowNavigate && canNavigateNext"
data-automation-id="toolbar-next-file" data-automation-id="toolbar-next-file"
mat-icon-button mat-icon-button
matTooltip="{{ 'ADF_VIEWER.ACTIONS.NEXT_FILE' | translate }}" title="{{ 'ADF_VIEWER.ACTIONS.NEXT_FILE' | translate }}"
(click)="onNavigateNextClick()"> (click)="onNavigateNextClick()">
<mat-icon>navigate_next</mat-icon> <mat-icon>navigate_next</mat-icon>
</button> </button>
@@ -60,7 +60,7 @@
<button <button
*ngIf="allowDownload" *ngIf="allowDownload"
mat-icon-button mat-icon-button
matTooltip="{{ 'ADF_VIEWER.ACTIONS.DOWNLOAD' | translate }}" title="{{ 'ADF_VIEWER.ACTIONS.DOWNLOAD' | translate }}"
data-automation-id="toolbar-download" data-automation-id="toolbar-download"
(click)="downloadContent()"> (click)="downloadContent()">
<mat-icon>file_download</mat-icon> <mat-icon>file_download</mat-icon>
@@ -69,7 +69,7 @@
<button <button
*ngIf="allowPrint" *ngIf="allowPrint"
mat-icon-button mat-icon-button
matTooltip="{{ 'ADF_VIEWER.ACTIONS.PRINT' | translate }}" title="{{ 'ADF_VIEWER.ACTIONS.PRINT' | translate }}"
data-automation-id="toolbar-print" data-automation-id="toolbar-print"
(click)="printContent()"> (click)="printContent()">
<mat-icon>print</mat-icon> <mat-icon>print</mat-icon>
@@ -78,7 +78,7 @@
<button <button
*ngIf="allowShare" *ngIf="allowShare"
mat-icon-button mat-icon-button
matTooltip="{{ 'ADF_VIEWER.ACTIONS.SHARE' | translate }}" title="{{ 'ADF_VIEWER.ACTIONS.SHARE' | translate }}"
data-automation-id="toolbar-share" data-automation-id="toolbar-share"
(click)="shareContent()"> (click)="shareContent()">
<mat-icon>share</mat-icon> <mat-icon>share</mat-icon>
@@ -87,7 +87,7 @@
<button <button
*ngIf="viewerType !== 'media' && allowFullScreen" *ngIf="viewerType !== 'media' && allowFullScreen"
mat-icon-button mat-icon-button
matTooltip="{{ 'ADF_VIEWER.ACTIONS.FULLSCREEN' | translate }}" title="{{ 'ADF_VIEWER.ACTIONS.FULLSCREEN' | translate }}"
data-automation-id="toolbar-fullscreen" data-automation-id="toolbar-fullscreen"
(click)="enterFullScreen()"> (click)="enterFullScreen()">
<mat-icon>fullscreen</mat-icon> <mat-icon>fullscreen</mat-icon>
@@ -97,7 +97,7 @@
<button <button
mat-icon-button mat-icon-button
[matMenuTriggerFor]="mnuMoreActions" [matMenuTriggerFor]="mnuMoreActions"
matTooltip="{{ 'ADF_VIEWER.ACTIONS.MORE_ACTIONS' | translate }}" title="{{ 'ADF_VIEWER.ACTIONS.MORE_ACTIONS' | translate }}"
data-automation-id="toolbar-more-actions"> data-automation-id="toolbar-more-actions">
<mat-icon>more_vert</mat-icon> <mat-icon>more_vert</mat-icon>
</button> </button>
@@ -111,7 +111,7 @@
<button <button
mat-icon-button mat-icon-button
matTooltip="{{ 'ADF_VIEWER.ACTIONS.INFO' | translate }}" title="{{ 'ADF_VIEWER.ACTIONS.INFO' | translate }}"
data-automation-id="toolbar-sidebar" data-automation-id="toolbar-sidebar"
[color]="showSidebar ? 'accent' : 'default'" [color]="showSidebar ? 'accent' : 'default'"
(click)="toggleSidebar($event)"> (click)="toggleSidebar($event)">