Changed auth.js to auth.ts and some updates

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

View file

@ -1,13 +1,12 @@
$("#btn_login").click(function () {
let _this = $(this);
_this.attr("disabled", "true");
_this.empty();
spawnLoader().appendTo(_this);
$("<a></a>").text(" Logging in").appendTo(_this);
submitLogin(_this, $("#user").val(), $("#pass").val())
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(_this, user, pass) {
function submitLogin(user, pass) {
$.ajax({
url: "auth.php?type=login",
type: "POST",
@ -16,66 +15,59 @@ function submitLogin(_this, user, pass) {
user: user,
pass: pass
},
success: function(result){
setTimeout(function () {
success: function (result) {
setTimeout(() => {
let data;
try {
data = JSON.parse(result);
} catch(e) {
}
catch (e) {
loginFailed("Invalid response: " + result);
return;
}
if(data["success"] == false) {
if (data["success"] == false) {
loginFailed(data["msg"]);
return;
}
if(data["allowed"] == false) {
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(function () {
window.location.href = _this.attr("target");
setTimeout(() => {
window.location.href = btn_login.attr("target");
}, 1000 + Math.random() % 1500);
}, 500 + Math.random() % 500);
},
error: function (xhr,status,error) {
error: function (xhr, status, error) {
loginFailed("Invalid request (" + status + ") => " + error);
}
});
}
function loginFailed(err = "") {
let button = $("#btn_login");
button.empty();
button.removeAttr("disabled");
$("<a></a>").text("Login").appendTo(button);
btn_login
.prop("disabled", false)
.empty()
.append($(document.createElement("a")).text("Login"));
let errTag = $(".box .error");
if(err !== "") {
if (err !== "") {
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>
function spawnLoader() {
let tag = $("<i></i>");
tag.addClass("fa fa-circle-o-notch fa-spin");
return tag;
}
$("#user").on('keydown', event => {
if(event.key == "Enter") $("#pass").focus();
if (event.key == "Enter")
$("#pass").focus();
});
$("#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");
});