Merge pull request #2723 from TechnologyEnhancedLearning/Develop/Fix/TD-4232-Course-Certificate-Console-errors

rshrirohit · web-flow · commit 1857cea5f1b9 · 2024-06-24T11:06:34.000+01:00
TD-4232- Course Certificate - Console errors
diff --git a/DigitalLearningSolutions.Web/Scripts/certificate/certificate.ts b/DigitalLearningSolutions.Web/Scripts/certificate/certificate.ts
@@ -0,0 +1,9 @@
+﻿window.addEventListener('load', () => {
+  const button = document.getElementById('btn') as HTMLButtonElement | null;
+  if (button) {
+    button.style.display = 'block';
+    button.addEventListener('click', () => {
+      button.style.display = 'none';
+    });
+  }
+});
diff --git a/DigitalLearningSolutions.Web/Views/Certificate/Index.cshtml b/DigitalLearningSolutions.Web/Views/Certificate/Index.cshtml
@@ -1,7 +1,7 @@
 ﻿@using DigitalLearningSolutions.Web.ViewModels.TrackingSystem.Centre.Configuration
 @model PreviewCertificateViewModel
 @{
-  Layout = null;
+    Layout = null;
 }
 
 <!DOCTYPE html>
@@ -13,23 +13,14 @@
     </title>
     <link rel="stylesheet" href="@Url.Content("~/css/trackingSystem/previewCertificate.css")" asp-append-version="true">
     <link rel="stylesheet" href="@Url.Content("~/css/nhsuk.css")" asp-append-version="true">
-    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" crossorigin="anonymous" />
-    <script type="text/javascript">
-        window.addEventListener("load", function () {
-            document.getElementById("btn").style.display = "block"
-        })
-        function hideButton() {
-            document.getElementById("btn").style.display = "none";
-        }
-    </script>
 </head>
 <body>
     <div class="maincontentcontainer">
         <div class="container">
             <div class="row no-print">
                 <div class="col">
                     <form class="nhsuk-u-margin-bottom-3" method="post" asp-action="Download" asp-route-progressId="@Model.ProgressID">
-                        <button class="nhsuk-button nhsuk-u-margin-top-2 nhsuk-u-margin-bottom-3 float-right" onclick="hideButton();" id="btn" type="submit">Download PDF</button>
+                        <button class="nhsuk-button nhsuk-u-margin-top-2 nhsuk-u-margin-bottom-3 float-right" id="btn" type="submit">Download PDF</button>
                     </form>
                 </div>
             </div>
@@ -40,14 +31,14 @@
                             <div class="row">
                                 <div class="col">
                                     <div class="p-4 float-right">
-                    @if (Model.CentreLogo != null)
-                    {
-                                          <img id="Logo" src="data:image;base64,@Convert.ToBase64String(Model.CentreLogo)" alt="Centre Logo Image" />
-                    }
-                    else
-                    {
-                                          <img id="Logo" src="~/images/itspCertificateLogo.png" alt="Organisation Logo" />
-                    }
+                                        @if (Model.CentreLogo != null)
+                                        {
+                                            <img id="Logo" src="data:image;base64,@Convert.ToBase64String(Model.CentreLogo)" alt="Centre Logo Image" />
+                                        }
+                                        else
+                                        {
+                                            <img id="Logo" src="~/images/itspCertificateLogo.png" alt="Organisation Logo" />
+                                        }
                                     </div>
                                 </div>
                             </div>
@@ -59,14 +50,14 @@
                             </div>
                             <div class="text-center style4">
                                 <p class="style2">
-                  @Model.DelegateName
+                                    @Model.DelegateName
                                 </p>
                             </div>
                             <div class="text-center style4">
                                 <p>&nbsp;</p>
                                 <p class="style3">has completed</p>
                                 <p class="style2">
-                  @Model.CourseName
+                                    @Model.CourseName
                                 </p>
                                 <p class="style3">
                                     Meeting the completion criteria defined for this course
@@ -78,22 +69,22 @@
                                 <p class="style4">&nbsp;</p>
                                 <p class="style3">
                                     on
-                  @Model.CompletionDate.ToString("dddd, dd MMMM yyyy")
+                                    @Model.CompletionDate.ToString("dddd, dd MMMM yyyy")
                                 </p>
                                 <p class="style4">&nbsp;</p>
                                 <p class="style4 nhsuk-u-font-size-16">
-                  @Model.CentreContactName, Digital Learning Solutions Centre Manager
+                                    @Model.CentreContactName, Digital Learning Solutions Centre Manager
                                 </p>
 
                                 <p class="style4 nhsuk-u-font-size-16">
-                  @Model.CentreName
+                                    @Model.CentreName
                                 </p>
                                 <p class="style4">&nbsp;</p>
                                 <p class="style4">
-                  @if (Model.SignatureImage != null)
-                  {
-                                      <img src="data:image;base64,@Convert.ToBase64String(Model.SignatureImage)" alt="Centre Manager Signature Image" />
-                  }
+                                    @if (Model.SignatureImage != null)
+                                    {
+                                        <img src="data:image;base64,@Convert.ToBase64String(Model.SignatureImage)" alt="Centre Manager Signature Image" />
+                                    }
                                 </p>
                                 <p class="style4">&nbsp;</p>
                                 <p class="style4">&nbsp;</p>
@@ -108,8 +99,6 @@
             </div>
         </div>
     </div>
-    <script>
-        window.print();
-    </script>
 </body>
 </html>
+<script src="@Url.Content("~/js/certificate/certificate.js")" asp-append-version="true"></script>
