From 42125b67ece41fb7465063763108490e5a0859e7 Mon Sep 17 00:00:00 2001
From: Cilibiu Bogdan <pionnegru@users.noreply.github.com>
Date: Tue, 6 Nov 2018 17:05:40 +0200
Subject: [PATCH] render tooltip descripiton (#785)

---
 src/app/components/sidenav/sidenav.component.html | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/app/components/sidenav/sidenav.component.html b/src/app/components/sidenav/sidenav.component.html
index f3fbe8865..2a05f5d5e 100644
--- a/src/app/components/sidenav/sidenav.component.html
+++ b/src/app/components/sidenav/sidenav.component.html
@@ -13,7 +13,8 @@
 
                     <ng-container *ngIf="showLabel">
                         <ng-container *ngIf="!item.children">
-                            <div class="sidenav-menu__item">
+                            <div class="sidenav-menu__item"
+                            [attr.title]="item.description | translate">
                                 <button [id]="item.id"
                                     mat-icon-button mat-ripple
                                     [routerLink]="item.url"
@@ -42,7 +43,7 @@
                         <ng-container *ngIf="item.children && item.children.length">
                             <mat-expansion-panel [expanded]="routerLink.isActive" [@.disabled]="true">
                                 <mat-expansion-panel-header expandedHeight="48px" collapsedHeight="48px" [id]="item.id">
-                                    <mat-panel-title>
+                                    <mat-panel-title [attr.title]="item.description | translate">
                                         <mat-icon [color]="routerLink.isActive? 'accent': 'primary'">{{ item.icon }}</mat-icon>
                                         <span class="menu__item--label"
                                             [ngClass]="{
@@ -89,7 +90,8 @@
                                     <button [id]="item.id"
                                         mat-icon-button [routerLink]="item.url"
                                         [color]="routerLink.isActive ? 'accent': 'primary'"
-                                        [attr.aria-label]="item.title | translate">
+                                        [attr.aria-label]="item.title | translate"
+                                        [attr.title]="item.description | translate">
 
                                         <mat-icon>{{ item.icon }}</mat-icon>
                                     </button>
@@ -97,7 +99,8 @@
                             </ng-container>
 
                             <ng-container *ngIf="item.children && item.children.length">
-                                <div class="sidenav-menu__item">
+                                <div class="sidenav-menu__item"
+                                    [attr.title]="item.description | translate">
                                     <button [id]="item.id"
                                         color="accent"
                                         mat-mini-fab
@@ -128,6 +131,7 @@
                                         routerLinkActive
                                         #menuRouterLink="routerLinkActive"
                                         [routerLink]="child.url"
+                                        [attr.title]="child.description | translate"
                                         [id]="child.id">
 
                                         <mat-icon [color]="menuRouterLink.isActive ? 'primary': null"