drag handles for menu item interface

Closes #12 #20

2 files changed, 18 insertions, 1 deletions

diff --git a/app/views/menu_items/index.html.erb b/app/views/menu_items/index.html.erb
index f4316bf..123a07a 100644
--- a/app/views/menu_items/index.html.erb
+++ b/app/views/menu_items/index.html.erb
@@ -8,7 +8,10 @@
 <table id="menu_item_list">
   <% @menu_items.each do |menu_item| %>
   <tr id="menu_items-<%= menu_item.id %>">
-    <td><%= menu_item.title %></td>
+    <td class="menu_sort_handle">
+      <div></div>
+    </td>
+    <td class="menu_item_title"><%= menu_item.title %></td>
     <td><%= link_to "Edit", edit_menu_item_path(menu_item) %></td>
     <td>
       <%= link_to( 
diff --git a/public/stylesheets/admin.css b/public/stylesheets/admin.css
index 575ddff..d74632b 100644
--- a/public/stylesheets/admin.css
+++ b/public/stylesheets/admin.css
@@ -387,6 +387,20 @@ table#content th.content {
   height: 20px;
 }
 
+#menu_item_list td.menu_sort_handle div {
+  background-color: #989898;
+  height: 10px;
+  width: 10px;
+}
+
+#menu_item_list td.menu_sort_handle div:hover {
+  cursor: move;
+}
+
+#menu_item_list td.menu_item_title {
+  width: 100px;
+}
+
 .ui-state-highlight td{
   height: 20px;
 }