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

making labels collapsible on workflow-results

Browse Source 
to match the job results page
This commit is contained in:
jaredevantabor 2016-12-12 11:18:22 -08:00
parent 8b8c29b9dc
commit e2ea73aa35
2 changed files with 35 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -121,6 +121,18 @@ export default ['workflowData',
$scope.showManualControls = !$scope.showManualControls;
};
$scope.lessLabels = false;
$scope.toggleLessLabels = function() {
if (!$scope.lessLabels) {
$('#workflow-results-labels').slideUp(200);
$scope.lessLabels = true;
}
else {
$('#workflow-results-labels').slideDown(200);
$scope.lessLabels = false;
}
};
$scope.panChart = function(direction) {
$scope.$broadcast('panWorkflowChart', {
direction: direction

28
awx/ui/client/src/workflow-results/workflow-results.partial.html
View File

@ -147,11 +147,27 @@
<!-- LABELS DETAIL -->
<div class="WorkflowResults-resultRow"
ng-show="labels && labels.length > 0">
<label class="WorkflowResults-resultRowLabel
WorkflowResults-resultRowLabel--fullWidth">
Labels
</label>
<div class="LabelList
<div class="WorkflowResults-resultRow">
<a class="WorkflowResults-resultRowLabel
WorkflowResults-resultRowLabel--fullWidth"
ng-show="lessLabels"
href=""
ng-click="toggleLessLabels()">
Labels
<i class="WorkflowResults-expandArrow
fa fa-caret-right"></i>
</a>
<a class="WorkflowResults-resultRowLabel
WorkflowResults-resultRowLabel--fullWidth"
ng-show="!lessLabels"
href=""
ng-click="toggleLessLabels()">
Labels
<i class="WorkflowResults-expandArrow
fa fa-caret-down"></i>
</a>
</div>
<div id="workflow-results-labels" class="LabelList
WorkflowResults-resultRowText
WorkflowResults-resultRowText--fullWidth">
<div ng-repeat="label in labels"
@ -164,6 +180,8 @@
</div>
</div>
</div>
<!-- end of labels-->
</div>
</div>