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

Inventory refactoring: fixed toggle icon styling. Now job events and inventory group trees use .node-toggle to style collapse/expand icon. Fixed regex issue in Children helper.

Browse Source
This commit is contained in:
Chris Houseknecht 2014-01-08 17:11:36 +00:00
parent e581650dbb
commit 255dead521
4 changed files with 12 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
awx/ui/static/js/controllers/JobEvents.js
View File

@ -132,7 +132,7 @@ function JobEventsList ($scope, $rootScope, $location, $log, $routeParams, Rest,
set[i].event_display = set[i].event_display.replace(/^\u00a0*/g,'');
if (set[i].event_level < 3 ) {
set[i]['ngclick'] = "toggleChildren(" + set[i].id + ", \"" + set[i].related.children + "\")";
set[i]['ngicon'] = 'fa fa-minus-square-o';
set[i]['ngicon'] = 'fa fa-minus-square-o node-toggle';
set[i]['class'] = 'parentNode';
}
else {

6
awx/ui/static/js/helpers/Children.js
View File

@ -20,7 +20,7 @@ angular.module('ChildrenHelper', ['RestServices', 'Utilities'])
var set = scope[list.name]; // set is now a pointer to scope[list.name]
function expand(node) {
set[node]['ngicon'] = 'fa fa-minus-square-o';
set[node]['ngicon'] = 'fa fa-minus-square-o node-toggle';
for (var i = node + 1; i < set.length; i++) {
if (set[i].parent == set[node].id) {
set[i]['show'] = true;
@ -32,7 +32,7 @@ angular.module('ChildrenHelper', ['RestServices', 'Utilities'])
}
function collapse(node) {
set[node]['ngicon'] = 'fa fa-plus-square-o';
set[node]['ngicon'] = 'fa fa-plus-square-o node-toggle';
for (var i = node + 1; i < set.length; i++) {
if (set[i].parent == set[node].id) {
set[i]['show'] = false;
@ -53,7 +53,7 @@ angular.module('ChildrenHelper', ['RestServices', 'Utilities'])
}
}
// Expand or collapse children based on clicked element's icon
if (set[clicked]['ngicon'] == 'fa fa-plus-square-o') {
if (/plus-square-o/.test(set[clicked]['ngicon'])) {
// Expand: lookup and display children
expand(clicked);
}

17
awx/ui/static/less/ansible-ui.less
View File

@ -1003,8 +1003,13 @@ input[type="checkbox"].checkbox-no-label {
font-weight: bold;
}
.inv-group-toggle {
margin-right: 3px;
.node-toggle {
/* also used on job evetns */
float: none;
padding-top: 3px;
padding-left: 0;
margin-right: 5px;
margin-left: 0;
}
.disabled {
@ -1062,14 +1067,6 @@ a.btn-disabled:hover {
/* job_events syles */
#jobevents_table tr td i {
float: none;
padding-top: 3px;
padding-left: 0;
margin-right: 5px;
margin-left: 0;
}
#jobevents_table .actions i {
padding-top: 0;
margin-right: 0;

2
awx/ui/static/lib/ansible/InventoryTree.js
View File

@ -209,7 +209,7 @@ angular.module('InventoryTree', ['Utilities', 'RestServices', 'GroupsHelper'])
source: sorted[i].summary_fields.inventory_source.source,
group_id: sorted[i].id,
event_level: level,
ngicon: (sorted[i].children.length > 0) ? 'fa fa-minus-square-o inv-group-toggle' : null,
ngicon: (sorted[i].children.length > 0) ? 'fa fa-minus-square-o node-toggle' : null,
ngclick: 'toggle(' + id + ')',
related: {
children: (sorted[i].children.length > 0) ? sorted[i].related.children : '',