<!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="theme.css" />
<link rel="stylesheet" type="text/css" href="xcatwebui.css" />
<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" src="xcatauth.js"></script>
<script type="text/javascript" src="noderangetree.js"></script>
<script type="text/javascript" src="contents.js"></script>
</head>
<body>
    <!-- Log out control -->
    <!-- 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>

    <div id="header">xCAT
        <div id="logout" class="xcatbutton"><button>Log Out</button></div>
    </div>
    <div id="alltabs">
        <ul>
            <li><a href="#nodepanels" title="actionpane"><span>Nodes</span></a></li>
            <li><a href="tables.html" title="actionpane"><span>Tables</span></a></li>
        </ul>
    </div>
    <div id="actionpane"></div>
    <div id="nodepanels">
        <!-- To place/constrain the noderange tree -->
        <div id="nrtree"></div>
        <div id="nodearea">
            <div id="nodetabs">
                <ul>
                    <li><a href="vitals.html" title="nodepane">Sensors</a></li>
                    <li><a href="eventlog.html" title="nodepane">Eventlog</a></li>
                    <li><a href="inventory.html" title="nodepane">Inventory</a><li>
                </ul>
            </div>
            <div id="nodepane"></div>
        </div>
    </div>
</body>
</html>