templates/data/columns.html.ep

   1 % layout 'ui';
   2
   3 <style type="text/css">
   4 /*
   5 #sortable { list-style-type: none; margin: 0; padding: 0; width: 60%; }
   6 #sortable li { margin: 0 3px 3px 3px; padding: 0.4em; padding-left: 1.5em; font-size: 1.4em; height: 18px; }
   7 #sortable li span { position: absolute; margin-left: -1.3em; }
   8 */
   9 </style>
  10 <script type="text/javascript">
  11 $(function() {
  12         $("#sortable").sortable();
  13         $("#sortable").disableSelection();
  14 });
  15 </script>
  16
  17
  18
  19
  20 <h2>Select and reorder columns</h2>
  21
  22 <form method=post action=/data/table >
  23
  24 <ul id="sortable">
  25 % foreach my $n ( @$columns ) {
  26 <li>
  27 <label>
  28 <input type=checkbox name=columns value="<%= $n %>" <%= $checked->{$n} ? 'checked' : '' %>>
  29 <%= $n %>
  30 <span class="count"><%= $stats->{$n}->{count} %></span>
  31 </label>
  32 % }
  33 </ul>
  34
  35 <input type=submit>
  36
  37 </form>
  38
  39 <pre class=debug>
  40 $columns = <%= dumper $columns %>
  41 $stats = <%= dumper $stats %>
  42 </pre>