hazza/dspace-angular
1
0
Fork 1
mirror of https://github.com/DSpace/dspace-angular.git synced 2025-10-07 10:04:11 +00:00
Code Issues Packages Projects Releases Wiki Activity

Ensuring that the message “There were no items to show” is announced to the screen reader when necessary

Browse Source
This commit is contained in:
andreaNeki
2024-09-27 15:08:53 -03:00
parent e54b1ce274
commit 3658ad1ec0
1 changed files with 5 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/app/shared/form/vocabulary-treeview/vocabulary-treeview.component.html
View File

@@ -28,9 +28,11 @@
</div> </div>
<div class="treeview-container"> <div class="treeview-container">
<ds-loading *ngIf="loading | async" [showMessage]="false"></ds-loading> <ds-loading *ngIf="loading | async" [showMessage]="false"></ds-loading>
<h2 *ngIf="(loading | async) !== true && dataSource.data.length === 0" class="h4 text-center text-muted mt-4" > <div aria-live="polite">
<span>{{'vocabulary-treeview.search.no-result' | translate}}</span> <h2 *ngIf="(loading | async) !== true && dataSource.data.length === 0" class="h4 text-center text-muted mt-4" >
</h2> <span>{{'vocabulary-treeview.search.no-result' | translate}}</span>
</h2>
</div>
<cdk-tree [dataSource]="dataSource" [treeControl]="treeControl"> <cdk-tree [dataSource]="dataSource" [treeControl]="treeControl">
<!-- Leaf node --> <!-- Leaf node -->
<cdk-tree-node *cdkTreeNodeDef="let node" cdkTreeNodePadding class="d-flex"> <cdk-tree-node *cdkTreeNodeDef="let node" cdkTreeNodePadding class="d-flex">