Mark selected row as active

src/app/components/browse/result-table/result-table.component.html

@@ -22,6 +22,7 @@
     #tableRow
     *ngFor="let result of results"
     (click)="onRowClicked(result)"
+    [class.active]="activeRowID == result.id"
     [result]="result"></tr>
   </tbody>
 </table>

src/app/components/browse/result-table/result-table.component.ts

@@ -18,6 +18,7 @@ export class ResultTableComponent implements OnInit {
   @ViewChildren('tableRow') tableRows: QueryList<ResultTableRowComponent>
 
   results: SongResult[]
+  activeRowID: number = null
 
   constructor(private searchService: SearchService, private selectionService: SelectionService) { }
 
@@ -27,11 +28,13 @@ export class ResultTableComponent implements OnInit {
     })
 
     this.searchService.onSearchChanged(results => {
+      this.activeRowID = null
       this.results = results
     })
   }
 
   onRowClicked(result: SongResult) {
+    this.activeRowID = result.id
     this.rowClicked.emit(result)
   }