style table a bit
[MojoFacets.git] / templates / data / table.html.ep
1 % layout 'default';
2
3 <style type="text/css">
4 table {
5         border-collapse: collapse;
6 }
7 th {
8         white-space: nowrap;
9         background: #eee;
10 }
11 td.numeric {
12         text-align: right;
13 }
14 </style>
15
16 <form class=info>
17 <b><%= $rows %></b> items 
18
19 % my $filters = session('filters');
20 % my @filters_active = keys %$filters;
21 % if ( @filters_active ) {
22 filter 
23 %  foreach my $n ( @filters_active ) {
24 <a href="<%= url_for( action => 'facet' )->query( remove => $n ) %>"
25         title="<%= join(', ', @{ $filters->{$n} }) %>"><%= $n %></a>
26 %  }
27 <span class=count><%= $#filters_active + 1 %> active click to remove</span>
28 % }
29
30 showing 
31
32 <select name=limit>
33 % foreach my $on_page ( 10,20,50,100,1000 ) {
34 <option <%= $limit == $on_page ? 'selected' : '' %>><%= $on_page %></option>
35 % }
36 </select>
37
38 items
39
40 <span class=count><%= $offset + 1 %>-<%= $offset + $limit %></span>
41
42 <input type=submit value="refresh">
43
44 </form>
45
46 <table border=1>
47
48 <tr>
49 % foreach my $n ( @$columns ) {
50 <th>
51 <a href="<%= url_for( action => 'facet' )->query( name => $n ) %>"><%== $filters->{$n} ? '&diams;' : '&loz;' %></a>
52 % if ( session('order') ne $n ) {
53 <a href="<%= url_for( action => 'order' )->query( order => $n ) %>"><%= $n %></a>
54 % } else {
55 <a href="<%= url_for( action => 'order' )->query( order => $n, sort => session('sort') eq 'a' ? 'd' : 'a' ) %>"><%= $n %></a>
56 <%== session('sort') eq 'a' ? '&uarr;' : '&darr;' %>
57 % }
58 </th>
59 % }
60 </tr>
61
62 % foreach my $row ( @$sorted ) {
63 <tr>
64 % foreach my $col ( @$columns ) {
65 <td<%= $numeric->{$col} ? ' class=numeric' : '' %>><%= ref $row->{$col} eq 'ARRAY' ? join(', ',@{ $row->{$col} }) : $row->{$col} %></td>
66 % }
67 </tr>
68 % }
69
70 </table>
71
72 <div class=pager>
73 % foreach my $p ( 0 .. int( $rows / $limit ) ) {
74 % my $o = $p * $limit;
75 %       if ( $o == $offset ) {
76 <b><%= $p + 1 %></b>
77 %       } else {
78 <a href="<%= url_for( action => 'table' )->query( offset => $p * $limit ) %>"><%= $p + 1 %></a>
79 %       }
80 % }
81 </div>
82
83 <ul class=debug>
84 <li>rows: <%= $rows %> offset: <%= $offset %> limit: <%= $limit %>
85 <li>columns: <%= join(',',@$columns) %>
86 <li>numeric: <%= dumper $numeric %>
87 <li>order: <%= session('order') %> sort: <%= session('sort') %>
88 </ul>