myxelium/Bridge-Multi
1
0
Fork 0
mirror of https://github.com/Myxelium/Bridge-Multi.git synced 2026-07-07 10:35:09 +00:00
Code Issues Packages Projects Releases Wiki Activity

Improve keyboard navigation

Browse Source
This commit is contained in:
Geomitron
2024-07-10 23:25:01 -05:00
parent 0c8b20c3e9
commit c698e6bb63
3 changed files with 5 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src-angular/app/components/browse/result-table/result-table-row/result-table-row.component.html
View File

@@ -1,5 +1,5 @@
<td> <td>
<input type="checkbox" class="checkbox" (click)="$event.stopPropagation()" [(ngModel)]="selected" /> <input type="checkbox" class="checkbox" (click)="$event.stopPropagation()" (focus)="rowFocused.emit()" [(ngModel)]="selected" />
</td> </td>
<td> <td>
<span *ngIf="song.length > 1" class="rounded-sm bg-accent text-accent-content px-1 mr-1 font-bold">{{ song.length }}</span> {{ song[0].name }} <span *ngIf="song.length > 1" class="rounded-sm bg-accent text-accent-content px-1 mr-1 font-bold">{{ song.length }}</span> {{ song[0].name }}

4
src-angular/app/components/browse/result-table/result-table-row/result-table-row.component.ts
View File

@@ -1,4 +1,4 @@
import { Component, Input, OnInit } from '@angular/core' import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core'
import { ChartData } from '../../../../../../src-shared/interfaces/search.interface' import { ChartData } from '../../../../../../src-shared/interfaces/search.interface'
import { SelectionService } from '../../../../core/services/selection.service' import { SelectionService } from '../../../../core/services/selection.service'
@@ -10,6 +10,8 @@ import { SelectionService } from '../../../../core/services/selection.service'
export class ResultTableRowComponent implements OnInit { export class ResultTableRowComponent implements OnInit {
@Input() song: ChartData[] @Input() song: ChartData[]
@Output() rowFocused: EventEmitter<string> = new EventEmitter()
constructor(private selectionService: SelectionService) { } constructor(private selectionService: SelectionService) { }
ngOnInit() { ngOnInit() {

1
src-angular/app/components/browse/result-table/result-table.component.html
View File

@@ -31,6 +31,7 @@
<tr <tr
app-result-table-row app-result-table-row
(click)="onRowClicked(song)" (click)="onRowClicked(song)"
(rowFocused)="onRowClicked(song)"
[class.!bg-neutral]="activeSong === song" [class.!bg-neutral]="activeSong === song"
[class.!text-neutral-content]="activeSong === song" [class.!text-neutral-content]="activeSong === song"
[song]="song"></tr> [song]="song"></tr>