179 lines
5.5 KiB
HTML
179 lines
5.5 KiB
HTML
|
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||
|
|
<html>
|
||
|
|
<head>
|
||
|
|
<title>xCAT WebUI</title>
|
||
|
|
<link rel="stylesheet" type="text/css" href="colorscheme.css" />
|
||
|
|
<style type="text/css">
|
||
|
|
span.logstatus {
|
||
|
|
margin-left: 5.5em;
|
||
|
|
}
|
||
|
|
label {
|
||
|
|
text-align: right;
|
||
|
|
width: 5em;
|
||
|
|
float: left;
|
||
|
|
margin-right: 0.5em;
|
||
|
|
display: block;
|
||
|
|
}
|
||
|
|
*#nrtree {
|
||
|
|
width:20%;
|
||
|
|
}
|
||
|
|
*#logout {
|
||
|
|
position:absolute;
|
||
|
|
top:0;
|
||
|
|
right:0;
|
||
|
|
margin-left:1em;
|
||
|
|
text-align: center;
|
||
|
|
vertical-align: middle;
|
||
|
|
}
|
||
|
|
.xcatbutton button {
|
||
|
|
margin: .5em .5em .5em 8px;
|
||
|
|
color: #555555;
|
||
|
|
background: #e6e6e6 url(images/e6e6e6_40x100_textures_02_glass_75.png) 0 50% repeat-x;
|
||
|
|
font-size: 0.7em;
|
||
|
|
border: 1px solid #d3d3d3;
|
||
|
|
cursor: pointer;
|
||
|
|
padding: .2em .6em .3em .6em;
|
||
|
|
line-height: 1.4em;
|
||
|
|
}
|
||
|
|
.xcatbutton button:hover {
|
||
|
|
color: #212121;
|
||
|
|
background: #dadada url(images/dadada_40x100_textures_02_glass_75.png) 0 50% repeat-x;
|
||
|
|
border: 1px solid #999999;
|
||
|
|
}
|
||
|
|
.xcatbutton button:active {
|
||
|
|
color: #222222;
|
||
|
|
background: #ffffff url(images/ffffff_40x100_textures_02_glass_65.png) 0 50% repeat-x;
|
||
|
|
border: 1px solid #dddddd;
|
||
|
|
}
|
||
|
|
|
||
|
|
</style>
|
||
|
|
<link rel="stylesheet" type="text/css" href="tree_component.css" />
|
||
|
|
<script type="text/javascript" src="css.js"></script>
|
||
|
|
<script type="text/javascript" src="jquery.js"></script>
|
||
|
|
<script type="text/javascript" src="jquery.listen.js"></script>
|
||
|
|
<script type="text/javascript" src="tree_component.js"></script>
|
||
|
|
<script type="text/javascript" src="jquery.ui.js"></script>
|
||
|
|
<script type="text/javascript">
|
||
|
|
var logdialog;
|
||
|
|
var nrtree;
|
||
|
|
function openlogdialog (data, textstatus) { //open the log in dialog if not logged in
|
||
|
|
if (data.authenticated == "no") {
|
||
|
|
logdialog.dialog("open");
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
function logincallback (data, textstatus) {
|
||
|
|
$("#password").val(""); //clear the password field regardless of what happens
|
||
|
|
if (data.authenticated == "yes") {
|
||
|
|
$("#logstatus").text("Logged in successfully");
|
||
|
|
nrtree.refresh(); // Fix tree potentiall broken through attempts to operate without auth
|
||
|
|
logdialog.dialog("close");
|
||
|
|
} else {
|
||
|
|
$("#logstatus").text("Authentication failure");
|
||
|
|
$("#logstatus").css("color","#ff0000");
|
||
|
|
}
|
||
|
|
}
|
||
|
|
function logout () {
|
||
|
|
$.post("log.php",{logout:1})
|
||
|
|
$("#logstatus").html("");
|
||
|
|
logdialog.dialog("open");
|
||
|
|
}
|
||
|
|
|
||
|
|
function login() {
|
||
|
|
$("#logstatus").css("color","#000000");
|
||
|
|
$("#logstatus").html('Authenticating...<img src="images/throbber.gif"/>');
|
||
|
|
var passwd=$("#password").val();
|
||
|
|
$.post("log.php",{
|
||
|
|
username: $("#username").val(),
|
||
|
|
password: passwd
|
||
|
|
},logincallback,"json");
|
||
|
|
}
|
||
|
|
function updatenoderange() {
|
||
|
|
}
|
||
|
|
|
||
|
|
$(document).ready(function() {
|
||
|
|
nrtree = new tree_component(); // -Tree begin
|
||
|
|
nrtree.init($("#nrtree"),{
|
||
|
|
rules: {
|
||
|
|
multiple: "Ctrl"
|
||
|
|
},
|
||
|
|
ui: {
|
||
|
|
animation: 250
|
||
|
|
},
|
||
|
|
callback : {
|
||
|
|
onchange : updatenoderange
|
||
|
|
},
|
||
|
|
data : {
|
||
|
|
type : "json",
|
||
|
|
async : "true",
|
||
|
|
url: "noderangesource.php"
|
||
|
|
}
|
||
|
|
}); //Tree finish
|
||
|
|
|
||
|
|
logdialog=$("#logdialog").dialog({
|
||
|
|
modal: true,
|
||
|
|
closeOnEscape: false,
|
||
|
|
overlay: {
|
||
|
|
backgroundColor: "#000",
|
||
|
|
opacity: 0.75
|
||
|
|
|
||
|
|
},
|
||
|
|
height: 200,
|
||
|
|
width: 350,
|
||
|
|
autoOpen: false,
|
||
|
|
buttons: {
|
||
|
|
"Log In": login
|
||
|
|
},
|
||
|
|
open: function(type, dialog) {
|
||
|
|
if (document.location.protocol == "http:") {
|
||
|
|
$("#logstatus").html("Unencrypted Session!");
|
||
|
|
$("#logstatus").css("color","#ff0000");
|
||
|
|
}
|
||
|
|
if ($("#username").val() == "") {
|
||
|
|
$("#username").focus();
|
||
|
|
} else {
|
||
|
|
$("#password").focus();
|
||
|
|
}
|
||
|
|
},
|
||
|
|
close: function(type, dialog) {
|
||
|
|
return false;
|
||
|
|
}
|
||
|
|
|
||
|
|
});
|
||
|
|
|
||
|
|
$("#username").keydown(function(event) {
|
||
|
|
if (event.keyCode==13) {
|
||
|
|
$("#password").focus();
|
||
|
|
}
|
||
|
|
});
|
||
|
|
$("#password").keydown(function(event) {
|
||
|
|
if (event.keyCode==13) {
|
||
|
|
login();
|
||
|
|
}
|
||
|
|
});
|
||
|
|
$("#login").click(function(event) {
|
||
|
|
login();
|
||
|
|
});
|
||
|
|
$("#logout").click(function(event) {
|
||
|
|
logout();
|
||
|
|
});
|
||
|
|
$.post("log.php",{},openlogdialog,"json");
|
||
|
|
});
|
||
|
|
</script>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<div id="nrdisplay">Noderange:</div>
|
||
|
|
<div id="nrtree"></div>
|
||
|
|
<!-- The omnipresent login dialog, waiting to be called forth by javascript -->
|
||
|
|
<div id="logdialog">
|
||
|
|
<form id="loginform" method="post" action="login.php">
|
||
|
|
<label for="username">Username:</label><input id="username" type="text" name="username"><br/>
|
||
|
|
<label for="password">Password:</label><input id="password" type="password" name="password"></form>
|
||
|
|
<span class="logstatus" id="logstatus"><br/></span>
|
||
|
|
</div>
|
||
|
|
<!-- Log out control -->
|
||
|
|
<div id="logout" class="xcatbutton"><button>Log Out</button></div>
|
||
|
|
</body>
|
||
|
|
</html>
|