change gnuplot with using select element

[MojoFacets.git] / templates / data / items.html.ep

diff --git a/templates/data/items.html.ep b/templates/data/items.html.ep
index 835dbe3..340461e 100644 (file)
--- a/templates/data/items.html.ep
+++ b/templates/data/items.html.ep
@@ -53,12 +53,15 @@ items
 % session('timefmt', $timefmt );
 timefmt: <input name=timefmt value="<%= $timefmt %>">
 
-</form>
 
 % if ( $export ) {
-<img id=gnuplot src="/gnuplot?timefmt=<%= $timefmt %>">
+with:
+%= select_field with => [qw( points dots lines steps )]
+<img id=gnuplot src="/gnuplot?timefmt=<%= $timefmt %>&with=<%= param('with') %>">
 % }
 
+</form>
+
 <%= include 'data/items/' . session('show') %>
 
 <div class=pager>
@@ -79,13 +82,22 @@ timefmt: <input name=timefmt value="<%= $timefmt %>">
 <li>columns: <%= join(',',@$columns) %>
 <li>numeric: <%= dumper $numeric %>
 <li>order: <%= session('order') %> sort: <%= session('sort') %>
-<li>filters: <%= dumper $filters %>
+%#<li>filters: <%= dumper $filters %>
 </ul>
 
 <script type="text/javascript">
 $(document).ready( function(){
        $('select[name=limit]').change( function(){
-               console.debug( 'limit changed', this );
+               console.debug( 'limit', this );
+               $(this).closest('form').submit();
+       });
+       $('input[name=export]').change( function(){
+               console.debug( 'export', this );
+               if ( this.checked )
+                       $(this).closest('form').submit();
+       });
+       $('select[name=with]').change( function(){
+               console.debug( 'with', this );
                $(this).closest('form').submit();
        });
 });