developers
/
orbit-4-1
Archived
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fix list check issue

This commit is contained in:
Spen 2014-02-10 15:18:47 +08:00 committed by Manson Wang
parent e903bd0c39
commit bfebed7cb8
14 changed files with 122 additions and 145 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

108
app/assets/javascripts/lib/list-check.js
View File

@ -1,4 +1,6 @@
var ListCheck = function(element) { $(function() {
var ListCheckData = {},
ListCheck = function(element) {
this.element = $(element); this.element = $(element);
this.element.data('exists', true); this.element.data('exists', true);
if(this.element.context.parentNode.tagName == "TD") { if(this.element.context.parentNode.tagName == "TD") {
@ -9,49 +11,72 @@ var ListCheck = function(element) {
this.elementWrap.addClass('listCheckHead'); this.elementWrap.addClass('listCheckHead');
} }
this.element.before('<i class="icon-check-empty" />'); this.element.before('<i class="icon-check-empty" />');
}; };
$.fn.listCheck = function (callback) { $.fn.listCheck = function () {
this.each(function (i) { $(this).each(function() {
var $this = $(this),
$el = $this.find('input[type="checkbox"]');
$el.each(function (i) {
if(!$(this).data('exists')) { if(!$(this).data('exists')) {
new ListCheck(this); new ListCheck(this);
}; };
}); });
this.on(clickEvent, function(e) { $this.on(clickEvent, $el, function(e) {
if($(this).prop('checked')) { if($(e.target).prop('checked')) {
$(this).siblings('i').addClass('icon-check').removeClass('icon-check-empty').closest('tr').addClass('checkHit'); $(e.target).siblings('i').addClass('icon-check').removeClass('icon-check-empty').closest('tr').addClass('checkHit');
} else { } else {
$(this).siblings('i').addClass('icon-check-empty').removeClass('icon-check').closest('tr').removeClass('checkHit'); $(e.target).siblings('i').addClass('icon-check-empty').removeClass('icon-check').closest('tr').removeClass('checkHit');
}; };
if ($(this).closest('.listCheckHead').length) { if($(e.target).closest('th').hasClass('listCheckHead')) {
$('.listCheck .list-check').prop('checked', $(this).prop('checked')); $this.find('.listCheck input[type="checkbox"]').prop('checked', $(e.target).prop('checked'));
if($(this).prop('checked')) { if($(e.target).prop('checked')) {
$('.listCheck i').addClass('icon-check').removeClass('icon-check-empty').closest('tr').addClass('checkHit'); $this.find('.listCheck i').addClass('icon-check').removeClass('icon-check-empty').closest('tr').addClass('checkHit');
} else { } else {
$('.listCheck i').addClass('icon-check-empty').removeClass('icon-check').closest('tr').removeClass('checkHit'); $this.find('.listCheck i').addClass('icon-check-empty').removeClass('icon-check').closest('tr').removeClass('checkHit');
} }
}; };
var _isCheck = $('tbody .list-check').filter(':checked').length, var _isCheck = $this.find('tbody').find($el).filter(':checked').length,
_defaultLength = $('tbody .list-check').length; _defaultLength = $this.find('tbody').find($el).length;
if(_isCheck > 0 && _isCheck < _defaultLength) { if(_isCheck > 0 && _isCheck < _defaultLength) {
$('.listCheckHead i').removeClass('icon-check-empty icon-check').addClass('icon-minus'); $this.find('.listCheckHead i').removeClass('icon-check-empty icon-check').addClass('icon-minus');
} else if(!_isCheck) { } else if(!_isCheck) {
$('.listCheckHead i').removeClass('icon-minus icon-check').addClass('icon-check-empty'); $this.find('.listCheckHead i').removeClass('icon-minus icon-check').addClass('icon-check-empty');
} else { } else {
$('.listCheckHead i').removeClass('icon-check-empty icon-minus').addClass('icon-check'); $this.find('.listCheckHead i').removeClass('icon-check-empty icon-minus').addClass('icon-check');
} }
_isCheck ? $('.list-active-btn').removeClass('disabled').data('actionable', true) : $('.list-active-btn').addClass('disabled').data('actionable', false); _isCheck ? $this.find('.list-active-btn').removeClass('disabled').data('actionable', true) : $this.find('.list-active-btn').addClass('disabled').data('actionable', false);
}); });
}; $this.on(clickEvent, '.list-active-btn', function(e) {
function clearCheck() { if(!$(this).hasClass('disabled')) {
$('.list-check').each(function() { ListCheckData.url = $(this).attr('rel');
$(this).prop('checked', false); ListCheckData.name = $this.find('tbody').find('input[type="checkbox"]').attr('name');
}) ListCheckData.action = $(this).data('checkAction');
} ListCheckData.values = [];
function actionSuccess(e) { ListCheckData.element = $this
$("tbody .list-check").each(function() { $this.find('tbody').find('input[type="checkbox"]').each(function (i) {
this.checked && ListCheckData.values.push("ids[]=" + this.value);
});
console.log(ListCheckData.values.join("&"));
$('#dialog').modal('show');
return false;
}
});
});
clearCheck($(this));
};
function clearCheck(element) {
element.find('input[type="checkbox"]').each(function() {
$(this).prop('checked', false).siblings('i').addClass('icon-check-empty').removeClass('icon-check').closest('tr').removeClass('checkHit');
});
element.find('.list-active-btn').addClass('disabled');
};
function actionSuccess(e) {
ListCheckData.element.find('tbody').find('input[type="checkbox"]').each(function() {
switch(e) { switch(e) {
case 'list-be-hide': case 'list-be-hide':
$(this).filter(':checked').closest('tr').addClass('checkHide'); $(this).filter(':checked').closest('tr').addClass('checkHide');
@ -67,32 +92,17 @@ function actionSuccess(e) {
}; };
$('.list-check').siblings('i').removeAttr('class').addClass('icon-check-empty').closest('tr').removeClass('checkHit'); $('.list-check').siblings('i').removeAttr('class').addClass('icon-check-empty').closest('tr').removeClass('checkHit');
}); });
clearCheck(); clearCheck(ListCheckData.element);
} }
$(function() {
var $t = null,
_data = null;
clearCheck();
$('.list-check').listCheck(); $('.list-check').listCheck();
$('.list-active-btn').data('actionable', false).on(clickEvent, function(e) {
$t = $(this)
_data = $(this).data()
_data.actionable ? $('#dialog').modal('show') : "";
e.preventDefault();
});
$('.delete-item').on(clickEvent, function() { $('.delete-item').on(clickEvent, function() {
var _v = []; if(ListCheckData.url.indexOf("?") > -1) {
$("tbody .list-check").each(function() { $.ajax(ListCheckData.url + "&" + ListCheckData.values.join("&")).done(function() {
this.checked && _v.push("ids[]="+this.value) actionSuccess(ListCheckData.action);
});
var _t = $t.attr("rel");
if(_t.indexOf("?") > -1) {
$.ajax(_t + "&" + _v.join("&")).done(function() {
actionSuccess(_data.checkAction)
}); });
} else { } else {
$.ajax(_t + "?" + _v.join("&")).done(function() { $.ajax(ListCheckData.url + "?" + ListCheckData.values.join("&")).done(function() {
actionSuccess(_data.checkAction) actionSuccess(ListCheckData.action);
}); });
} }
$('#dialog').modal('hide'); $('#dialog').modal('hide');

4
app/assets/stylesheets/lib/list-check.css
View File

@ -4,8 +4,8 @@
vertical-align: middle; vertical-align: middle;
padding: 0 0 0 10px!important; padding: 0 0 0 10px!important;
} }
.listCheckHead .list-check, .listCheckHead input[type="checkbox"],
.listCheck .list-check { .listCheck input[type="checkbox"] {
position: absolute; position: absolute;
margin: -12px 0 0 -1px; margin: -12px 0 0 -1px;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

49
app/views/admin/sites/system_info.html.erb
View File

@ -63,7 +63,7 @@
</li> </li>
</ul> </ul>
<div class="tab-content"> <div class="tab-content">
<div class="tab-pane fade in active" id="send-log"> <div class="tab-pane fade in active list-check" id="send-log">
<p class=""> <p class="">
<a href="#" class="btn list-active-btn disabled" data-check-action="list-be-remove" rel="/panel/announcement/back_end/bulletins/delete"><i class="icons-trash"></i></a> <a href="#" class="btn list-active-btn disabled" data-check-action="list-be-remove" rel="/panel/announcement/back_end/bulletins/delete"><i class="icons-trash"></i></a>
</p> </p>
@ -71,7 +71,7 @@
<thead> <thead>
<tr> <tr>
<th> <th>
<input type="checkbox" class="list-check" name="to_delete[]" value="b" /> <input type="checkbox" name="to_delete[]" value="b" />
</th> </th>
<th><%= t(:sent_date) %></th> <th><%= t(:sent_date) %></th>
<th><%= t(:subject) %></th> <th><%= t(:subject) %></th>
@ -81,26 +81,10 @@
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
<tr>
<td>
<input type="checkbox" class="list-check" name="to_delete[]" value="b" />
</td>
<td>2014-01-16 17:57</td>
<td>【轉知】國家教育研究院辦理普通高級中學語文及社會領域課綱微調分區公聽會
<div class="quick-edit">
<ul class="nav nav-pills">
<li><a href="#" class="text-error"><%= t(:delete_) %></a></li>
</ul>
</div>
</td>
<td>alluser@tea.ntue.edu.tw</td>
<td>蔣 欣潔</td>
<td>er_email</td>
</tr>
</tbody> </tbody>
</table> </table>
</div> </div>
<div class="tab-pane fade in" id="waiting-sent"> <div class="tab-pane fade in list-check" id="waiting-sent">
<p class=""> <p class="">
<a href="#" class="btn list-active-btn disabled" data-check-action="list-be-remove" rel="/panel/announcement/back_end/bulletins/delete"><i class="icons-trash"></i></a> <a href="#" class="btn list-active-btn disabled" data-check-action="list-be-remove" rel="/panel/announcement/back_end/bulletins/delete"><i class="icons-trash"></i></a>
</p> </p>
@ -108,32 +92,15 @@
<thead> <thead>
<tr> <tr>
<th> <th>
<input type="checkbox" class="list-check" name="to_delete[]" value="b" /> <input type="checkbox" name="to_delete[]" value="b" />
</th> </th>
<th>Sentdate</th> <th><%= t(:sent_date) %></th>
<th>Subject</th> <th><%= t(:subject) %></th>
<th>Mail To</th> <th><%= t(:mail_to) %></th>
<th>Mail User</th> <th><%= t(:mail_from_app) %></th>
<th>Mail From App</th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
<tr>
<td>
<input type="checkbox" class="list-check" name="to_delete[]" value="b" />
</td>
<td>2014-01-16 17:57</td>
<td>【轉知】國家教育研究院辦理普通高級中學語文及社會領域課綱微調分區公聽會
<div class="quick-edit">
<ul class="nav nav-pills">
<li><a href="#" class="text-error"><%= t(:delete_) %></a></li>
</ul>
</div>
</td>
<td>alluser@tea.ntue.edu.tw</td>
<td>蔣 欣潔</td>
<td>er_email</td>
</tr>
</tbody> </tbody>
</table> </table>
</div> </div>

2
app/views/admin/users_new_interface/show.html.erb
View File

@ -66,7 +66,7 @@
<div id="module-content"> <div id="module-content">
<div class="nano"> <div class="nano">
<div class="content"> <div class="content list-check">
<%=render :partial => @right_partial %> <%=render :partial => @right_partial %>
</div> </div>
</div> </div>

2
vendor/built_in_modules/personal_book/app/views/panel/personal_book/plugin/_profile.html.erb vendored
View File

@ -45,7 +45,7 @@
<thead> <thead>
<tr> <tr>
<% if is_admin? %> <% if is_admin? %>
<th><input type="checkbox" class="list-check" /></th> <th><input type="checkbox" /></th>
<% end -%> <% end -%>
<th class="span1"><%= t('personal_book.year') %></th> <th class="span1"><%= t('personal_book.year') %></th>
<th><%= t('personal_book.book_title') %></th> <th><%= t('personal_book.book_title') %></th>

2
vendor/built_in_modules/personal_conference/app/views/panel/personal_conference/plugin/_profile.html.erb vendored
View File

@ -45,7 +45,7 @@
<thead> <thead>
<tr> <tr>
<% if is_admin? %> <% if is_admin? %>
<th><input type="checkbox" class="list-check" /></th> <th><input type="checkbox" /></th>
<% end -%> <% end -%>
<th class="span1"><%= t('personal_conference.year') %></th> <th class="span1"><%= t('personal_conference.year') %></th>
<th><%= t('module_name.personal_conference') %></th> <th><%= t('module_name.personal_conference') %></th>

2
vendor/built_in_modules/personal_diploma/app/views/panel/personal_diploma/plugin/_profile.html.erb vendored
View File

@ -45,7 +45,7 @@
<thead> <thead>
<tr> <tr>
<% if is_admin? %> <% if is_admin? %>
<th><input type="checkbox" class="list-check" /></th> <th><input type="checkbox" /></th>
<% end -%> <% end -%>
<th class="span2"><%= t('date_') %></th> <th class="span2"><%= t('date_') %></th>
<th><%= t('personal_diploma.school_name') %></th> <th><%= t('personal_diploma.school_name') %></th>

2
vendor/built_in_modules/personal_experience/app/views/panel/personal_experience/plugin/_profile.html.erb vendored
View File

@ -45,7 +45,7 @@
<thead> <thead>
<tr> <tr>
<% if is_admin? %> <% if is_admin? %>
<th><input type="checkbox" class="list-check" /></th> <th><input type="checkbox" /></th>
<% end -%> <% end -%>
<th class="span2"><%= t('date_') %></th> <th class="span2"><%= t('date_') %></th>
<th><%= t('personal_experience.organizationt_title') %></th> <th><%= t('personal_experience.organizationt_title') %></th>

2
vendor/built_in_modules/personal_honor/app/views/panel/personal_honor/plugin/_profile.html.erb vendored
View File

@ -45,7 +45,7 @@
<thead> <thead>
<tr> <tr>
<% if is_admin? %> <% if is_admin? %>
<th><input type="checkbox" class="list-check" /></th> <th><input type="checkbox" /></th>
<% end -%> <% end -%>
<th class="span1"><%= t('personal_honor.year') %></th> <th class="span1"><%= t('personal_honor.year') %></th>
<th><%= t('personal_honor.award_name') %></th> <th><%= t('personal_honor.award_name') %></th>

2
vendor/built_in_modules/personal_journal/app/views/panel/personal_journal/plugin/_profile.html.erb vendored
View File

@ -44,7 +44,7 @@
<thead> <thead>
<tr> <tr>
<% if is_admin? %> <% if is_admin? %>
<th><input type="checkbox" class="list-check" /></th> <th><input type="checkbox" /></th>
<% end -%> <% end -%>
<th class="span1"><%= t('personal_journal.year') %></th> <th class="span1"><%= t('personal_journal.year') %></th>
<th><%= t('module_name.personal_journal') %></th> <th><%= t('module_name.personal_journal') %></th>

2
vendor/built_in_modules/personal_lab/app/views/panel/personal_lab/plugin/_profile.html.erb vendored
View File

@ -45,7 +45,7 @@
<thead> <thead>
<tr> <tr>
<% if is_admin? %> <% if is_admin? %>
<th><input type="checkbox" class="list-check" /></th> <th><input type="checkbox" /></th>
<% end -%> <% end -%>
<th class="span1"><%= t('personal_lab.year') %></th> <th class="span1"><%= t('personal_lab.year') %></th>
<th><%= t('personal_lab.lab_title') %></th> <th><%= t('personal_lab.lab_title') %></th>

2
vendor/built_in_modules/personal_patent/app/views/panel/personal_patent/plugin/_profile.html.erb vendored
View File

@ -45,7 +45,7 @@
<thead> <thead>
<tr> <tr>
<% if is_admin? %> <% if is_admin? %>
<th><input type="checkbox" class="list-check" /></th> <th><input type="checkbox" /></th>
<% end -%> <% end -%>
<th class="span2"><%= t('personal_patent.publication_date') %></th> <th class="span2"><%= t('personal_patent.publication_date') %></th>
<th><%= t('personal_patent.patent_title') %></th> <th><%= t('personal_patent.patent_title') %></th>

2
vendor/built_in_modules/personal_project/app/views/panel/personal_project/plugin/_profile.html.erb vendored
View File

@ -45,7 +45,7 @@
<thead> <thead>
<tr> <tr>
<% if is_admin? %> <% if is_admin? %>
<th><input type="checkbox" class="list-check" /></th> <th><input type="checkbox" /></th>
<% end -%> <% end -%>
<th class="span2"><%= t('personal_project.period') %></th> <th class="span2"><%= t('personal_project.period') %></th>
<th><%= t('personal_project.project_title') %></th> <th><%= t('personal_project.project_title') %></th>

2
vendor/built_in_modules/personal_research/app/views/panel/personal_research/plugin/_profile.html.erb vendored
View File

@ -45,7 +45,7 @@
<thead> <thead>
<tr> <tr>
<% if is_admin? %> <% if is_admin? %>
<th><input type="checkbox" class="list-check" /></th> <th><input type="checkbox" /></th>
<% end -%> <% end -%>
<th class="span2"><%= t('personal_research.publication_date') %></th> <th class="span2"><%= t('personal_research.publication_date') %></th>
<th><%= t('personal_research.research_title') %></th> <th><%= t('personal_research.research_title') %></th>