Enable markdown in Details textbox. Fix PR URL.

ississippi · ississippi · commit 99224a797b20 · 2025-05-04T08:57:43.000-04:00
diff --git a/NotificationsService/NotificationsService/wwwroot/index.html b/NotificationsService/NotificationsService/wwwroot/index.html
@@ -6,6 +6,8 @@
     <title>Pull Requests</title>
     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
     <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-markdown-css/5.1.0/github-markdown.min.css">
 </head>
 <body class="bg-light">
     <div class="container py-4">
@@ -27,7 +29,7 @@ <h4 id="detail-title" class="card-title"></h4>
                     <p><a id="detail-giturl" href="#" class="link-underline-dark"></a></p>
 
                     <h5 class="mt-4">Review:</h5>
-                    <div id="detail-review" class="border p-3 bg-white" style="min-height: 150px;"></div>
+                    <div id="detail-review" class="border p-3 bg-white markdown-body" style="min-height: 150px;"></div>
 
                     <div class="mt-4">
                         <h6>Rate the Review:</h6>
@@ -92,7 +94,10 @@ <h6>Action:</h6>
 
     document.getElementById('detail-title').textContent = details.title;
     document.getElementById('detail-meta').textContent = `#${details.id} opened on ${details.date || 'Unknown'} by ${details.author || 'Unknown'}`;
-    document.getElementById('detail-giturl').textContent = details.prurl;
+    //document.getElementById('detail-giturl').textContent = details.prurl;
+    const gitUrlElement = document.getElementById('detail-giturl');
+    gitUrlElement.href = details.prurl;
+    gitUrlElement.textContent = `#${details.repo} PR#${details.id} on Github`
     document.getElementById('detail-review').textContent = details.review;
 
     document.getElementById('pr-list').classList.add('d-none');
