From e2ea73aa35fe62b4629229921f6fb28dc1253274 Mon Sep 17 00:00:00 2001
From: jaredevantabor <jtabor@ansible.com>
Date: Mon, 12 Dec 2016 11:18:22 -0800
Subject: [PATCH] making labels collapsible on workflow-results

to match the job results page
---
 .../workflow-results.controller.js            | 12 ++++++++
 .../workflow-results.partial.html             | 28 +++++++++++++++----
 2 files changed, 35 insertions(+), 5 deletions(-)

diff --git a/awx/ui/client/src/workflow-results/workflow-results.controller.js b/awx/ui/client/src/workflow-results/workflow-results.controller.js
index 3a375324a9..58dfc3a92f 100644
--- a/awx/ui/client/src/workflow-results/workflow-results.controller.js
+++ b/awx/ui/client/src/workflow-results/workflow-results.controller.js
@@ -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
diff --git a/awx/ui/client/src/workflow-results/workflow-results.partial.html b/awx/ui/client/src/workflow-results/workflow-results.partial.html
index 5923bf8132..ac04b114e8 100644
--- a/awx/ui/client/src/workflow-results/workflow-results.partial.html
+++ b/awx/ui/client/src/workflow-results/workflow-results.partial.html
@@ -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>