Added link to project view

I made the text color same as the view button found on other lists
sancsoft · Aug 20, 2024 · 35222f1 · 35222f1
1 parent 6f836d3
commit 35222f1
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 4 deletions.
diff --git a/src/angular/hq/src/app/psr/psr-details-header/psr-details-header.component.html b/src/angular/hq/src/app/psr/psr-details-header/psr-details-header.component.html
@@ -1,7 +1,13 @@
 @if (projectReportStatus$ | async; as psr) {
   <div class="px-5">
     <h1 class="font-rajdhani font-semibold text-3xl">
-      {{ psr.chargeCode }}: {{ psr.projectName }}
+      {{ psr.chargeCode }}:
+      <a
+        class="text-teal-200 hover:text-teal-300"
+        [routerLink]="['/projects', psr.projectId]"
+        target="_blank"
+        >{{ psr.projectName }}</a
+      >
     </h1>
   </div>
 

diff --git a/src/angular/hq/src/app/psr/psr-details-header/psr-details-header.component.ts b/src/angular/hq/src/app/psr/psr-details-header/psr-details-header.component.ts
@@ -9,14 +9,14 @@ import {
   switchMap,
 } from 'rxjs';
 import { GetPSRRecordV1 } from '../../models/PSR/get-PSR-v1';
-import { ActivatedRoute } from '@angular/router';
+import { ActivatedRoute, RouterLink } from '@angular/router';
 import { HQService } from '../../services/hq.service';
 import { Period } from '../../enums/period';
 
 @Component({
   selector: 'hq-psr-details-header',
   standalone: true,
-  imports: [CommonModule],
+  imports: [CommonModule, RouterLink],
   templateUrl: './psr-details-header.component.html',
 })
 export class PsrDetailsHeaderComponent {

diff --git a/src/angular/hq/src/app/psr/psrlist/psrlist.component.html b/src/angular/hq/src/app/psr/psrlist/psrlist.component.html
@@ -161,7 +161,14 @@ <h1 class="text-center py-4 font-bold">No matching records found</h1>
         <td class="border-b border-black py-2">{{ report.startDate }}</td>
         <td class="border-b border-black py-2">{{ report.endDate }}</td>
         <td class="border-b border-black py-2">{{ report.clientName }}</td>
-        <td class="border-b border-black py-2">{{ report.projectName }}</td>
+        <td class="border-b border-black py-2">
+          <a
+            class="text-teal-200 hover:text-teal-300"
+            [routerLink]="['/projects', report.projectId]"
+            target="_blank"
+            >{{ report.projectName }}</a
+          >
+        </td>
         <td class="border-b border-black py-2">
           {{ report.projectManagerName }}
         </td>