From 1f0d6f854b87020ed8cf330c3efa5a1d8f666ea7 Mon Sep 17 00:00:00 2001
From: Heiko Kernbach <heiko@arangodb.com>
Date: Tue, 8 May 2012 13:01:27 +0200
Subject: [PATCH] update

---
 html/admin/css/layout.css | 26 ++++++++++++++++++++------
 html/admin/index.html     |  3 ++-
 html/admin/js/master.js   | 30 +++++++++++++++++++++---------
 3 files changed, 43 insertions(+), 16 deletions(-)

diff --git a/html/admin/css/layout.css b/html/admin/css/layout.css
index b91263ac17..02e72f2c92 100644
--- a/html/admin/css/layout.css
+++ b/html/admin/css/layout.css
@@ -62,11 +62,6 @@ td {
   font-size: 1.2em ;  
 }
 
-.nofunction {
-  padding-left: 4px;
-  padding-right: 1px;   
-}
-
 pre ul li span{
   font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
   font-size: 1em;
@@ -84,7 +79,26 @@ pre ul li span{
 #logToolbar a, #documentsToolbar a {
   font-size: 0.85em;  
 }
-#logToolbar, #documentsToolbar{
+
+.toolbar_primary {
+  background-color: #e4e9d2;
+}
+
+.toolbar_secondary {
+  background-color: white; 
+}
+
+.toolbar_left {
+  float:left; 
+  width:30%; 
+}
+
+.toolbar_right {
+  float:right; 
+  width:70%; 
+}
+
+#logToolbar, #documentsToolbar, .customToolbar{
   height:24px; 
   border: 1px solid #AAAAAA;
   padding-left: 3px; 
diff --git a/html/admin/index.html b/html/admin/index.html
index 32b730efe0..55cb1db114 100644
--- a/html/admin/index.html
+++ b/html/admin/index.html
@@ -43,7 +43,6 @@
 
       <div id="menue-right">
         <button class="minimal" id="Collections">Collections</button>
-        <button class="minimal" id="Status">Status</button>
         <button class="minimal" id="Logs">Logs</button>
         <button class="minimal" id="Configuration">Configuration</button>
         <button class="minimal" id="Query">Query</button>
@@ -335,6 +334,8 @@
       </div>
 
       <div id="configView" style="display: none">
+        <div id="configContent">
+        </div>
       </div>
 
       <div id="avocshView" style="display: none">
diff --git a/html/admin/js/master.js b/html/admin/js/master.js
index 19d0260205..34114fc83c 100644
--- a/html/admin/js/master.js
+++ b/html/admin/js/master.js
@@ -11,13 +11,13 @@ var globalCollectionName;
 var globalCollectionID;
 var globalCollectionRev;
   
+var open = false;
 $(document).ready(function() {       
 
 showCursor();
 ///////////////////////////////////////////////////////////////////////////////
 /// global variables 
 ///////////////////////////////////////////////////////////////////////////////
-var open = false;
 var tableView = true;
 var sid = ($.cookie("sid")); 
 var currentUser; 
@@ -95,6 +95,10 @@ $("#tabs").tabs({
   }    
 });
 
+///////////////////////////////////////////////////////////////////////////////
+/// disable grey'd out buttons
+///////////////////////////////////////////////////////////////////////////////
+  $(".nofunction").attr("disabled", "true");
 
 ///////////////////////////////////////////////////////////////////////////////
 /// checks for a login user cookie, creates new sessions if null  
@@ -548,16 +552,24 @@ var logTable = $('#logTableID').dataTable({
       hideAllSubDivs(); 
       $('#collectionsView').hide();
       $('#configView').show();
-      createnav ("Config"); 
+      createnav ("Configuration"); 
+      var switcher = "primary"; 
       var content={"Menue":{"Haha":"wert1", "ahha":"wert2"}, "Favoriten":{"top10":"content"},"Test":{"testing":"hallo 123 test"}}; 
-      $("#configView").empty();
+      $("#configContent").empty();
 
       $.each(content, function(data) {
-        $('#configView').append('<h1>' + data + '</h1>');
+        $('#configContent').append('<div class="customToolbar"><b>' + data + '</b></div>');
         $.each(content[data], function(key, val) {
-          $('#configView').append('<a>' + key + ":" + val + '</a><br>');
+          if (switcher == "primary") {
+            $('#configContent').append('<a class="toolbar_left toolbar_primary">' + key + '</a><a class="toolbar_right toolbar_primary">' + val + '</a><br>');
+          switcher = "secondary"; 
+          }
+          else if (switcher == "secondary") {
+            $('#configContent').append('<a class="toolbar_left toolbar_secondary">' + key + '</a><a class="toolbar_right toolbar_secondary">' + val + '</a><br>');
+          switcher = "primary"; 
+          }
         });         
-        //$('#configView').append('<a>' + menues + '</a><br>');
+        //$('#configContent').append('<a>' + menues + '</a><br>');
       }); 
 
     }
@@ -1357,7 +1369,7 @@ function drawCollectionsTable () {
       }
       else if (tempStatus == 2) {
         tempStatus = "unloaded";
-        items.push(['<button id="delete"><img src="/_admin/html/media/icons/round_minus_icon16.png" width="16" height="16"></button><button id="load"><img src="/_admin/html/media/icons/connect_icon16.png" width="16" height="16"></button><img src="/_admin/html/media/icons/zoom_icon16_nofunction.png" width="16" height="16" class="nofunction"></img><img src="/_admin/html/media/icons/doc_edit_icon16_nofunction.png" width="16" height="16" class="nofunction"></img>', 
+        items.push(['<button class="enabled" id="delete"><img src="/_admin/html/media/icons/round_minus_icon16.png" width="16" height="16"></button><button class="enabled" id="load"><img src="/_admin/html/media/icons/connect_icon16.png" width="16" height="16"></button><button><img src="/_admin/html/media/icons/zoom_icon16_nofunction.png" width="16" height="16" class="nofunction"></img></button><button><img src="/_admin/html/media/icons/doc_edit_icon16_nofunction.png" width="16" height="16" class="nofunction"></img></button>', 
         val.id, val.name, tempStatus, "", ""]);
        }
       else if (tempStatus == 3) {
@@ -1379,7 +1391,7 @@ function drawCollectionsTable () {
           }
         });
 	
-        items.push(['<button id="delete"><img src="/_admin/html/media/icons/round_minus_icon16.png" width="16" height="16" title="Delete"></button><button id="unload"><img src="/_admin/html/media/icons/not_connected_icon16.png" width="16" height="16" title="Unload"></button><button id="showdocs"><img src="/_admin/html/media/icons/zoom_icon16.png" width="16" height="16" title="Show Documents"></button><button id="edit" title="Edit"><img src="/_admin/html/media/icons/doc_edit_icon16.png" width="16" height="16"></button>', 
+        items.push(['<button clas="enabled" id="delete"><img src="/_admin/html/media/icons/round_minus_icon16.png" width="16" height="16" title="Delete"></button><button class="enabled" id="unload"><img src="/_admin/html/media/icons/not_connected_icon16.png" width="16" height="16" title="Unload"></button><button class="enabled" id="showdocs"><img src="/_admin/html/media/icons/zoom_icon16.png" width="16" height="16" title="Show Documents"></button><button class="enabled" id="edit" title="Edit"><img src="/_admin/html/media/icons/doc_edit_icon16.png" width="16" height="16"></button>', 
         val.id, val.name, tempStatus,  bytesToSize(size*1024), alive]);
       }
       else if (tempStatus == 4) {
@@ -1745,7 +1757,7 @@ function createNextPagination(checked) {
 }
     
 function showCursor() {
-  $(':button').mouseover(function () {
+  $('.enabled').mouseover(function () {
     $(this).css('cursor', 'pointer');
   });
 }