shaba/awx
1
0
Fork 0
mirror of https://github.com/ansible/awx.git synced 2024-11-01 16:51:11 +03:00
Code Releases Activity

Job detail page refactor

Browse Source 
Latest DOM update changes and fixes
This commit is contained in:
Chris Houseknecht 2014-06-19 18:16:54 -04:00
parent e29a158bec
commit 44da2f5cf8
2 changed files with 48 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

35
awx/ui/static/js/controllers/JobDetail.js
View File

@ -82,6 +82,8 @@ function JobDetailController ($rootScope, $scope, $compile, $routeParams, $log,
data.status === 'error' || data.status === 'successful') {
$log.debug('Job completed!');
$log.debug(scope.jobData);
window.clearInterval($rootScope.jobDetailInterval);
UpdateDOM({ scope: scope });
}
}
});
@ -94,6 +96,7 @@ function JobDetailController ($rootScope, $scope, $compile, $routeParams, $log,
var url;
Wait('stop');
if (JobIsFinished(scope)) {
UpdateDOM({ scope: scope });
url = scope.job.related.job_events + '?event=playbook_on_stats';
Rest.setUrl(url);
Rest.get()
@ -207,20 +210,19 @@ function JobDetailController ($rootScope, $scope, $compile, $routeParams, $log,
var play = scope.jobData.plays[scope.activePlay], url;
url = scope.job.url + 'job_tasks/?event_id=' + play.id;
url += '&page_size=' + scope.tasksMaxRows + '&order_by=-id';
url += '&page_size=' + scope.tasksMaxRows + '&order_by=id';
Rest.setUrl(url);
Rest.get()
.success(function(data) {
var idx, end, elapsed, event;
if (data.results.length > 0) {
lastEventId = data.results[0].id;
scope.activeTask = data.results[0].id;
lastEventId = data.results[data.results.length - 1].id;
scope.activeTask = data.results[data.results.length - 1].id;
}
for (idx=data.results.length - 1; idx >= 0; idx--) {
event = data.results[idx];
data.results.forEach(function(event, idx) {
var end, elapsed;
if (play.firstTask === null) {
if (!play.firstTask) {
play.firstTask = event.id;
play.hostCount = (event.host_count) ? event.host_count : 0;
}
@ -266,7 +268,7 @@ function JobDetailController ($rootScope, $scope, $compile, $routeParams, $log,
scope: scope,
task_id: event.id
});
}
});
scope.jobData.plays[scope.activePlay].tasks[scope.activeTask].taskActiveClass = 'active';
scope.$emit('LoadHosts');
})
@ -295,17 +297,18 @@ function JobDetailController ($rootScope, $scope, $compile, $routeParams, $log,
scope.jobData.plays = {};
var url = scope.job.url + 'job_plays/?order_by=id';
url += '&page_size=' + scope.playsMaxRows + '&order_by=-id';
url += '&page_size=' + scope.playsMaxRows + '&order_by=id';
Rest.setUrl(url);
Rest.get()
.success( function(data) {
var idx, event, status, start, end, elapsed;
if (data.length > 0) {
scope.activePlay = data[0].id;
if (data.results.length > 0) {
lastEventId = data.results[data.results.length - 1].id;
scope.activePlay = data.results[data.results.length - 1].id;
}
for (idx=data.length - 1; idx >= 0; idx--) {
event = data[idx];
data.results.forEach(function(event, idx) {
var status, start, end, elapsed;
status = (event.failed) ? 'failed' : (event.changed) ? 'changed' : 'successful';
start = event.started;
@ -336,6 +339,7 @@ function JobDetailController ($rootScope, $scope, $compile, $routeParams, $log,
elapsed: elapsed,
hostCount: 0,
fistTask: null,
playActiveClass: '',
tasks: {}
};
@ -345,6 +349,9 @@ function JobDetailController ($rootScope, $scope, $compile, $routeParams, $log,
scope.host_summary.failed += (data.failed_count) ? data.failed_count : 0;
scope.host_summary.total = scope.host_summary.ok + scope.host_summary.changed +
scope.host_summary.unreachable + scope.host_summary.failed;
});
if (scope.activePlay) {
scope.jobData.plays[scope.activePlay].playActiveClass = 'active';
}
scope.$emit('LoadTasks', events_url);
//scope.$emit('FixPlaysScroll');

43
awx/ui/static/js/helpers/JobDetail.js
View File

@ -95,8 +95,10 @@ function($rootScope, $log, UpdatePlayStatus, UpdateHostStatus, AddHostResult, Ge
};
if (scope.activePlay) {
scope.jobData.plays[scope.activePlay].tasks = {};
scope.jobData.plays[scope.activePlay].playActiveClass = '';
}
scope.activePlay = event.id;
scope.jobData.plays[scope.activePlay].playActiveClass = 'active';
break;
case 'playbook_on_setup':
@ -940,7 +942,7 @@ function($rootScope, $log, UpdatePlayStatus, UpdateHostStatus, AddHostResult, Ge
idx = 0,
result = [],
keys = Object.keys(scope.jobData.plays);
keys.reverse();
keys.sort();
while (idx < keys.length && idx < scope.playsMaxRows) {
result.push(scope.jobData.plays[keys[idx]]);
idx++;
@ -954,11 +956,14 @@ function($rootScope, $log, UpdatePlayStatus, UpdateHostStatus, AddHostResult, Ge
var scope = params.scope,
result = [],
idx = 0,
keys;
if (scope.activePlay) {
keys = Object.keys(scope.jobData.plays[scope.activePlay].tasks);
keys.reverse();
while (idx < keys.length && idx < scope.tasksMaxRows) {
result.push(scope.jobData.plays[scope.activePlay].tasks[keys[idx]]);
idx++;
keys.sort();
while (idx < keys.length && idx < scope.tasksMaxRows) {
result.push(scope.jobData.plays[scope.activePlay].tasks[keys[idx]]);
idx++;
}
}
scope.tasks = result;
};
@ -969,20 +974,26 @@ function($rootScope, $log, UpdatePlayStatus, UpdateHostStatus, AddHostResult, Ge
var scope = params.scope,
result = [],
idx = 0,
hostResults = scope.jobData.plays[scope.activePlay].tasks[scope.activeTask].hostResults,
hostResults,
keys;
if (scope.activePlay && scope.activeTask) {
hostResults = scope.jobData.plays[scope.activePlay].tasks[scope.activeTask].hostResults;
keys = Object.keys(hostResults);
keys.sort(function(a,b) {
if (hostResults[a].name < hostResults[b].name)
return 1;
if (hostResults[a].name > hostResults[b].name)
return -1;
// a must be equal to b
return 0;
});
keys.sort(function(a,b) {
if (hostResults[a].name > hostResults[b].name)
return 1;
if (hostResults[a].name < hostResults[b].name)
return -1;
// a must be equal to b
return 0;
});
while (idx < keys.length && idx < scope.hostResultsMaxRows) {
result.push(scope.jobData.plays[scope.activePlay].tasks[scope.activeTask].hostsResults[keys[idx]]);
while (idx < keys.length && idx < scope.hostResultsMaxRows) {
result.push(scope.jobData.plays[scope.activePlay].tasks[scope.activeTask].hostResults[keys[idx]]);
idx++;
}
}
scope.hostResults = result;
};