From 8fc327e322d44931d2d59cb958de4cb9d6339490 Mon Sep 17 00:00:00 2001
From: Melvin Johner <melvin.johner@postfinance.ch>
Date: Wed, 14 Aug 2024 15:58:47 +0200
Subject: [PATCH] feat: table representation improved. made the table rows
 clickable and removed view buttons on all entity tables.

---
 .../list/message-header-table.component.html  | 15 ++--------
 .../message/list/message.component.html       | 12 ++------
 .../list/scenario-action.component.html       | 15 ++--------
 .../scenario-actions-table.component.html     | 15 ++--------
 .../scenario-messages-table.component.html    | 13 ++------
 .../scenario-parameters-table.component.html  | 15 ++--------
 .../list/scenario-execution.component.html    | 30 ++++++++-----------
 .../list/scenario-execution.component.scss    |  3 --
 .../list/scenario-parameter.component.html    | 17 ++---------
 .../list/test-parameter.component.html        | 15 ++--------
 .../list/test-result.component.html           | 12 ++------
 .../app/scenario/list/scenario.component.html | 12 ++------
 .../src/main/webapp/content/scss/global.scss  |  8 +++++
 13 files changed, 45 insertions(+), 137 deletions(-)

diff --git a/simulator-ui/src/main/webapp/app/entities/message-header/list/message-header-table.component.html b/simulator-ui/src/main/webapp/app/entities/message-header/list/message-header-table.component.html
index a8f2c0761..905ae8326 100644
--- a/simulator-ui/src/main/webapp/app/entities/message-header/list/message-header-table.component.html
+++ b/simulator-ui/src/main/webapp/app/entities/message-header/list/message-header-table.component.html
@@ -1,5 +1,5 @@
 <div class="table-responsive table-entities" id="entities" *ngIf="sortedMessageHeaders && sortedMessageHeaders.length > 0">
-  <table class="table table-striped" aria-describedby="page-heading">
+  <table class="table table-striped table-hover" aria-describedby="page-heading">
     <thead>
       <tr jhiSort [(predicate)]="predicate" [(ascending)]="ascending" (sortChange)="emitSortChange()">
         <th scope="col" jhiSortBy="headerId">
@@ -38,11 +38,10 @@
             <fa-icon class="p-1" icon="sort"></fa-icon>
           </div>
         </th>
-        <th scope="col"></th>
       </tr>
     </thead>
     <tbody>
-      <tr *ngFor="let messageHeader of sortedMessageHeaders; trackBy: trackId" data-cy="entityTable">
+      <tr *ngFor="let messageHeader of sortedMessageHeaders; trackBy: trackId" data-cy="entityTable" class='clickable-row' [routerLink]="['/message-header', messageHeader.headerId, 'view']">
         <td>
           <a [routerLink]="['/message-header', messageHeader.headerId, 'view']">{{ messageHeader.headerId }}</a>
         </td>
@@ -55,16 +54,6 @@
         </td>
         <td *ngIf="standalone">{{ messageHeader.createdDate | formatMediumDatetime }}</td>
         <td *ngIf="standalone">{{ messageHeader.lastModifiedDate | formatMediumDatetime }}</td>
-        <td class="text-end">
-          <div class="btn-group">
-            <a [routerLink]="['/message-header', messageHeader.headerId, 'view']">
-              <button type="button" class="btn btn-info btn-sm" data-cy="entityDetailsButton">
-                <fa-icon icon="eye"></fa-icon>
-                <span class="d-none d-md-inline" jhiTranslate="entity.action.view">View</span>
-              </button>
-            </a>
-          </div>
-        </td>
       </tr>
     </tbody>
   </table>
diff --git a/simulator-ui/src/main/webapp/app/entities/message/list/message.component.html b/simulator-ui/src/main/webapp/app/entities/message/list/message.component.html
index f44355324..10f71075a 100644
--- a/simulator-ui/src/main/webapp/app/entities/message/list/message.component.html
+++ b/simulator-ui/src/main/webapp/app/entities/message/list/message.component.html
@@ -21,7 +21,7 @@ <h2 id="page-heading" data-cy="MessageHeading">
   </div>
 
   <div class="table-responsive table-entities" id="entities" *ngIf="messages && messages.length > 0">
-    <table class="table table-striped" aria-describedby="page-heading">
+    <table class="table table-striped table-hover" aria-describedby="page-heading">
       <thead>
         <tr jhiSort [(predicate)]="predicate" [(ascending)]="ascending" (sortChange)="navigateToWithComponentValues()">
           <th scope="col" jhiSortBy="messageId">
@@ -70,7 +70,7 @@ <h2 id="page-heading" data-cy="MessageHeading">
         </tr>
       </thead>
       <tbody>
-        <tr *ngFor="let message of messages; trackBy: trackId" data-cy="entityTable">
+        <tr *ngFor="let message of messages; trackBy: trackId" data-cy="entityTable" class='clickable-row' [routerLink]="['/message', message.messageId, 'view']">
           <td>
             <a [routerLink]="['/message', message.messageId, 'view']">{{ message.messageId }}</a>
           </td>
@@ -85,7 +85,7 @@ <h2 id="page-heading" data-cy="MessageHeading">
           <td>{{ message.createdDate | formatMediumDatetime }}</td>
           <td>{{ message.lastModifiedDate | formatMediumDatetime }}</td>
           <td class="text-end">
-            <div class="btn-group">
+            <!-- //NOSONAR --><div class="btn-group" (click)="$event.stopPropagation()">
               <a [routerLink]="['/message-header']" [queryParams]="{ 'filter[messageId.in]': message.messageId }">
                 <button type="button" class="btn btn-info btn-sm" data-cy="filterOtherEntityButton">
                   <fa-icon icon="heading"></fa-icon>
@@ -97,12 +97,6 @@ <h2 id="page-heading" data-cy="MessageHeading">
                   >
                 </button>
               </a>
-              <a [routerLink]="['/message', message.messageId, 'view']">
-                <button type="button" class="btn btn-info btn-sm" data-cy="entityDetailsButton">
-                  <fa-icon icon="eye"></fa-icon>
-                  <span class="d-none d-md-inline" jhiTranslate="entity.action.view">View</span>
-                </button>
-              </a>
             </div>
           </td>
         </tr>
diff --git a/simulator-ui/src/main/webapp/app/entities/scenario-action/list/scenario-action.component.html b/simulator-ui/src/main/webapp/app/entities/scenario-action/list/scenario-action.component.html
index 9d1443962..608e843c1 100644
--- a/simulator-ui/src/main/webapp/app/entities/scenario-action/list/scenario-action.component.html
+++ b/simulator-ui/src/main/webapp/app/entities/scenario-action/list/scenario-action.component.html
@@ -21,7 +21,7 @@ <h2 id="page-heading" data-cy="ScenarioActionHeading">
   </div>
 
   <div class="table-responsive table-entities" id="entities" *ngIf="scenarioActions && scenarioActions.length > 0">
-    <table class="table table-striped" aria-describedby="page-heading">
+    <table class="table table-striped table-hover" aria-describedby="page-heading">
       <thead>
         <tr jhiSort [(predicate)]="predicate" [(ascending)]="ascending" (sortChange)="navigateToWithComponentValues()">
           <th scope="col" jhiSortBy="actionId">
@@ -54,11 +54,10 @@ <h2 id="page-heading" data-cy="ScenarioActionHeading">
               <fa-icon class="p-1" icon="sort"></fa-icon>
             </div>
           </th>
-          <th scope="col"></th>
         </tr>
       </thead>
       <tbody>
-        <tr *ngFor="let scenarioAction of scenarioActions; trackBy: trackId" data-cy="entityTable">
+        <tr *ngFor="let scenarioAction of scenarioActions; trackBy: trackId" class='clickable-row'  data-cy="entityTable" [routerLink]="['/scenario-action', scenarioAction.actionId, 'view']">
           <td>
             <a [routerLink]="['/scenario-action', scenarioAction.actionId, 'view']">{{ scenarioAction.actionId }}</a>
           </td>
@@ -72,16 +71,6 @@ <h2 id="page-heading" data-cy="ScenarioActionHeading">
               }}</a>
             </div>
           </td>
-          <td class="text-end">
-            <div class="btn-group">
-              <a [routerLink]="['/scenario-action', scenarioAction.actionId, 'view']">
-                <button type="submit" class="btn btn-info btn-sm" data-cy="entityDetailsButton">
-                  <fa-icon icon="eye"></fa-icon>
-                  <span class="d-none d-md-inline" jhiTranslate="entity.action.view">View</span>
-                </button>
-              </a>
-            </div>
-          </td>
         </tr>
       </tbody>
     </table>
diff --git a/simulator-ui/src/main/webapp/app/entities/scenario-execution/detail/scenario-actions-table.component.html b/simulator-ui/src/main/webapp/app/entities/scenario-execution/detail/scenario-actions-table.component.html
index 2e9abb6ff..c4a5d8a72 100644
--- a/simulator-ui/src/main/webapp/app/entities/scenario-execution/detail/scenario-actions-table.component.html
+++ b/simulator-ui/src/main/webapp/app/entities/scenario-execution/detail/scenario-actions-table.component.html
@@ -1,5 +1,5 @@
 <div class="table-responsive table-entities" id="entities" *ngIf="sortedActions && sortedActions.length > 0; else noParameters">
-  <table class="table table-striped" aria-describedby="page-heading">
+  <table class="table table-striped table-hover" aria-describedby="page-heading">
     <thead>
       <tr jhiSort [(predicate)]="predicate" [(ascending)]="ascending" (sortChange)="sortActions()">
         <th scope="col" jhiSortBy="actionId">
@@ -26,27 +26,16 @@
             <fa-icon class="p-1" icon="sort"></fa-icon>
           </div>
         </th>
-        <th scope="col"></th>
       </tr>
     </thead>
     <tbody>
-      <tr *ngFor="let scenarioAction of sortedActions; trackBy: trackId" data-cy="entityTable">
+      <tr *ngFor="let scenarioAction of sortedActions; trackBy: trackId" data-cy="entityTable" class='clickable-row'  [routerLink]="['/scenario-action', scenarioAction.actionId, 'view']">
         <td>
           <a [routerLink]="['/scenario-action', scenarioAction.actionId, 'view']">{{ scenarioAction.actionId }}</a>
         </td>
         <td>{{ scenarioAction.name }}</td>
         <td>{{ scenarioAction.startDate | formatMediumDatetime }}</td>
         <td>{{ scenarioAction.endDate | formatMediumDatetime }}</td>
-        <td class="text-end">
-          <div class="btn-group">
-            <a [routerLink]="['/scenario-action', scenarioAction.actionId, 'view']">
-              <button type="submit" class="btn btn-info btn-sm" data-cy="entityDetailsButton">
-                <fa-icon icon="eye"></fa-icon>
-                <span class="d-none d-md-inline" jhiTranslate="entity.action.view">View</span>
-              </button>
-            </a>
-          </div>
-        </td>
       </tr>
     </tbody>
   </table>
diff --git a/simulator-ui/src/main/webapp/app/entities/scenario-execution/detail/scenario-messages-table.component.html b/simulator-ui/src/main/webapp/app/entities/scenario-execution/detail/scenario-messages-table.component.html
index deecd7726..12128c847 100644
--- a/simulator-ui/src/main/webapp/app/entities/scenario-execution/detail/scenario-messages-table.component.html
+++ b/simulator-ui/src/main/webapp/app/entities/scenario-execution/detail/scenario-messages-table.component.html
@@ -1,5 +1,5 @@
 <div class="table-responsive table-entities" id="entities" *ngIf="sortedMessages && sortedMessages.length > 0; else noMessages">
-  <table class="table table-striped" aria-describedby="page-heading">
+  <table class="table table-striped table-hover" aria-describedby="page-heading">
     <thead>
       <tr jhiSort [(predicate)]="predicate" [(ascending)]="ascending" (sortChange)="sortMessages()">
         <th scope="col" jhiSortBy="messageId">
@@ -26,11 +26,10 @@
             <fa-icon class="p-1" icon="sort"></fa-icon>
           </div>
         </th>
-        <th scope="col"></th>
       </tr>
     </thead>
     <tbody>
-      <tr *ngFor="let message of sortedMessages; trackBy: trackId">
+      <tr *ngFor="let message of sortedMessages; trackBy: trackId" class='clickable-row' [routerLink]="['/message', message.messageId, 'view']">
         <td>
           <a [routerLink]="['/message', message.messageId, 'view']">{{ message.messageId }}</a>
         </td>
@@ -38,7 +37,7 @@
         <td>{{ message.payload }}</td>
         <td>{{ message.createdDate | formatMediumDatetime }}</td>
         <td class="text-end">
-          <div class="btn-group">
+          <!-- //NOSONAR --><div class="btn-group" (click)="$event.stopPropagation()">
             <a [routerLink]="['/message-header']" [queryParams]="{ 'filter[messageId.in]': message.messageId }">
               <button type="button" class="btn btn-info btn-sm">
                 <fa-icon icon="heading"></fa-icon>
@@ -50,12 +49,6 @@
                 >
               </button>
             </a>
-            <a [routerLink]="['/message', message.messageId, 'view']">
-              <button type="button" class="btn btn-info btn-sm">
-                <fa-icon icon="eye"></fa-icon>
-                <span class="d-none d-md-inline" jhiTranslate="entity.action.view">View</span>
-              </button>
-            </a>
           </div>
         </td>
       </tr>
diff --git a/simulator-ui/src/main/webapp/app/entities/scenario-execution/detail/scenario-parameters-table.component.html b/simulator-ui/src/main/webapp/app/entities/scenario-execution/detail/scenario-parameters-table.component.html
index c45cb3a10..725fa660e 100644
--- a/simulator-ui/src/main/webapp/app/entities/scenario-execution/detail/scenario-parameters-table.component.html
+++ b/simulator-ui/src/main/webapp/app/entities/scenario-execution/detail/scenario-parameters-table.component.html
@@ -1,5 +1,5 @@
 <div class="table-responsive table-entities" id="entities" *ngIf="sortedParameters && sortedParameters.length > 0; else noParameters">
-  <table class="table table-striped" aria-describedby="page-heading">
+  <table class="table table-striped table-hover" aria-describedby="page-heading">
     <thead>
       <th scope="col" jhiSortBy="parameterId">
         <div class="d-flex">
@@ -25,26 +25,15 @@
           <fa-icon class="p-1" icon="sort"></fa-icon>
         </div>
       </th>
-      <th scope="col"></th>
     </thead>
     <tbody>
-      <tr *ngFor="let scenarioParameter of sortedParameters; trackBy: trackId">
+      <tr *ngFor="let scenarioParameter of sortedParameters; trackBy: trackId" class='clickable-row' [routerLink]="['/scenario-parameter', scenarioParameter.parameterId, 'view']">
         <td>
           <a [routerLink]="['/scenario-parameter', scenarioParameter.parameterId, 'view']">{{ scenarioParameter.parameterId }}</a>
         </td>
         <td>{{ scenarioParameter.name }}</td>
         <td>{{ scenarioParameter.controlType }}</td>
         <td>{{ scenarioParameter.value }}</td>
-        <td class="text-end">
-          <div class="btn-group">
-            <a [routerLink]="['/scenario-parameter', scenarioParameter.parameterId, 'view']">
-              <button type="button" class="btn btn-info btn-sm">
-                <fa-icon icon="eye"></fa-icon>
-                <span class="d-none d-md-inline" jhiTranslate="entity.action.view">View</span>
-              </button>
-            </a>
-          </div>
-        </td>
       </tr>
     </tbody>
   </table>
diff --git a/simulator-ui/src/main/webapp/app/entities/scenario-execution/list/scenario-execution.component.html b/simulator-ui/src/main/webapp/app/entities/scenario-execution/list/scenario-execution.component.html
index 5e5b2e8cd..ad33a6c92 100644
--- a/simulator-ui/src/main/webapp/app/entities/scenario-execution/list/scenario-execution.component.html
+++ b/simulator-ui/src/main/webapp/app/entities/scenario-execution/list/scenario-execution.component.html
@@ -20,8 +20,9 @@ <h2 id="page-heading" data-cy="ScenarioExecutionHeading" *ngIf="!hideTitle">
     <span jhiTranslate="citrusSimulatorApp.scenarioExecution.home.notFound">No Scenario Executions found</span>
   </div>
 
-  <div class="table-responsive table-entities" id="entities" *ngIf="scenarioExecutions && scenarioExecutions.length > 0">
-    <table class="table table-striped" aria-describedby="page-heading">
+  <div class="table-responsive  table-entities" id="entities"
+       *ngIf="scenarioExecutions && scenarioExecutions.length > 0">
+    <table class="table table-striped table-hover" aria-describedby="page-heading">
       <thead>
         <tr jhiSort [(predicate)]="predicate" [(ascending)]="ascending" (sortChange)="navigateToWithComponentValues()">
           <th scope="col" jhiSortBy="executionId">
@@ -48,23 +49,21 @@ <h2 id="page-heading" data-cy="ScenarioExecutionHeading" *ngIf="!hideTitle">
               <fa-icon class="p-1" icon="sort"></fa-icon>
             </div>
           </th>
-          <th scope="col" jhiSortBy="status">
+          <th scope="col">
             <div class="d-flex">
               <span jhiTranslate="citrusSimulatorApp.testResult.status">Status</span>
-              <fa-icon class="p-1" icon="sort"></fa-icon>
             </div>
           </th>
-          <th scope="col" jhiSortBy="errorMessage">
+          <th class="w-50" scope="col">
             <div class="d-flex">
               <span jhiTranslate="citrusSimulatorApp.testResult.errorMessage">Error Message</span>
-              <fa-icon class="p-1" icon="sort"></fa-icon>
             </div>
           </th>
-          <th scope="col"></th>
         </tr>
       </thead>
       <tbody>
-        <tr *ngFor="let scenarioExecution of scenarioExecutions; trackBy: trackId" data-cy="entityTable">
+        <tr *ngFor="let scenarioExecution of scenarioExecutions; trackBy: trackId" data-cy="entityTable"
+            class='clickable-row' [routerLink]="['/scenario-execution', scenarioExecution.executionId, 'view']">
           <td>
             <a [routerLink]="['/scenario-execution', scenarioExecution.executionId, 'view']">{{ scenarioExecution.executionId }}</a>
           </td>
@@ -72,13 +71,14 @@ <h2 id="page-heading" data-cy="ScenarioExecutionHeading" *ngIf="!hideTitle">
           <td>{{ scenarioExecution.startDate | formatMediumDatetime }}</td>
           <td>{{ scenarioExecution.endDate | formatMediumDatetime }}</td>
           <td>
-            <span class="badge" [ngClass]="getStatusBadgeClass({ id: 0, name: scenarioExecution.testResult?.status ?? 'RUNNING' })">{{
-              scenarioExecution.testResult?.status ?? 'RUNNING'
-            }}</span>
+              <span class="badge"
+                    [ngClass]="getStatusBadgeClass({ id: 0, name: scenarioExecution.testResult?.status ?? 'RUNNING' })">{{
+                  scenarioExecution.testResult?.status ?? 'RUNNING'
+                }}</span>
           </td>
           <td>{{ scenarioExecution.testResult?.errorMessage }}</td>
           <td class="text-end">
-            <div class="btn-group">
+            <!-- //NOSONAR --><div class="btn-group" (click)="$event.stopPropagation()">
               <a [routerLink]="['/scenario-action']" [queryParams]="{ 'filter[scenarioExecutionId.in]': scenarioExecution.executionId }">
                 <button type="button" class="btn btn-info btn-sm" data-cy="filterOtherEntityButton">
                   <fa-icon icon="flag"></fa-icon>
@@ -97,12 +97,6 @@ <h2 id="page-heading" data-cy="ScenarioExecutionHeading" *ngIf="!hideTitle">
                   <span class="d-none d-md-inline" jhiTranslate="citrusSimulatorApp.scenarioExecution.scenarioParameters">Parameters</span>
                 </button>
               </a>
-              <a [routerLink]="['/scenario-execution', scenarioExecution.executionId, 'view']">
-                <button type="button" class="btn btn-info btn-sm" data-cy="entityDetailsButton">
-                  <fa-icon icon="eye"></fa-icon>
-                  <span class="d-none d-md-inline" jhiTranslate="entity.action.view">View</span>
-                </button>
-              </a>
             </div>
           </td>
         </tr>
diff --git a/simulator-ui/src/main/webapp/app/entities/scenario-execution/list/scenario-execution.component.scss b/simulator-ui/src/main/webapp/app/entities/scenario-execution/list/scenario-execution.component.scss
index c16827f8f..99d435690 100644
--- a/simulator-ui/src/main/webapp/app/entities/scenario-execution/list/scenario-execution.component.scss
+++ b/simulator-ui/src/main/webapp/app/entities/scenario-execution/list/scenario-execution.component.scss
@@ -6,7 +6,4 @@ th[jhisortby='errorMessage'] {
     cursor: default;
   }
 
-  fa-icon {
-    visibility: hidden;
-  }
 }
diff --git a/simulator-ui/src/main/webapp/app/entities/scenario-parameter/list/scenario-parameter.component.html b/simulator-ui/src/main/webapp/app/entities/scenario-parameter/list/scenario-parameter.component.html
index 6027d920a..5848aa6f2 100644
--- a/simulator-ui/src/main/webapp/app/entities/scenario-parameter/list/scenario-parameter.component.html
+++ b/simulator-ui/src/main/webapp/app/entities/scenario-parameter/list/scenario-parameter.component.html
@@ -21,7 +21,7 @@ <h2 id="page-heading" data-cy="ScenarioParameterHeading">
   </div>
 
   <div class="table-responsive table-entities" id="entities" *ngIf="scenarioParameters && scenarioParameters.length > 0">
-    <table class="table table-striped" aria-describedby="page-heading">
+    <table class="table table-striped table-hover" aria-describedby="page-heading">
       <thead>
         <tr jhiSort [(predicate)]="predicate" [(ascending)]="ascending" (sortChange)="navigateToWithComponentValues()">
           <th scope="col" jhiSortBy="parameterId">
@@ -66,11 +66,10 @@ <h2 id="page-heading" data-cy="ScenarioParameterHeading">
               <fa-icon class="p-1" icon="sort"></fa-icon>
             </div>
           </th>
-          <th scope="col"></th>
         </tr>
       </thead>
       <tbody>
-        <tr *ngFor="let scenarioParameter of scenarioParameters; trackBy: trackId" data-cy="entityTable">
+        <tr *ngFor="let scenarioParameter of scenarioParameters; trackBy: trackId" data-cy="entityTable" class='clickable-row' [routerLink]="['/scenario-parameter', scenarioParameter.parameterId, 'view']">
           <td>
             <a [routerLink]="['/scenario-parameter', scenarioParameter.parameterId, 'view']">{{ scenarioParameter.parameterId }}</a>
           </td>
@@ -80,22 +79,12 @@ <h2 id="page-heading" data-cy="ScenarioParameterHeading">
           <td>{{ scenarioParameter.createdDate }}</td>
           <td>{{ scenarioParameter.lastModifiedDate | formatMediumDatetime }}</td>
           <td>
-            <div *ngIf="scenarioParameter.scenarioExecution">
+            <!-- //NOSONAR --><div *ngIf="scenarioParameter.scenarioExecution" (click)="$event.stopPropagation()">
               <a [routerLink]="['/scenario-execution', scenarioParameter.scenarioExecution.executionId, 'view']">{{
                 scenarioParameter.scenarioExecution.scenarioName
               }}</a>
             </div>
           </td>
-          <td class="text-end">
-            <div class="btn-group">
-              <a [routerLink]="['/scenario-parameter', scenarioParameter.parameterId, 'view']">
-                <button type="button" class="btn btn-info btn-sm" data-cy="entityDetailsButton">
-                  <fa-icon icon="eye"></fa-icon>
-                  <span class="d-none d-md-inline" jhiTranslate="entity.action.view">View</span>
-                </button>
-              </a>
-            </div>
-          </td>
         </tr>
       </tbody>
     </table>
diff --git a/simulator-ui/src/main/webapp/app/entities/test-parameter/list/test-parameter.component.html b/simulator-ui/src/main/webapp/app/entities/test-parameter/list/test-parameter.component.html
index 40d7e1cae..a77e95c12 100644
--- a/simulator-ui/src/main/webapp/app/entities/test-parameter/list/test-parameter.component.html
+++ b/simulator-ui/src/main/webapp/app/entities/test-parameter/list/test-parameter.component.html
@@ -21,7 +21,7 @@ <h2 id="page-heading" data-cy="TestParameterHeading">
   </div>
 
   <div class="table-responsive table-entities" id="entities" *ngIf="testParameters && testParameters.length > 0">
-    <table class="table table-striped" aria-describedby="page-heading">
+    <table class="table table-striped table-hover" aria-describedby="page-heading">
       <thead>
         <tr jhiSort [(predicate)]="predicate" [(ascending)]="ascending" (sortChange)="navigateToWithComponentValues()">
           <th scope="col" jhiSortBy="key">
@@ -54,11 +54,10 @@ <h2 id="page-heading" data-cy="TestParameterHeading">
               <fa-icon class="p-1" icon="sort"></fa-icon>
             </div>
           </th>
-          <th scope="col"></th>
         </tr>
       </thead>
       <tbody>
-        <tr *ngFor="let testParameter of testParameters; trackBy: trackId" data-cy="entityTable">
+        <tr *ngFor="let testParameter of testParameters; trackBy: trackId" data-cy="entityTable" class='clickable-row' [routerLink]="['/test-result', testParameter.testResult.id, 'view']">
           <td>{{ testParameter.key }}</td>
           <td>{{ testParameter.value }}</td>
           <td>{{ testParameter.createdDate | formatMediumDatetime }}</td>
@@ -66,16 +65,6 @@ <h2 id="page-heading" data-cy="TestParameterHeading">
           <td>
             <a [routerLink]="['/test-result', testParameter.testResult.id, 'view']">{{ testParameter.testResult.id }}</a>
           </td>
-          <td class="text-end">
-            <div class="btn-group">
-              <a [routerLink]="['/test-parameter', testParameter.testResult.id, testParameter.key, 'view']">
-                <button type="button" class="btn btn-info btn-sm" data-cy="entityDetailsButton">
-                  <fa-icon icon="eye"></fa-icon>
-                  <span class="d-none d-md-inline" jhiTranslate="entity.action.view">View</span>
-                </button>
-              </a>
-            </div>
-          </td>
         </tr>
       </tbody>
     </table>
diff --git a/simulator-ui/src/main/webapp/app/entities/test-result/list/test-result.component.html b/simulator-ui/src/main/webapp/app/entities/test-result/list/test-result.component.html
index e850ca92f..6f25a2da7 100644
--- a/simulator-ui/src/main/webapp/app/entities/test-result/list/test-result.component.html
+++ b/simulator-ui/src/main/webapp/app/entities/test-result/list/test-result.component.html
@@ -21,7 +21,7 @@ <h2 id="page-heading" data-cy="TestResultHeading">
   </div>
 
   <div class="table-responsive table-entities" id="entities" *ngIf="testResults && testResults.length > 0">
-    <table class="table table-striped" aria-describedby="page-heading">
+    <table class="table table-striped table-hover" aria-describedby="page-heading">
       <thead>
         <tr jhiSort [(predicate)]="predicate" [(ascending)]="ascending" (sortChange)="navigateToWithComponentValues()">
           <th scope="col" jhiSortBy="id">
@@ -82,7 +82,7 @@ <h2 id="page-heading" data-cy="TestResultHeading">
         </tr>
       </thead>
       <tbody>
-        <tr *ngFor="let testResult of testResults; trackBy: trackId" data-cy="entityTable">
+        <tr *ngFor="let testResult of testResults; trackBy: trackId" data-cy="entityTable" class='clickable-row' [routerLink]="['/test-result', testResult.id, 'view']">
           <td>
             <a [routerLink]="['/test-result', testResult.id, 'view']">{{ testResult.id }}</a>
           </td>
@@ -99,7 +99,7 @@ <h2 id="page-heading" data-cy="TestResultHeading">
           <td>{{ testResult.createdDate | formatMediumDatetime }}</td>
           <td>{{ testResult.lastModifiedDate | formatMediumDatetime }}</td>
           <td class="text-end">
-            <div class="btn-group">
+            <!-- //NOSONAR --><div class="btn-group" (click)="$event.stopPropagation()">
               <a [routerLink]="['/test-parameter']" [queryParams]="{ 'filter[testResultId.in]': testResult.id }">
                 <button type="button" class="btn btn-info btn-sm" data-cy="filterOtherEntityButton">
                   <fa-icon icon="cogs"></fa-icon>
@@ -111,12 +111,6 @@ <h2 id="page-heading" data-cy="TestResultHeading">
                   >
                 </button>
               </a>
-              <a [routerLink]="['/test-result', testResult.id, 'view']">
-                <button type="button" class="btn btn-info btn-sm" data-cy="entityDetailsButton">
-                  <fa-icon icon="eye"></fa-icon>
-                  <span class="d-none d-md-inline" jhiTranslate="entity.action.view">View</span>
-                </button>
-              </a>
             </div>
           </td>
         </tr>
diff --git a/simulator-ui/src/main/webapp/app/scenario/list/scenario.component.html b/simulator-ui/src/main/webapp/app/scenario/list/scenario.component.html
index 38e7db413..f339ac552 100644
--- a/simulator-ui/src/main/webapp/app/scenario/list/scenario.component.html
+++ b/simulator-ui/src/main/webapp/app/scenario/list/scenario.component.html
@@ -49,7 +49,7 @@ <h2 id="page-heading" data-cy="ScenarioHeading">
   </div>
 
   <div class="table-responsive table-entities" id="entities" *ngIf="scenarios && scenarios.length > 0">
-    <table class="table table-striped" aria-describedby="page-heading">
+    <table class="table table-striped table-hover" aria-describedby="page-heading">
       <thead>
         <tr jhiSort [(predicate)]="predicate" [(ascending)]="ascending" (sortChange)="navigateToWithComponentValues($event)">
           <th scope="col" jhiSortBy="name">
@@ -68,13 +68,13 @@ <h2 id="page-heading" data-cy="ScenarioHeading">
         </tr>
       </thead>
       <tbody>
-        <tr *ngFor="let scenario of scenarios; trackBy: trackId" data-cy="entityTable">
+        <tr *ngFor="let scenario of scenarios; trackBy: trackId" data-cy="entityTable" class='clickable-row'  [routerLink]="['/scenario', scenario.name, scenario.type, 'view']">
           <td>
             <a [routerLink]="['/scenario', scenario.name, scenario.type, 'view']">{{ scenario.name }}</a>
           </td>
           <td>{{ scenario.type }}</td>
           <td class="text-end">
-            <div class="btn-group">
+            <!-- //NOSONAR --><div class="btn-group" (click)="$event.stopPropagation()">
               <button
                 *ngIf="scenario.type === 'STARTER'"
                 type="submit"
@@ -93,12 +93,6 @@ <h2 id="page-heading" data-cy="ScenarioHeading">
                   >
                 </button>
               </a>
-              <a [routerLink]="['/scenario', scenario.name, scenario.type, 'view']">
-                <button type="button" class="btn btn-info btn-sm" data-cy="entityDetailsButton">
-                  <fa-icon icon="eye"></fa-icon>
-                  <span class="d-none d-md-inline" jhiTranslate="entity.action.view">View</span>
-                </button>
-              </a>
             </div>
           </td>
         </tr>
diff --git a/simulator-ui/src/main/webapp/content/scss/global.scss b/simulator-ui/src/main/webapp/content/scss/global.scss
index 55b81f8d6..589288213 100644
--- a/simulator-ui/src/main/webapp/content/scss/global.scss
+++ b/simulator-ui/src/main/webapp/content/scss/global.scss
@@ -20,6 +20,14 @@ a:hover {
   cursor: pointer;
 }
 
+.clickable-row{
+  /* make sure browsers use the pointer cursor for clickable rows, even with no href */
+  :hover {
+    cursor: pointer;
+  }
+}
+
+
 .dropdown-item:hover {
   color: $dropdown-link-hover-color;
 }