From 40bdc8384a33019c1771fbad888525505f61aa7c Mon Sep 17 00:00:00 2001
From: hukl <contact@smyck.org>
Date: Sat, 21 Mar 2009 15:00:50 +0100
Subject: cleaned up the node index view

---
 app/views/nodes/index.html.erb | 27 +++++++-------
 public/stylesheets/admin.css   | 80 +++++++++++++++++++++++++++++++++++++-----
 2 files changed, 84 insertions(+), 23 deletions(-)

diff --git a/app/views/nodes/index.html.erb b/app/views/nodes/index.html.erb
index ad60498..103617c 100644
--- a/app/views/nodes/index.html.erb
+++ b/app/views/nodes/index.html.erb
@@ -6,33 +6,32 @@
 <%= will_paginate @nodes %>
 <p>
   <table id="node_table">
-    <tr>
+    <tr class="table_headers">
+      <th class="node_id">ID</th>
       <th class="title">Title</th>
-      <th class="path">Path</th>
       <th class="actions">Actions</th>
       <th class="editor">Locked by</th>
       <th class="revision">Rev.</th>
     </tr>
     <% @nodes.each do |node| %>
     <tr class="<%= cycle("even", "odd") %>">
-      <td>
-        <strong>
-          <%= title_for_node node %>
-        </strong>
+      <td><%= node.id %></td>
+      <td class="title">
+        <h4><%= title_for_node node %></h4>
+        <p><%= node.unique_name %></p>
       </td>
-      <td><%= node.unique_name %></td>
-      <td>
-        <%= link_to 'Show',     node_path(node) %>
-          <%= link_to 'Edit',     edit_node_path(node) %>
-        <%= link_to 'Revision', :controller => :revisions, :action => :show, :id => node.id %>
-        <%# link_to 'Destroy',  node, :method => :delete, :confirm => "Are you sure you want to delete this node?" %>
-        <%= link_to 'Unlock', unlock_node_path(node), :method => :put, :confirm => "Are you sure you want to unlock?" %>
+      <td class="actions">
+          <%= link_to 'Show',     node_path(node) %>
+            <%= link_to 'Edit',     edit_node_path(node) %>
+          <%= link_to 'Revisions', :controller => :revisions, :action => :show, :id => node.id %>
+          <%# link_to 'Destroy',  node, :method => :delete, :confirm => "Are you sure you want to delete this node?" %>
+          <%= link_to 'Unlock', unlock_node_path(node), :method => :put, :confirm => "Are you sure you want to unlock?" %>
       </td>
       <td>
         <%= "#{node.draft.user.login}" if node.draft && node.draft.user %>
       </td>
       <td>
-        <%= node.pages.length %>
+        <%= node.draft ? node.draft.revision : node.head.revision %>
       </td>
     </tr>
     <% end %>
diff --git a/public/stylesheets/admin.css b/public/stylesheets/admin.css
index 49578f0..d2d966f 100644
--- a/public/stylesheets/admin.css
+++ b/public/stylesheets/admin.css
@@ -1,6 +1,6 @@
 body {
-  font-family: Arial, sans-serif;
-  font-size: 10pt;
+  font-family: 'Lucida Grande', Arial, sans-serif;
+  font-size: 11px;
 }
 
 a {
@@ -10,31 +10,75 @@ a {
 table {}
 
 table#node_table {
-  width: 1000px;
+  border-collapse: collapse;
+  width: 880px;
+}
+
+table#node_table tr.table_headers {
+  height: 20px;
+}
+
+table#node_table th {
+  padding-left: 15px;
+}
+
+table#node_table tr {
+  height: 65px;
+}
+
+table#node_table tr.odd:hover, table#node_table tr.even:hover {
+  background-color: #E4F2FD;
+}
+
+table#node_table td h4 {
+  margin-top: 0px;
+  margin-bottom: 5px;
+}
+
+table#node_table td p {
+  margin-top: 0px;
+  margin-bottom: 0px;
+}
+
+table#node_table td a {
+  text-decoration: none;
+}
+
+table#node_table td a:hover {
+  text-decoration: underline;
+}
+
+tr.even {
+  border: 1px solid #808080;
 }
 
 tr.odd {
-  background-color: #f1f1f1;
+  border: 1px solid #808080;
+  background-color: #f5f5f5;
 }
 
 th {
   text-align: left;
 }
 
+th.node_id {
+  width: 30px;
+}
+
 th.title {
-  width: 370px;
+  width: 450px;
 }
 
+
 th.path {
-  width: 300px;
 }
 
 th.actions {
-  width: 180px;
+  width: 150px;
 }
 
 th.editor {
-  width: 120px;
+  width: 150px;
 }
 
 th.revision {
@@ -42,7 +86,25 @@ th.revision {
 }
 
 td {
-  padding: 3px;
+  padding-left: 15px;
+  padding-right: 0px;
+}
+
+td.title {
+  font-size: 11px;
+}
+
+td.path {
+  font-size: 11px;
+}
+
+td.actions {
+  font-size: 11px;
+}
+
+
+td div.actions {
+  padding-top: 5px;
 }
 
 input[type=text] {
-- 
cgit v1.3