AIL/ail-framework
7
0
Fork 0
mirror of https://github.com/ail-project/ail-framework.git synced 2024-11-26 15:57:16 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Quick refactor for the JavaScript

Browse source
This commit is contained in:
Paul A 2017-10-22 18:48:54 +02:00
parent 795d8c8f53
commit 4a4a1d478b
1 changed files with 65 additions and 67 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

132
var/www/static/js/indexjavascript.js
View file

@ -37,84 +37,82 @@ function update_values() {
// Plot and update the number of processed pastes // Plot and update the number of processed pastes
// BEGIN PROCESSED PASTES // BEGIN PROCESSED PASTES
var default_minute = (typeof window.default_minute !== "undefined") ? parseInt(window.default_minute) : 10; var default_minute = (typeof window.default_minute !== "undefined") ? parseInt(window.default_minute) : 10;
var totalPoints = 2*parseInt(default_minute); //60s*minute var totalPoints = 2*parseInt(default_minute); //60s*minute
var curr_max = {"global": 0}; var curr_max = {"global": 0};
function fetch_data(dataset, curr_data, feeder_name) { function fetch_data(dataset, curr_data, feeder_name) {
if (curr_data.length > 0){ if (curr_data.length > 0){
var data_old = curr_data[0]; var data_old = curr_data[0];
curr_data = curr_data.slice(1); curr_data = curr_data.slice(1);
curr_max[dataset] = curr_max[dataset] == data_old ? Math.max.apply(null, curr_data) : curr_max[dataset]; curr_max[dataset] = curr_max[dataset] == data_old ? Math.max.apply(null, curr_data) : curr_max[dataset];
}
while (curr_data.length < totalPoints) {
var y = (typeof window.paste_num_tabvar_all[dataset] !== "undefined") ? parseInt(window.paste_num_tabvar_all[dataset]) : 0;
curr_max[dataset] = y > curr_max[dataset] ? y : curr_max[dataset];
curr_data.push(y);
}
// Zip the generated y values with the x values
var res = [];
for (var i = 0; i < curr_data.length; ++i) {
res.push([i, curr_data[i]])
}
data_for_processed_paste[dataset] = curr_data;
return { label: feeder_name, data: res };
} }
function getData(dataset_group, graph_type) { while (curr_data.length < totalPoints) {
var curr_data; var y = (typeof window.paste_num_tabvar_all[dataset] !== "undefined") ? parseInt(window.paste_num_tabvar_all[dataset]) : 0;
curr_max[dataset] = y > curr_max[dataset] ? y : curr_max[dataset];
curr_data.push(y);
}
// Zip the generated y values with the x values
var res = [];
for (var i = 0; i < curr_data.length; ++i) {
res.push([i, curr_data[i]])
}
data_for_processed_paste[dataset] = curr_data;
return { label: feeder_name, data: res };
}
var all_res = []; function getData(dataset_group, graph_type) {
if (dataset_group == "global") { var curr_data;
if (data_for_processed_paste["global"] === undefined) { // create feeder dataset if not exists yet
data_for_processed_paste["global"] = [];
}
curr_data = data_for_processed_paste["global"];
all_res.push(fetch_data("global", curr_data, "global"));
} else {
for(d_i in list_feeder) { var all_res = [];
if(list_feeder[d_i] == "global") { if (dataset_group == "global") {
continue; if (data_for_processed_paste["global"] === undefined) { // create feeder dataset if not exists yet
} data_for_processed_paste["global"] = [];
}
dataset = graph_type+list_feeder[d_i]; curr_data = data_for_processed_paste["global"];
if (data_for_processed_paste[dataset] === undefined) { // create feeder dataset if not exists yet all_res.push(fetch_data("global", curr_data, "global"));
data_for_processed_paste[dataset] = []; } else {
} for(d_i in list_feeder) {
curr_data = data_for_processed_paste[dataset]; if(list_feeder[d_i] == "global") {
all_res.push(fetch_data(dataset, curr_data, list_feeder[d_i])); continue;
} }
dataset = graph_type+list_feeder[d_i];
if (data_for_processed_paste[dataset] === undefined) { // create feeder dataset if not exists yet
data_for_processed_paste[dataset] = [];
}
curr_data = data_for_processed_paste[dataset];
all_res.push(fetch_data(dataset, curr_data, list_feeder[d_i]));
} }
return all_res;
} }
return all_res;
}
var updateInterval = 30*1000; //30s = 30*1000ms var updateInterval = 30*1000; //30s = 30*1000ms
var options_processed_pastes = { var options_processed_pastes = {
series: { shadowSize: 0 , series: { shadowSize: 0 ,
lines: { fill: true, fillColor: { colors: [ { opacity: 1 }, { opacity: 0.1 } ] }} lines: { fill: true, fillColor: { colors: [ { opacity: 1 }, { opacity: 0.1 } ] }}
}, },
yaxis: { min: 0, max: 40 }, yaxis: { min: 0, max: 40 },
xaxis: { ticks: [[0, 0], [2, 1], [4, 2], [6, 3], [8, 4], [10, 5], [12, 6], [14, 7], [16, 8], [18, 9], [20, 10]] }, xaxis: { ticks: [[0, 0], [2, 1], [4, 2], [6, 3], [8, 4], [10, 5], [12, 6], [14, 7], [16, 8], [18, 9], [20, 10]] },
grid: { grid: {
tickColor: "#dddddd", tickColor: "#dddddd",
borderWidth: 0 borderWidth: 0
}, },
legend: { legend: {
show: true, show: true,
position: "nw", position: "nw",
}
};
function update_processed_pastes(graph, dataset, graph_type) {
graph.setData(getData(dataset, graph_type));
graph.getOptions().yaxes[0].max = curr_max[dataset];
graph.setupGrid();
graph.draw();
setTimeout(function(){ update_processed_pastes(graph, dataset, graph_type); }, updateInterval);
} }
};
function update_processed_pastes(graph, dataset, graph_type) {
graph.setData(getData(dataset, graph_type));
graph.getOptions().yaxes[0].max = curr_max[dataset];
graph.setupGrid();
graph.draw();
setTimeout(function(){ update_processed_pastes(graph, dataset, graph_type); }, updateInterval);
}
// END PROCESSED PASTES // END PROCESSED PASTES