disabled redirection from test-report to individual report

Promact · Sep 27, 2017 · 231b92b · 231b92b
1 parent 75ca5d6
commit 231b92b
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/Trappist/src/Promact.Trappist.Web/wwwroot/app/reports/test-report/test-report.html b/Trappist/src/Promact.Trappist.Web/wwwroot/app/reports/test-report/test-report.html
@@ -66,7 +66,7 @@ <h2>Test Report</h2>
                     <tr *ngFor="let testAttendee of report.data;let i = index">
                         <td><md-checkbox class="only-checkbox" [(ngModel)]="testAttendee.checkedCandidate" (change)="selectIndividualCandidate(testAttendee,testAttendee.checkedCandidate)" [disabled]="testAttendee.generatingReport"></md-checkbox></td>
                         <td><em class="material-icons" [ngClass]="{starred : testAttendee.starredCandidate}" (click)="setStarredCandidate(testAttendee)">{{isStarredCandidate(testAttendee)}}</em></td>
-                        <td><a class="theme-text font-semibold" [routerLink]="['individual-report/',testAttendee.id]" [class.disabled]="testAttendee.reporNotFoundYet">{{testAttendee.firstName}} {{testAttendee.lastName}}</a></td>
+                        <td><a class="theme-text font-semibold" [routerLink]="['individual-report/',testAttendee.id]" [class.stop-redirection]="testAttendee.reporNotFoundYet">{{testAttendee.firstName}} {{testAttendee.lastName}}</a></td>
                         <td>{{testAttendee.email}}</td>
                         <td id="date">{{testAttendee.createdDateTime |date:'fullDate'}}</td>
                         <td><progress *ngIf="testAttendee.generatingReport"></progress> {{testAttendee.report.totalMarksScored}}</td>

diff --git a/Trappist/src/Promact.Trappist.Web/wwwroot/css/style.scss b/Trappist/src/Promact.Trappist.Web/wwwroot/css/style.scss
@@ -2344,6 +2344,11 @@ footer {
             padding: 10px 20px;
             border-bottom: 1px solid $color_border;
 
+            .stop-redirection {
+                cursor: default;
+                pointer-events: none;
+            }
+
             &.actions {
                 min-width: 110px;
             }