keycloak-memoizeit
Changes
examples/cordova/www/index.html 25(+22 -3)
Details
examples/cordova/www/index.html 25(+22 -3)
diff --git a/examples/cordova/www/index.html b/examples/cordova/www/index.html
index 9983ee8..a11ab24 100644
--- a/examples/cordova/www/index.html
+++ b/examples/cordova/www/index.html
@@ -18,9 +18,11 @@
document.getElementById('not-authenticated').style.display = 'none';
document.getElementById('subject').innerText = keycloak.subject;
- document.getElementById('username').innerText = keycloak.idToken.preferred_username;
+ document.getElementById('username').innerText = keycloak.idTokenParsed.preferred_username;
document.getElementById('tokenExpires').innerText = new Date(keycloak.tokenParsed.exp * 1000).toLocaleString();
document.getElementById('tokenRefreshExpires').innerText = new Date(keycloak.refreshTokenParsed.exp * 1000).toLocaleString();
+ document.getElementById('token').innerText = JSON.stringify(keycloak.tokenParsed, null, ' ');
+ document.getElementById('idToken').innerText = JSON.stringify(keycloak.idTokenParsed, null, ' ');
} else {
document.getElementById('authenticated').style.display = 'none';
document.getElementById('not-authenticated').style.display = 'block';
@@ -31,6 +33,15 @@
keycloak.init({ onLoad: 'check-sso' }).success(updateState);
}, false);
</script>
+ <style>
+ td {
+ vertical-align: top;
+ }
+
+ tr.odd td {
+ background-color: #eee;
+ }
+ </style>
</head>
<body>
<div id="authenticated" style="display: none;">
@@ -46,7 +57,7 @@
<td>Subject</td>
<td id="subject"></td>
</tr>
- <tr>
+ <tr class="odd">
<td>Username</td>
<td id="username"></td>
</tr>
@@ -54,10 +65,18 @@
<td>Token expires</td>
<td id="tokenExpires"></td>
</tr>
- <tr>
+ <tr class="odd">
<td>Refresh token expires</td>
<td id="tokenRefreshExpires"></td>
</tr>
+ <tr>
+ <td>Token</td>
+ <td><pre id="token"></pre></td>
+ </tr>
+ <tr class="odd">
+ <td>ID Token</td>
+ <td><pre id="idToken"></pre></td>
+ </tr>
</table>
</div>
</div>