Changed auth.js to auth.ts and some updates
This commit is contained in:
parent
3c1927df60
commit
d404395eb0
2 changed files with 107 additions and 39 deletions
|
@ -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
76
auth/js/auth.ts
Normal 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");
|
||||
});
|
Loading…
Add table
Reference in a new issue