armchairauditor/views/servicepayments.haml

:javascript
  function getPayments(min, objj) {
    $('.spinner').show()
    $.get("/services/#{@service.slug}/paymentsdetail", { min: min }, function(data) {
      $('#payments').html(data);
    $('.spinner').hide()
    $('.filter a').removeClass('filter_selected');
    $(objj).addClass('filter_selected');
    $.cookie("payments_filter_min", min, { expires: 60, path: '/' }); /* expires in n days */
    });
  }

  $(function(){
    $('#min500').click(function() { getPayments(500, $(this)); return false; });
    $('#min1000').click(function() { getPayments(1000, $(this)); return false; });
    $('#min2500').click(function() { getPayments(2500, $(this)); return false; });
    $('#min5000').click(function() { getPayments(5000, $(this)); return false; });
    $('#min10000').click(function() { getPayments(10000, $(this)); return false; });
    $('#min20000').click(function() { getPayments(20000, $(this)); return false; });
  });

.grid_12
  %ul#breadcrumb
    %li.home
      %a{ :href => '/'} Home
    %li
      %a{ :href => '/services' } Services
    %li
      %a{ :href => "/services/#{@service.slug}" }
        = @service.name
    %li Payments to Suppliers
  
  %h2= @page_title = "#{@service.name}: Payments to Suppliers"
  
  %p
    A service in the 
    %a{ :href => '/directorates/' + @service.directorate.slug }
      = @service.directorate.name
      Directorate

  %p.noprint
    %a{ :href => "/services/#{@service.slug}" }
      « Suppliers by Spend summary for
      = @service.name
  
  %p.noprint.download
    %a{ :href => "/services/#{@service.slug}/payments.csv" }
      Download data as CSV

  .noprint
    %p.filter
      Show payments over
          
      - for v in @FILTER_VALUES
        - @min.to_i == v.to_i ? klass = "filter_selected" : klass = ""
        %a{ :href => '#', :id => "min" + v.to_s, :class => klass }
          = "£" + commify(v)

        
      %img.spinner{ :src => "/spinner.gif" } <!-- Thanks, http://ajaxload.info/ -->


  #payments= haml :servicepaymentsdetail, :layout => false
  
.clear

<div class="grid_9 noprint">
= haml_partial "comment_header"
<div id="disqus_thread" class="noprint"></div>
<script type="text/javascript">
var disqus_developer = 1;
(function() {
var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
dsq.src = 'http://armchairauditor.disqus.com/embed.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
})();
</script>
<noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript=armchairauditor">comments powered by Disqus.</a></noscript>
<a href="http://disqus.com" class="dsq-brlink noprint">Comments powered by <span class="logo-disqus">Disqus</span></a>
</div>