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

This commit is contained in:
Jesiel Viana
2025-04-15 10:03:49 -03:00
parent d3130bd433
commit 5bdf0974fc

View File

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