added ctrl+click to open in new tab to table filter and test run list

Author: EvgenySafronov

package.json

@@ -1,6 +1,6 @@
 {
   "name": "aquality-tracking-ui",
-  "version": "1.4.3",
+  "version": "1.4.4",
   "scripts": {
     "ng": "ng",
     "start": "ng serve",

src/app/elements/table-filter/table-filter.component.ts

@@ -61,6 +61,7 @@ export class TableFilterComponent implements OnInit, AfterViewInit, OnDestroy, O
   @Input() allowBulkUpdate = false;
   @Input() allowBulkDelete = false;
   @Input() withSelector = false;
+  @Input() urlGenerator!: (entity: any) => string;
 
   @Output() createEntity = new EventEmitter();
   @Output() dataChange = new EventEmitter();
@@ -733,7 +734,12 @@ export class TableFilterComponent implements OnInit, AfterViewInit, OnDestroy, O
     const canClick = notInlineEditorButton || (notClickableElement && notEditable);
 
     if (canClick) {
-      this.rowClick.emit(entity);
+      if ($event.ctrlKey || $event.metaKey) {
+        const url = this.urlGenerator(entity);
+        window.open(`/#${url}`, '_blank');
+      } else {
+        this.rowClick.emit(entity);
+      }
     }
   }
 

src/app/pages/project/testrun/testrun-list/testrun-list.component.html

@@ -15,7 +15,8 @@
       <div class="col-sm-12">
         <table-filter #testrunsTable *ngIf="tbCols && labels" [allowDelete]="allowDelete" [allowBulkDelete]="allowDelete" (bulkDelete)="bulkDelete($event)"
           [allowExport]="true" [data]="testruns" (shownData)="tableDataUpdate($event)" [columns]="tbCols" [hiddenColumns]="hiddenCols" [defaultSortBy]="sortBy"
-          [queryParams]="true" (rowClick)="rowClicked($event)" (dataChange)="testrunUpdate($event)" (action)="handleAction($event)"></table-filter>
+          [queryParams]="true" [urlGenerator]="generateRowUrl" (rowClick)="rowClicked($event)" (dataChange)="testrunUpdate($event)"
+          (action)="handleAction($event)"></table-filter>
       </div>
     </div>
   </div>

src/app/pages/project/testrun/testrun-list/testrun-list.component.ts

@@ -87,8 +87,12 @@ export class TestRunsComponent implements OnInit {
     this.testrunStatsFiltered = this.testrunStats.filter(stat => $event.find(testrun => testrun.id === stat.id));
   }
 
+  generateRowUrl(entity: TestRun): string {
+    return `/project/${entity.project_id}/testrun/${entity.id}`
+  }
+
   rowClicked($event: TestRun) {
-    this.router.navigate([`/project/${$event.project_id}/testrun/${$event.id}`]);
+    this.router.navigate([this.generateRowUrl($event)]);
   }
 
   bulkDelete(testruns: TestRun[]) {