prosody-modules
5a619d6045a8

Find changesets by keywords by author, files, the commit message, revision number or hash, or revset expression.

Software / code / prosody-modules

Changeset

294:5a619d6045a8

mod_admin_web: Prepare for adding more features
author Florian Zeitz <florob@babelmonkeys.de>
date Thu, 23 Dec 2010 22:40:58 +0100
parents 293:d76f47a608ab
children 295:e373de5907aa
files mod_admin_web/admin_web/www_files/index.html mod_admin_web/admin_web/www_files/js/main.js mod_admin_web/admin_web/www_files/style.css
diffstat 3 files changed, 68 insertions(+), 23 deletions(-) [+]
line wrap: on
line diff
--- 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
 }