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

making labels section collapsible on job results

Browse Source
This commit is contained in:
jaredevantabor 2016-11-29 14:44:27 -08:00
parent 0bde7bf920
commit 9dcd6d52af
3 changed files with 42 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
awx/ui/client/src/job-results/job-results.block.less
View File

@ -94,6 +94,15 @@
width: 100%; width: 100%;
} }
.JobResults-expandArrow {
color: #D7D7D7;
font-size: 14px;
font-weight: bold;
margin-right: 10px;
text-transform: uppercase;
margin-left: 10px;
}
.JobResults-resultRowText--revision{ .JobResults-resultRowText--revision{
font-family: monospace; font-family: monospace;
} }

12
awx/ui/client/src/job-results/job-results.controller.js
View File

@ -86,6 +86,18 @@ export default ['jobData', 'jobDataOptions', 'jobLabels', 'jobFinished', 'count'
jobResultsService.relaunchJob($scope); jobResultsService.relaunchJob($scope);
}; };
$scope.lessLabels = false;
$scope.toggleLessLabels = function() {
if (!$scope.lessLabels) {
$('#job-results-labels').slideUp(200);
$scope.lessLabels = true;
}
else {
$('#job-results-labels').slideDown(200);
$scope.lessLabels = false;
}
};
// get initial count from resolve // get initial count from resolve
$scope.count = count.val; $scope.count = count.val;
$scope.hostCount = getTotalHostCount(count.val); $scope.hostCount = getTotalHostCount(count.val);

26
awx/ui/client/src/job-results/job-results.partial.html
View File

@ -305,11 +305,27 @@
<!-- LABELS DETAIL --> <!-- LABELS DETAIL -->
<div class="JobResults-resultRow" <div class="JobResults-resultRow"
ng-show="labels && labels.length > 0"> ng-show="labels && labels.length > 0">
<label class="JobResults-resultRowLabel <div class="JobResults-resultRow">
JobResults-resultRowLabel--fullWidth"> <a class="JobResults-resultRowLabel
Labels JobResults-resultRowLabel--fullWidth"
</label> ng-show="lessLabels"
<div class="LabelList href=""
ng-click="toggleLessLabels()">
Labels
<i class="JobResults-expandArrow
fa fa-caret-right"></i>
</a>
<a class="JobResults-resultRowLabel
JobResults-resultRowLabel--fullWidth"
ng-show="!lessLabels"
href=""
ng-click="toggleLessLabels()">
Labels
<i class="JobResults-expandArrow
fa fa-caret-down"></i>
</a>
</div>
<div id="job-results-labels" class="LabelList
JobResults-resultRowText JobResults-resultRowText
JobResults-resultRowText--fullWidth"> JobResults-resultRowText--fullWidth">
<div ng-repeat="label in labels" <div ng-repeat="label in labels"