%PDF-
%PDF-
Mini Shell
Mini Shell
var taskjobs = {};
taskjobs.show_form = function( data, textStatus, jqXHR) {
$('#taskjobs_form')
.html(data);
};
taskjobs.hide_form = function () {
$('#taskjobs_form')
.html('');
};
taskjobs.register_update_method = function (rand_id) {
//reset onchange event
$("#" + rand_id )
.off("change", "*")
.on("change", function(e) {
$("#method_selected").text($(this).val());
//reset targets and actors dropdown
taskjobs.hide_moduletypes_dropdown();
taskjobs.hide_moduleitems_dropdown();
taskjobs.clear_list('targets');
taskjobs.clear_list('actors');
}
);
};
taskjobs.register_update_items = function (rand_id, moduletype, ajax_url) {
//reset onchange event
$("#" + rand_id )
.off("change", "*")
.on("change",function(e) {
taskjobs.show_moduleitems(ajax_url, moduletype, $(this).val());
});
};
taskjobs.register_form_changed = function () {
//reset onchange event
$("form[name=form_taskjob]" )
.off("change", "*")
.on("change",
function(e) {
$('#cancel_job_changes_button').show();
}
);
};
taskjobs.create = function(ajax_url, task_id) {
$.ajax({
url: ajax_url,
data: {
"task_id" : task_id
},
success: taskjobs.show_form
});
};
taskjobs.edit = function(ajax_url, taskjob_id) {
$.ajax({
url: ajax_url,
data: {
"id" : taskjob_id
},
success: taskjobs.show_form
});
};
taskjobs.hide_moduletypes_dropdown = function() {
$('#taskjob_moduletypes_dropdown')
.html('');
};
taskjobs.show_moduletypes_dropdown = function(dropdown_dom) {
$('#taskjob_moduletypes_dropdown')
.html(dropdown_dom);
};
taskjobs.hide_moduleitems_dropdown = function() {
$('#taskjob_moduleitems_dropdown')
.html('');
};
taskjobs.show_moduleitems_dropdown = function(dropdown_dom) {
$('#taskjob_moduleitems_dropdown')
.html(dropdown_dom);
};
taskjobs.clear_list = function(moduletype) {
$('#taskjob_'+moduletype+'_list')
.html('');
};
taskjobs.delete_items_selected = function(moduletype) {
$('#taskjob_'+moduletype+'_list')
.find(".taskjob_item")
.has('input[type=checkbox]:checked')
.remove();
};
taskjobs.add_item = function (moduletype, itemtype, itemtype_name, rand_id) {
item_id = $("#"+rand_id).val();
item_name = $("#taskjob_moduleitems_dropdown .select2-chosen").text();
if ( item_id > 0 ) {
item_to_add = {
'id' : itemtype + "-" + item_id,
'name' : item_name
};
item_exists = $('#taskjob_' + moduletype + '_list').find('#'+item_to_add.id);
if (item_exists.length === 0) {
// Append the element to the list input
// TODO: replace this with an ajax call to taskjobview class.
$('#taskjob_' + moduletype + '_list')
.append(
"<div class='taskjob_item new' id='" + item_to_add.id + "'"+
//" onclick='$(this).children(\"input[type=checkbox]\").trigger(\"click\")'"+
" >" +
" <input type='checkbox'>" +
" </input>" +
" <span class='"+itemtype+"'></span>"+
" <label>"+
" <span style='font-style:oblique'>" + itemtype_name +"</span>" +
" "+ item_to_add.name +
" </label>"+
" <input type='hidden' name='"+moduletype+"[]' value='"+item_to_add.id+"'>" +
" </input>" +
"</div>"
);
} else {
item_exists.fadeOut(100).fadeIn(100);
}
}
};
taskjobs.show_moduletypes = function(ajax_url, moduletype) {
taskjobs.hide_moduletypes_dropdown();
taskjobs.hide_moduleitems_dropdown();
$.ajax({
url: ajax_url,
data: {
"moduletype" : moduletype,
"method" : $('#method_selected').text()
},
success: function( data, textStatus, jqXHR) {
taskjobs.show_moduletypes_dropdown( data );
}
});
};
taskjobs.show_moduleitems = function(ajax_url, moduletype, itemtype) {
taskjobs.hide_moduleitems_dropdown();
$.ajax({
url: ajax_url,
data: {
"itemtype" : itemtype,
"moduletype" : moduletype,
"method" : $('#method_selected').text()
},
success: function( data, textStatus, jqXHR) {
taskjobs.show_moduleitems_dropdown( data );
}
});
};
///////////////////////////////////////////////////////////
// Taskjobs logs refresh
// TODO: move the following in a taskjobs.view.js
taskjobs.Queue = $({
refresh : 0,
timer : null
});
taskjobs.unfolds = {
targets : {},
agents : {},
executions : {}
};
var agents_dispatch = d3.dispatch('view');
// Agents block view
function pin_agent(args) {
var chart_id = args.chart_id;
var agent_id = args.data[0];
var chart = taskjobs.agents_chart[chart_id];
//chart.pinned_agents = {};
chart.pinned_agents[agent_id] = chart.agents.toObject()[agent_id];
chart.pinned_agents[agent_id].logs = {};
taskjobs.refresh_pinned_agents(chart_id);
//agents_dispatch.view(chart_id);
// taskjobs.update_agents_view(chart_id);
}
function add_runlogs(extra) {
return function(data, textStatus, jqXHR) {
var chart = taskjobs.agents_chart[extra.chart_id];
var agent = chart.pinned_agents[extra.agent_id];
if (agent) {
agent.logs[extra.i] = data;
agents_dispatch.view(extra.chart_id);
}
};
}
taskjobs.refresh_pinned_agents = function(chart_id) {
var chart = taskjobs.agents_chart[chart_id];
$.each(chart.pinned_agents, function(agent_id, agent) {
if (agent) {
for (i=0; i< agent.length; i++) {
if (i > 0 && agent.length > 1 && agent[i].jobstate_id == agent[i-1].jobstate_id) {
continue;
}
$.ajax( {
url: '../ajax/jobstates_logs.php',
data: {
'id': agent[i].jobstate_id,
'last_date': agent[i].last_log_date
},
success : add_runlogs({ 'i':i, 'agent_id':agent_id, 'chart_id':chart_id})
} );
}
}
});
};
function unpin_agent(args) {
//console.debug(arguments);
var chart_id = args.chart_id;
var agent_id = args.data[0];
delete taskjobs.agents_chart[chart_id].pinned_agents[agent_id];
agents_dispatch.view(chart_id);
//taskjobs.update_agents_view(chart_id);
}
function agent_is_pinned(args) {
var chart_id = args.chart_id;
var agent_id = args.data[0];
return taskjobs.agents_chart[chart_id].pinned_agents[agent_id];
}
function agents_chart(chart_id) {
var chart_id = chart_id;
function chart(selection) {
selection.each( function(data,i) {
//var data = data;
var div = d3.select(this)
.selectAll("div.agent_block")
.data(data);//, function(d) { return d[0];})
div.enter()
.append("div");
div.attr('class', function(d) {
var classes = [
'agent_block',
];
if (agent_is_pinned({chart_id:chart_id, data:d})) {
classes.push('pinned');
}
var num_classes = d[1].length;
/*for(i=1; i <= num_classes; i++) {
classes.push('agent_' + d[1][num_classes - i]['state']);
}*/
classes.push('agent_' + d[1][0].state);
return classes.join(' ');
}).each( function(d) {
//TODO: instead of using d3.selection.each, we should prepare
//an agent DOM node from Mustache.js templates (defined in GLPI
//code) and use jquery .clone() and .repaceWith() in order to
//speed things up and getting translated element from
//templates.
// add a link to another page
var links = d3.select(this).selectAll('a.link').data([d]);
links.enter().append('a')
.attr('class', 'link btn')
.attr('href', d[1][0].link);
// add a checkbox for bulk actions
var checkb = d3.select(this).selectAll('input').data([d]);
checkb.enter().append('input')
.attr('type', 'checkbox')
.attr('class', 'check_restart')
.attr('value', d[0])
.on('click', function(d) {
var chart = taskjobs.agents_chart[chart_id];
var agent_id = d[1][0].agent_id;
if ($(this).is(':checked')) {
chart.checked_agents[agent_id] = agent_id;
} else {
delete chart.checked_agents[agent_id];
}
taskjobs.update_agents_view(chart_id);
});
// display name
var names = d3.select(this).selectAll('a.name').data([d]);
names.enter().append('a')
.attr('class', 'name')
.on('click', function(d) {
var args = {
chart_id: chart_id,
data: d
};
if ( !agent_is_pinned(args) ) {
pin_agent(args);
} else {
unpin_agent(args);
}
});
names.exit().remove();
names.attr('href', 'javascript:void(0)')
.text(taskjobs.data.agents[d[0]]);
//add date
var dates = d3.select(this).selectAll('span.date').data([d]);
dates.enter().append('span')
.attr('class', 'date');
dates.html( [
d[1][0].last_log_date,
].join("<br/>"));
//add comment
var log = d3.select(this).selectAll('span.comment').data([d]);
log.enter().append('span')
.attr('class', 'comment');
log.text(function(d) { return [
d[1][0].last_log + " "
].join(',');});
log.exit().remove();
// if agent in error, add a control to relanch it
if (d[1][0].state == 'error') {
var restarts = d3.select(this).selectAll('a.restart').data([d]);
names.enter().insert('a', '.check_restart')
.attr('class', 'restart btn')
.attr('title', 'restart')
.on('click', function(d) {
$.ajax({
url: '../ajax/restart_job.php',
data: {
'jobstate_id': d[1][0].jobstate_id,
'agent_id': d[1][0].agent_id
},
complete: function() {
taskjobs.queue_refresh_logs( taskjobs.ajax_url, taskjobs.task_id );
}
});
})
.append('i')
.attr('class', 'fa fa-bolt');
names.exit().remove();
names.attr('href', 'javascript:void(0)');
}
// add executions logs for pinned agents
args = {
'chart_id': chart_id ,
'data': d
};
var runs = d3.select(this).selectAll('table.runs')
.data([agent_is_pinned(args)].filter(function(d) {
return (d && d.logs)?true:false;
}));
runs.exit().remove();
runs.enter().append('table').attr('class', 'runs');
runs
.each( function(d) {
var rows = [];
// TODO: replace this with proper templating
$.each(d.logs, function(run_id, run) {
rows.push(
"<tr class='run header'><th colspan='3'>"+
run.run +
"</th></tr>"
);
$.each(run.logs, function(log_index, log) {
rows.push(
"<tr class='run log'>" +
"<td>" + log['log.date'] +"</td>"+
"<td>" + taskjobs.logstatuses_names[log['log.state']] +"</td>"+
"<td class='comment'>" + log['log.comment'] +"</td>"+
"</tr>"
);
});
rows.push(
"<tr class='run'><td class='void' colspan='4'></td></tr>"
);
});
$(this).html(rows.join("\n"));
});
});
div.exit().remove();
//div.order();
});
}
return chart;
}
taskjobs.update_agents_view = function (chart_id) {
if (taskjobs.agents_chart[chart_id]) {
var chart = taskjobs.agents_chart[chart_id];
var filtered_agents = Lazy([]);
var agents = chart.agents.toObject();
Lazy(Object.keys(chart.pinned_agents))
.each( function(d) {
var logs = chart.pinned_agents[d].logs;
chart.pinned_agents[d] = agents[d];
chart.pinned_agents[d].logs = logs;
});
pinned_agents = Lazy(chart.pinned_agents);
//Filter agents chart view
Lazy(Object.keys(chart.type_selected))
.each( function(d) {
filtered_agents = filtered_agents.union(chart.counters[d]);
});
filtered_agents = filtered_agents.map(function(d) { return [d,true]; } ).toObject();
var total_agents_to_view = chart.agents.reject( function(d) {
//remove pinned agents from the list since we concat them next.
if ( chart.pinned_agents[d[0]] ) {
return true;
}
if ( filtered_agents[d[0]] ) {
return false;
} else {
return true;
}
});
var agents_to_view = Lazy(pinned_agents.toArray()).concat(total_agents_to_view.toArray()).first(chart.view_limit);
taskjobs.agents_chart[chart_id].filtered_agents = filtered_agents;
taskjobs.agents_chart[chart_id].agents_to_view = agents_to_view.toArray();
taskjobs.agents_chart[chart_id].total_agents_to_view = total_agents_to_view.size() + pinned_agents.size();
taskjobs.agents_chart[chart_id].debug = total_agents_to_view;
}
taskjobs.agents_chart[chart_id].display_agents = true;
};
taskjobs.display_agents_view = function(chart_id) {
if (taskjobs.agents_chart[chart_id].display_agents) {
var chart = taskjobs.agents_chart[chart_id];
var agents = chart.agents_to_view;
d3.select(chart.selector)
.datum(agents)
.call(agents_chart(chart_id));
var agents_hidden = chart.total_agents_to_view - agents.length;
if (agents_hidden <= 0) {
taskjobs.agents_chart[chart_id].view_limit = 10;
}
var limit_to_add = 10;
var button_text = [];
if (agents_hidden > 0) {
limit_to_add = Math.min(agents_hidden, 10);
} else {
limit_to_add = 0;
}
button_text = [
{
'text' : 'Show '+ limit_to_add +' more (' + (agents_hidden) + ' left)' ,
'limit' : limit_to_add
}
];
var chart_anchor = $(chart.selector).parent()[0];
var restart = d3.select(chart_anchor).selectAll("div.show_more")
.selectAll('input.restart')
.data(button_text);
restart.enter().append('input');
restart.exit().remove();
restart
.attr('type', 'button')
.attr('class', 'submit restart')
.attr('value', 'Restart selected jobs')
.style('display', function(d) {
return (Object.keys(chart.checked_agents).length > 0)?null:'none';
})
.on('click', function(e) {
$('.refresh_button > span').addClass('fetching');
var params = [];
$("input.check_restart:checked").each(function(index) {
var agent_id = $(this).attr('value');
var agents = chart.agents.toArray();
var agent = $.grep(agents, function(e){ return e[0] === agent_id; });
if (agent.length > 0) {
params.push({
'agent_id': agent_id,
'jobstate_id': agent[0][1][0].jobstate_id
});
}
});
$.ajax({
url: '../ajax/restart_job.php',
method: 'post',
data: {
'params': params
},
complete: function() {
taskjobs.queue_refresh_logs( taskjobs.ajax_url, taskjobs.task_id );
$("input.check_restart:checked").each(function() {
$(this).attr('checked', false);
});
$('.refresh_button > span').removeClass('fetching');
}
});
});
var show_more = d3.select(chart_anchor).selectAll("div.show_more")
.selectAll('input.more_button')
.data(button_text);
show_more.enter().append('input')
.attr('type', 'button')
.attr('class', 'submit more_button')
.on('click', function(e) {
taskjobs.agents_chart[chart_id].view_limit += e.limit;
taskjobs.update_agents_view(chart_id);
});
show_more.exit().remove();
show_more
.style('display', function(d) {return (agents_hidden > 0)?null:'none'; } )
.attr('disabled', function(d) { return (d.limit > 0)?null:'disabled'; } )
.attr('value', function(d) { return(d.text);});
var reset_more = d3.select(chart_anchor).selectAll("div.show_more")
.selectAll('input.reset_button')
.data(button_text);
reset_more.enter().append('input')
.attr('type', 'button')
.attr('class', 'submit reset_button')
.on('click', function(e) {
taskjobs.agents_chart[chart_id].view_limit = 10;
taskjobs.update_agents_view(chart_id);
});
reset_more.exit().remove();
reset_more
.style('display', function(d) {return (agents.length > 10)?null:'none'; } )
.attr('value', 'Reset view');
taskjobs.agents_chart[chart_id].display_agents = false;
}
};
agents_dispatch.on('view', function(chart_id) {
taskjobs.update_agents_view(chart_id);
});
taskjobs.toggle_details_type = function(element, counter_type, chart_id) {
view = false;
if (element._view) {
view = element._view;
}
//store the boolean on the <a> itself
element._view = !view;
if (element._view) {
taskjobs.agents_chart[chart_id].type_selected[counter_type] = true;
} else {
delete taskjobs.agents_chart[chart_id].type_selected[counter_type];
}
$(element)
.toggleClass('expanded',element.view);
// Request an update
agents_dispatch.view(chart_id);
};
// Create block element if it does not already exists
taskjobs.create_block = function(selector, parent_selector, content) {
element = $(selector);
if (element.length === 0) {
$(parent_selector).append($(content));
} else {
$(selector).remove();
$(parent_selector).append($(content));
}
};
// Load templates
var templates = {};
taskjobs.init_templates = function() {
templates = {
task : $('#template_task').html(),
job : $('#template_job').html(),
target : $('#template_target').html(),
target_name : $('#template_target_name').html(),
target_stats : $('#template_target_stats').html(),
counter_block : $('#template_counter_block').html(),
counter_content: $('#template_counter_content').html(),
agent : $('#template_agent').html(),
};
Lazy(templates).each( function(d) { Mustache.parse(d); });
};
taskjobs.charts = {};
taskjobs.agents_chart = {};
// Build and update executions' logs view
taskjobs.update_logs = function (data) {
taskjobs.data = $.parseJSON(data);
taskjobs.compute_data();
// The following is used to remove blocks that are not present anymore in data
blocks_seen = {
tasks : [],
jobs : [],
targets : [],
charts : [],
agents_chart : [],
};
tasks = taskjobs.data.tasks;
tasks_selector = '.tasks_block';
//console.debug(tasks_placeholder);
$.each(tasks, function(task_i, task_v) {
task_id = 'task_' + task_v.task_id;
task_name = task_v.task_name;
task_selector = '#' + task_id;
blocks_seen.tasks.push(task_selector);
taskjobs.create_block(
task_selector,
tasks_selector,
Mustache.render(templates.task, {
'task_id': task_id,
'task_name': task_name,
'expanded': task_v.expanded == "true"?"expand":""
})
);
// Display Jobs
jobs_selector = task_selector + ' .jobs_block';
$.each( task_v.jobs, function(job_i, job_v) {
job_id = job_v.id;
job_name = job_v.name;
job_selector = '#job_'+job_id;
blocks_seen.jobs.push(job_selector);
taskjobs.create_block(
job_selector,
jobs_selector,
Mustache.render(templates.job, {
'job_id': 'job_' + job_id,
'job_name': job_name
})
);
//Display Targets
targets_selector = job_selector + ' .targets_block';
var targets_cpt = 0;
$.each( job_v.targets, function( target_i, target_v) {
target_id = target_i+ '_' + targets_cpt;
targets_cpt++;
target_name = target_v.name;
target_link = target_v.item_link;
target_selector = task_selector + ' #'+target_id;
blocks_seen.targets.push(target_selector);
var chart_id = 'job_' + job_v.id + '_' + target_id;
//console.debug(target_selector);
taskjobs.create_block(
target_selector,
targets_selector,
Mustache.render(templates.target, {
'target_id': target_id,
'target_link' : target_link,
'target_name' : target_name
})
);
// Create agents' chart data
agents_selector = target_selector + " .agents_block";
var agents = null;
if (Object.keys(target_v.agents).length > 0) {
agents = target_v.agents;
} else {
agents = Lazy(new Object());
}
//create the agents chart object if it doesn't exist
if (!taskjobs.agents_chart[chart_id]) {
taskjobs.agents_chart[chart_id] = {
selector : agents_selector,
type_selected : {},
pinned_agents : {},
checked_agents : {},
view_limit : 10,
};
d3.timer(function() {
taskjobs.display_agents_view(chart_id);
}, 1000);
}
// update agents chart object with new data
taskjobs.agents_chart[chart_id].agents = agents;
taskjobs.agents_chart[chart_id].counters = target_v.counters_computed;
taskjobs.refresh_pinned_agents(chart_id);
agents_dispatch.view(chart_id);
counters_selector = target_selector + " .target_stats";
$.each( taskjobs.statuses_order, function( stats_idx, stats_key) {
stats_type_selector = target_selector + " ." + stats_idx;
taskjobs.create_block(
stats_type_selector,
counters_selector,
Mustache.render(templates.target_stats, {
'stats_type' : stats_idx
})
);
//Display target's statistics
$.each( stats_key , function(counter_idx, counter_key) {
counter_value = target_v.counters_computed[counter_key];
counter_type = counter_key;
counter_empty = (counter_value.length === 0);
counter_type_name = taskjobs.statuses_names[counter_type];
counter_selector = target_selector + ' .' + counter_type;
taskjobs.create_block(
counter_selector,
stats_type_selector,
Mustache.render(templates.counter_block, {
'counter_empty' : counter_empty,
'counter_type' : counter_type,
'chart_id' : chart_id,
'counter_type_name' : counter_type_name,
'counter_value' : counter_value.length
})
);
});
});
var progressbar_selector = [
target_selector,
".target_details",
"div.progressbar",
].join(' > ');
blocks_seen.charts.push("#chart_" + chart_id);
if ($('#chart_' + chart_id).length === 0) {
taskjobs.charts[chart_id] = taskjobs.create_progressbar(
progressbar_selector, 'chart_'+chart_id, 400,100
);
taskjobs.charts[chart_id].new_data = [ 0, 0, 0];
taskjobs.update_progressbar(taskjobs.charts[chart_id]);
}
taskjobs.charts[chart_id].new_data = [
target_v.counters_computed.agents_success.length,
target_v.counters_computed.agents_error.length,
target_v.counters_computed.agents_notdone.length
];
if ( ! d3.sum(taskjobs.charts[chart_id].new_data) > 0) {
$(progressbar_selector).addClass('empty');
} else {
$(progressbar_selector).removeClass('empty');
}
$(counters_selector).show();
$(target_selector).show();
});
$(job_selector).show();
});
$(task_selector).show();
});
//stop loading icon rotation
$('.refresh_button span').removeClass('computing');
if (taskjobs.blocks_seen) {
cache = taskjobs.blocks_seen;
node_to_drop = Lazy([])
.concat(Lazy(cache.tasks).without(blocks_seen.tasks).toArray())
.concat(Lazy(cache.jobs).without(blocks_seen.jobs).toArray())
.concat(Lazy(cache.targets).without(blocks_seen.targets).toArray())
.concat(Lazy(cache.charts).without(blocks_seen.charts).toArray());
$.each(node_to_drop.toArray(), function(i,d) {
$(d).remove();
});
}
$(Object.keys(taskjobs.charts)).each(function(i,v) {
taskjobs.update_progressbar(taskjobs.charts[v]);
});
//taskjobs.update_agents_view()
taskjobs.blocks_seen = blocks_seen;
// taskjobs.update_folds(tasks_placeholder);
taskjobs.init_tasks_expand_buttons();
};
taskjobs.compute_data = function() {
//target_debug = "";
tasks = taskjobs.data.tasks;
result = [];
$.each(tasks, function(task_i, task_v) {
task = tasks[task_i];
$.each(task.jobs, function( job_i, job_v) {
job = task.jobs[job_i];
$.each(job.targets, function( target_i, target_v) {
target_v.counters_computed = {
agents_prepared: Object.keys(target_v.counters.agents_prepared),
agents_running: Object.keys(target_v.counters.agents_running),
agents_cancelled: Object.keys(target_v.counters.agents_cancelled),
agents_notdone: Object.keys(target_v.counters.agents_notdone),
agents_error: Object.keys(target_v.counters.agents_error),
agents_success: Object.keys(target_v.counters.agents_success)
};
if (Object.keys(target_v.agents).length > 0 ) {
target_v.agents = Lazy(target_v.agents).sortBy( function(agent) {
return agent[1][0].timestamp;
}).reverse();
}
counters = target_v.counters_computed;
//counters.agents_obsolete = Lazy(counters.agents_notdone).intersection(counters.agents_cancelled).toArray();
//counters.agents_notdone = Lazy(counters.agents_notdone).without(counters.agents_obsolete).toArray();
counters.agents_notdone = Lazy(counters.agents_notdone).toArray();
counters.agents_total =
Lazy(counters.agents_success).
union(counters.agents_error).
toArray();
//target_debug += "•" + target_v.name + "\n";
//target_debug += "prepared : " + counters.agents_prepared.length + "\n";
//target_debug += "running : " + counters.agents_running.length + "\n";
//target_debug += "cancelled : " + counters.agents_cancelled.length + "\n";
//target_debug += "error : " + counters.agents_error.length + "\n";
//target_debug += "success : " + counters.agents_success.length + "\n";
//target_debug += "not done yet : " + counters.agents_notdone.length + "\n";
//target_debug += "obsolete : " + counters.agents_obsolete.length + "\n";
//target_debug += "total : " + counters.agents_total.length + "\n";
//percent_success = ((counters.agents_success.length / counters.agents_total.length) * 100).toFixed(2);
//percent_failed = ((counters.agents_error.length / counters.agents_total.length) * 100).toFixed(2);
//target_debug += percent_success + " % success\n";
//target_debug += percent_failed + " % failures\n";
});
});
} );
//console.log(target_debug);
//$('.debuglogs').text(target_debug);
};
// Charts functions
// TODO: refactor those functions by defining a reusable chart object in order to simplify usage
// (cf. http://bost.ocks.org/mike/chart/)
taskjobs.create_progressbar = function(node_container, chart_id, width, height) {
var chart = d3.select(node_container)
.append('svg')
.attr('id', chart_id)
.attr("class", "chart")
.attr("width", width)
.attr("height", height);
origin = chart.append("g")
.attr("transform", "translate(" + width / 2 + "," + height + ")");
origin.append("g")
.attr('class', 'arcs');
origin.append("g")
.attr('class', 'pointers');
origin.append("g")
.attr('class', 'texts');
chart._width = width;
return chart;
};
// TODO: put the following in the reusable object
taskjobs.update_progressbar = function( chart ) {
var data = chart.new_data;
//var total = 1000000000;
//var success = (Math.floor(Math.random() * 2)) * Math.floor(Math.random()*total).toFixed(0);
//var error = (Math.floor(Math.random() * 2)) * Math.floor(Math.random()*(total - success)).toFixed(0);
//var notdone = total - (success + error).toFixed(0);
//var data = [
// success,
// error,
// notdone
// ];
remapped = [];
var x0 = 0;
var total = d3.sum(data);
var pi = Math.PI;
if (total > 0) {
data.forEach( function(d, i){
t = Math.ceil((d/total)*16);
remapped.push({
real : d,
value: t.toFixed(0),
index: i,
x0 : x0,
x1: x0 += +t
});
});
chart.style('display', '');
} else {
chart.style('display', 'none');
}
var radius = 80;
var percent = d3.scale.linear()
.domain([0,total])
.range([0,100]);
var color = d3.scale.ordinal()
.domain([0,1,2])
.range(['#8F8', '#F33', '#ccc']);
var color_stroke = d3.scale.ordinal()
.domain([0,1,2])
.range(['#0A0','#A00','#777']);
var format = d3.format('.1s');
var pie = d3.layout.pie()
.value(function(d,i) {
if ( total > 0 ) {
return d.value;
} else {
if ( i == 3 ) {
return 100;
}
}
})
.sort(null)
.startAngle(-90 * (pi / 180))
.endAngle(90 * (pi / 180));
var arc = d3.svg.arc()
.innerRadius(radius - 25)
.outerRadius(radius);
var arcs = chart.select('g.arcs').selectAll('path.arc').data(pie(remapped));
var text_repartition = {
left: [],
right: []
};
//create new arcs' paths
arcs.enter().append('path')
.attr('class','arc')
.attr('fill',function(d,i) {
return color(i);
})
.each( function(d) {
this._current = d;
});
var dispatcher = d3.dispatch('newangle');
arcTween = function(a) {
var interpolate = d3.interpolate(this._current, a);
this._current = interpolate(0);
return function(t) {
i = interpolate(t);
return arc(interpolate(t));
};
};
//update arcs
arcs.transition().duration(500)
.attrTween("d", arcTween);
arcs.exit().remove();
//console.debug(repartition);
// var text = chart.selectAll('text').data(pie(remapped));
// text.enter().append('text')
//// .attr('x',function(d) { return pie(x(d.data.x1 - d.data.x0/2))} )
// .attr('y',0);
// text.text(function(d) {console.debug(d);return d.data.index});
// chart.selectAll("rect") // this is what actually creates the bars
// .data(remapped)
// .enter()
// .append("rect")
// .attr("x", function(d) { console.log(d);return 40 + x(d.x0)})
// .attr("y", 20)
// .attr("width", function(d) { return x(d.x1 - d.x0)})
// .attr("height", 10)
// .style("fill", function(d) { return color(d.index);})
// .each(function(d) {
// d.cx = 40 + x( d.x0 + (d.x1 - d.x0)/2);
// });
cursorposTween = function(a) {
var interpolate = d3.interpolate(this._current, a);
this._current = interpolate(0);
return function(t) {
return 'translate(' + arc.centroid(interpolate(t)) + ')';
};
};
var cursor = chart.select('g.texts').selectAll('text').data(pie(remapped));
cursor.enter().append('text')
.attr('text-anchor','middle')
.attr('font-size', '0.5em')
.each(function(d) { this._current = d; } );
cursor.text( function(d) {
return percent(d.data.real).toFixed(1);
});
// Do not display value when there are none;
cursor
.attr('display', function(d) {
return ((d.data.value > 0) ? '' : 'none');
});
/*cursor.each(function(d) {
//console.debug(JSON.stringify(this._current));
//console.debug(JSON.stringify(this.getBBox()));
});*/
cursor.transition().duration(500)
.attrTween('transform', cursorposTween);
cursor.exit().remove();
// .enter().append("text")
// .attr('x', function(d) {
// if(d.index % 2 == 0) {
// d.anchor = "start";
// } else {
// d.anchor = "end";
// }
// return d.x = 0;
// })
// .attr('y', function(d) {
// d.cy = 25;
// return d.y = (d.index % 2 == 0) ? 10 : 45
// })
// .attr('text-anchor', function(d) { return d.anchor}) // text-align: right
// .attr('font-size','10px')
// .attr('font-weight', 'bolder')
// .attr('fill', function(d) {return color_stroke(d.index)})
// .text(function(d) {return ""+format(d.value)+" ("+percent(d.value).toFixed(1)+"%)" })
// .each(function(d) {
// var bbox = this.getBBox();
// if (d.index % 2 == 0) {
// d.sx = d.cx - bbox.width - 2;
// d.ox = d.sx + bbox.width + 2;
// } else {
// d.sx = d.cx + bbox.width + 2;
// d.ox = d.sx - bbox.width - 2;
// }
// d.sy = d.oy = d.y + 5;
// })
// .attr('x', function(d) {
// if (d.sx < 0 ) {
// return 0
// } else {
// return d.sx
// }
// });
//
// chart.selectAll("path.pointer").data(remapped).enter()
// .append("path")
// .attr("class", "pointer")
// .attr("stroke-width", 0.5)
// .attr("stroke-linecap", "round")
// .style("fill", "none")
// .style("stroke", function(d) {return color_stroke(d.index)})
// .attr("d", function(d) {
// return "M" + d.sx + "," + d.sy + "L" + d.ox + "," + d.oy + " " + d.cx + "," + d.cy;
// });
};
taskjobs.get_logs = function( ajax_url, task_id ) {
$('.refresh_button > span')
.addClass('fetching')
.removeClass('computing');
var data = {
"task_id" : task_id,
"includeoldjobs": taskjobs.includeoldjobs,
"refresh" : taskjobs.refresh
};
$.ajax({
url: ajax_url,
data: data,
success: function( data, textStatus, jqXHR) {
$('.refresh_button > span')
.addClass('computing')
.removeClass('fetching');
//small timeout to view icon changing
setTimeout(function() {
taskjobs.update_logs(data);
}, 50);
},
complete: function( ) {
taskjobs.update_refresh_buttons( ajax_url, task_id);
taskjobs.Queue.queue("refresh_logs").pop();
}
});
};
taskjobs.update_refresh_buttons = function( ajax_url, task_id) {
$('.refresh_button')
.off("click")
.on('click', function(e) {
taskjobs.queue_refresh_logs( ajax_url, task_id );
});
};
taskjobs.init_include_old_jobs_buttons = function( ajax_url, task_id, include_oldjobs_id) {
$("#"+ include_oldjobs_id)
.off('click')
.on('change', function(e) {
taskjobs.includeoldjobs = $(this).val();
taskjobs.queue_refresh_logs( ajax_url, task_id);
});
};
taskjobs.init_tasks_expand_buttons = function() {
$('.monitoring-logs .task_block > h3')
.off("click")
.on('click', function(e) {
$(this).parent().toggleClass('expand');
var parent_id = $(this).parent().attr('id');
var task_id = parent_id.replace('task_', '');
$.ajax({
url: '../ajax/expand_task.php',
data: {
'task_id' : task_id,
'expanded': $(this).parent().hasClass('expand')
}
});
});
};
taskjobs.init_refresh_form = function( ajax_url, task_id, refresh_id) {
$("#"+ refresh_id)
.off("change")
.on("change", function() {
taskjobs.update_logs_timeout( ajax_url, task_id, refresh_id );
}
);
};
taskjobs.update_logs_timeout = function( ajax_url, task_id , refresh_id) {
taskjobs.refresh = $("#" + refresh_id).val();
window.clearTimeout(taskjobs.Queue.timer);
taskjobs.queue_refresh_logs(ajax_url, task_id);
if (taskjobs.refresh != 'off') {
taskjobs.Queue.refresh = taskjobs.refresh * 1000;
taskjobs.Queue.timer = window.setInterval(
function () {
taskjobs.queue_refresh_logs(ajax_url, task_id);
},
taskjobs.Queue.refresh);
} else {
window.clearTimeout(taskjobs.Queue.timer);
}
};
taskjobs.queue_refresh_logs = function (ajax_url, task_id) {
var n = taskjobs.Queue.queue('refresh_logs');
$('.tasks_block:hidden').remove();
if ( $(".tasks_block:visible").length === 0 ) {
window.clearTimeout(taskjobs.Queue.timer);
}
if (n.length === 0 ) {
taskjobs.Queue.queue('refresh_logs', function( ) {
taskjobs.get_logs(ajax_url, task_id);
});
taskjobs.Queue.queue('refresh_logs')[0]();
}
};
var expandtaskjobform = function() {
$('#taskjobdisplay').css('overflow', 'visible')
.css('height', 'auto');
$('#seemore').css('display', 'none');
};
// declare events
$(document).ready(function() {
$(document).on("click", ".toggle_details_type", function(event) {
taskjobs.toggle_details_type($(this)[0],
$(this).attr('data-counter_type'),
$(this).attr('data-chart_id'));
});
$(document).on("click", ".clear_list", function(event) {
taskjobs.clear_list($(this).attr('data-clear-param'));
});
$(document).on("click", ".delete_items_selected", function(event) {
taskjobs.delete_items_selected($(this).attr('data-delete-param'));
});
$(document).on("click", "#add_fusinv_job_item_button", function(event) {
taskjobs.add_item($(this).attr('data-moduletype'),
$(this).attr('data-itemtype'),
$(this).attr('data-itemtype_name'),
$(this).attr('data-dropdown_rand_id'));
});
$(document).on("click", ".show_moduletypes", function(event) {
taskjobs.show_moduletypes($(this).attr('data-ajaxurl'),
$(this).attr('data-itemtype'),
$(this).attr('data-method'));
});
$(document).on("click", ".taskjobs_create", function(event) {
taskjobs.create($(this).attr('data-ajaxurl'),
$(this).attr('data-task_id'));
});
$(document).on("click", ".taskjobs_edit", function(event) {
taskjobs.edit($(this).attr('data-ajaxurl'),
$(this).attr('data-taskjob_id'));
});
$(document).on("click", ".openExportDialog", function(event) {
$('#fiTaskExport_modalWindow').dialog({
modal: true,
resizeable: true,
height: 200,
width: 480
});
});
$(document).on("click", ".task_export_form .submit", function(event) {
$('#fiTaskExport_modalWindow').dialog('close');
});
});
Zerion Mini Shell 1.0