Conservancy/reimbursinator
6
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add logout script to dashboard.html and fix formatting

Browse source
This commit is contained in:
Preston Doman 2019-01-17 13:12:17 -08:00
parent f02420e210
commit 91c0b8eb5e
2 changed files with 70 additions and 34 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
front/static/dashboard.html
View file

@ -11,7 +11,9 @@
</head>
<body>
<div class="container">
<div class="jumbotron"><h1>Reimbursinator Report</h1></div>
<div class="jumbotron">
<h1>Reimbursinator Report</h1>
</div>
<nav class="navbar">
<ul class="nav nav-tabs mr-auto">
<li class="nav-item">
@ -29,10 +31,11 @@
</ul>
<ul class="nav justify-content-end">
<li class="nav-item">
<a class="nav-link" href="#">Logout</a>
<a id="logoutLink" class="nav-link" href="#">Logout</a>
</li>
</ul>
</nav>
</div>
<script src="logout.js"></script>
</body>
</html>

33
front/static/logout.js Normal file
View file

@ -0,0 +1,33 @@
function postToLogoutEndpoint(event) {
event.preventDefault();
const token = localStorage.getItem("token");
const url = "https://reqres.in/api/logout" // mock api service
const xhr = new XMLHttpRequest();
xhr.open("POST", url, true);
xhr.setRequestHeader("Authorization", `Token ${token}`);
xhr.onreadystatechange = function() {
if (this.readyState === 4) {
if (this.status === 200) {
console.log("LOGOUT SUCCESS!");
console.log(`Server response:\n${this.response}`);
localStorage.removeItem("token");
window.location.replace("index.html");
} else {
console.log("LOGOUT FAILURE!");
console.log(`Server status: ${this.status}`);
console.log(`Server response:\n${this.response}`);
}
}
};
xhr.onerror = function() {
alert("Error connecting to authentication server!");
};
xhr.send();
}
const logoutLink = document.querySelector("#logoutLink");
logoutLink.addEventListener("click", postToLogoutEndpoint);