re-activated admin overview screen - listing 20 recent changes and 20 current drafts. more to come

2 files changed, 36 insertions, 11 deletions

diff --git a/public/javascripts/admin_interface.js b/public/javascripts/admin_interface.js
index 7aeb0b1..66e9a96 100644
--- a/public/javascripts/admin_interface.js
+++ b/public/javascripts/admin_interface.js
@@ -21,6 +21,27 @@ $(document).ready(function () {
     move_to_search.initialize_search();
   }
   
+  if ($('#recent_changes_toggle').length != 0) {
+    $('#current_drafts_table').hide();
+    $('#recent_changes_toggle').attr("class", "selected");
+    
+    $('#recent_changes_toggle').bind("click", function(){
+      $('#recent_changes_toggle').attr("class", "selected");
+      $('#current_drafts_toggle').attr("class", "unselected");
+      $('#recent_changes_table').show();
+      $('#current_drafts_table').hide();
+      return false;
+    });
+    
+    $('#current_drafts_toggle').bind("click", function(){
+      $('#recent_changes_toggle').attr("class", "unselected");
+      $('#current_drafts_toggle').attr("class", "selected");
+      $('#current_drafts_table').show();
+      $('#recent_changes_table').hide();
+      return false;
+    });
+  }
+  
   $(".with_editor").tinymce({
     script_url : '/javascripts/tiny_mce/tiny_mce.js',
     theme: "advanced",
diff --git a/public/stylesheets/admin.css b/public/stylesheets/admin.css
index 6fa5b59..921e83d 100644
--- a/public/stylesheets/admin.css
+++ b/public/stylesheets/admin.css
@@ -93,7 +93,11 @@ div.pagination span.current, div.pagination a:hover {
   background-color: #000000;
 }
 
-#main_navigation a, #sub_navigation a, #metadata a, input[type=submit]{
+#main_navigation a,
+#sub_navigation a,
+#metadata a,
+input[type=submit],
+#overview_toggle a {
   letter-spacing: 1px;
   padding-left: 5px;
   padding-right: 5px;
@@ -116,53 +120,53 @@ div.pagination span.current, div.pagination a:hover {
   background-color: #ff9600;
 }
 
-#navigation a.selected, #metadata a.selected {
+#navigation a.selected, #metadata a.selected, #overview_toggle a.selected {
   color: #ffffff;
   background-color: #000000;
 }
 
 /* Nodes */
 
-table#node_table {
+table.node_table {
   width: 899px;
   border-collapse: collapse;
 }
 
-table#node_table tr {
+table.node_table tr {
   height: 65px;
   border-bottom: 1px solid #000000;
 }
 
-table#node_table th.title {
+table.node_table th.title {
   width: 450px;
 }
 
-table#node_table tr.header {
+table.node_table tr.header {
   height: 20px;
   text-align: left;
 }
 
-table#node_table td {
+table.node_table td {
   padding-top: 0px;
   padding-bottom: 0px;
   padding-right: 25px;
   padding-left: 0px;
 }
 
-table#node_table .node_id {
+table.node_table .node_id {
   padding-left: 10px;
   padding-right: 15px;
 }
 
-table#node_table tr.header:hover {
+table.node_table tr.header:hover {
   background-color: #ffffff;
 }
 
-table#node_table tr:hover {
+table.node_table tr:hover {
   background-color: #f1f1f1;
 }
 
-table#node_table .actions {
+table.node_table .actions {
   text-transform: lowercase;
 }