code002lover/IPost
1
0
Fork 0
Code Issues Pull Requests 1 Packages Projects Releases Wiki Activity

added simple Username change website

Browse Source
This commit is contained in:
Mystikfluu 2022-06-11 12:08:38 +02:00
parent 2a1f82b374
commit 68a76068b9
2 changed files with 56 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
js/changeUsername.js Normal file
View File

@ -0,0 +1,25 @@
async function setUser() {
let user = await (await fetch("/api/getuser")).json()
//user["username"],user["error"]
if(user["username"])document.getElementById("username").innerText = `Current User: ${user["username"]}`
if(user["error"])document.getElementById("username").innerText = `Error: ${user["error"]}`
}
setUser()
async function change(){
if(window.confirm("Are you sure that you want to change your Username?")){
let re = await (await post("/api/changeUsername",{"currentPW":document.getElementById("currentPW").value.toString(),"newUsername":document.getElementById("newUsername").value})).json()
document.getElementById("response").innerText = re["error"] || re["success"]
document.getElementById("response").style="color:green"
if(re["error"]) {
document.getElementById("response").style="color:red"
}
document.getElementById("currentPW").value = ""
document.getElementById("newUsername").value = ""
setUser()
}
}
document.getElementById("submit").addEventListener("click",change)

31
views/changeUsername.html Normal file
View File

@ -0,0 +1,31 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Change Password</title>
<link rel="stylesheet" href="/css/changePW.css">
<link rel="stylesheet" href="/css/global.css">
<script src="/js/addnavbar.js" charset="utf-8"></script>
<script type="text/javascript" src="/js/httppost.js"></script>
</head>
<body>
<div>
<h1 id="username">Current User: USER</h1>
<label for="currentPW">Password:</label>
<input id="currentPW" placeholder="Current Password" autofocus type="password">
<br>
<br>
<label for="newUsername">New Username:</label>
<input id="newUsername" placeholder="New Username" type="text">
<br>
<br>
<button id="submit" onclick="change()">Change Username</button>
<br>
<br>
<span id="response"></span>
</div>
<script type="text/javascript" src="/js/changeUsername.js"></script>
</body>
</html>