neoris/openvidu
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

frontend: add unique IDs to action buttons in recording lists for improved accessibility

Browse Source
This commit is contained in:
Carlos Santos 2025-07-22 17:10:56 +02:00
parent b218874a92
commit 0debf5b35b
1 changed files with 6 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
frontend/projects/shared-meet-components/src/lib/components/recording-lists/recording-lists.component.html
View File

@ -178,6 +178,7 @@
matTooltip="Play Recording" matTooltip="Play Recording"
(click)="playRecording(recording)" (click)="playRecording(recording)"
[disabled]="loading" [disabled]="loading"
id="play-recording-btn-{{ recording.id }}"
> >
<mat-icon>play_arrow</mat-icon> <mat-icon>play_arrow</mat-icon>
</button> </button>
@ -190,6 +191,7 @@
matTooltip="Download Recording" matTooltip="Download Recording"
(click)="downloadRecording(recording)" (click)="downloadRecording(recording)"
[disabled]="loading" [disabled]="loading"
id="download-recording-btn-{{ recording.id }}"
> >
<mat-icon>download</mat-icon> <mat-icon>download</mat-icon>
</button> </button>
@ -202,6 +204,7 @@
matTooltip="Delete Recording" matTooltip="Delete Recording"
(click)="deleteRecording(recording)" (click)="deleteRecording(recording)"
[disabled]="loading" [disabled]="loading"
id="delete-recording-btn-{{ recording.id }}"
> >
<mat-icon>delete</mat-icon> <mat-icon>delete</mat-icon>
</button> </button>
@ -212,19 +215,20 @@
[matMenuTriggerFor]="actionsMenu" [matMenuTriggerFor]="actionsMenu"
matTooltip="More Actions" matTooltip="More Actions"
[disabled]="loading" [disabled]="loading"
id="more-actions-btn-{{ recording.id }}"
> >
<mat-icon>more_vert</mat-icon> <mat-icon>more_vert</mat-icon>
</button> </button>
<mat-menu #actionsMenu="matMenu"> <mat-menu #actionsMenu="matMenu">
<button mat-menu-item (click)="shareRecordingLink(recording)"> <button mat-menu-item (click)="shareRecordingLink(recording)" id="share-recording-link-{{ recording.id }}">
<mat-icon>share</mat-icon> <mat-icon>share</mat-icon>
<span>Share link</span> <span>Share link</span>
</button> </button>
@if (canDeleteRecording(recording)) { @if (canDeleteRecording(recording)) {
<mat-divider></mat-divider> <mat-divider></mat-divider>
<button mat-menu-item (click)="deleteRecording(recording)" class="delete-action"> <button mat-menu-item (click)="deleteRecording(recording)" class="delete-action" id="delete-recording-btn-{{ recording.id }}">
<mat-icon>delete</mat-icon> <mat-icon>delete</mat-icon>
<span>Delete recording</span> <span>Delete recording</span>
</button> </button>