From 49259e3588a47f226df864a4fcd4291304be4b20 Mon Sep 17 00:00:00 2001
From: jaredevantabor <jtabor@ansible.com>
Date: Tue, 13 Dec 2016 16:26:29 -0800
Subject: [PATCH] adding explanation to left hand panel

---
 .../src/job-results/job-results.controller.js    |  4 +++-
 .../src/job-results/job-results.partial.html     | 16 +++++++++++++---
 2 files changed, 16 insertions(+), 4 deletions(-)

diff --git a/awx/ui/client/src/job-results/job-results.controller.js b/awx/ui/client/src/job-results/job-results.controller.js
index ce92fb95f7..adfe541bc4 100644
--- a/awx/ui/client/src/job-results/job-results.controller.js
+++ b/awx/ui/client/src/job-results/job-results.controller.js
@@ -85,7 +85,9 @@ export default ['jobData', 'jobDataOptions', 'jobLabels', 'jobFinished', 'count'
         jobData.summary_fields.source_workflow_job.id){
             $scope.workflow_result_link = `/#/workflows/${jobData.summary_fields.source_workflow_job.id}`;
     }
-
+    if(jobData.result_traceback) {
+        $scope.job.result_traceback = jobData.result_traceback.trim().split('\n').join('<br />');
+    }
     // use options labels to manipulate display of details
     getTowerLabels();
 
diff --git a/awx/ui/client/src/job-results/job-results.partial.html b/awx/ui/client/src/job-results/job-results.partial.html
index 340d4b1ca5..4b2d8be6ea 100644
--- a/awx/ui/client/src/job-results/job-results.partial.html
+++ b/awx/ui/client/src/job-results/job-results.partial.html
@@ -85,14 +85,24 @@
                         </div>
                     </div>
 
+                    <!-- EXPLANATION DETAIL -->
+                    <div class="JobResults-resultRow"
+                        ng-show="job.job_explanation">
+                        <label class="JobResults-resultRowLabel">
+                            Explanation
+                        </label>
+                        <div class="JobResults-resultRowText">
+                            {{job.job_explanation}}
+                        </div>
+                    </div>
+
                     <!-- RESULTS TRACEBACK DETAIL -->
                     <div class="JobResults-resultRow"
                         ng-show="job.result_traceback">
                         <label class="JobResults-resultRowLabel">
                             Results Traceback
                         </label>
-                        <div class="JobResults-resultRowText
-                            job_status_traceback"
+                        <div class="JobResults-resultRowText"
                             ng-bind-html="job.result_traceback">
                         </div>
                     </div>
@@ -410,7 +420,7 @@
                                 <i class="fa fa-question-circle">
                                 </i>
                             </a>
-                        </div> -->
+                        </div>
 
                     <!-- </div> -->