Padel-Tournaments-System/frontend/panel_organizatora/rejestracja/myscript.js
2022-06-09 01:54:13 +02:00

62 lines
2.4 KiB
JavaScript

//Password toggle
const togglePassword = document.querySelector("#togglePassword");
const password = document.querySelector("#regpassword");
togglePassword.addEventListener("click", function () {
// toggle the type attribute
const type = password.getAttribute("type") === "password" ? "text" : "password";
password.setAttribute("type", type);
// toggle the icon
this.classList.toggle("bi-eye");
});
// prevent form submit
const form = document.querySelector("form");
form.addEventListener('submit', function (e) {
e.preventDefault();
});
document.getElementById("regsubmit").addEventListener("click", function () {
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function () {
if (this.readyState == 4 && this.status == 200) {
alert("200 now you can login");
} else if (this.readyState == 4) {
alert("something not work :( " + this.status);
}
}
xhttp.open("PUT", "https://dragonmaster.pl/inz/user/create");
xhttp.send('{"username":"' + document.getElementById("regusername").value + '","name":"' + document.getElementById("regname").value + '","surname":"' + document.getElementById("regsurname").value + '","password":"' + document.getElementById("regpassword").value + '","mail":"' + document.getElementById("regmail").value + '","phone":"' + document.getElementById("regphone").value + '"}');
});
function register() {
fetch('https://dragonmaster.pl/inz/user/create', {
method: "PSOT",
headers: {
'Content-type': 'application/json'
},
body: JSON.stringify(
{
"username": document.getElementById("regusername").value,
"name": document.getElementById("regname").value,
"surname": document.getElementById("regsurname").value,
"password": document.getElementById("regpassword").value,
"mail": document.getElementById("regmail").value,
"phone": document.getElementById("regphone").value
}
)
}
)
.then(res => {
if (res.ok) {
alert("Teraz mozesz się zalogować!")
window.open("../panel_organizatora/logowanie/index.html");
}
else { console.log("Coś poszło nie tak!") }
return res
})
.then(res => res.json())
.then(data => console.log(data))
.catch(error => console.log(error))
}