X-Git-Url: http://git.rot13.org/?a=blobdiff_plain;f=templates%2Fdata%2Fcolumns.html.ep;h=13548ebd2f05e8e54677e45e36c1bf4c807acb36;hb=723ac502bbfaa09a3917deb46fe134594b5ec21f;hp=64a1e36354ebd7f583ccbf370d528827402e7711;hpb=764e9e9d32d3409a1375f6389a8fcf403121bde8;p=MojoFacets.git

diff --git a/templates/data/columns.html.ep b/templates/data/columns.html.ep
index 64a1e36..13548eb 100644
--- a/templates/data/columns.html.ep
+++ b/templates/data/columns.html.ep
@@ -1,10 +1,28 @@
-% layout 'default';
-<h2><%= $message %></h2>
+% layout 'ui';
+
+<style type="text/css">
+/*
+#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();
+});
+</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 ) {
+<ul id="sortable">
+% foreach my $n ( @$columns ) {
 <li>
 <label>
 <input type=checkbox name=columns value="<%= $n %>" <%= $checked->{$n} ? 'checked' : '' %>>
@@ -19,5 +37,6 @@
 </form>
 
 <pre class=debug>
+$columns = <%= dumper $columns %>
 $stats = <%= dumper $stats %>
 </pre>