developers
/
Orbit
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fix user order: 

- gender color
 - add cancel button for input
This commit is contained in:
chris 2013-09-26 20:18:34 +08:00
parent 52c896d8c5
commit 622534e5db
2 changed files with 17 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
app/assets/stylesheets/lib/main-list.css
View File

@ -39,6 +39,13 @@
.main-list td { .main-list td {
background-color: #FFFFFF; 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 { .main-list td.action {
vertical-align: middle; vertical-align: middle;
text-align: right; text-align: right;

11
app/views/admin/users_new_interface/edit_order.html.erb
View File

@ -1,13 +1,16 @@
<% content_for :side_bar do %> <% content_for :side_bar do %>
<%= render :partial => 'admin/users_new_interface/side_bar' %> <%= render :partial => 'admin/users_new_interface/side_bar' %>
<% end %> <% end %>
<% content_for :page_specific_css do -%>
<%= stylesheet_link_tag "lib/member" %>
<% end -%>
<div id="list-view"> <div id="list-view">
<table id="member-list" class="table main-list"> <table id="member-list" class="table main-list">
<thead> <thead>
<tr class="sort-header"> <tr class="sort-header">
<th class="gender"></th> <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 class="span4"><a href="#"><%= t(:name) %></a></th>
<th><a href="#"><%= t(:email) %></a></th> <th><a href="#"><%= t(:email) %></a></th>
</tr> </tr>
@ -30,10 +33,16 @@
var _userPosition = []; var _userPosition = [];
$('#member-list').on(clickEvent, '.edit_position', function(e){ $('#member-list').on(clickEvent, '.edit_position', function(e){
var $input = $('<input type="text">'); var $input = $('<input type="text">');
var $cross = $('<a class="btn btn-mini"><i class="icons-cross"/></a>');
$(this).after($cross);
$(this).after($input); $(this).after($input);
$(this).hide(); $(this).hide();
$input.val($(this).text()).attr('id', $(this).data('user-id')); $input.val($(this).text()).attr('id', $(this).data('user-id'));
e.preventDefault(); e.preventDefault();
$cross.click(function(event) {
$input.remove();
$(this).siblings('a').show().end().remove();
});
}); });
$('.bottomnav').on(clickEvent, '.btn', function(e) { $('.bottomnav').on(clickEvent, '.btn', function(e) {