OLD | NEW |
(Empty) | |
| 1 [# Table header popup menus ] |
| 2 |
| 3 [for column_values] |
| 4 [is column_values.column_name "id"] |
| 5 <div id="pop_[column_values.col_index]" class="popup"> |
| 6 <table cellspacing="0" cellpadding="0" border="0"> |
| 7 <tr id="pop_up_[column_values.col_index]"><td>Sort Up</td></tr> |
| 8 <tr id="pop_down_[column_values.col_index]"><td>Sort Down</td></tr> |
| 9 <tr id="pop_hide_[column_values.col_index]"><td>Hide Column</td></tr> |
| 10 </table> |
| 11 </div> |
| 12 [else] |
| 13 [is column_values.column_name "summary"] |
| 14 <div id="pop_[column_values.col_index]" class="popup"> |
| 15 <table cellspacing="0" cellpadding="0" border="0"> |
| 16 <tr id="pop_up_[column_values.col_index]"><td>Sort Up</td></tr> |
| 17 <tr id="pop_down_[column_values.col_index]"><td>Sort Down</td></tr> |
| 18 [if-any column_values.filter_values] |
| 19 <tr id="pop_show_only_[column_values.col_index]"><td>Show only |
| 20 <span class="indicator">►</span></td></tr> |
| 21 [end] |
| 22 <tr id="pop_hide_[column_values.col_index]"><td>Hide Column</td></tr> |
| 23 </table> |
| 24 </div> |
| 25 [else] |
| 26 <div id="pop_[column_values.col_index]" class="popup"> |
| 27 <table cellspacing="0" cellpadding="0" border="0"> |
| 28 <tr id="pop_up_[column_values.col_index]"><td>Sort Up</td></tr> |
| 29 <tr id="pop_down_[column_values.col_index]"><td>Sort Down</td></tr> |
| 30 [if-any column_values.filter_values] |
| 31 <tr id="pop_show_only_[column_values.col_index]"><td>Show only |
| 32 <span class="indicator">►</span></td></tr> |
| 33 [end] |
| 34 <tr id="pop_hide_[column_values.col_index]"><td>Hide Column</td></tr> |
| 35 <tr id="pop_groupby_[column_values.col_index]"><td>Group Rows</td></tr> |
| 36 </table> |
| 37 </div> |
| 38 [end] |
| 39 [end] |
| 40 [end] |
| 41 |
| 42 [# Table header popup submenus for autofiltering of values ] |
| 43 |
| 44 [for column_values] |
| 45 <div id="filter_[column_values.col_index]" class="popup subpopup"> |
| 46 <table cellspacing="0" cellpadding="0" border="0"> |
| 47 [for column_values.filter_values] |
| 48 <tr data-filter-column="[is column_values.column_name "Summary"]label[else][
column_values.column_name][end]" |
| 49 data-filter-value="[column_values.filter_values]"> |
| 50 <td>[column_values.filter_values]</td></tr> |
| 51 [end] |
| 52 </table> |
| 53 </div> |
| 54 [end] |
| 55 |
| 56 [# Popup menu showing the list of available columns allowing show/hide ] |
| 57 |
| 58 <div id="pop_dot" class="popup"> |
| 59 <table cellspacing="0" cellpadding="0" border="0"> |
| 60 <tr><th>Show columns:</th></tr> |
| 61 [for panels.ordered_columns] |
| 62 <tr data-toggle-column-index="[panels.ordered_columns.col_index]"><td>
<span |
| 63 class="col_[panels.ordered_columns.col_index]">♦</span> [pane
ls.ordered_columns.name]</td></tr> |
| 64 [end] |
| 65 [for unshown_columns] |
| 66 <tr data-add-column-name="[unshown_columns]" |
| 67 ><td> [unshown_columns]</td></tr> |
| 68 [end] |
| 69 <tr id="pop_dot_edit" |
| 70 ><td> Edit column spec...</td></tr> |
| 71 </table> |
| 72 </div> |
| 73 |
| 74 |
| 75 <script type="text/javascript" nonce="[nonce]"> |
| 76 runOnLoad(function() { |
| 77 function registerPopHandlers(colIndex, colName) { |
| 78 var sortUpEl = $("pop_up_" + colIndex); |
| 79 if (sortUpEl) { |
| 80 sortUpEl.addEventListener("click", function () { |
| 81 _closeAllPopups(sortUpEl); |
| 82 _sortUp(colName); |
| 83 }); |
| 84 sortUpEl.addEventListener("mouseover", function () { |
| 85 _closeSubmenus(); |
| 86 }); |
| 87 } |
| 88 |
| 89 var sortDownEl = $("pop_down_" + colIndex); |
| 90 if (sortDownEl) { |
| 91 sortDownEl.addEventListener("click", function () { |
| 92 _closeAllPopups(sortDownEl); |
| 93 _sortDown(colName); |
| 94 }); |
| 95 sortDownEl.addEventListener("mouseover", function () { |
| 96 _closeSubmenus(); |
| 97 }); |
| 98 } |
| 99 |
| 100 var hideEl = $("pop_hide_" + colIndex); |
| 101 if (hideEl) { |
| 102 hideEl.addEventListener("click", function () { |
| 103 _closeAllPopups(hideEl); |
| 104 _toggleColumnUpdate(colIndex); |
| 105 }); |
| 106 hideEl.addEventListener("mouseover", function () { |
| 107 _closeSubmenus(); |
| 108 }); |
| 109 } |
| 110 |
| 111 var showOnlyEl = $("pop_show_only_" + colIndex); |
| 112 if (showOnlyEl) { |
| 113 showOnlyEl.addEventListener("mouseover", function () { |
| 114 _showRight("filter_" + colIndex, showOnlyEl); |
| 115 }); |
| 116 } |
| 117 |
| 118 var groupByEl = $("pop_groupby_" + colIndex); |
| 119 if (groupByEl) { |
| 120 groupByEl.addEventListener("click", function () { |
| 121 _closeAllPopups(groupByEl); |
| 122 _addGroupBy(colIndex); |
| 123 }); |
| 124 groupByEl.addEventListener("mouseover", function () { |
| 125 _closeSubmenus(); |
| 126 }); |
| 127 } |
| 128 } |
| 129 |
| 130 [for column_values] |
| 131 registerPopHandlers([column_values.col_index], "[column_values.column_name]"
); |
| 132 [end] |
| 133 |
| 134 function handleFilterValueClick(event) { |
| 135 var target = event.target; |
| 136 if (target.tagName != "TR") target = target.parentNode; |
| 137 _closeAllPopups(target); |
| 138 var filterColumn = target.getAttribute("data-filter-column"); |
| 139 var filterValue = target.getAttribute("data-filter-value"); |
| 140 _filterTo(filterColumn, filterValue); |
| 141 } |
| 142 |
| 143 [for column_values] |
| 144 $("filter_" + [column_values.col_index]).addEventListener( |
| 145 "click", handleFilterValueClick); |
| 146 [end] |
| 147 |
| 148 function handleDotDotDotClick(event) { |
| 149 var target = event.target; |
| 150 if (target.tagName != "TR") target = target.parentNode; |
| 151 _closeAllPopups(target); |
| 152 var colIndex = target.getAttribute("data-toggle-column-index"); |
| 153 if (colIndex != null) |
| 154 _toggleColumnUpdate(colIndex); |
| 155 var colName = target.getAttribute("data-add-column-name"); |
| 156 if (colName != null) |
| 157 _addcol(colName); |
| 158 } |
| 159 |
| 160 $("pop_dot").addEventListener("click", handleDotDotDotClick); |
| 161 |
| 162 $("pop_dot_edit").addEventListener("click", function() { |
| 163 var target = $("pop_dot_edit"); |
| 164 _closeAllPopups(target); |
| 165 $("columnspec").style.display = ""; |
| 166 }); |
| 167 }); |
| 168 </script> |
OLD | NEW |