From 622534e5db41bf60e5cc86c1a474114a859c7522 Mon Sep 17 00:00:00 2001
From: chris <chris.vilayphiou@gmail.com>
Date: Thu, 26 Sep 2013 20:18:34 +0800
Subject: [PATCH] Fix user order:  - gender color  - add cancel button for
 input

---
 app/assets/stylesheets/lib/main-list.css              |  7 +++++++
 .../admin/users_new_interface/edit_order.html.erb     | 11 ++++++++++-
 2 files changed, 17 insertions(+), 1 deletion(-)

diff --git a/app/assets/stylesheets/lib/main-list.css b/app/assets/stylesheets/lib/main-list.css
index 0d56d37f..057fb2d9 100644
--- a/app/assets/stylesheets/lib/main-list.css
+++ b/app/assets/stylesheets/lib/main-list.css
@@ -39,6 +39,13 @@
 .main-list td {
   background-color: #FFFFFF;
 }
+.main-list td input[type="text"] {
+  margin-bottom: 0;
+  margin-left: -.4em;
+  margin-right: 3px;
+  padding: 0 .3em;
+  width: 4em;
+}
 .main-list td.action {
   vertical-align: middle;
   text-align: right;
diff --git a/app/views/admin/users_new_interface/edit_order.html.erb b/app/views/admin/users_new_interface/edit_order.html.erb
index 3ea93f07..078eb8f2 100644
--- a/app/views/admin/users_new_interface/edit_order.html.erb
+++ b/app/views/admin/users_new_interface/edit_order.html.erb
@@ -1,13 +1,16 @@
 <% content_for :side_bar do %>
   <%= render :partial => 'admin/users_new_interface/side_bar' %>
 <% end %>
+<% content_for :page_specific_css do -%>
+  <%= stylesheet_link_tag "lib/member" %>
+<% end -%>
 
 <div id="list-view">
   <table id="member-list" class="table main-list">
     <thead>
       <tr class="sort-header">
         <th class="gender"></th>
-        <th class="span3"><a href="#"><%= t(:position) %></a></th>
+        <th class="span2"><a href="#"><%= t(:position) %></a></th>
         <th class="span4"><a href="#"><%= t(:name) %></a></th>
         <th><a href="#"><%= t(:email) %></a></th>
       </tr>
@@ -30,10 +33,16 @@
       var _userPosition = [];
       $('#member-list').on(clickEvent, '.edit_position', function(e){
         var $input = $('<input type="text">');
+        var $cross = $('<a class="btn btn-mini"><i class="icons-cross"/></a>');
+        $(this).after($cross);
         $(this).after($input);
         $(this).hide();
         $input.val($(this).text()).attr('id', $(this).data('user-id'));
         e.preventDefault();
+        $cross.click(function(event) {
+          $input.remove();
+          $(this).siblings('a').show().end().remove();
+        });
       });
 
       $('.bottomnav').on(clickEvent, '.btn', function(e) {