add settings

remove settings buttons from user page
2022-07-09 15:37:34 +02:00
parent 508e3401a0
commit 57d094f74e
6 changed files with 149 additions and 76 deletions
@@ -0,0 +1,108 @@
+async function uploadFile() {
+  let file = document.getElementById("avatarUpl").files[0];
+  console.log(file);
+  let formdata = new FormData();
+  formdata.append("avatar", file);
+  let ajax = new XMLHttpRequest();
+  ajax.upload.addEventListener("progress", progressHandler, false);
+  ajax.addEventListener("load", completeHandler, false);
+  ajax.addEventListener("error", errorHandler, false);
+  ajax.addEventListener("abort", errorHandler, false);
+  ajax.open("POST", "/api/setavatar");
+  ajax.send(formdata);
+
+  document.getElementById("avatarUplButton").style = "display:none;";
+}
+
+function completeHandler(event) {
+  console.log("completed upload");
+  console.log(event.target.responseText);
+  setuser()
+}
+
+function errorHandler(event) {
+  console.log("error during upload");
+  console.log(event.target.responseText);
+}
+
+function progressHandler(event) {
+  console.log("progressing upload");
+  console.log("Uploaded " + event.loaded + " bytes of " + event.total);
+  console.log(event.target.responseText);
+}
+
+function getCookie(cname) {
+  let name = cname + "=";
+  let decodedCookie = decodeURIComponent(document.cookie);
+  let ca = decodedCookie.split(';');
+  for(let i = 0; i <ca.length; i++) {
+    let c = ca[i];
+    while (c.charAt(0) == ' ') {
+      c = c.substring(1);
+    }
+    if (c.indexOf(name) == 0) {
+      return c.substring(name.length, c.length);
+    }
+  }
+  return "";
+}
+
+function setCookie(cname, cvalue, exdays) {
+  const d = new Date();
+  d.setTime(d.getTime() + (exdays*24*60*60*1000));
+  let expires = "expires="+ d.toUTCString();
+  document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/";
+}
+
+function logout() {
+  localStorage.setItem("priv_key","")
+  localStorage.setItem("decryption_key","")
+  location.assign('/logout')
+}
+
+async function setuser() {
+  if(getCookie("priv_key") != "") {
+    localStorage.setItem("priv_key",getCookie("priv_key"))
+    setCookie("priv_key","",0)
+  }
+  let user = await (await fetch("/api/getuser")).json();
+  let username
+  let bio
+  let avatar
+  username = user["username"];
+  bio = user["bio"]
+  avatar = user["avatar"]
+  if(user["error"])username=user["error"];
+  if(user["error"])bio=user["error"];
+  if(!bio)bio="wow such empty"
+  if(avatar) {
+    avatar = "/avatars/"+avatar
+  } else {
+    avatar = "/images/default_avatar.png"
+  }
+  document.getElementById("user").innerText = `User: ${username}`;
+  document.getElementById("bio").placeholder = decodeURIComponent(bio);
+  document.getElementById("avatarimg").src = avatar;
+  document.getElementById("avatarUpl").addEventListener("change", function(){
+    document.getElementById("avatarUplButton").style = "";
+  })
+  document.getElementById("avatarUplButton").addEventListener("click",uploadFile);
+}
+
+async function bioChanger() {
+  document.getElementById("bio").disabled = !document.getElementById("bio").disabled
+  document.getElementById("changeBio").innerText = (document.getElementById("bio").disabled && "Change Bio") || "Submit"
+  if(document.getElementById("bio").disabled) {
+    let response = await sendBio(document.getElementById("bio").value)
+    console.log(response);
+    document.getElementById("userstyle").innerHTML = '::placeholder {color: white;} #bio {border: 0px solid black; color:white;}'
+  }
+  else
+  {
+    document.getElementById("userstyle").innerHTML = '::placeholder {color: white;} #bio {border: 2px solid gray; color:white;}'
+  }
+}
+
+async function sendBio(str) {
+  return await post("/api/setBio",{"Bio":str})
+}