--- a/mod_admin_web/admin_web/www_files/index.html Thu Dec 23 20:48:24 2010 +0000
+++ b/mod_admin_web/admin_web/www_files/index.html Thu Dec 23 22:40:58 2010 +0100
@@ -11,26 +11,37 @@
<script type="text/javascript" src="js/main.js"></script>
</head>
<body>
-<div id='login'>
- <form id='cred' name='cred'>
- <label for='jid'>JID:</label><br/>
- <input type='text' id='jid' />
- <br />
- <label for='pass'>Password:</label><br/>
- <input type='password' id='pass' />
- <br />
- <input type='submit' id='connect' value='connect' />
- </form>
+<div id='left'>
+ <div id='login'>
+ <form id='cred' name='cred'>
+ <label for='jid'>JID:</label><br/>
+ <input type='text' id='jid' />
+ <br />
+ <label for='pass'>Password:</label><br/>
+ <input type='password' id='pass' />
+ <br />
+ <input type='submit' id='connect' value='connect' />
+ </form>
+ </div>
+ <div id='menu'>
+ <ul>
+ <li id='adhocMenu'><a href="#">General</a></li>
+ <li id='serverMenu'><a href="#">Server</a></li>
+ </ul>
+ </div>
</div>
<div id='main'>
- <div class="container">
- Incomming S2S connections:
- <ul id="s2sin"></ul>
- </div>
- <div class="container">
- Outgoing S2S connections:
- <ul id="s2sout"></ul>
+ <div id="adhoc">More later</div>
+ <div id="s2sList">
+ <div class="container">
+ Incomming S2S connections:
+ <ul id="s2sin"></ul>
+ </div>
+ <div class="container">
+ Outgoing S2S connections:
+ <ul id="s2sout"></ul>
+ </div>
</div>
</div>
--- a/mod_admin_web/admin_web/www_files/js/main.js Thu Dec 23 20:48:24 2010 +0000
+++ b/mod_admin_web/admin_web/www_files/js/main.js Thu Dec 23 22:40:58 2010 +0100
@@ -78,7 +78,9 @@
button.value = 'connect';
pass.show();
jid.show();
- $('.container').hide();
+ $('#menu').hide();
+ $('#adhoc').hide();
+ $('#s2sList').hide();
$('#cred label').show();
$('#cred br').show();
$('ul').empty();
@@ -92,7 +94,8 @@
button.value = 'disconnect';
pass.hide();
jid.hide();
- $('.container').show();
+ $('#menu').show();
+ $('#adhoc').show();
$('#cred label').hide();
$('#cred br').hide();
}
@@ -107,7 +110,7 @@
$("#log_toggle").click(function () {
$("#log").toggle();
- });
+ });
$('#cred').bind('submit', function (event) {
var button = $('#connect').get(0);
@@ -126,6 +129,17 @@
event.preventDefault();
});
+ $('#adhocMenu').click(function () {
+ $('#s2sList').slideUp();
+ $('#adhoc').slideDown();
+ event.preventDefault();
+ });
+
+ $('#serverMenu').click(function () {
+ $('#adhoc').slideUp();
+ $('#s2sList').slideDown();
+ event.preventDefault();
+ });
});
window.onunload = window.onbeforeunload = function() {
--- a/mod_admin_web/admin_web/www_files/style.css Thu Dec 23 20:48:24 2010 +0000
+++ b/mod_admin_web/admin_web/www_files/style.css Thu Dec 23 22:40:58 2010 +0100
@@ -26,11 +26,10 @@
margin: 2em;
padding: 0.5em;
border: solid;
- float: left;
- display: none
+ float: left
}
-#login{
+#left {
float: left;
margin-right: 2em;
padding: 1em;
@@ -38,10 +37,31 @@
color: #000000
}
+#adhoc {
+ display: none
+}
+
+#s2sList {
+ display: none
+}
+
#cred input[type="submit"] {
margin-left: 0em
}
+#menu {
+ display: none
+}
+
+#menu ul {
+ list-style-type: none;
+ padding: 0px;
+}
+
+#menu li {
+ font-size: 20pt
+}
+
#main {
float: left
}