root / drupal7 / misc / tableselect.js @ 7c856df4
1 | 85ad3d82 | Assos Assos | (function ($) { |
---|---|---|---|
2 | |||
3 | Drupal.behaviors.tableSelect = { |
||
4 | attach: function (context, settings) { |
||
5 | // Select the inner-most table in case of nested tables.
|
||
6 | $('th.select-all', context).closest('table').once('table-select', Drupal.tableSelect); |
||
7 | } |
||
8 | }; |
||
9 | |||
10 | Drupal.tableSelect = function () { |
||
11 | // Do not add a "Select all" checkbox if there are no rows with checkboxes in the table
|
||
12 | if ($('td input:checkbox', this).length == 0) { |
||
13 | return;
|
||
14 | } |
||
15 | |||
16 | // Keep track of the table, which checkbox is checked and alias the settings.
|
||
17 | var table = this, checkboxes, lastChecked; |
||
18 | var strings = { 'selectAll': Drupal.t('Select all rows in this table'), 'selectNone': Drupal.t('Deselect all rows in this table') }; |
||
19 | var updateSelectAll = function (state) { |
||
20 | // Update table's select-all checkbox (and sticky header's if available).
|
||
21 | $(table).prev('table.sticky-header').andSelf().find('th.select-all input:checkbox').each(function() { |
||
22 | $(this).attr('title', state ? strings.selectNone : strings.selectAll); |
||
23 | this.checked = state;
|
||
24 | }); |
||
25 | }; |
||
26 | |||
27 | // Find all <th> with class select-all, and insert the check all checkbox.
|
||
28 | $('th.select-all', table).prepend($('<input type="checkbox" class="form-checkbox" />').attr('title', strings.selectAll)).click(function (event) { |
||
29 | if ($(event.target).is('input:checkbox')) { |
||
30 | // Loop through all checkboxes and set their state to the select all checkbox' state.
|
||
31 | checkboxes.each(function () {
|
||
32 | this.checked = event.target.checked;
|
||
33 | // Either add or remove the selected class based on the state of the check all checkbox.
|
||
34 | $(this).closest('tr').toggleClass('selected', this.checked); |
||
35 | }); |
||
36 | // Update the title and the state of the check all box.
|
||
37 | updateSelectAll(event.target.checked); |
||
38 | } |
||
39 | }); |
||
40 | |||
41 | // For each of the checkboxes within the table that are not disabled.
|
||
42 | checkboxes = $('td input:checkbox:enabled', table).click(function (e) { |
||
43 | // Either add or remove the selected class based on the state of the check all checkbox.
|
||
44 | $(this).closest('tr').toggleClass('selected', this.checked); |
||
45 | |||
46 | // If this is a shift click, we need to highlight everything in the range.
|
||
47 | // Also make sure that we are actually checking checkboxes over a range and
|
||
48 | // that a checkbox has been checked or unchecked before.
|
||
49 | if (e.shiftKey && lastChecked && lastChecked != e.target) {
|
||
50 | // We use the checkbox's parent TR to do our range searching.
|
||
51 | Drupal.tableSelectRange($(e.target).closest('tr')[0], $(lastChecked).closest('tr')[0], e.target.checked); |
||
52 | } |
||
53 | |||
54 | // If all checkboxes are checked, make sure the select-all one is checked too, otherwise keep unchecked.
|
||
55 | updateSelectAll((checkboxes.length == $(checkboxes).filter(':checked').length)); |
||
56 | |||
57 | // Keep track of the last checked checkbox.
|
||
58 | lastChecked = e.target; |
||
59 | }); |
||
60 | 6ff32cea | Florent Torregrosa | |
61 | // If all checkboxes are checked on page load, make sure the select-all one
|
||
62 | // is checked too, otherwise keep unchecked.
|
||
63 | updateSelectAll((checkboxes.length == $(checkboxes).filter(':checked').length)); |
||
64 | 85ad3d82 | Assos Assos | }; |
65 | |||
66 | Drupal.tableSelectRange = function (from, to, state) { |
||
67 | 6ff32cea | Florent Torregrosa | // We determine the looping mode based on the order of from and to.
|
68 | 85ad3d82 | Assos Assos | var mode = from.rowIndex > to.rowIndex ? 'previousSibling' : 'nextSibling'; |
69 | |||
70 | // Traverse through the sibling nodes.
|
||
71 | for (var i = from[mode]; i; i = i[mode]) { |
||
72 | // Make sure that we're only dealing with elements.
|
||
73 | if (i.nodeType != 1) { |
||
74 | continue;
|
||
75 | } |
||
76 | |||
77 | // Either add or remove the selected class based on the state of the target checkbox.
|
||
78 | $(i).toggleClass('selected', state); |
||
79 | $('input:checkbox', i).each(function () { |
||
80 | this.checked = state;
|
||
81 | }); |
||
82 | |||
83 | if (to.nodeType) {
|
||
84 | // If we are at the end of the range, stop.
|
||
85 | if (i == to) {
|
||
86 | break;
|
||
87 | } |
||
88 | } |
||
89 | // A faster alternative to doing $(i).filter(to).length.
|
||
90 | else if ($.filter(to, [i]).r.length) { |
||
91 | break;
|
||
92 | } |
||
93 | } |
||
94 | }; |
||
95 | |||
96 | })(jQuery); |