% layout 'default';
+<style type="text/css">
+div.filters {
+ position: absolute;
+ top: 0;
+ right: 0;
+ z-index: 10;
+ margin: 0;
+ background: #eee;
+}
+div.filters ul {
+ display: none;
+}
+div.filters:hover ul {
+ display: block;
+}
+</style>
+
+<div class=info>
+<b><%= $rows %></b> items
+
+% my $filters = session('filters');
+% my @filters_active = keys %$filters;
+% if ( @filters_active ) {
+filter
+% foreach my $n ( @filters_active ) {
+<a href="<%= url_for( action => 'facet' )->query( remove => $n ) %>"
+ title="<%= join(', ', @{ $filters->{$n} }) %>"><%= $n %></a>
+% }
+<span class=count><%= $#filters_active + 1 %> active click to remove</span>
+% }
+
+showing <%= $offset + 1 %>-<%= $offset + $limit %>
+
+</div>
+
<table border=1>
<tr>
% foreach my $n ( @$columns ) {
-<th><%= $n %> <a href="<%= url_for( action => 'facet' )->query( name => $n ) %>">#</a>
+<th><%= $n %> <a href="<%= url_for( action => 'facet' )->query( name => $n ) %>"><%== $filters->{$n} ? '♦' : '◊' %></a>
</th>
% }
</tr>
% }
</div>
-% my $filters = session('filters');
-% if ( keys %$filters ) {
-<div class=filters>
-<h2>Filters active</h2>
-<ul>
-% foreach my $n ( keys %$filters ) {
-<li><a href="<%= url_for( action => 'facet' )->query( remove => $n ) %>"><%= $n %></a>
-<%= join(', ', @{ $filters->{$n} }) %>
-% }
-</ul>
-</div>
-% }
-
<ul class=debug>
<li>rows: <%= $rows %> offset: <%= $offset %> limit: <%= $limit %>
<li>columns: <%= join(',',@$columns) %>