Fix See Trend and See Table on EPSS tab

Signed-off-by: Sampurna Pyne <sampurnapyne1710@gmail.com>

Author: Samk1710

vulnerabilities/templates/advisory_detail.html

@@ -525,10 +525,10 @@
                     </div>
 
                     <div class="mb-4 ml-1">
-                        <button id="btn-load-epss-chart" class="button is-small is-info is-outlined mr-2">
+                        <button id="btn-load-epss-chart" class="button is-small is-info mr-2">
                             See Trend
                         </button>
-                        <button id="btn-load-epss-table" class="button is-small is-info is-outlined">
+                        <button id="btn-load-epss-table" class="button is-small is-info">
                             See Table
                         </button>
                     </div>

vulnerablecode/static/js/advisory_detail.js

@@ -8,11 +8,19 @@
     const getHistoryData = () => JSON.parse(document.getElementById('epss-history-data')?.textContent || "[]");
     const toggleDisplay = (el) => el.style.display = el.style.display === "none" ? "block" : "none";
 
+    const updateBtn = (btn, wrap) => {
+        if (!btn || !wrap) return;
+        const isHidden = wrap.style.display === "none";
+        btn.textContent = btn.textContent.replace(isHidden ? "Hide" : "See", isHidden ? "See" : "Hide");
+    };
+
     function renderChart() {
         const data = getHistoryData();
         if (!data.length) return;
 
         toggleDisplay(chartWrap);
+        updateBtn(btnChart, chartWrap);
+        
         if (chartWrap.style.display === "none" || epssChartInstance) return;
 
         const history = [];
@@ -62,5 +70,11 @@
     }
 
     btnChart?.addEventListener("click", renderChart);
-    btnTable?.addEventListener("click", () => toggleDisplay(tableWrap));
+    btnTable?.addEventListener("click", () => {
+        toggleDisplay(tableWrap);
+        updateBtn(btnTable, tableWrap);
+    });
+
+    updateBtn(btnChart, chartWrap);
+    updateBtn(btnTable, tableWrap);
 })();