Merge pull request #336 from IABTechLab/sas-UID2-3946-participant-summary-improvements

added client side keypairs to participant summary

Author: ssundahlTTD

webroot/adm/oncall/participant-summary.html

@@ -64,18 +64,27 @@ <h5>Participant API Keys</h5>
                         <pre class="errorDiv" id="participantKeysErrorOutput"></pre>
                         <pre id="participantKeysStandardOutput"></pre>
                     </div>
+                </div>
+                <div class="row px-2">
+                    <div class="col section">
+                        <h5>Client Side Keypairs</h5>
+                        <pre class="errorDiv" id="keyPairsErrorOutput"></pre>
+                        <pre id="keyPairsStandardOutput"></pre>
+                    </div>
+                </div>
+                <div class="row px-2">
                     <div class="col section">
                         <h5>Participant Encryption Keys</h5>
                         <pre class="errorDiv" id="encryptionKeysErrorOutput"></pre>
                         <pre id="encryptionKeysStandardOutput"></pre>
                     </div>
-                </div>
-                <div class="row px-2">
                     <div class="col section">
                         <h5>Participant Operator Keys</h5>
                         <pre class="errorDiv" id="operatorKeysErrorOutput"></pre>
                         <pre id="operatorKeysStandardOutput"></pre>
                     </div>
+                </div>
+                <div class="row px-2">
                     <div class="col section">
                         <h5>Participant Opt-out Webhook</h5>
                         <pre class="errorDiv" id="webhooksErrorOutput"></pre>

webroot/js/participantSummary.js

@@ -48,6 +48,13 @@ function loadAPIKeysCallback(result) {
     $('#participantKeysStandardOutput').html(highlightedText);
 };
 
+function loadKeyPairsCallback(result, siteId) {
+    let resultJson = JSON.parse(result);
+    let filteredResults = resultJson.filter((item) => { return item.site_id === siteId });
+    const formatted = prettifyJson(JSON.stringify(filteredResults));
+    $('#keyPairsStandardOutput').html(formatted);
+};
+
 function loadEncryptionKeysCallback(result, siteId) {
     const resultJson = JSON.parse(result);
     let filteredResults = resultJson.filter((item) => { return item.site_id === siteId });
@@ -156,6 +163,9 @@ $(document).ready(() => {
         url = `/api/client/list/${site.id}`;
         doApiCallWithCallback('GET', url, loadAPIKeysCallback, (err) => { participantSummaryErrorHandler(err, '#participantKeysErrorOutput') });
 
+        url = `/api/client_side_keypairs/list`;
+        doApiCallWithCallback('GET', url, (r) => { loadKeyPairsCallback(r, site.id) }, (err) => { participantSummaryErrorHandler(err, '#keyPairsErrorOutput') });
+
         url = '/api/key/list';
         doApiCallWithCallback('GET', url, (r) => { loadEncryptionKeysCallback(r, site.id) }, (err) => { participantSummaryErrorHandler(err, '#encryptionKeysErrorOutput') });