1
0
mirror of https://github.com/ansible/awx.git synced 2024-11-02 01:21:21 +03:00

AC-1183 Job detail page performance

Reorganized initial data load so that it no longer reads all job events. Using objects in place of arrays.
This commit is contained in:
Chris Houseknecht 2014-06-11 07:09:54 -04:00
parent e72728b38c
commit 31f4eeffbc
3 changed files with 456 additions and 436 deletions

View File

@ -13,19 +13,22 @@ function JobDetailController ($scope, $compile, $routeParams, $log, ClearScope,
ClearScope();
var job_id = $routeParams.id,
event_socket, job,
event_socket,
event_queue = [],
processed_events = [],
scope = $scope,
api_complete = false,
refresh_count = 0;
scope.plays = [];
scope.tasks = [];
refresh_count = 0,
lastEventId = 0;
scope.plays = {};
scope.tasks = {};
scope.hosts = [];
scope.hostResults = [];
scope.hostResultsMap = {};
scope.hostsMap = {};
scope.search_all_tasks = [];
scope.search_all_plays = [];
scope.hostResults = [];
scope.job_status = {};
scope.job_id = job_id;
scope.auto_scroll = false;
@ -52,117 +55,239 @@ function JobDetailController ($scope, $compile, $routeParams, $log, ClearScope,
scope: scope,
endpoint: "job_events"
});
event_socket.init();
// Evaluate elements of an array, returning the set of elements that
// match a condition as expressed in a function
//
// matches = myarray.find(function(x) { return x.id === 5 });
//
Array.prototype.find = function(parameterFunction) {
var results = [];
this.forEach(function(row) {
if (parameterFunction(row)) {
results.push(row);
}
});
return results;
};
// Reduce an array of objects down to just the bits we want from each object by
// passing in a function that returns just those parts.
//
// new_array = myarray.reduce(function(x) { return { blah: x.blah, foo: x.foo } });
//
Array.prototype.reduce = function(parameterFunction) {
var results= [];
this.forEach(function(row) {
results.push(parameterFunction(row));
});
return results;
};
// Apply each event to the view
if (scope.removeEventsReady) {
scope.removeEventsReady();
}
scope.removeEventsReady = scope.$on('EventsReady', function(e, events) {
DigestEvents({
scope: scope,
events: events
});
});
event_socket.on("job_events-" + job_id, function(data) {
var matches;
data.event = data.event_name;
if (api_complete) {
matches = processed_events.find(function(x) { return x === data.id; });
if (matches.length === 0) {
// event not processed
scope.$emit('EventsReady', [ data ]);
}
// api loading is complete, process incoming event
DigestEvents({
scope: scope,
events: [ data ]
});
}
else {
// waiting on api load, queue incoming event
event_queue.push(data);
}
});
if (scope.removeAPIComplete) {
scope.removeAPIComplete();
}
scope.removeAPIComplete = scope.$on('APIComplete', function() {
var events;
// process any events sitting in the queue
var events = [];
if (event_queue.length > 0) {
// Events arrived while we were processing API results
events = event_queue.find(function(event) {
var matched = false;
processed_events.every(function(event_id) {
if (event_id === event.id) {
matched = true;
return false;
}
return true;
});
return (!matched); //return true when event.id not in the list of processed_events
event_queue.forEach(function(event) {
if (event.id > lastEventId) {
events.push(event);
}
});
if (events.length > 0) {
scope.$emit('EventsReady', events);
api_complete = true;
if (events.legnt > 0) {
DigestEvents({
scope: scope,
events: events
});
}
}
else {
api_complete = true;
}
api_complete = true;
});
// Get events, 50 at a time. When done, emit APIComplete
if (scope.removeJobReady) {
scope.removeJobReady();
if (scope.removeJobHostSummariesReady) {
scope.removeJobHostSummariesReady();
}
scope.removeJobReady = scope.$on('JobReady', function(e, next) {
Rest.setUrl(next);
scope.removeJobHostSummariesReady = scope.$on('JobHostSummariesReady', function() {
var url = scope.job.related.job_events + '?parent=' + scope.activeTask + '&host__isnull=false&order_by=host__name';
Rest.setUrl(url);
Rest.get()
.success(function(data) {
processed_events = processed_events.concat( data.results.reduce(function(x) { return x.id; }) );
scope.$emit('EventsReady', data.results);
if (data.next) {
scope.$emit('JobReady', data.next);
}
else {
Wait('stop');
scope.$emit('APIComplete');
}
data.results.forEach(function(event) {
scope.hostResults.push({
id: event.id,
status: ( (event.failed) ? 'failed': (event.changed) ? 'changed' : 'successful' ),
host_id: event.host,
task_id: event.parent,
name: event.event_data.host,
created: event.created,
msg: ( (event.event_data && event.event_data.res) ? event.event_data.res.msg : '' )
});
scope.hostResultsMap[event.id] = scope.hostResults.length - 1;
if (event.id > lastEventId) {
lastEventId = event.id;
}
});
scope.$emit('APIComplete');
Wait('stop');
})
.error(function(data, status) {
ProcessErrors(scope, data, status, null, { hdr: 'Error!',
msg: 'Failed to retrieve job events: ' + next + ' GET returned: ' + status });
msg: 'Call to ' + url + '. GET returned: ' + status });
});
});
if (scope.removeTasksReady) {
scope.removeTasksReady();
}
scope.removeTasksReady = scope.$on('TasksReady', function() {
var url = scope.job.related.job_host_summaries + '?page_size=' + scope.hostSummaryTableRows + '&order_by=host__name';
Rest.setUrl(url);
Rest.get()
.success(function(data) {
data.results.forEach(function(event) {
scope.hosts.push({
id: event.host,
name: event.summary_fields.host.name,
ok: event.ok,
changed: event.changed,
unreachable: event.dark,
failed: event.failures
});
scope.hostsMap[event.id] = scope.hosts.length - 1;
});
scope.$emit('JobHostSummariesReady');
})
.error(function(data, status) {
ProcessErrors(scope, data, status, null, { hdr: 'Error!',
msg: 'Call to ' + url + '. GET returned: ' + status });
});
});
if (scope.removePlaysReady) {
scope.removePlaysReady();
}
scope.removePlaysReady = scope.$on('PlaysReady', function(e, events_url) {
var url = events_url + '?event__in=playbook_on_task_start,playbook_on_setup&parent=' + scope.activePlay + '&order_by=id',
task;
Rest.setUrl(url);
Rest.get()
.success( function(data) {
data.results.forEach(function(event, idx) {
var end, play_id, elapsed;
if (idx < data.results.length - 1) {
// end date = starting date of the next event
end = data.results[idx + 1].created;
}
else {
// no next event (task), get the end time of the play
end = scope.plays[scope.activePlay].finished;
}
if (end) {
elapsed = GetElapsed({
start: event.created,
end: end
});
}
else {
elapsed = '00:00:00';
}
play_id = (event.parent) ? event.parent : scope.activePlay;
if (!scope.tasks[play_id]) {
scope.tasks[play_id] = {};
}
scope.tasks[play_id][event.id] = {
id: event.id,
play_id: play_id,
name: event.event_display,
status: ( (event.failed) ? 'failed' : (event.changed) ? 'changed' : 'successful' ),
created: event.created,
modified: event.modified,
finished: end,
elapsed: elapsed,
hostCount: 0, // hostCount,
reportedHosts: 0,
successfulCount: 0,
failedCount: 0,
changedCount: 0,
skippedCount: 0,
successfulStyle: { display: 'none'},
failedStyle: { display: 'none' },
changedStyle: { display: 'none' },
skippedStyle: { display: 'none' },
taskActiveClass: ''
};
});
if (data.results.length > 0) {
task = data.results[data.results.length - 1];
lastEventId = task.id;
scope.tasks[scope.activePlay][task.id].taskActiveClass = 'active';
scope.activeTask = task.id;
scope.activeTaskName = task.name;
}
scope.$emit('TasksReady', events_url);
})
.error( function(data, status) {
ProcessErrors(scope, data, status, null, { hdr: 'Error!',
msg: 'Call to ' + url + '. GET returned: ' + status });
});
});
if (scope.removeJobReady) {
scope.removeJobReady();
}
scope.removeJobReady = scope.$on('JobReady', function(e, events_url) {
// Job finished loading. Now get the set of plays
var url = events_url + '?event=playbook_on_play_start&order_by=id',
play;
Rest.setUrl(url);
Rest.get()
.success( function(data) {
data.results.forEach(function(event, idx) {
var status = (event.failed) ? 'failed' : (event.changed) ? 'changed' : 'none',
start = event.created,
end,
elapsed;
if (idx < data.results.length - 1) {
// end date = starting date of the next event
end = data.results[idx + 1].created;
}
else if (scope.job_status.status === 'successful' || scope.job_status.status === 'failed' || scope.job_status.status === 'error' || scope.job_status.status === 'canceled') {
// this is the last play and the job already finished
end = scope.job_status.finished;
}
if (end) {
elapsed = GetElapsed({
start: start,
end: end
});
}
else {
elapsed = '00:00:00';
}
scope.plays[event.id] = {
id: event.id,
name: event.play,
created: event.created,
finished: end,
status: status,
elapsed: elapsed,
children: [],
playActiveClass: ''
};
});
if (data.results.length > 0) {
play = data.results[data.results.length - 1];
lastEventId = play.id;
scope.plays[play.id].playActiveClass = 'active';
scope.activePlay = play.id;
scope.activePlayName = play.play;
}
scope.$emit('PlaysReady', events_url);
})
.error( function(data, status) {
ProcessErrors(scope, data, status, null, { hdr: 'Error!',
msg: 'Call to ' + url + '. GET returned: ' + status });
});
});
if (scope.removeGetCredentialNames) {
scope.removeGetCredentialNames();
}
@ -195,8 +320,8 @@ function JobDetailController ($scope, $compile, $routeParams, $log, ClearScope,
});
}
});
if (scope.removeLoadJob) {
scope.removeLoadJob();
}
@ -206,7 +331,7 @@ function JobDetailController ($scope, $compile, $routeParams, $log, ClearScope,
Rest.setUrl(GetBasePath('jobs') + job_id + '/');
Rest.get()
.success(function(data) {
job = data;
scope.job = data;
scope.job_template_name = data.name;
scope.project_name = (data.summary_fields.project) ? data.summary_fields.project.name : '';
scope.inventory_name = (data.summary_fields.inventory) ? data.summary_fields.inventory.name : '';
@ -229,6 +354,7 @@ function JobDetailController ($scope, $compile, $routeParams, $log, ClearScope,
scope.job_status.status_class = ((data.status === 'error' || data.status === 'failed') && data.job_explanation) ? "alert alert-danger" : "";
scope.job_status.finished = data.finished;
scope.job_status.explanation = data.job_explanation;
if (data.started && data.finished) {
scope.job_status.elapsed = GetElapsed({
start: data.started,
@ -240,7 +366,7 @@ function JobDetailController ($scope, $compile, $routeParams, $log, ClearScope,
}
scope.setSearchAll('host');
scope.$emit('JobReady', data.related.job_events + '?page_size=50&order_by=id');
scope.$emit('JobReady', data.related.job_events);
scope.$emit('GetCredentialNames', data);
})
.error(function(data, status) {
@ -362,7 +488,7 @@ function JobDetailController ($scope, $compile, $routeParams, $log, ClearScope,
height: $(document).height()
}).show();
// Adjust the summary table height
// Adjust the summary table height
$('#job-summary-container .job_well').height(height - 18).css({
'box-shadow': '-3px 3px 5px 0 #ccc'
});
@ -375,9 +501,9 @@ function JobDetailController ($scope, $compile, $routeParams, $log, ClearScope,
$('#hosts-summary-section .legend').outerHeight();
$('#hosts-summary-table').height(height - 50);
$('#hosts-summary-table').mCustomScrollbar("update");
$('#hide-summary-button').show();
$('#job-summary-container').css({
top: 0,
right: 0,
@ -657,7 +783,7 @@ function JobDetailController ($scope, $compile, $routeParams, $log, ClearScope,
scope.viewEvent = function(event_id) {
$log.debug(event_id);
};
}
JobDetailController.$inject = [ '$scope', '$compile', '$routeParams', '$log', 'ClearScope', 'Breadcrumbs', 'LoadBreadCrumbs', 'GetBasePath', 'Wait',

View File

@ -39,18 +39,18 @@
angular.module('JobDetailHelper', ['Utilities', 'RestServices'])
.factory('DigestEvents', ['UpdatePlayStatus', 'UpdateHostStatus', 'UpdatePlayChild', 'AddHostResult', 'SelectPlay', 'SelectTask',
.factory('DigestEvents', ['UpdatePlayStatus', 'UpdateHostStatus', 'AddHostResult', 'SelectPlay', 'SelectTask',
'GetHostCount', 'GetElapsed', 'UpdateTaskStatus', 'DrawGraph', 'LoadHostSummary',
function(UpdatePlayStatus, UpdateHostStatus, UpdatePlayChild, AddHostResult, SelectPlay, SelectTask, GetHostCount, GetElapsed,
function(UpdatePlayStatus, UpdateHostStatus, AddHostResult, SelectPlay, SelectTask, GetHostCount, GetElapsed,
UpdateTaskStatus, DrawGraph, LoadHostSummary) {
return function(params) {
var scope = params.scope,
events = params.events;
events.forEach(function(event) {
var hostCount;
var hostCount, play_id;
if (event.event === 'playbook_on_start') {
if (scope.job_status.status!== 'failed' && scope.job_status.status !== 'canceled' &&
scope.job_status.status !== 'error' && scope.job_status !== 'successful') {
@ -60,14 +60,14 @@ function(UpdatePlayStatus, UpdateHostStatus, UpdatePlayChild, AddHostResult, Sel
}
if (event.event === 'playbook_on_play_start') {
scope.plays.push({
scope.plays[event.id] = {
id: event.id,
name: event.play,
created: event.created,
status: (event.failed) ? 'failed' : (event.changed) ? 'changed' : 'none',
elapsed: '00:00:00',
children: []
});
};
SelectPlay({
scope: scope,
id: event.id
@ -78,10 +78,13 @@ function(UpdatePlayStatus, UpdateHostStatus, UpdatePlayChild, AddHostResult, Sel
scope: scope,
play_id: event.parent
});
scope.tasks.push({
play_id = (event.parent) ? event.parent : scope.activePlay;
if (!scope.tasks[play_id]) {
scope.tasks[play_id] = {};
}
scope.tasks[play_id][event.id] = {
id: event.id,
name: event.event_display,
play_id: ( (event.parent) ? event.parent : scope.activePlay ),
status: ( (event.failed) ? 'failed' : (event.changed) ? 'changed' : 'successful' ),
created: event.created,
modified: event.modified,
@ -95,7 +98,7 @@ function(UpdatePlayStatus, UpdateHostStatus, UpdatePlayChild, AddHostResult, Sel
failedStyle: { display: 'none' },
changedStyle: { display: 'none' },
skippedStyle: { display: 'none' }
});
};
UpdatePlayStatus({
scope: scope,
play_id: event.parent,
@ -158,7 +161,7 @@ function(UpdatePlayStatus, UpdateHostStatus, UpdatePlayChild, AddHostResult, Sel
});
DrawGraph({ scope: scope });
}
if (event.event === 'runner_on_unreachable') {
UpdateHostStatus({
scope: scope,
@ -238,25 +241,16 @@ function(UpdatePlayStatus, UpdateHostStatus, UpdatePlayChild, AddHostResult, Sel
};
}])
//Get the # of expected hosts for a task by looking at the number
//on the very first task for a play
.factory('GetHostCount', function() {
return function(params) {
var scope = params.scope,
play_id = params.play_id,
tasks = [];
// Get the known set of tasks for a given play
if (scope.tasks.length > 0) {
scope.tasks.forEach(function(task) {
if (task.play_id === play_id) {
tasks.push(task);
}
});
// sort by ascending event.id
if (tasks.length > 0) {
tasks.sort(function(a, b) {
return a.id - b.id;
});
return tasks[0].hostCount;
}
taskIds;
taskIds = Object.keys(scope.tasks[play_id]);
if (taskIds.length > 0) {
return scope.tasks[play_id][taskIds.length - 1].hostCount;
}
return 0;
};
@ -266,75 +260,15 @@ function(UpdatePlayStatus, UpdateHostStatus, UpdatePlayChild, AddHostResult, Sel
return function(params) {
var scope = params.scope,
play_id = params.play_id,
tasks = [];
// Get the known set of tasks for a given play
if (scope.tasks.length > 0) {
scope.tasks.forEach(function(task) {
if (task.play_id === play_id) {
tasks.push(task);
}
});
// sort by ascending event.id
if (tasks.length > 0) {
tasks.sort(function(a, b) {
return a.id - b.id;
});
return tasks[0].id;
}
taskIds;
taskIds = Object.keys(scope.tasks[play_id]);
if (taskIds.length > 0) {
return scope.tasks[play_id][taskIds.length - 1].id;
}
return 0;
return null;
};
})
.factory('MakeLastRowActive', [ function() {
return function(params) {
var scope = params.scope,
list = params.list,
field = params.field,
set = params.set;
list.forEach(function(row, idx) {
list[idx][field] = '';
});
if (list.length > 0) {
list[list.length - 1][field] = 'active';
scope[set] = list[list.length - 1].id;
}
};
}])
.factory('UpdatePlayChild', [ function() {
return function(params) {
var scope = params.scope,
id = params.id,
play_id = params.play_id,
failed = params.failed,
name = params.name,
found_child = false;
scope.plays.every(function(play, i) {
if (play.id === play_id) {
scope.plays[i].children.every(function(child, j) {
if (child.id === id) {
scope.plays[i].children[j].status = (failed) ? 'failed' : 'successful';
found_child = true;
return false;
}
return true;
});
if (!found_child) {
scope.plays[i].children.push({
id: id,
name: name,
status: (failed) ? 'failed' : 'successful'
});
}
scope.plays[i].status = (failed) ? 'failed' : 'successful';
return false;
}
return true;
});
};
}])
.factory('GetElapsed', [ function() {
return function(params) {
var start = params.start,
@ -396,35 +330,31 @@ function(UpdatePlayStatus, UpdateHostStatus, UpdatePlayChild, AddHostResult, Sel
id = params.play_id,
modified = params.modified,
no_hosts = params.no_hosts,
status_text = params.status_text;
scope.plays.every(function(play,idx) {
if (play.id === id) {
if (failed) {
scope.plays[idx].status = 'failed';
}
else if (play.status !== 'changed' && play.status !== 'failed') {
// once the status becomes 'changed' or 'failed' don't modify it
if (no_hosts) {
scope.plays[idx].status = 'no-matching-hosts';
}
else {
scope.plays[idx].status = (changed) ? 'changed' : (failed) ? 'failed' : 'successful';
}
}
scope.plays[idx].finished = modified;
scope.plays[idx].elapsed = GetElapsed({
start: play.created,
end: modified
});
scope.plays[idx].status_text = (status_text) ? status_text : scope.plays[idx].status;
UpdateJobStatus({
scope: scope,
failed: null,
modified: modified
});
return false;
status_text = params.status_text,
play = scope.plays[id];
if (failed) {
scope.plays[id].status = 'failed';
}
else if (play.status !== 'changed' && play.status !== 'failed') {
// once the status becomes 'changed' or 'failed' don't modify it
if (no_hosts) {
scope.plays[id].status = 'no-matching-hosts';
}
return true;
else {
scope.plays[id].status = (changed) ? 'changed' : (failed) ? 'failed' : 'successful';
}
}
scope.plays[id].finished = modified;
scope.plays[id].elapsed = GetElapsed({
start: play.created,
end: modified
});
scope.plays[id].status_text = (status_text) ? status_text : scope.plays[id].status;
UpdateJobStatus({
scope: scope,
failed: null,
modified: modified
});
};
}])
@ -436,35 +366,30 @@ function(UpdatePlayStatus, UpdateHostStatus, UpdatePlayChild, AddHostResult, Sel
changed = params.changed,
id = params.task_id,
modified = params.modified,
no_hosts = params.no_hosts;
scope.tasks.every(function (task, i) {
if (task.id === id) {
if (no_hosts){
scope.tasks[i].status = 'no-matching-hosts';
}
else if (failed) {
scope.tasks[i].status = 'failed';
}
else if (task.status !== 'changed' && task.status !== 'failed') {
// once the status becomes 'changed' or 'failed' don't modify it
scope.tasks[i].status = (failed) ? 'failed' : (changed) ? 'changed' : 'successful';
}
scope.tasks[i].finished = params.modified;
scope.tasks[i].elapsed = GetElapsed({
start: task.created,
end: modified
});
UpdatePlayStatus({
scope: scope,
failed: failed,
changed: changed,
play_id: task.play_id,
modified: modified,
no_hosts: no_hosts
});
return false;
}
return true;
no_hosts = params.no_hosts,
task = scope.tasks[scope.activePlay][id];
if (no_hosts){
task.status = 'no-matching-hosts';
}
else if (failed) {
task.status = 'failed';
}
else if (task.status !== 'changed' && task.status !== 'failed') {
// once the status becomes 'changed' or 'failed' don't modify it
task.status = (failed) ? 'failed' : (changed) ? 'changed' : 'successful';
}
task.finished = params.modified;
task.elapsed = GetElapsed({
start: task.created,
end: modified
});
UpdatePlayStatus({
scope: scope,
failed: failed,
changed: changed,
play_id: task.play_id,
modified: modified,
no_hosts: no_hosts
});
};
}])
@ -482,21 +407,16 @@ function(UpdatePlayStatus, UpdateHostStatus, UpdatePlayChild, AddHostResult, Sel
modified = params.modified,
created = params.created,
msg = params.message,
host_found = false;
host;
scope.hosts.every(function(host, i) {
if (host.id === host_id) {
scope.hosts[i].ok += (status === 'successful') ? 1 : 0;
scope.hosts[i].changed += (status === 'changed') ? 1 : 0;
scope.hosts[i].unreachable += (status === 'unreachable') ? 1 : 0;
scope.hosts[i].failed += (status === 'failed') ? 1 : 0;
host_found = true;
return false;
}
return true;
});
if (!host_found) {
if (scope.hostsMap[host_id]) {
host = scope.hosts[scope.hostsMap[host_id]];
host.ok += (status === 'successful') ? 1 : 0;
host.changed += (status === 'changed') ? 1 : 0;
host.unreachable += (status === 'unreachable') ? 1 : 0;
host.failed += (status === 'failed') ? 1 : 0;
}
else {
// keep totalls for the summary graph
scope.host_summary.total += 1;
scope.host_summary.ok += (status === 'successful') ? 1 : 0;
@ -511,23 +431,29 @@ function(UpdatePlayStatus, UpdateHostStatus, UpdatePlayChild, AddHostResult, Sel
unreachable: (status === 'unreachable') ? 1 : 0,
failed: (status === 'failed') ? 1 : 0
});
scope.hosts.sort(function(a,b) {
if (a.name < b.name) {
return -1;
}
if (a.name > b.name) {
scope.hosts.sort(function (a, b) {
if (a.name > b.name)
return 1;
}
if (a.name < b.name)
return -1;
// a must be equal to b
return 0;
});
// prune the hosts array and rebuild the map
if (scope.hosts.length > scope.hostSummaryTableRows) {
scope.hosts.pop();
}
scope.hostsMap = {};
scope.hosts.forEach(function(host, idx){
scope.hostsMap[host.id] = idx;
});
$('#tasks-table-detail').mCustomScrollbar("update");
/*setTimeout( function() {
scope.auto_scroll = true;
$('#hosts-summary-table').mCustomScrollbar("scrollTo", "bottom");
}, 700);*/
/*setTimeout( function() {
scope.auto_scroll = true;
$('#hosts-summary-table').mCustomScrollbar("scrollTo", "bottom");
}, 700);*/
}
UpdateTaskStatus({
@ -562,113 +488,85 @@ function(UpdatePlayStatus, UpdateHostStatus, UpdatePlayChild, AddHostResult, Sel
created = params.created,
name = params.name,
msg = params.message,
play_id, first,
tmp = [];
pId, diff, task, play_id, first;
// Remove any rows not related to the current task
scope.hostResults.forEach(function(result, idx) {
if (result.task_id !== task_id) {
tmp.push(idx);
if (scope.activeTask === task_id && !scope.hostResultsMap[host_id]) {
// the event applies to the currently selected task
scope.hostResults.push({
id: event_id,
status: status,
host_id: host_id,
task_id: task_id,
name: name,
created: created,
msg: msg
});
scope.hostResults.sort(function(a,b) {
if (a.name < b.name) {
return -1;
}
if (a.name > b.name) {
return 1;
}
return 0;
});
// Keep the list pruned to a limited # of hosts
if (scope.hostResults.length > scope.hostTableRows) {
scope.hostResults.splice(0,1);
}
});
tmp.forEach(function(row) {
scope.hostResults.splice(row, 1);
});
// Sort
scope.hostResults.sort(function(a,b) {
if (a.name < b.name) {
return -1;
}
if (a.name > b.name) {
return 1;
}
return 0;
});
// Keep the list pruned to a limited # of hosts
if (scope.hostResults.length === scope.hostTableRows) {
scope.hostResults.splice(0,1);
}
// Add the new row
scope.hostResults.push({
id: event_id,
status: status,
host_id: host_id,
task_id: task_id,
name: name,
created: created,
msg: msg
});
// Sort one more time
scope.hostResults.sort(function(a,b) {
if (a.name < b.name) {
return -1;
// get the correct play_id for this event. the task_id is always correct/available, but sometimes
// the event does not have a play_id
for (pId in scope.tasks) {
if (scope.tasks[pId][task_id]) {
play_id = pId;
}
if (a.name > b.name) {
return 1;
}
return 0;
});
scope.tasks.every(function(task) {
if (task.id === task_id) {
play_id = task.play_id;
return false;
}
return true;
});
}
first = FindFirstTaskofPlay({
scope: scope,
play_id: play_id
});
scope.tasks.every(function(task, idx) {
var diff;
if (task.id === task_id) {
if (task.id === first) {
scope.tasks[idx].hostCount += 1;
}
scope.tasks[idx].reportedHosts++;
scope.tasks[idx].failedCount += (status === 'failed' || status === 'unreachable') ? 1 : 0;
scope.tasks[idx].changedCount += (status === 'changed') ? 1 : 0;
scope.tasks[idx].successfulCount += (status === 'successful') ? 1 : 0;
scope.tasks[idx].skippedCount += (status === 'skipped') ? 1 : 0;
task = scope.tasks[play_id][task_id];
if (task_id === first) {
task.hostCount += 1;
}
task.reportedHosts++;
task.failedCount += (status === 'failed' || status === 'unreachable') ? 1 : 0;
task.changedCount += (status === 'changed') ? 1 : 0;
task.successfulCount += (status === 'successful') ? 1 : 0;
task.skippedCount += (status === 'skipped') ? 1 : 0;
scope.tasks[idx].failedPct = (scope.tasks[idx].hostCount > 0) ? Math.ceil((100 * (scope.tasks[idx].failedCount / scope.tasks[idx].hostCount))) : 0;
scope.tasks[idx].changedPct = (scope.tasks[idx].hostCount > 0) ? Math.ceil((100 * (scope.tasks[idx].changedCount / scope.tasks[idx].hostCount))) : 0;
scope.tasks[idx].skippedPct = (scope.tasks[idx].hostCount > 0) ? Math.ceil((100 * (scope.tasks[idx].skippedCount / scope.tasks[idx].hostCount))) : 0;
scope.tasks[idx].successfulPct = (scope.tasks[idx].hostCount > 0) ? Math.ceil((100 * (scope.tasks[idx].successfulCount / scope.tasks[idx].hostCount))) : 0;
task.failedPct = (task.hostCount > 0) ? Math.ceil((100 * (task.failedCount / task.hostCount))) : 0;
task.changedPct = (task.hostCount > 0) ? Math.ceil((100 * (task.changedCount / task.hostCount))) : 0;
task.skippedPct = (task.hostCount > 0) ? Math.ceil((100 * (task.skippedCount / task.hostCount))) : 0;
task.successfulPct = (task.hostCount > 0) ? Math.ceil((100 * (task.successfulCount / task.hostCount))) : 0;
diff = (scope.tasks[idx].failedPct + scope.tasks[idx].changedPct + scope.tasks[idx].skippedPct + scope.tasks[idx].successfulPct) - 100;
if (diff > 0) {
if (scope.tasks[idx].failedPct > diff) {
scope.tasks[idx].failedPct = scope.tasks[idx].failedPct - diff;
}
else if (scope.tasks[idx].changedPct > diff) {
scope.tasks[idx].changedPct = scope.tasks[idx].changedPct - diff;
}
else if (scope.tasks[idx].skippedPct > diff) {
scope.tasks[idx].skippedPct = scope.tasks[idx].skippedPct - diff;
}
else if (scope.tasks[idx].successfulPct > diff) {
scope.tasks[idx].successfulPct = scope.tasks[idx].successfulPct - diff;
}
}
scope.tasks[idx].successfulStyle = (scope.tasks[idx].successfulPct > 0) ? { display: 'inline-block', width: scope.tasks[idx].successfulPct + '%' } : { display: 'none' };
scope.tasks[idx].changedStyle = (scope.tasks[idx].changedPct > 0) ? { display: 'inline-block', width: scope.tasks[idx].changedPct + '%' } : { display: 'none' };
scope.tasks[idx].skippedStyle = (scope.tasks[idx].skippedPct > 0) ? { display: 'inline-block', width: scope.tasks[idx].skippedPct + '%' } : { display: 'none' };
scope.tasks[idx].failedStyle = (scope.tasks[idx].failedPct > 0) ? { display: 'inline-block', width: scope.tasks[idx].failedPct + '%' } : { display: 'none' };
$('#' + task.id + '-' + task.play_id + '-' + 'successful-bar').css(scope.tasks[idx].successfulStyle);
$('#' + task.id + '-' + task.play_id + '-' + 'changed-bar').css(scope.tasks[idx].changedStyle);
$('#' + task.id + '-' + task.play_id + '-' + 'skipped-bar').css(scope.tasks[idx].skippedStyle);
$('#' + task.id + '-' + task.play_id + '-' + 'failed-bar').css(scope.tasks[idx].failedStyle);
return false;
diff = (task.failedPct + task.changedPct + task.skippedPct + task.successfulPct) - 100;
if (diff > 0) {
if (task.failedPct > diff) {
task.failedPct = task.failedPct - diff;
}
return true;
});
else if (task.changedPct > diff) {
task.changedPct = task.changedPct - diff;
}
else if (task.skippedPct > diff) {
task.skippedPct = task.skippedPct - diff;
}
else if (task.successfulPct > diff) {
task.successfulPct = task.successfulPct - diff;
}
}
task.successfulStyle = (task.successfulPct > 0) ? { display: 'inline-block', width: task.successfulPct + '%' } : { display: 'none' };
task.changedStyle = (task.changedPct > 0) ? { display: 'inline-block', width: task.changedPct + '%' } : { display: 'none' };
task.skippedStyle = (task.skippedPct > 0) ? { display: 'inline-block', width: task.skippedPct + '%' } : { display: 'none' };
task.failedStyle = (task.failedPct > 0) ? { display: 'inline-block', width: task.failedPct + '%' } : { display: 'none' };
$('#' + task.id + '-' + task.play_id + '-' + 'successful-bar').css(task.successfulStyle);
$('#' + task.id + '-' + task.play_id + '-' + 'changed-bar').css(task.changedStyle);
$('#' + task.id + '-' + task.play_id + '-' + 'skipped-bar').css(task.skippedStyle);
$('#' + task.id + '-' + task.play_id + '-' + 'failed-bar').css(task.failedStyle);
};
}])
@ -676,93 +574,85 @@ function(UpdatePlayStatus, UpdateHostStatus, UpdatePlayChild, AddHostResult, Sel
return function(params) {
var scope = params.scope,
id = params.id,
max_task_id = 0;
scope.plays.forEach(function(play, idx) {
if (play.id === id) {
scope.plays[idx].playActiveClass = 'active';
scope.activePlay = id;
scope.activePlayName = play.name;
}
else {
scope.plays[idx].playActiveClass = '';
}
});
taskIds;
scope.plays[scope.activePlay].playActiveClass = '';
scope.plays[id].playActiveClass = 'active';
scope.activePlay = id;
scope.activePlayName = scope.plays[id].name;
// Select the last task
scope.tasks.forEach(function(task) {
if (task.play_id === scope.activePlay && task.id > max_task_id) {
max_task_id = task.id;
}
});
scope.activeTask = max_task_id;
SelectTask({
scope: scope,
id: max_task_id
});
if (scope.tasks[scope.activePlay]) {
taskIds = Object.keys(scope.tasks[scope.activePlay]);
SelectTask({
scope: scope,
id: taskIds[taskIds.length - 1]
});
}
else {
// Not tasks found, clear the host list
scope.hostResults = [];
}
};
}])
.factory('SelectTask', ['SelectHost', 'GetBasePath', '$routeParams', 'Rest', 'ProcessErrors',
function(SelectHost, GetBasePath, $routeParams, Rest, ProcessErrors) {
.factory('SelectTask', ['LoadHosts', function(LoadHosts) {
return function(params) {
var scope = params.scope,
id = params.id,
callback = params.callback,
url;
scope.tasks.forEach(function(task, idx) {
if (task.id === id) {
scope.tasks[idx].taskActiveClass = 'active';
scope.activeTask = id;
scope.activeTaskName = task.name;
}
else {
scope.tasks[idx].taskActiveClass = '';
}
});
callback = params.callback;
scope.tasks[scope.activePlay][scope.activeTask].taskActiveClass = '';
scope.tasks[scope.activePlay][id].taskActiveClass = 'active';
scope.activeTask = id;
scope.activeTaskName = scope.tasks[scope.activePlay][id].name;
if (callback) {
callback();
}
$('#tasks-table-detail').mCustomScrollbar("update");
setTimeout( function() {
scope.auto_scroll = true;
$('#tasks-table-detail').mCustomScrollbar("scrollTo", "bottom");
}, 700);
// Get current list of hosts from the API
// is the job done? if so, only select hosts for the last task?
LoadHosts({
scope: scope
});
};
}])
.factory('LoadHosts', ['Rest', 'ProcessErrors', 'SelectHost', function(Rest, ProcessErrors, SelectHost) {
return function(params) {
var scope = params.scope,
url;
scope.hostResults = [];
if (id > 0) {
// If we have a selected task, then get the list of hosts
url = GetBasePath('jobs') + $routeParams.id + '/job_events/?parent=' + id + '&';
url += (scope.search_all_hosts_name) ? 'host__name__icontains=' + scope.search_all_hosts_name + '&' : '';
url += (scope.searchAllStatus === 'failed') ? 'failed=true&' : '';
url += 'host__isnull=false&page_size=' + scope.hostTableRows + '&order_by=host__name';
Rest.setUrl(url);
Rest.get()
.success(function(data) {
data.results.forEach(function(row) {
scope.hostResults.push({
id: row.id,
status: ( (row.failed) ? 'failed' : (row.changed) ? 'changed' : 'successful' ),
host_id: row.host,
task_id: row.parent,
name: row.event_data.host,
created: row.created,
msg: ( (row.event_data && row.event_data.res) ? row.event_data.res.msg : '' )
});
// If we have a selected task, then get the list of hosts
url = scope.job.related.job_events + '?parent=' + scope.activeTask + '&';
url += (scope.search_all_hosts_name) ? 'host__name__icontains=' + scope.search_all_hosts_name + '&' : '';
url += (scope.searchAllStatus === 'failed') ? 'failed=true&' : '';
url += 'host__isnull=false&page_size=' + scope.hostTableRows + '&order_by=host__name';
Rest.setUrl(url);
Rest.get()
.success(function(data) {
data.results.forEach(function(event) {
scope.hostResults.push({
id: event.id,
status: ( (event.failed) ? 'failed' : (event.changed) ? 'changed' : 'successful' ),
host_id: event.host,
task_id: event.parent,
name: event.event_data.host,
created: event.created,
msg: ( (event.event_data && event.event_data.res) ? event.event_data.res.msg : '' )
});
SelectHost({ scope: scope });
})
.error(function(data, status) {
ProcessErrors(scope, data, status, null, { hdr: 'Error!',
msg: 'Call to ' + url + '. GET returned: ' + status });
});
}
SelectHost({ scope: scope });
})
.error(function(data, status) {
ProcessErrors(scope, data, status, null, { hdr: 'Error!',
msg: 'Call to ' + url + '. GET returned: ' + status });
});
};
}])
@ -825,7 +715,7 @@ function(UpdatePlayStatus, UpdateHostStatus, UpdatePlayChild, AddHostResult, Sel
color: '#DA4D49'
});
}
// Adjust the size
width = $('#job-summary-container .job_well').width();
height = $('#job-summary-container .job_well').height() - $('#summary-well-top-section').height() - $('#graph-section .header').outerHeight() - 15;
@ -855,7 +745,7 @@ function(UpdatePlayStatus, UpdateHostStatus, UpdatePlayChild, AddHostResult, Sel
host = params.host,
job_id = scope.job_id,
url = GetBasePath('jobs') + job_id + '/job_events/?event__icontains=runner&host_name__icontains=' + host + '&parent__isnull=false';
scope.search_all_tasks = [];
scope.search_all_plays = [];

View File

@ -53,8 +53,10 @@
</div>
<div id="plays-table-detail" aw-custom-scroll class="table-detail">
<div class="row cursor-pointer"
ng-repeat="play in plays | FilterById : search_all_plays | filter:{ status : searchAllStatus}"
ng-repeat="(play_id, play) in plays track by play_id"
ng-class="play.playActiveClass" ng-click="selectPlay(play.id)">
<!-- | FilterById : search_all_plays | filter:{ status : searchAllStatus} -->
<div class="col-lg-1 col-md-1 col-sm-2 hidden-xs">{{ play.created | date: 'HH:mm:ss' }}</div>
<div class="col-lg-1 col-md-1 hidden-sm hidden-xs" aw-tool-tip="Completed at {{ play.finished | date:'HH:mm:ss' }}"
data-placement="top">{{ play.elapsed }}
@ -78,8 +80,9 @@
</div>
</div>
<div id="tasks-table-detail" aw-custom-scroll class="table-detail">
<div class="row cursor-pointer" ng-repeat="task in taskList = (tasks | FilterById : search_all_tasks | filter:{ status : searchAllStatus} | filter:{ play_id: activePlay })" ng-class="task.taskActiveClass"
ng-click="selectTask(task.id)">
<div class="row cursor-pointer" ng-repeat="(task_id, task) in taskList = (tasks[activePlay]) track by task_id" ng-class="task.taskActiveClass" ng-click="selectTask(task.id)">
<!-- = (tasks | FilterById : search_all_tasks | filter:{ status : searchAllStatus} | filter:{ play_id: activePlay }} -->
<div class="col-lg-1 col-md-1 col-sm-2 hidden-xs">{{ task.created | date: 'HH:mm:ss' }}</div>
<div class="col-lg-1 col-md-1 hidden-sm hidden-xs" aw-tool-tip="Completed at {{ task.finished | date:'HH:mm:ss' }}"
data-placement="top">{{ task.elapsed }}
@ -92,7 +95,7 @@
<div class="status-bar"><div class="successful-hosts inner-bar" id="{{ task.id }}-{{ task.play_id }}-successful-bar" aw-tool-tip="Hosts OK" data-placement="top" ng-style="task.successfulStyle">{{ task.successfulCount }}</div><div class="changed-hosts inner-bar" id="{{ task.id }}-{{ task.play_id }}-changed-bar" aw-tool-tip="Hosts Changed" data-placement="top" ng-style="task.changedStyle">{{ task.changedCount }}</div><div class="skipped-hosts inner-bar" id="{{ task.id }}-{{ task.play_id }}-skipped-bar" aw-tool-tip="Hosts Skipped" data-placement="top" ng-style="task.skippedStyle">{{ task.skippedCount }}</div><div class="failed-hosts inner-bar" id="{{ task.id }}-{{ task.play_id }}-failed-bar" aw-tool-tip="Hosts Failed" data-placement="top" ng-style="task.failedStyle">{{ task.failedCount }}</div><div class="no-matching-hosts inner-bar" id="{{ task.id }}-{{ task.play_id }}-no-matching-hosts-bar" aw-tool-tip="No matching hosts were found" data-placement="top" style="width: 100%;" ng-show="task.status === 'no-m atching-hosts'">No matching hosts</div></div>
</div>
</div>
<div class="row" ng-show="taskList.length === 0">
<div class="row" ng-show="!taskList">
<div class="col-lg-12">
<div class="loading-info">No tasks matched</div>
</div>
@ -112,7 +115,8 @@
<div id="hosts-table-detail" aw-custom-scroll data-on-total-scroll="HostDetailOnTotalScroll"
data-on-total-scroll-back="HostDetailOnTotalScrollBack" class="table-detail">
<div id="hosts-table-detail-inner">
<div class="row" ng-repeat="result in results = (hostResults | filter:{ status : searchAllStatus} | filter:{ task_id: activeTask })">
<div class="row" ng-repeat="result in results = (hostResults | filter:{ status : searchAllStatus })">
<!-- ng-repeat="result in results = (hostResults | filter:{ status : searchAllStatus} })" -->
<div class="col-lg-7 col-md-7 col-sm-7 col-xs-7 status-column">
<a href="" ng-click="viewEvent(result.id)" aw-tool-tip="Event Id: {{ result.id }} Status: {{ result.status }}. Click for details" data-placement="top"><i class="fa icon-job-{{ result.status }}"></i> {{ result.name }}</a>
</div>
@ -120,7 +124,7 @@
{{ result.msg }}
</div>
</div>
<div class="row" ng-show="!results || results.length === 0">
<div class="row" ng-show="!results">
<div class="col-lg-12">
<div class="loading-info">No hosts matched</div>
</div>