[ADF-2843] added tooltips for all the buttons in toolbar (#3297)

* [ADF-2843] added tooltip for create new folder and edit folder icons from Content Service

* [ADF-2843] added translation for tooltip

* [ADF-2843] added tooltips for all the buttons in toolbar

* [ADF-2843] discard package-lock

* [ADF-2832] discard changes to package-lock

* [ADF-2843] discarded changes from package-lock

* [ADF-2843] added tooltip for list view button
This commit is contained in:
Georgiana Roman
2018-05-11 12:42:18 +03:00
committed by Eugenio Romano
parent 49b5b7f3d8
commit 18177f5697
2 changed files with 20 additions and 10 deletions

View File

@@ -97,7 +97,13 @@
"NEW_FOLDER":"New folder", "NEW_FOLDER":"New folder",
"EDIT_FOLDER":"Edit folder", "EDIT_FOLDER":"Edit folder",
"DOWNLOAD":"Download", "DOWNLOAD":"Download",
"DELETE":"Delete" "DELETE":"Delete",
"FAVORITES": "Add to favorites",
"SHARE": "Share",
"THEME": "Select a theme!",
"SHOW_VERSION": "Show version",
"HIDE_VERSION": "Hide version",
"LISTVIEW": "List view mode"
}, },
"ACTIONS": { "ACTIONS": {
"VERSIONS": "Manage versions", "VERSIONS": "Manage versions",

View File

@@ -67,8 +67,8 @@
mat-icon-button mat-icon-button
title="{{ 'DOCUMENT_LIST.TOOLBAR.CARDVIEW' | translate }}" title="{{ 'DOCUMENT_LIST.TOOLBAR.CARDVIEW' | translate }}"
(click)="toogleGalleryView()"> (click)="toogleGalleryView()">
<mat-icon *ngIf="displayMode === 'list'" >view_comfy</mat-icon> <mat-icon *ngIf="displayMode === 'list'" matTooltip="{{ 'DOCUMENT_LIST.TOOLBAR.CARDVIEW' | translate }}">view_comfy</mat-icon>
<mat-icon *ngIf="displayMode === 'gallery'">list</mat-icon> <mat-icon *ngIf="displayMode === 'gallery'" matTooltip="{{ 'DOCUMENT_LIST.TOOLBAR.LISTVIEW' | translate }}">list</mat-icon>
</button> </button>
<button <button
mat-icon-button mat-icon-button
@@ -90,7 +90,8 @@
<button mat-icon-button <button mat-icon-button
[disabled]="!hasSelection(documentList.selection)" [disabled]="!hasSelection(documentList.selection)"
title="{{ 'DOCUMENT_LIST.TOOLBAR.DOWNLOAD' | translate }}" title="{{ 'DOCUMENT_LIST.TOOLBAR.DOWNLOAD' | translate }}"
[adfNodeDownload]="documentList.selection"> [adfNodeDownload]="documentList.selection"
matTooltip="{{ 'DOCUMENT_LIST.TOOLBAR.DOWNLOAD' | translate }}">
<mat-icon>get_app</mat-icon> <mat-icon>get_app</mat-icon>
</button> </button>
<button mat-icon-button <button mat-icon-button
@@ -98,13 +99,15 @@
[adf-nodes]="documentList.selection" [adf-nodes]="documentList.selection"
title="{{ 'DOCUMENT_LIST.TOOLBAR.DELETE' | translate }}" title="{{ 'DOCUMENT_LIST.TOOLBAR.DELETE' | translate }}"
(delete)="onDeleteActionSuccess($event)" (delete)="onDeleteActionSuccess($event)"
[adf-delete]="documentList.selection"> [adf-delete]="documentList.selection"
matTooltip="{{ 'DOCUMENT_LIST.TOOLBAR.DELETE' | translate }}">
<mat-icon>delete</mat-icon> <mat-icon>delete</mat-icon>
</button> </button>
<button mat-icon-button <button mat-icon-button
[disabled]="!documentList.selection.length" [disabled]="!documentList.selection.length"
#favorite="adfFavorite" #favorite="adfFavorite"
[adf-node-favorite]="documentList.selection"> [adf-node-favorite]="documentList.selection"
matTooltip="{{ 'DOCUMENT_LIST.TOOLBAR.FAVORITES' | translate }}">
<mat-icon> <mat-icon>
{{ favorite.hasFavorites() ? 'star' :'star_border' }} {{ favorite.hasFavorites() ? 'star' :'star_border' }}
</mat-icon> </mat-icon>
@@ -112,14 +115,15 @@
<button mat-icon-button <button mat-icon-button
[disabled]="!documentList.selection.length" [disabled]="!documentList.selection.length"
[baseShareUrl]="baseShareUrl" [baseShareUrl]="baseShareUrl"
[adf-share]="documentList.selection[0]"> [adf-share]="documentList.selection[0]"
matTooltip="{{ 'DOCUMENT_LIST.TOOLBAR.SHARE' | translate }}">
<mat-icon> <mat-icon>
share share
</mat-icon> </mat-icon>
</button> </button>
</div> </div>
<button fxFlex="1 0 auto" mat-icon-button [matMenuTriggerFor]="themePicker"> <button fxFlex="1 0 auto" mat-icon-button [matMenuTriggerFor]="themePicker" matTooltip="{{ 'DOCUMENT_LIST.TOOLBAR.THEME' | translate }}">
<mat-icon>format_color_fill</mat-icon> <mat-icon>format_color_fill</mat-icon>
</button> </button>
@@ -131,8 +135,8 @@
</mat-menu> </mat-menu>
<button mat-icon-button (click)="showVersions = !showVersions" class="adf-show-versions-button"> <button mat-icon-button (click)="showVersions = !showVersions" class="adf-show-versions-button">
<mat-icon *ngIf="!showVersions">chevron_left</mat-icon> <mat-icon *ngIf="!showVersions" matTooltip="{{ 'DOCUMENT_LIST.TOOLBAR.SHOW_VERSION' | translate }}">chevron_left</mat-icon>
<mat-icon *ngIf="showVersions">chevron_right</mat-icon> <mat-icon *ngIf="showVersions" matTooltip="{{ 'DOCUMENT_LIST.TOOLBAR.HIDE_VERSION' | translate }}">chevron_right</mat-icon>
</button> </button>
<adf-toolbar-divider fxFlex="0 0 auto" fxHide fxShow.lt-sm="true"></adf-toolbar-divider> <adf-toolbar-divider fxFlex="0 0 auto" fxHide fxShow.lt-sm="true"></adf-toolbar-divider>