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

Adjust styling of inventory popovers

Browse Source
This commit is contained in:
Greg Considine
2017-03-15 16:20:30 -04:00
parent 1c266b6ab5
commit 978b0d200e
2 changed files with 23 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
awx/ui/client/src/inventories/inventories.block.less Normal file
View File

@@ -0,0 +1,18 @@
.Inventories {}
.Inventories--popover-table {
margin-bottom: 0;
& > thead > tr > th,
& > tbody > tr > td {
padding-left: 0;
}
}
.Inventories--popover-content {
padding: 10px;
}
.Inventories--popover-title {
padding: 10px 0 0 10px;
}

8
awx/ui/client/src/inventories/list/inventory-list.controller.js
View File

@@ -102,8 +102,10 @@ function InventoriesList($scope, $rootScope, $location, $log,
elem.removeAttr('ng-click'); elem.removeAttr('ng-click');
$compile(elem)($scope); $compile(elem)($scope);
$scope.triggerPopover(event); $scope.triggerPopover(event);
}
$('.popover-content').addClass('Inventories Inventories--popover-content');
$('.popover-title').addClass('Inventories Inventories--popover-title');
}
if ($scope.removeHostSummaryReady) { if ($scope.removeHostSummaryReady) {
$scope.removeHostSummaryReady(); $scope.removeHostSummaryReady();
} }
@@ -112,7 +114,7 @@ function InventoriesList($scope, $rootScope, $location, $log,
var html, title = "Recent Jobs"; var html, title = "Recent Jobs";
Wait('stop'); Wait('stop');
if (data.count > 0) { if (data.count > 0) {
html = "<table class=\"table table-condensed flyout\" style=\"width: 100%\">\n"; html = "<table class=\"Inventories table table-condensed flyout Inventories--popover-table\" style=\"width: 100%\">\n";
html += "<thead>\n"; html += "<thead>\n";
html += "<tr>"; html += "<tr>";
html += "<th>Status</th>"; html += "<th>Status</th>";
@@ -125,7 +127,7 @@ function InventoriesList($scope, $rootScope, $location, $log,
data.results.forEach(function(row) { data.results.forEach(function(row) {
html += "<tr>\n"; html += "<tr>\n";
html += "<td><a href=\"#/jobs/" + row.id + "\" " + "aw-tool-tip=\"" + row.status.charAt(0).toUpperCase() + row.status.slice(1) + html += "<td><a href=\"#/jobs/" + row.id + "\" " + "aw-tool-tip=\"" + row.status.charAt(0).toUpperCase() + row.status.slice(1) +
". Click for details\" aw-tip-placement=\"top\"><i class=\"fa icon-job-" + row.status + "\"></i></a></td>\n"; ". Click for details\" aw-tip-placement=\"top\"><i class=\"fa SmartStatus-tooltip--" + row.status + " icon-job-" + row.status + "\"></i></a></td>\n";
html += "<td>" + ($filter('longDate')(row.finished)).replace(/ /,'<br />') + "</td>"; html += "<td>" + ($filter('longDate')(row.finished)).replace(/ /,'<br />') + "</td>";
html += "<td><a href=\"#/jobs/" + row.id + "\" " + "aw-tool-tip=\"" + row.status.charAt(0).toUpperCase() + row.status.slice(1) + html += "<td><a href=\"#/jobs/" + row.id + "\" " + "aw-tool-tip=\"" + row.status.charAt(0).toUpperCase() + row.status.slice(1) +
". Click for details\" aw-tip-placement=\"top\">" + $filter('sanitize')(ellipsis(row.name)) + "</a></td>"; ". Click for details\" aw-tip-placement=\"top\">" + $filter('sanitize')(ellipsis(row.name)) + "</a></td>";