Generalize js to work for both user and rfc history
This commit is contained in:
@ -1,76 +0,0 @@
|
||||
$(document).ready(function () {
|
||||
var containerId = 'rfc-activity-history';
|
||||
|
||||
if ($.isController('statistics') && $('.graph#' + containerId).isPresent()) {
|
||||
|
||||
var chartData;
|
||||
var dataset;
|
||||
var graph;
|
||||
var groups;
|
||||
|
||||
var buildChartGroups = function() {
|
||||
return _.map(chartData, function(element) {
|
||||
return {
|
||||
content: element.name,
|
||||
id: element.key,
|
||||
visible: true,
|
||||
options: {
|
||||
interpolation: false
|
||||
}
|
||||
};
|
||||
});
|
||||
};
|
||||
|
||||
var initializeChart = function() {
|
||||
dataset = new vis.DataSet();
|
||||
groups = new vis.DataSet(buildChartGroups());
|
||||
graph = new vis.Graph2d(document.getElementById(containerId), dataset, groups, {
|
||||
dataAxis: {
|
||||
customRange: {
|
||||
left: {
|
||||
min: 0
|
||||
}
|
||||
},
|
||||
showMinorLabels: true
|
||||
},
|
||||
drawPoints: {
|
||||
style: 'circle'
|
||||
},
|
||||
legend: true,
|
||||
start: $('#from-date')[0].value,
|
||||
end: $('#to-date')[0].value
|
||||
});
|
||||
};
|
||||
|
||||
var refreshData = function(callback) {
|
||||
var params = new URLSearchParams(window.location.search.slice(1));
|
||||
var jqxhr = $.ajax('rfc-activity-history.json', {
|
||||
dataType: 'json',
|
||||
data: {from: params.get('from'), to: params.get('to'), interval: params.get('interval')},
|
||||
method: 'GET'
|
||||
});
|
||||
jqxhr.done(function(response) {
|
||||
(callback || _.noop)(response);
|
||||
updateChartData(response);
|
||||
});
|
||||
};
|
||||
|
||||
var updateChartData = function(response) {
|
||||
_.each(response, function(group) {
|
||||
_.each(group.data, function(data) {
|
||||
dataset.add({
|
||||
group: group.key,
|
||||
x: data.key,
|
||||
y: data.value
|
||||
});
|
||||
});
|
||||
});
|
||||
};
|
||||
|
||||
refreshData(function (data) {
|
||||
chartData = data;
|
||||
$('#' + containerId).parent().find('.spinner').hide();
|
||||
initializeChart();
|
||||
});
|
||||
}
|
||||
});
|
88
app/assets/javascripts/statistics_activity_history.js
Normal file
88
app/assets/javascripts/statistics_activity_history.js
Normal file
@ -0,0 +1,88 @@
|
||||
$(document).ready(function () {
|
||||
|
||||
function manageActivityHistory(prefix) {
|
||||
var containerId = prefix + '-activity-history';
|
||||
|
||||
if ($('.graph#' + containerId).isPresent()) {
|
||||
|
||||
var chartData;
|
||||
var dataset;
|
||||
var graph;
|
||||
var groups;
|
||||
|
||||
var buildChartGroups = function () {
|
||||
return _.map(chartData, function (element) {
|
||||
return {
|
||||
content: element.name,
|
||||
id: element.key,
|
||||
visible: true,
|
||||
options: {
|
||||
interpolation: false,
|
||||
yAxisOrientation: element.axis ? element.axis : 'left'
|
||||
}
|
||||
};
|
||||
});
|
||||
};
|
||||
|
||||
var initializeChart = function () {
|
||||
dataset = new vis.DataSet();
|
||||
groups = new vis.DataSet(buildChartGroups());
|
||||
graph = new vis.Graph2d(document.getElementById(containerId), dataset, groups, {
|
||||
dataAxis: {
|
||||
customRange: {
|
||||
left: {
|
||||
min: 0
|
||||
},
|
||||
right: {
|
||||
min: 0
|
||||
}
|
||||
},
|
||||
showMinorLabels: true
|
||||
},
|
||||
drawPoints: {
|
||||
style: 'circle'
|
||||
},
|
||||
legend: true,
|
||||
start: $('#from-date')[0].value,
|
||||
end: $('#to-date')[0].value
|
||||
});
|
||||
};
|
||||
|
||||
var refreshData = function (callback) {
|
||||
var params = new URLSearchParams(window.location.search.slice(1));
|
||||
var jqxhr = $.ajax(prefix + '-activity-history.json', {
|
||||
dataType: 'json',
|
||||
data: {from: params.get('from'), to: params.get('to'), interval: params.get('interval')},
|
||||
method: 'GET'
|
||||
});
|
||||
jqxhr.done(function (response) {
|
||||
(callback || _.noop)(response);
|
||||
updateChartData(response);
|
||||
});
|
||||
};
|
||||
|
||||
var updateChartData = function (response) {
|
||||
_.each(response, function (group) {
|
||||
_.each(group.data, function (data) {
|
||||
dataset.add({
|
||||
group: group.key,
|
||||
x: data.key,
|
||||
y: data.value
|
||||
});
|
||||
});
|
||||
});
|
||||
};
|
||||
|
||||
refreshData(function (data) {
|
||||
chartData = data;
|
||||
$('#' + containerId).parent().find('.spinner').hide();
|
||||
initializeChart();
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
if ($.isController('statistics')) {
|
||||
manageActivityHistory('rfc');
|
||||
manageActivityHistory('user');
|
||||
}
|
||||
});
|
Reference in New Issue
Block a user