External-Mirrors/awx
2
0
Fork 0
mirror of https://github.com/ansible/awx.git synced 2026-03-01 16:58:46 -03:30
Code Issues Packages Projects Releases Wiki Activity

Use event record with output template

Browse Source
This commit is contained in:
gconsidine
2017-12-06 13:10:43 -05:00
committed by Jake McDermott
parent 6f7841a920
commit dbf1fd2d4f
1 changed files with 59 additions and 58 deletions
Download Patch File Download Diff File Expand all files Collapse all files

117
awx/ui/client/features/output/index.controller.js
View File

@@ -25,11 +25,11 @@ const TIME_EVENTS = [
]; ];
function JobsIndexController (job, _$sce_, _$timeout_, _$scope_, _$compile_) { function JobsIndexController (job, _$sce_, _$timeout_, _$scope_, _$compile_) {
ansi = new Ansi();
$timeout = _$timeout_; $timeout = _$timeout_;
$sce = _$sce_; $sce = _$sce_;
$compile = _$compile_; $compile = _$compile_;
$scope = _$scope_; $scope = _$scope_;
ansi = new Ansi();
const vm = this || {}; const vm = this || {};
const events = job.get('related.job_events.results'); const events = job.get('related.job_events.results');
@@ -73,103 +73,104 @@ function parseLine (event) {
const { stdout } = event; const { stdout } = event;
const lines = stdout.split('\r\n'); const lines = stdout.split('\r\n');
let eventLn = event.start_line; let eventLine = event.start_line;
let ln = event.start_line + 1; let displayLine = event.start_line + 1;
if (lines[0] === '') { if (lines[0] === '') {
ln++; displayLine++;
} }
record[ln] = { record[displayLine] = {
line: ln, line: displayLine,
id: event.id, id: event.id,
uuid: event.uuid, uuid: event.uuid,
level: event.event_level, level: event.event_level,
start: event.start_line, start: event.start_line,
end: event.end_line, end: event.end_line,
isTruncated: (event.end_line - event.start_line) > lines.length isTruncated: (event.end_line - event.start_line) > lines.length,
}; };
if (record[ln].isTruncated) { if (record[displayLine].isTruncated) {
record[ln].truncatedAt = event.start_line + lines.length; record[displayLine].truncatedAt = event.start_line + lines.length;
} }
if (EVENT_GROUPS.includes(event.event)) { if (EVENT_GROUPS.includes(event.event)) {
record[ln].parent = true; record[displayLine].isParent = true;
} }
const current = record[ln]; if (TIME_EVENTS.includes(event.event)) {
record[displayLine].time = getTime(event.created);
}
const current = record[displayLine];
return lines.reduce((html, line, i) => { return lines.reduce((html, line, i) => {
eventLn++; eventLine++;
const time = getTime(event, i);
const group = getGroup(event, i);
const isLastLine = i === lines.length - 1; const isLastLine = i === lines.length - 1;
let append = createRow(eventLine, line, current);
if (current.isTruncated && isLastLine) { if (current.isTruncated && isLastLine) {
return `${html}${createRow(eventLn, line, time, group)}${createTruncatedRow(event.id)}`; append += createRow();
} }
return `${html}${createRow(eventLn, line, time, group)}`; return `${html}${append}`;
}, ''); }, '');
} }
function createTruncatedRow (id) { function createRow (ln, content, current) {
return `
<tr class="${id}">
<td class="at-Stdout-toggle"></td>
<td class="at-Stdout-line text-center">...</td>
<td class="at-Stdout-event"></td>
<td class="at-Stdout-time"></td>
</tr>`;
}
function createRow (ln, content, time, group) {
content = hasAnsi(content) ? ansi.toHtml(content) : content;
let expand = ''; let expand = '';
if (group.parent) { let timestamp = '';
expand = '<i class="fa fa-chevron-down can-toggle"></i>'; let toggleRow = '';
let classList = '';
content = content || '';
if (hasAnsi(content)) {
content = ansi.toHtml(content);
}
if (current) {
if (current.line === ln) {
if (current.isParent) {
expand = '<i class="fa fa-chevron-down can-toggle"></i>';
toggleRow = `<td class="at-Stdout-toggle" ng-click="vm.toggle(${ln})">${expand}</td>`;
}
if (current.time) {
timestamp = current.time;
}
} else {
classList += `child-of-${current.line}`;
}
}
if (!toggleRow) {
toggleRow = '<td class="at-Stdout-toggle"></td>';
}
if (!ln) {
ln = '...';
} }
return ` return `
<tr class="${group.classList}"> <tr class="${classList}">
<td class="at-Stdout-toggle" ng-click="vm.toggle(${group.id})">${expand}</td> ${toggleRow}
<td class="at-Stdout-line">${ln}</td> <td class="at-Stdout-line">${ln}</td>
<td class="at-Stdout-event">${content}</td> <td class="at-Stdout-event">${content}</td>
<td class="at-Stdout-time">${time}</td> <td class="at-Stdout-time">${timestamp}</td>
</tr>`; </tr>`;
} }
function getGroup (event, i) { function getTime (created) {
const group = {}; const date = new Date(created);
if (EVENT_GROUPS.includes(event.event) && i === 1) {
group.parent = true;
group.classList = `parent parent-${event.event_level}`;
group.id = i;
} else {
group.classList = '';
}
group.level = event.event_level;
return group;
}
function getTime (event, i) {
if (!TIME_EVENTS.includes(event.event) || i !== 1) {
return '';
}
const date = new Date(event.created);
return `${date.getHours()}:${date.getMinutes()}:${date.getSeconds()}`; return `${date.getHours()}:${date.getMinutes()}:${date.getSeconds()}`;
} }
function toggle (id) { function toggle (line) {
console.log(id); const lines = document.getElementsByClassName(`child-of-${line}`);
console.log(lines);
} }
JobsIndexController.$inject = ['job', '$sce', '$timeout', '$scope', '$compile']; JobsIndexController.$inject = ['job', '$sce', '$timeout', '$scope', '$compile'];