options.html

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Mongo Live - Options</title>
<link href="/themes/dark.css" rel="stylesheet" type="text/css" media="screen" />
<link rel="stylesheet" href="/themes/pepper-grinder/jquery-ui-1.8.8.custom.css" type="text/css" media="screen" />
<script type="text/javascript" src="/js/jquery-1.4.4.min.js" charset="utf-8"></script>
<script type="text/javascript" src="/js/jquery-ui-1.8.8.custom.min.js" charset="utf-8"></script>
<script type="text/javascript" src="/js/jquery.base64-1.0.min.js" charset="utf-8"></script>
<script type="text/javascript" src="/js/app.js" charset="utf-8"></script>
<style type="text/css" title="currentStyle">@import "/js/datatables-1.7.5/css/hosts_table.css";</style>
<script type="text/javascript" language="javascript" src="/js/datatables-1.7.5/js/jquery.dataTables.min.js"></script>
<script type="text/javascript" charset="utf-8">
<!--
$(document).ready(function() {
    runOptions();
});
//-->
</script>
</head>
<body> 

<!--
Copyright 2011, Deft Labs.

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at:

http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
-->

<div id="header">
    <div id="headerContent">
        <a href="main.html"><div id="logo"></div></a>
        <div id="options"><a href="main.html">home</a></div></a>
    </div>
</div>

<div id="mainContainer">

    <div id="optionsContainer">
        
        <button id="addHost" type="submit">Add Host</button> 

        <div class="hostsTableContainer" style="text-align: left;">
            <table cellpadding="0" cellspacing="0" border="0" class="display" id="hostsTable" style="text-align: left">
            <thead>
                <tr>
                    <th>Hostname</th>
                    <th>Port</th>
                    <th>Username</th>
                    <th>Password</th>
                    <th>&nbsp;</th>
                </tr>
            </thead>
            <tbody></tbody>
            </table>
        </div>

    </div>

</div>

<div id="addHostContainer">

<div id="addHostFormErrorMsgs">
<div class="formError" id="addHostInvalidHostnameMsg">Please enter a valid hostname.</div>
<div class="formError" id="addHostInvalidHostPortMsg">Please enter a valid host port.</div>
<div class="formError" id="addHostDuplicateHostMsg">Host already exists.</div>
</div>

<form id="addHostForm" action="" method="get">
<input type="hidden" name="isAdd" id="isAdd" />
<input type="hidden" name="hostId" id="hostId" value="" />
<fieldset>

<label for="hostname" id="hostnameLabel" class="formLabel">Hostname</label>
<input type="text" name="hostname" id="hostname" />
<br />

<label for="port" id="portLabel" class="formLabel">Rest API Port</label>
<input type="text" name="port" id="port" value="28017" />
<br />

<label for="username" id="usernameLabel" class="formLabel">Username</label>
<input type="text" name="u" id="u" />
<br />

<label for="p" id="passwordLabel" class="formLabel">Password</label>
<input type="password" name="p" id="p" />
<br />

<button id="addHostSubmit" type="submit">Submit</button> 

</fieldset>
</form>

<br />
<span>The REST API is the Mongo port + 1,000.</span>

</div>

<div id="footer">
    <span>
    &#169; 2011 <a href="http://deftlabs.com">Deft Labs</a> 
    &bullet; Released under <a href="http://www.apache.org/licenses/LICENSE-2.0.html" target="_blank">Apache License, Version 2.0</a> 
    &bullet; Mongo Live is not associated with <a href="http://www.mongodb.org/" target="_blank">MongoDB</a> 
    </span>
</div>

</body>
</html>