TeaSpeak/TeaWeb
TeaSpeak/TeaWeb
1
0
Fork 0
Code Issues 1 Pull requests Activity

Changed auth.js to auth.ts and some updates

Browse source
This commit is contained in:
WolverinDEV 2018-05-05 15:12:34 +02:00
parent 3c1927df60
commit d404395eb0
2 changed files with 107 additions and 39 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

68
auth/js/auth.js
View file

@ -1,13 +1,12 @@
$("#btn_login").click(function () { const btn_login = $("#btn_login");
let _this = $(this); btn_login.on('click', () => {
_this.attr("disabled", "true"); btn_login
_this.empty(); .prop("disabled", true)
spawnLoader().appendTo(_this); .empty()
$("<a></a>").text(" Logging in").appendTo(_this); .append($(document.createElement("i")).addClass("fa fa-circle-o-notch fa-spin"));
submitLogin(_this, $("#user").val(), $("#pass").val()) submitLogin($("#user").val(), $("#pass").val());
}); });
function submitLogin(user, pass) {
function submitLogin(_this, user, pass) {
$.ajax({ $.ajax({
url: "auth.php?type=login", url: "auth.php?type=login",
type: "POST", type: "POST",
@ -16,66 +15,59 @@ function submitLogin(_this, user, pass) {
user: user, user: user,
pass: pass pass: pass
}, },
success: function(result){ success: function (result) {
setTimeout(function () { setTimeout(() => {
let data; let data;
try { try {
data = JSON.parse(result); data = JSON.parse(result);
} catch(e) { }
catch (e) {
loginFailed("Invalid response: " + result); loginFailed("Invalid response: " + result);
return; return;
} }
if(data["success"] == false) { if (data["success"] == false) {
loginFailed(data["msg"]); loginFailed(data["msg"]);
return; return;
} }
if(data["allowed"] == false) { if (data["allowed"] == false) {
loginFailed("You're not allowed for the closed alpha!"); loginFailed("You're not allowed for the closed alpha!");
return; return;
} }
$("#login").hide(500); $("#login").hide(500);
$("#success").show(500); $("#success").show(500);
document.cookie = data["sessionName"] + "=" + data["sessionId"] + ";path=/"; document.cookie = data["sessionName"] + "=" + data["sessionId"] + ";path=/";
document.cookie = data["cookie_name_data"] + "=" + data["user_data"] + ";path=/"; document.cookie = data["cookie_name_data"] + "=" + data["user_data"] + ";path=/";
document.cookie = data["cookie_name_sign"] + "=" + data["user_sign"] + ";path=/"; document.cookie = data["cookie_name_sign"] + "=" + data["user_sign"] + ";path=/";
console.log(result); console.log(result);
setTimeout(() => {
setTimeout(function () { window.location.href = btn_login.attr("target");
window.location.href = _this.attr("target");
}, 1000 + Math.random() % 1500); }, 1000 + Math.random() % 1500);
}, 500 + Math.random() % 500); }, 500 + Math.random() % 500);
}, },
error: function (xhr,status,error) { error: function (xhr, status, error) {
loginFailed("Invalid request (" + status + ") => " + error); loginFailed("Invalid request (" + status + ") => " + error);
} }
}); });
} }
function loginFailed(err = "") { function loginFailed(err = "") {
let button = $("#btn_login"); btn_login
button.empty(); .prop("disabled", false)
button.removeAttr("disabled"); .empty()
$("<a></a>").text("Login").appendTo(button); .append($(document.createElement("a")).text("Login"));
let errTag = $(".box .error"); let errTag = $(".box .error");
if(err !== "") { if (err !== "") {
errTag.text(err).show(500); errTag.text(err).show(500);
} else errTag.hide(500); }
else
errTag.hide(500);
} }
//<i class="fa fa-circle-o-notch fa-spin" id="login-loader"></i> //<i class="fa fa-circle-o-notch fa-spin" id="login-loader"></i>
function spawnLoader() {
let tag = $("<i></i>");
tag.addClass("fa fa-circle-o-notch fa-spin");
return tag;
}
$("#user").on('keydown', event => { $("#user").on('keydown', event => {
if(event.key == "Enter") $("#pass").focus(); if (event.key == "Enter")
$("#pass").focus();
}); });
$("#pass").on('keydown', event => { $("#pass").on('keydown', event => {
if(event.key == "Enter") $("#btn_login").trigger("click"); if (event.key == "Enter")
$("#btn_login").trigger("click");
}); });
//# sourceMappingURL=auth.js.map

76
auth/js/auth.ts Normal file
View file

@ -0,0 +1,76 @@
const btn_login = $("#btn_login");
btn_login.on('click', () => {
btn_login
.prop("disabled", true)
.empty()
.append($(document.createElement("i")).addClass("fa fa-circle-o-notch fa-spin"));
submitLogin($("#user").val(), $("#pass").val());
});
function submitLogin(user, pass) {
$.ajax({
url: "auth.php?type=login",
type: "POST",
cache: false,
data: {
user: user,
pass: pass
},
success: function(result){
setTimeout(() => {
let data;
try {
data = JSON.parse(result);
} catch (e) {
loginFailed("Invalid response: " + result);
return;
}
if (data["success"] == false) {
loginFailed(data["msg"]);
return;
}
if (data["allowed"] == false) {
loginFailed("You're not allowed for the closed alpha!");
return;
}
$("#login").hide(500);
$("#success").show(500);
document.cookie = data["sessionName"] + "=" + data["sessionId"] + ";path=/";
document.cookie = data["cookie_name_data"] + "=" + data["user_data"] + ";path=/";
document.cookie = data["cookie_name_sign"] + "=" + data["user_sign"] + ";path=/";
console.log(result);
setTimeout(() => {
window.location.href = btn_login.attr("target");
}, 1000 + Math.random() % 1500);
}, 500 + Math.random() % 500);
},
error: function (xhr,status,error) {
loginFailed("Invalid request (" + status + ") => " + error);
}
});
}
function loginFailed(err = "") {
btn_login
.prop("disabled", false)
.empty()
.append($(document.createElement("a")).text("Login"));
let errTag = $(".box .error");
if(err !== "") {
errTag.text(err).show(500);
} else errTag.hide(500);
}
//<i class="fa fa-circle-o-notch fa-spin" id="login-loader"></i>
$("#user").on('keydown', event => {
if(event.key == "Enter") $("#pass").focus();
});
$("#pass").on('keydown', event => {
if(event.key == "Enter") $("#btn_login").trigger("click");
});