External-Mirrors/awx
2
0
Fork 0
mirror of https://github.com/ansible/awx.git synced 2026-04-11 21:19:22 -02:30
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #4394 from jaredevantabor/workflow-results-labels

Browse Source 
making labels collapsible on workflow-results
This commit is contained in:
Jared Tabor
2016-12-12 14:41:31 -08:00
committed by GitHub
parent b7f469baab e2ea73aa35
commit d81bd9647e
2 changed files with 35 additions and 5 deletions
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.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.panChart = function(direction) {
$scope.$broadcast('panWorkflowChart', { $scope.$broadcast('panWorkflowChart', {
direction: direction direction: direction

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

@@ -147,11 +147,27 @@
<!-- LABELS DETAIL --> <!-- LABELS DETAIL -->
<div class="WorkflowResults-resultRow" <div class="WorkflowResults-resultRow"
ng-show="labels && labels.length > 0"> ng-show="labels && labels.length > 0">
<label class="WorkflowResults-resultRowLabel <div class="WorkflowResults-resultRow">
WorkflowResults-resultRowLabel--fullWidth"> <a class="WorkflowResults-resultRowLabel
Labels WorkflowResults-resultRowLabel--fullWidth"
</label> ng-show="lessLabels"
<div class="LabelList 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
WorkflowResults-resultRowText--fullWidth"> WorkflowResults-resultRowText--fullWidth">
<div ng-repeat="label in labels" <div ng-repeat="label in labels"
@@ -164,6 +180,8 @@
</div> </div>
</div> </div>
</div> </div>
<!-- end of labels-->
</div> </div>
</div> </div>