Adding tooltips to indicate functionality of buttons when switching views of search results

Author: jesielviana

src/app/shared/view-mode-switch/view-mode-switch.component.html

@@ -3,6 +3,7 @@
     <button
       [attr.aria-current]="currentMode === viewModeEnum.ListElement"
       [attr.aria-label]="'search.view-switch.show-list' | translate"
+      [title]="'search.view-switch.show-list' | translate"
       routerLink="."
       [queryParams]="{view: 'list'}"
       queryParamsHandling="merge"
@@ -17,6 +18,7 @@
     <button
       [attr.aria-current]="currentMode === viewModeEnum.GridElement"
       [attr.aria-label]="'search.view-switch.show-grid' | translate"
+      [title]="'search.view-switch.show-grid' | translate"
       routerLink="."
       [queryParams]="{view: 'grid'}"
       queryParamsHandling="merge"
@@ -31,6 +33,7 @@
     <button
       [attr.aria-current]="currentMode === viewModeEnum.DetailedListElement"
       [attr.aria-label]="'search.view-switch.show-detail' | translate"
+      [title]="'search.view-switch.show-detail' | translate"
       routerLink="."
       [queryParams]="{view: 'detailed'}"
       queryParamsHandling="merge"
@@ -45,6 +48,7 @@
     <button
       [attr.aria-current]="currentMode === viewModeEnum.GeospatialMap"
       [attr.aria-label]="'search.view-switch.show-geospatialMap' | translate"
+      [title]="'search.view-switch.show-geospatialMap' | translate"
        routerLink="."
        [queryParams]="{view: 'geospatialMap'}"
        queryParamsHandling="merge"