in public/index.js [566:601]
function renderCredential(credential) {
var html = '';
html += '<div class="mdl-card mdl-shadow--2dp mdl-cell mdl-cell--4-col" id="credential' + credential.id + '">';
html += ' <div class="mdl-card__title">';
html += ' <h2 class="mdl-card__title-text">' + credential.metadata.userName + '</h2>';
html += ' </div>';
html += ' <div class="mdl-card__supporting-text mdl-card--expand">';
html += ' <p><b>Credential ID</b><br/>' + credential.idHex + '</p>';
html += ' <p><b>RP ID</b><br/>' + credential.metadata.rpId + '</p>';
html += ' <p><b>AAGUID </b><br/>' + credential.creationData.aaguid + '</p>';
html += ' <p>';
html += ' <b>Credential Registration Data</b>';
html += ' <a href="#" class="creationDataDetails" data-value="' + credential.id + '">[more details]</a>';
html += ' <br>Key Type: ' + credential.creationData.publicKeySummary;
html += ' <br>Discoverable Credential: ' + credential.metadata.residentKey;
html += ' <br>Attestation Type: ' + credential.creationData.attestationStatementSummary;
html += ' <br>' + credential.creationData.authenticatorDataSummary;
html += ' </p>';
html += ' <p>';
html += ' <b>Last Authentication Data</b>';
html += ' <a href="#" class="authenticationDataDetails" data-value="' + credential.id + '">[more details]</a>';
html += ' <br>' + credential.authenticationData.authenticatorDataSummary;
html += ' </p>';
html += ' </div>';
html += ' <div class="mdl-card__actions mdl-card--border">';
html += ' <a class="mdl-button mdl-button--colored mdl-js-button mdl-js-ripple-effect deleteCredentialButton" data-value="'
+ credential.id
+ '">Delete</a>';
html += ' </div>';
html += '</div>';
$("#credentialsContainer").append(html);
}