From 9cf370b6f9bec0ed46f8d35a74c4c2401c81c1e0 Mon Sep 17 00:00:00 2001
From: Corey Koelewyn <corey.koelewyn@outlook.com>
Date: Mon, 13 May 2024 15:49:39 -0700
Subject: [PATCH] EPICSYSTEM-55 : Added logic for Pending PCP

---
 ...ion-documents-table-details.component.html | 22 +++++++++++++++++--
 1 file changed, 20 insertions(+), 2 deletions(-)

diff --git a/src/app/project-notifications/project-notification-documents-table-details/project-notification-documents-table-details.component.html b/src/app/project-notifications/project-notification-documents-table-details/project-notification-documents-table-details.component.html
index df40c57a..98b982eb 100644
--- a/src/app/project-notifications/project-notification-documents-table-details/project-notification-documents-table-details.component.html
+++ b/src/app/project-notifications/project-notification-documents-table-details/project-notification-documents-table-details.component.html
@@ -55,9 +55,27 @@ <h4>{{(rowData.name.toUpperCase() || '-')}}</h4>
                 <div class="pcp-indicator pcp-indicator-inactive"></div>
                 View Completed Comment Period
             </a>
-            <a *ngIf="rowData.commentPeriod?.commentPeriodStatus === 'Pending' || !rowData.commentPeriod?.commentPeriodStatus"
+            <a *ngIf="
+                    rowData.commentPeriod?.commentPeriodStatus === 'Pending' &&
+                    rowData.commentPeriod?.isMet &&
+                    rowData.commentPeriod?.metURL
+                "
+                class="btn btn-primary view-pcp-btn"
+                href="{{ rowData.commentPeriod.metURL }}"
+                rel="noopener"
+                target="_blank"
+                title="View this Public Comment Period"
+            >
+                <div class="pcp-indicator pcp-indicator-pending"></div>
+                View Pending Comment Period
+            </a>
+            <a *ngIf="
+                (rowData.commentPeriod?.commentPeriodStatus === 'Pending' &&
+                !rowData.commentPeriod?.isMet) ||
+                !rowData.commentPeriod?.commentPeriodStatus"
                 class="btn btn-primary view-pcp-btn"
-                title="View this Public Comment Period">
+                title="View this Public Comment Period"
+            >
                 <div class="pcp-indicator pcp-indicator-pending"></div>
                 Comment Period Pending
             </a>