select all/none columns with a link click

[MojoFacets.git] / templates / data / columns.html.ep

diff --git a/templates/data/columns.html.ep b/templates/data/columns.html.ep
index 4832d01..ad6a79b 100644 (file)
--- a/templates/data/columns.html.ep
+++ b/templates/data/columns.html.ep
@@ -1,25 +1,38 @@
-% layout 'default';
-<h2><%= $message %></h2>
+% layout 'ui';
 
 <style type="text/css">
-.count {
-       color: #aaa;
-}
-.count:before {
-       content: "(";
-}
-.count:after {
-       content: ")";
-}
+/*
+#sortable { list-style-type: none; margin: 0; padding: 0; width: 60%; }
+#sortable li { margin: 0 3px 3px 3px; padding: 0.4em; padding-left: 1.5em; font-size: 1.4em; height: 18px; }
+#sortable li span { position: absolute; margin-left: -1.3em; }
+*/
 </style>
+<script type="text/javascript">
+$(function() {
+       $("#sortable").sortable();
+       $("#sortable").disableSelection();
+});
+
+function all_checkboxes(checked) {
+    $("input[type='checkbox']:not([disabled='disabled'])").attr('checked', checked);
+}
+</script>
+
+
+
+
+<h2>Select and reorder columns</h2>
 
 <form method=post action=/data/table >
 
-<ul>
-% foreach my $n ( sort { $stats->{$b}->{count} <=> $stats->{$a}->{count} } keys %$stats ) {
+<a href="#" onClick="all_checkboxes(true); return false;">all</a>
+<a href="#" onClick="all_checkboxes(false); return false;">none</a>
+
+<ul id="sortable">
+% foreach my $n ( @$columns ) {
 <li>
 <label>
-<input type=checkbox name=columns value="<%= $n %>" <%= param($n) ? 'checked' : '' %>>
+<input type=checkbox name=columns value="<%= $n %>" <%= $checked->{$n} ? 'checked' : '' %>>
 <%= $n %>
 <span class="count"><%= $stats->{$n}->{count} %></span>
 </label>
@@ -29,3 +42,8 @@
 <input type=submit>
 
 </form>
+
+<pre class=debug>
+$columns = <%= dumper $columns %>
+$stats = <%= dumper $stats %>
+</pre>