diff mod_admin_web/admin_web/www_files/index.html @ 539:99465bbfa205

First pass of web-admin redesign
author Florian Zeitz <florob@babelmonkeys.de>
date Tue, 10 Jan 2012 19:16:28 +0100
parents 7331e2669f24
children f0ef6e285d69
line wrap: on
line diff
--- a/mod_admin_web/admin_web/www_files/index.html	Sun Jan 08 17:25:34 2012 +0000
+++ b/mod_admin_web/admin_web/www_files/index.html	Tue Jan 10 19:16:28 2012 +0100
@@ -6,54 +6,58 @@
 <title>Prosody Webadmin</title>
 <link rel="stylesheet" type="text/css" href="style.css" />
 <meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" />
-<script type="text/javascript" src="js/jquery-1.6.2.min.js"></script>
+<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
 <script type="text/javascript" src="js/strophe.min.js"></script>
 <script type="text/javascript" src="js/adhoc.js"></script>
 <script type="text/javascript" src="js/main.js"></script>
 </head>
+
 <body>
-<div id='left'>
+<div id='top'>
+  <div id='header'>
+    <img src="images/prosody.png" alt="Prosody"/>
+  </div>
   <div id='menu'>
     <ul>
       <li id='adhocMenu'><a href="#">General</a></li>
       <li id='serverMenu'><a href="#">Servers</a></li>
       <li id='clientMenu'><a href="#">Clients</a></li>
+      <li><span id="selector">Host:<select id="host"></select></span></li>
+      <li><a href="#" id='logout'>Logout</a></li>
     </ul>
   </div>
-  <div id='login'>
-    <form id='cred' name='cred'>
-      <fieldset>
-        <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' />
-      </fieldset>
-    </form>
-  </div>
 </div>
 
-<div id='right'>
-  <span id="selector">Host: <select id="host"></select></span>
-  <div id='main'>
-    <div id="adhoc"></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 id='login'>
+  <form id='cred' name='cred'>
+    <fieldset>
+      <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='Login' />
+    </fieldset>
+  </form>
+</div>
+
+<div id='main'>
+  <div id="adhoc"></div>
+  <div id="s2sList">
+    <div class="container">
+      <h2>Incomming S2S connections:</h2>
+      <ul id="s2sin"></ul>
     </div>
-    <div id="c2sList">
-      <div class="container">
-	Client connections:
-	<ul id="c2s"></ul>
-      </div>
+    <div class="container">
+      <h2>Outgoing S2S connections:</h2>
+      <ul id="s2sout"></ul>
+    </div>
+  </div>
+  <div id="c2sList">
+    <div class="container">
+      <h2>Client connections:</h2>
+      <ul id="c2s"></ul>
     </div>
   </div>
 </div>