Mark selected row as active

package.json

@@ -1,6 +1,6 @@
 {
   "name": "bridge",
-  "version": "0.0.0",
+  "version": "0.0.1",
   "description": "A Clone Hero library management tool with built in chart searching and downloading.",
   "homepage": "https://github.com/Geomitron/Bridge",
   "license": "GPL-3.0",

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)
   }