You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
100 lines
2.8 KiB
100 lines
2.8 KiB
<!DOCTYPE html> |
|
<html> |
|
<head> |
|
<meta charset="ISO-8859-1"> |
|
<title>Download Manager</title> |
|
<script src="js/jquery-3.6.0.min.js"></script> |
|
<script src="js/jquery-ui.js"></script> |
|
<link href="js/jquery-ui.css" rel="stylesheet"> |
|
<link href="js/main.css" rel="stylesheet"> |
|
<script> |
|
function updateUserInfo(){ |
|
$.get( '<%=request.getContextPath()%>/UserInfo' , function(data){ |
|
$('#sysname').html(data.system-name); |
|
if(data.identified){ |
|
//Handle userinfo box and logout link |
|
$("#hdr-action").text("Welcome back, "+data.username); |
|
$("#hdr-action").click(function(){ |
|
$("#hdr-uinfo").toggle(); |
|
}); |
|
}else{ |
|
//Display login link |
|
$("#hdr-action").text("Login"); |
|
$("#hdr-action").click(function(){ |
|
$("#hdr-login").toggle(); |
|
}); |
|
} |
|
}); |
|
} |
|
</script> |
|
</head> |
|
<body> |
|
<nav> |
|
Download Manager - <span id="sysname"></span> |
|
<span class="status" id="hdr-action">Login</span> |
|
<div class="hidden hdr-info-box ui-corner-all" id="hdr-uinfo"> |
|
<button id="hdr-uinfo-logout">Logout</button> |
|
</div> |
|
<div class="hidden hdr-info-box ui-corner-all" id="hdr-login"> |
|
<div class="hidden ui-state-error ui-corner-all" style="padding:0.3em;" id="hdr-login-msg"> |
|
<span class="ui-icon ui-icon-alert"></span> |
|
<span id="hdr-login-msg-cont"></span> |
|
</div> |
|
<table> |
|
<tr> |
|
<th><label for="hdr-login-username" style="white-space: nowrap;">Username</label></th> |
|
<td><input type="text" id="hdr-login-username"></td> |
|
</tr> |
|
<tr> |
|
<th><label for="hdr-login-password">Password</label></th> |
|
<td><input type="password" id="hdr-login-password"></td> |
|
</tr> |
|
<tr> |
|
<td colspan="2"><button id="hdr-login-submit">Submit</button></td> |
|
</tr> |
|
</table> |
|
</div> |
|
</nav> |
|
<main> |
|
|
|
</main> |
|
<script> |
|
//Perform post-load task |
|
updateUserInfo(); |
|
$("#hdr-login-submit").button(); |
|
//$("#hdr-action").button(); |
|
$("#hdr-login-submit").click(function(){ |
|
var uname = $("#hdr-login-username").val(); |
|
var pass = $("#hdr-login-password").val(); |
|
console.log("uname="+uname); |
|
console.log("paswd="+pass); |
|
if(uname==null || pass==null || uname=="" ||pass==""){ |
|
//Display error message |
|
$("#hdr-login-msg-cont").text("Username and password are required."); |
|
$("#hdr-login-msg").show(); |
|
return; |
|
} |
|
$.post('<%=request.getContextPath()%>/Login', |
|
{username: uname, password: pass}, |
|
function(data){ |
|
if(data.status=="failed"){ |
|
$("#hdr-login-msg-cont").text(data.message); |
|
$("#hdr-login-msg").show(); |
|
}else{ |
|
updateUserInfo(); |
|
$("#hdr-login-msg").hide(); |
|
$("#hdr-login").hide(); |
|
} |
|
}) |
|
}); |
|
$("#hdr-uinfo-logout").button(); |
|
$("#hdr-uinfo-logout").click(function (){ |
|
$.post('<%=request.getContextPath()%>/Logout', function(data){ |
|
updateUserInfo(); |
|
$("#hdr-uinfo").hide(); |
|
|
|
}); |
|
}); |
|
</script> |
|
</body> |
|
</html> |