Open-Source-Access-Control-.../app/views/payments/index.html.erb

138 lines
3.6 KiB
Plaintext
Raw Normal View History

2013-09-28 09:42:30 +00:00
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
2013-09-28 10:33:36 +00:00
<script src="http://code.highcharts.com/highcharts.js"></script>
2013-09-28 09:42:30 +00:00
<script type="text/javascript">
$(function() {
$( "#graph" ).dialog({
autoOpen: false,
height: 325,
width: 525,
modal: true,
});
$( "#graph-button" ).click(function() {
$( "#graph" ).dialog( "open" );
});
2013-09-28 10:33:36 +00:00
$('#graph').highcharts({
chart: {
type: 'area'
},
2013-10-02 12:01:30 +00:00
title: {
style : { fontSize: '10px' },
text: "Numbers for Most Recent Month Greater Than They Appear"
},
2013-09-28 10:33:36 +00:00
xAxis: {
type: 'datetime'
},
yAxis : [{ // Primary yAxis
title : {
text: "Income"
2013-09-28 09:42:30 +00:00
},
2013-09-28 10:33:36 +00:00
labels: {
format: '${value}'
}
}, { // Secondary yAxis
title : {
2013-09-28 11:18:52 +00:00
text: "Members",
style: { color: '#8bbc21' }
2013-09-28 09:42:30 +00:00
},
2013-09-28 10:33:36 +00:00
labels: {
2013-09-28 11:18:52 +00:00
format: '{value}',
style: { color: '#8bbc21' }
2013-09-28 09:42:30 +00:00
},
2013-09-28 10:33:36 +00:00
opposite: true
}],
tooltip: {
shared: true,
2013-09-28 11:12:43 +00:00
xDateFormat: '%B %Y',
formatter: function() {
console.log(this);
output = '<b>'+ Highcharts.dateFormat(this.points[0].series.tooltipOptions.xDateFormat,this.x) +'</b><br/>';
total = 0;
this.points.forEach(function(e,i,a){
console.log(e);
output += '<span style="color:'+e.series.color+'">'+e.series.name +'</span>: '+ (e.series.tooltipOptions.valuePrefix||"") + Highcharts.numberFormat(e.y,0,".",",") +'<br/>';
if(i < 2){
total += e.y;
}
});
output += '<b>Total:</b> '+(this.points[0].series.tooltipOptions.valuePrefix||"")+ Highcharts.numberFormat(total,0,".",",");
return output;
}
2013-09-28 10:33:36 +00:00
},
plotOptions: {
area: {
stacking: 'normal',
lineColor: '#666666',
lineWidth: 1,
marker: {
lineWidth: 1,
lineColor: '#666666'
}
}
},
series: [{
name: 'Basic',
data: <%= @graph[:basic].to_json %>,
2013-09-28 09:42:30 +00:00
tooltip: {
2013-09-28 10:33:36 +00:00
valuePrefix: '$'
}
}, {
name: 'Associate',
data: <%= @graph[:associate].to_json %>,
tooltip: {
valuePrefix: '$'
}
}, {
yAxis: 1,
type: 'spline',
name: 'Members',
data: <%= @graph[:members].to_json %>
}]
});
2013-09-28 09:42:30 +00:00
});
</script>
<div id="graph" title="Payments by Month" style="height: 250px; width: 500px; float: right;"></div>
2013-09-28 11:13:21 +00:00
<h1>Listing payments <button id="graph-button" class="btn">View Graph</button></h1>
2013-02-12 08:58:17 +00:00
2013-08-28 12:15:50 +00:00
<p>
<b>Create Payments:</b>
<%= link_to 'Manually', new_payment_path %> |
<%= link_to 'Batched CSV', paypal_csvs_path %> |
<%= link_to 'IPN', ipns_path %>
</p>
2013-09-28 08:30:52 +00:00
2013-02-12 08:58:17 +00:00
<table>
<tr>
2013-08-29 08:23:21 +00:00
<th>Payee</th>
2013-02-12 08:58:17 +00:00
<th>User</th>
2013-08-29 08:23:21 +00:00
<th>Member level</th>
<th>Last Payment</th>
2013-08-24 09:18:37 +00:00
<th>Amount</th>
2013-02-12 08:58:17 +00:00
<th></th>
<th></th>
<th></th>
</tr>
<% @payments.each do |payment| %>
<tr>
2013-08-29 08:23:21 +00:00
<td><%= payment.user.payee unless payment.user.blank? %></td>
<td><%= link_to payment.user.name, payment.user unless payment.user.blank? %></td>
<td><%= payment.user.member_level_string unless payment.user.blank? %></td>
<td><%= payment.date %></td>
2013-08-24 09:18:37 +00:00
<td><%= payment.amount %></td>
2013-02-12 08:58:17 +00:00
<td><%= link_to 'Details', payment %></td>
<td><%= link_to 'Edit', edit_payment_path(payment) %></td>
</tr>
<% end %>
</table>