attaching api key usage grafana dashboard

Author: ashleysmithTTD

webroot/adm/oncall/participant-summary.html

@@ -64,8 +64,7 @@ <h5>Site App Names</h5>
                 <div class="row px-2">
                     <div class="col section">
                         <h5>Participant API Keys</h5>
-																								<p>TESTING</p>
-						<pre id="grafanaApiKeyUsage"></pre>
+						<a id="grafanaApiKeyUsage" target="_blank">API Key Usage Dashboard</a>
                         <pre class="errorDiv" id="participantKeysErrorOutput"></pre>
                         <pre id="participantKeysStandardOutput"></pre>
                     </div>

webroot/js/component/participantSummary.js

@@ -351,6 +351,10 @@ document.addEventListener("DOMContentLoaded", () => {
       );
       const sections = document.querySelectorAll(".section");
       sections.forEach((section) => (section.style.display = "block"));
+
+        const apiKeyUsageGrafanaUrl = `https://uid2.grafana.net/d/JaOQgV7Iz/api-key-usage?orgId=1&from=now-6h&to=now&timezone=browser&var-SiteId=${site.id}&var-Env=prod`;
+        const apiKeyUsageElement = document.getElementById("grafanaApiKeyUsage");
+        apiKeyUsageElement.href = apiKeyUsageGrafanaUrl;
     });
   }
 
@@ -384,9 +388,7 @@ document.addEventListener("DOMContentLoaded", () => {
     });
   }
 
-  const apiKeyUsageGrafanaUrl = `https://uid2.grafana.net/d/JaOQgV7Iz/api-key-usage?orgId=1&from=now-6h&to=now&timezone=browser&var-SiteId=${site.id}&var-Env=prod`;
-  const apiKeyUsageElement = document.getElementById(grafanaApiKeyUsage);
-  apiKeyUsageElement.innerHTML = apiKeyUsageGrafanaUrl;
+
 });
 
 export {};