<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>OpenID Warp Demo</title>
<style>
.hide {
display: none;
}
</style>
</head>
<body>
<h1>OpenID Warp Demo</h1>
<div id="unauthorized" class="hide">
<a href="/oauth2/authorization/oidc">login</a>
</div>
<div id="authorized" class="hide">
<div id="email"></div>
<div><pre id="userinfo"></pre></div>
<div><a id="logout" href="/logout">logout</a></div>
</div>
<script>
fetch("/api/account").then((response) => {
if (response.status === 401) {
unauthorized.classList.remove("hide");
throw "Unauthorized";
}
return response.json();
}).then((json) => {
email.innerHTML = json.email;
userinfo.innerHTML = JSON.stringify(json, null, 2);
authorized.classList.remove("hide");
}).catch((err) => {
console.log(err);
});
</script>
</body>
</html>