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

highlight entire row on hover

Browse Source
This commit is contained in:
Jake McDermott 2018-11-05 20:04:16 -05:00
parent 0c2b1b7747
commit 76e887f46d
No known key found for this signature in database
GPG Key ID: 9A6F084352C3A0B7
2 changed files with 16 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
awx/ui/client/features/output/_index.less
View File

@ -72,11 +72,19 @@
&-row {
display: flex;
&:hover {
background-color: white;
}
&:hover div {
background-color: white;
}
}
&-row--clickable {
cursor: pointer;
}
&-toggle {
background-color: @at-gray-eb;
color: @at-gray-848992;
@ -112,12 +120,6 @@
.at-mixin-event();
}
&-event--host {
.at-mixin-event();
cursor: pointer;
}
&-time {
padding-right: 2ch;
font-size: 12px;

14
awx/ui/client/features/output/render.service.js
View File

@ -347,6 +347,7 @@ function JobRenderService ($q, $compile, $sce, $window) {
let tdToggle = '';
let tdEvent = '';
let classList = '';
let directives = '';
if (record.isMissing) {
return `<div id="${record.uuid}" class="at-Stdout-row">
@ -373,10 +374,6 @@ function JobRenderService ($q, $compile, $sce, $window) {
tdToggle = `<div class="at-Stdout-toggle" ng-click="vm.toggleCollapse('${id}')"><i class="fa ${icon} can-toggle"></i></div>`;
}
if (record.isClickable) {
tdEvent = `<div class="at-Stdout-event--host" ng-click="vm.showHostDetails('${record.id}', '${record.uuid}')"><span ng-non-bindable>${content}</span></div>`;
}
if (record.time && record.line === ln) {
timestamp = `<span>${record.time}</span>`;
}
@ -404,11 +401,16 @@ function JobRenderService ($q, $compile, $sce, $window) {
}
}
if (record && record.isClickable) {
classList += ' at-Stdout-row--clickable';
directives = `ng-click="vm.showHostDetails('${record.id}', '${record.uuid}')"`;
}
return `
<div id="${id}" class="at-Stdout-row ${classList}">
<div id="${id}" class="at-Stdout-row ${classList}" ${directives}>
${tdToggle}
<div class="at-Stdout-line">${ln}</div>
${tdEvent}
<div class="at-Stdout-event"><span ng-non-bindable>${content}</span></div>
<div class="at-Stdout-time">${timestamp}</div>
</div>`;
};