74 lines
4.4 KiB
JavaScript
74 lines
4.4 KiB
JavaScript
$(document).ready(function(){
|
|
// Allow user to press enter to submit credentials
|
|
$('#username, #password').keypress(function(event) {
|
|
if (event.which === 13) {
|
|
$('#btnlogin').trigger('click');
|
|
}
|
|
});
|
|
|
|
$('#btnlogin').click(function() {
|
|
// Give feedback that request has been submitted (and prevent repeated requests)
|
|
$('#btnlogin').prop('disabled', true).css({
|
|
'background': '#999 url(data:image/gif;base64,R0lGODlhEAAQAPIAAJmZmf///7CwsOPj4////9fX18rKysPDwyH+GkNyZWF0ZWQgd2l0aCBhamF4bG9hZC5pbmZvACH5BAAKAAAAIf8LTkVUU0NBUEUyLjADAQAAACwAAAAAEAAQAAADMwi63P4wyklrE2MIOggZnAdOmGYJRbExwroUmcG2LmDEwnHQLVsYOd2mBzkYDAdKa+dIAAAh+QQACgABACwAAAAAEAAQAAADNAi63P5OjCEgG4QMu7DmikRxQlFUYDEZIGBMRVsaqHwctXXf7WEYB4Ag1xjihkMZsiUkKhIAIfkEAAoAAgAsAAAAABAAEAAAAzYIujIjK8pByJDMlFYvBoVjHA70GU7xSUJhmKtwHPAKzLO9HMaoKwJZ7Rf8AYPDDzKpZBqfvwQAIfkEAAoAAwAsAAAAABAAEAAAAzMIumIlK8oyhpHsnFZfhYumCYUhDAQxRIdhHBGqRoKw0R8DYlJd8z0fMDgsGo/IpHI5TAAAIfkEAAoABAAsAAAAABAAEAAAAzIIunInK0rnZBTwGPNMgQwmdsNgXGJUlIWEuR5oWUIpz8pAEAMe6TwfwyYsGo/IpFKSAAAh+QQACgAFACwAAAAAEAAQAAADMwi6IMKQORfjdOe82p4wGccc4CEuQradylesojEMBgsUc2G7sDX3lQGBMLAJibufbSlKAAAh+QQACgAGACwAAAAAEAAQAAADMgi63P7wCRHZnFVdmgHu2nFwlWCI3WGc3TSWhUFGxTAUkGCbtgENBMJAEJsxgMLWzpEAACH5BAAKAAcALAAAAAAQABAAAAMyCLrc/jDKSatlQtScKdceCAjDII7HcQ4EMTCpyrCuUBjCYRgHVtqlAiB1YhiCnlsRkAAAOwAAAAAAAAAAAA==) no-repeat center',
|
|
'color': 'transparent',
|
|
'transform': 'rotateX(180deg)'
|
|
});
|
|
$.post("lucidAuth.login.php", {
|
|
do: "login",
|
|
username: $('#username').val(),
|
|
password: $('#password').val(),
|
|
ref: $('#ref').val()
|
|
})
|
|
.done(function(data,_status) {
|
|
if (data.Result === 'Success') {
|
|
$('#btnlogin').css({
|
|
'background': 'green url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAaklEQVQ4jeXOMQ5AQBBG4T2BC4i76EWich7ncAKbqCRuodTqnMNTkFgJs3ZU4tXz/Rlj/hUQv8EpMAClFk9sjUAiHVcCnoFMwhZYgPYG575Xe46aIOyMdJx7ji9GwrEzUgOFCu8DkRp/qxU2BKCUyZR6ygAAAABJRU5ErkJggg==) no-repeat center',
|
|
'transform': 'rotateX(0deg)'
|
|
});
|
|
setTimeout(function() {
|
|
$('#btnlogin').prop('disabled', false).css({
|
|
'background': '#003399 linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 50%, rgba(255,255,255,0.25) 51%) no-repeat center',
|
|
'color': '#FFF'
|
|
});
|
|
if (data.CrossDomainLogin) {
|
|
console.log('CrossDomainLogin initiated');
|
|
// For reference:
|
|
// [
|
|
// "Result" => "Success",
|
|
// "Location" => $originalUri,
|
|
// "CrossDomainLogin" => $settings->Session['CrossDomainLogin'],
|
|
// "CookieDomains" => json_encode(array_diff($settings->Session['CookieDomains'], $_SERVER['HTTP_HOST']))
|
|
// ]);
|
|
|
|
var cookieDomains = json_decode(data.CookieDomains);
|
|
console.log(data.CookieDomains);
|
|
// let the client setup multiple iframes for all domains
|
|
// psuedo-code: foreach (cookieDomains as domain) { $.get(domain, ref=[action,token])}
|
|
|
|
// validate each request against JWT-tokens in database
|
|
// load all iframes parallel, show user progress and redirect once all iframes have finished loading; or after treshold of X ms has been reached
|
|
// origin domain should be exempted from the treshold (because origin domain can be different from current domain -due to traefik design).
|
|
|
|
}
|
|
|
|
// Finished (either succesfully or through timeout) cross-domain logins
|
|
window.location.replace(data.Location);
|
|
}, 2250);
|
|
} else {
|
|
$('#btnlogin').css({
|
|
'background': 'red url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAv0lEQVQ4jaWT0Q3CMAxELwh1BEag87AJ6hcLlE/KBLABrNEV2h26QaXHj4NMGgpS7sfJJXd24kQqRMiRQC3pIKk2apD0DCEMq25ABZyBmSVmW6vWxH1GmKLPmph7xJQReq5dnNmVPQE7oHOCzrhoMts9vQ1OSbYOCBb92OPkDe6ZkqMwJwa4SdJmtS1/YGsx7e9VUiPpYvPG4tHtGUsvcf+RkpI2mkHZQ3ImLd+fcpuKf32meM5R0iOEMOb2F+EF33vgCePVr8UAAAAASUVORK5CYII=) no-repeat center',
|
|
'transform': 'rotateX(0deg)'
|
|
});
|
|
setTimeout(function() {
|
|
$('#btnlogin').prop('disabled', false).css({
|
|
'background': '#003399 linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 50%, rgba(255,255,255,0.25) 51%) no-repeat center',
|
|
'color': '#FFF'
|
|
});
|
|
// TODO: Add feedback (based on data.Reason)
|
|
// Is the redirect needed?
|
|
window.location.replace('lucidAuth.login.php'/*+ '?reason=' + data.Reason*/);
|
|
}, 2250);
|
|
}
|
|
});
|
|
});
|
|
}); |