From e08f9362c9742d1a619a0c0a6cf7a040e3473057 Mon Sep 17 00:00:00 2001
From: Jim Washbrook <jim.washbrook@and.digital>
Date: Tue, 27 Aug 2024 16:38:56 +0100
Subject: [PATCH] fix(print): Move Javascript to <script> element due to CSP

---
 .../Views/Content/CsIndex.cshtml              | 27 ++++++++++++++++++-
 .../Views/Shared/_Print.cshtml                |  2 +-
 2 files changed, 27 insertions(+), 2 deletions(-)

diff --git a/src/Dfe.ContentSupport.Web/Views/Content/CsIndex.cshtml b/src/Dfe.ContentSupport.Web/Views/Content/CsIndex.cshtml
index b1567d9..7876f90 100644
--- a/src/Dfe.ContentSupport.Web/Views/Content/CsIndex.cshtml
+++ b/src/Dfe.ContentSupport.Web/Views/Content/CsIndex.cshtml
@@ -51,4 +51,29 @@
             <partial name="_Feedback" />
         }
     </div>
-</div>
\ No newline at end of file
+</div>
+
+@section BodyEnd{
+    @if (Model.HasPrint)
+    {
+        <script nonce="@Context.Items["nonce"]" defer>
+            /**
+            * Adds functionality for printing a page to the Print Page button (_Print.cshtml)
+            */
+            const printPage = () => window.print();
+
+
+            const addPrintButtonEventListener = () => {
+                const printButton = document.getElementById("print-link");
+
+                if(!printButton){
+                    return;
+                }
+
+                printButton.addEventListener('click', printPage);
+            }
+
+            addPrintButtonEventListener();
+        </script>
+    }
+}
\ No newline at end of file
diff --git a/src/Dfe.ContentSupport.Web/Views/Shared/_Print.cshtml b/src/Dfe.ContentSupport.Web/Views/Shared/_Print.cshtml
index 402ac26..70c2e12 100644
--- a/src/Dfe.ContentSupport.Web/Views/Shared/_Print.cshtml
+++ b/src/Dfe.ContentSupport.Web/Views/Shared/_Print.cshtml
@@ -1,3 +1,3 @@
 <div class="print-button">
-    <button class="govuk-link print-link-button" data-module="print-link" onclick="window.print()">Print this page</button>
+    <button class="govuk-link print-link-button" data-module="print-link" id="print-link">Print this page</button>
 </div>
\ No newline at end of file