index.html

<title>Dashboard</title>
<button id="logout">Logout</button>
<div id="accId">Account ID: Loading..</div>
<br>
<div id="accAuthed">Authenticated: Loading..</div>
<br>
<div id="accEmail">Account Email: Loading..</div>
<button type="button" onclick="newregistration()"> Add WebAuthn</button>
<script src="./webauthn.js"></script>
<script>
          fetch('./api/v1/self', {
            method: 'POST',
            headers: {
              'Content-Type': 'application/x-www-form-urlencoded'
            },
            credentials: 'include'
          })
          .then(response => response.json())
          .then(data => {
                if(data.status == 200) {
                        document.querySelector('#accId').textContent = 'Account ID: ' + data.data.id;
                        document.querySelector('#accAuthed').textContent = 'Authenticated: ' + data.data.auth;
                        document.querySelector('#accEmail').textContent = 'Account Email: ' + data.data.email;
                }
                else {
                        window.location.replace("./login.html");
                }
          })
          .catch(error => console.error(error));

          const button = document.querySelector('#logout');
          button.addEventListener('click', function() {
                fetch('http://localhost/api/v1/auth/logout', {
            method: 'POST',
            headers: {
              'Content-Type': 'application/x-www-form-urlencoded'
            },
            credentials: 'include'
          })
          .then(response => response.json())
          .then(data => window.location.replace("./login.html"))
          .catch(error => console.error(error));
          });
    </script>