templates/data/items.html.ep

   1 % layout 'ui';
   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_active = keys %$filters;
  20 % if ( @filters_active ) {
  21 filter
  22 %  foreach my $n ( @filters_active ) {
  23 %  my $title = $#{ $filters->{$n} } + 1;
  24 %  $title .= $title > 25 ? ' values' : ': ' . join(', ', @{ $filters->{$n} });
  25 <a href="<%= url_for( action => 'facet' )->query( remove => $n ) %>" title="<%= $title %>">
  26 <%= $n %></a>
  27 %  }
  28 <span class=count><%= $#filters_active + 1 %> active click to remove</span>
  29 % }
  30
  31 showing
  32
  33 <select name=limit>
  34 % foreach my $on_page ( 10,20,50,100,1000 ) {
  35 <option <%= $limit == $on_page ? 'selected' : '' %>><%= $on_page %></option>
  36 % }
  37 </select>
  38
  39 items
  40
  41 % if ( $offset + $limit > $rows ) {
  42 <span class=count>all</span>
  43 % } else {
  44 <span class=count><%= $offset + 1 %>-<%= $offset + $limit %></span>
  45 % }
  46
  47 <input type=submit value="refresh">
  48
  49 % my $export = param('export');
  50 % session('export', $export );
  51 <input type=checkbox name=export value=1 title="export" <%= $export ? 'checked' : '' %> >
  52 % my $timefmt = param('timefmt') || session("timefmt");
  53 % session('timefmt', $timefmt );
  54 timefmt: <input name=timefmt value="<%= $timefmt %>" placeholder="%d.%m.%Y %H:%M:%S">
  55
  56
  57 % if ( $export ) {
  58 with:
  59 %= select_field with => [qw( points dots lines steps )]
  60
  61 <div style="float: right">
  62 Hide from graph:
  63 <ul>
  64 %  foreach my $column ( @$columns ) {
  65  <li><label><%= check_box gnuplot_hide => $column %><%= $column %></label></li>
  66 %  }
  67 </ul>
  68 </div>
  69
  70 % my @hide = map { ( gnuplot_hide => $_ ) } param('gnuplot_hide');
  71 <img id=gnuplot src="<%= url_for( '/gnuplot' )->query( timefmt => $timefmt, @hide, with => param('with') ) %>">
  72 % }
  73
  74 </form>
  75
  76 <%= include 'data/items/' . session('show') %>
  77
  78 <div class=pager>
  79 % my $url = url_for( action => 'items' )->query( offset => 0 );
  80 % $url =~ s{=0}{=}; # FIXME url_for is very very slow
  81 % foreach my $p ( 0 .. int( $rows / $limit ) ) {
  82 % my $o = $p * $limit;
  83 %       if ( $o == $offset ) {
  84 <b><%= $p + 1 %></b>
  85 %       } else {
  86 <a href="<%= $url . ( $p * $limit ) %>"><%= $p + 1 %></a>
  87 %       }
  88 % }
  89 </div>
  90
  91 <ul class=debug>
  92 <li>rows: <%= $rows %> offset: <%= $offset %> limit: <%= $limit %>
  93 <li>columns: <%= join(',',@$columns) %>
  94 <li>numeric: <%= dumper $numeric %>
  95 <li>order: <%= session('order') %> sort: <%= session('sort') %>
  96 %#<li>filters: <%= dumper $filters %>
  97 </ul>
  98
  99 <script type="text/javascript">
 100 $(document).ready( function(){
 101         $('select[name=limit]').change( function(){
 102                 console.debug( 'limit', this );
 103                 $(this).closest('form').submit();
 104         });
 105         $('input[name=export]').change( function(){
 106                 console.debug( 'export', this );
 107                 if ( this.checked )
 108                         $(this).closest('form').submit();
 109         });
 110         $('select[name=with]').change( function(){
 111                 console.debug( 'with', this );
 112                 $(this).closest('form').submit();
 113         });
 114 });
 115 </script>