User ordering

Run the task new_ui:save_users

app/views/admin/users_new_interface/_index_paginator.html.erb

@@ -1,12 +1,13 @@
-       <div class="bottomnav clearfix">
-          <div class="action pull-right">
-          <% if is_admin? %>
-            <%= link_to(new_admin_users_new_interface_path,:class=> "btn btn-primary pull-right") do%>
-                <i class="icon-plus"></i><%= t(:add)%>
-            <% end -%>
-          <%end -%>
-          </div>
-          <div class="pagination pagination-centered">
-             <%= paginate @users, :params => {:inner => false}%>
-          </div>
-        </div>
+<div class="bottomnav clearfix">
+  <div class="action pull-right">
+    <% if is_admin? %>
+      <%= link_to t(:edit_order), edit_order_admin_users_new_interface_index_path, :class => "btn btn-primary" %>
+      <%= link_to(new_admin_users_new_interface_path,:class=> "btn btn-primary") do %>
+        <i class="icon-plus"></i><%= t(:add) %>
+      <% end -%>
+    <% end -%>
+  </div>
+  <div class="pagination pagination-centered">
+    <%= paginate @users, :params => {:inner => false} %>
+  </div>
+</div>

app/views/admin/users_new_interface/_user_edit_order.html.erb

@@ -0,0 +1,15 @@
+<% 
+  if user_edit_order.sex == 'male'
+    @user_sex = 'gender-man'
+  elsif user_edit_order.sex == 'female'
+    @user_sex = 'gender-woman'
+  else
+    @user_sex = 'gender-none'
+  end
+%>
+<tr id="<%= dom_id user_edit_order %>">
+  <td class="<%= @user_sex %>"></td>
+  <td><%= link_to user_edit_order.position + 1, '#', class: 'edit_position', 'data-user-id' => user_edit_order.id %></td>
+  <td><%= link_to user_edit_order.name, admin_users_new_interface_path(user_edit_order) %></td>
+  <td><%= user_edit_order.email %></td>
+</tr>

app/views/admin/users_new_interface/edit_order.html.erb

@@ -0,0 +1,56 @@
+<% content_for :side_bar do %>
+  <%= render :partial => 'admin/users_new_interface/side_bar' %>
+<% 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="span4"><a href="#"><%= t(:name) %></a></th>
+        <th><a href="#"><%= t(:email) %></a></th>
+      </tr>
+    </thead>
+    <tbody>
+      <%= render partial: "user_edit_order", collection: @users %>
+    </tbody>
+  </table>
+</div>
+
+<div class="bottomnav clearfix">
+  <div class="action pull-right">
+    <%= link_to t(:update_), '#', class: "btn btn-primary pull-right" %>
+  </div>
+</div>
+
+<% content_for :page_specific_javascript do %>
+  <script>
+    $(function(){
+      var _userPosition = [];
+      $('#member-list').on(clickEvent, '.edit_position', function(e){
+        var $input = $('<input type="text">');
+        $(this).after($input);
+        $(this).hide();
+        $input.val($(this).text()).attr('id', $(this).data('user-id'));
+        e.preventDefault();
+      });
+
+      $('.bottomnav').on(clickEvent, '.btn', function(e) {
+        $('#member-list tbody input').each(function() {
+          _userPosition.push([$(this).val(), $(this).attr('id')])
+        });
+        e.preventDefault();
+        $.ajax({
+          url: '<%= update_order_admin_users_new_interface_index_path %>',
+          type: 'POST',
+          dataType: 'script',
+          data: {users: _userPosition}
+        }).done(function() {
+          _userPosition = [];
+          console.log(_userPosition)
+        });
+      });
+    });
+  </script>
+<% end %>

app/views/admin/users_new_interface/update_order.js.erb

@@ -0,0 +1 @@
+$('#list-view table tbody').html("<%= j render partial: 'user_edit_order', collection: @users %>")