124 lines
2.8 KiB
JavaScript
124 lines
2.8 KiB
JavaScript
//= require d3
|
|
//= require c3
|
|
//= require c3ext
|
|
|
|
(function(){
|
|
'use strict';
|
|
|
|
var ProposalGraph = function(url) {
|
|
this.url = url;
|
|
this.targetId = null;
|
|
this.groupBy = null;
|
|
this.progressLabel = 'Progress';
|
|
this.supportsLabel = 'Supports';
|
|
};
|
|
|
|
ProposalGraph.prototype.refresh = function() {
|
|
$.ajax({
|
|
url: this.url,
|
|
cache: false,
|
|
success: function (data) {
|
|
this.draw(data);
|
|
}.bind(this),
|
|
data: {
|
|
group_by: this.groupBy
|
|
}
|
|
});
|
|
};
|
|
|
|
ProposalGraph.prototype.draw = function(data) {
|
|
var xColumnValues = [ 'x' ],
|
|
progressColumnValues = [ this.progressLabel ], // [ '<%= t('.progress') %>' ],
|
|
key;
|
|
|
|
for (key in data) {
|
|
if (data.hasOwnProperty(key)) {
|
|
xColumnValues.push(key);
|
|
progressColumnValues.push(data[key]);
|
|
}
|
|
}
|
|
|
|
c3.generate({
|
|
bindto: '#' + this.targetId,
|
|
data: {
|
|
x: 'x',
|
|
columns: [
|
|
xColumnValues,
|
|
progressColumnValues
|
|
]
|
|
},
|
|
axis: {
|
|
y: {
|
|
label: {
|
|
text: this.supportsLabel, // '<%= t '.supports' %> ',
|
|
position: 'outer-middle'
|
|
}
|
|
},
|
|
x: {
|
|
type: 'category'
|
|
}
|
|
}
|
|
});
|
|
};
|
|
|
|
$(document).ready(function () {
|
|
$('[data-proposal-graph-url]').each(function () {
|
|
var graph = new ProposalGraph($(this).data('proposal-graph-url'));
|
|
graph.targetId = $(this).attr('id');
|
|
graph.groupBy = $(this).data('proposal-graph-group-by');
|
|
graph.progressLabel = $(this).data('proposal-graph-progress-label');
|
|
graph.supportsLabel = $(this).data('proposal-graph-supports-label');
|
|
|
|
graph.refresh();
|
|
});
|
|
});
|
|
})();
|
|
|
|
// function drawProposalGraph(data) {
|
|
// var xColumnValues = [ 'x' ],
|
|
// progressColumnValues = [ 'Progreso' ]; // [ '<%= t('.progress') %>' ],
|
|
// key;
|
|
//
|
|
// for (key in data) {
|
|
// if (data.hasOwnProperty(key)) {
|
|
// xColumnValues.push(key);
|
|
// progressColumnValues.push(data[key]);
|
|
// }
|
|
// }
|
|
//
|
|
// c3.generate({
|
|
// bindto: '#proposal-graph',
|
|
// data: {
|
|
// x: 'x',
|
|
// columns: [
|
|
// xColumnValues,
|
|
// progressColumnValues
|
|
// ]
|
|
// },
|
|
// axis: {
|
|
// y: {
|
|
// label: {
|
|
// text: 'Apoyos', // '<%= t '.supports' %> ',
|
|
// position: 'outer-middle'
|
|
// }
|
|
// },
|
|
// x: {
|
|
// type: 'category'
|
|
// }
|
|
// }
|
|
// });
|
|
// }
|
|
//
|
|
// $(document).ready(function () {
|
|
// $.ajax({
|
|
// url: '<%= supports_proposal_dashboard_index_path(proposal, format: :json) %>',
|
|
// cache: false,
|
|
// success: function (data) {
|
|
// drawProposalGraph(data);
|
|
// },
|
|
// data: {
|
|
// group_by: '<%= params[:group_by] %>'
|
|
// }
|
|
// });
|
|
// });
|