From adbe2d182fc0b61431880858ec5edc469f0a9d0c Mon Sep 17 00:00:00 2001
From: Chris Houseknecht <chouse@ansible.com>
Date: Wed, 13 Aug 2014 19:16:37 -0400
Subject: [PATCH] Job detail page Added support for the garbled playbook:
 https://trello.com/c/UA2oIdhd/284-needs-to-be-a-better-indication-when-a-play-is-failed-due-to-syntax-issue-without-events

---
 awx/ui/static/js/controllers/JobDetail.js | 6 ++++++
 awx/ui/static/partials/job_detail.html    | 2 +-
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/awx/ui/static/js/controllers/JobDetail.js b/awx/ui/static/js/controllers/JobDetail.js
index 7ce40b93c9..8c4df8edcd 100644
--- a/awx/ui/static/js/controllers/JobDetail.js
+++ b/awx/ui/static/js/controllers/JobDetail.js
@@ -435,6 +435,12 @@ function JobDetailController ($location, $rootScope, $scope, $compile, $routePar
                         scope.activePlay = data.results[0].id;
                     }
                     scope.selectedPlay = scope.activePlay;
+                } else {
+                    // if we are here, there are no plays and the job has failed, let the user know they may want to consult stdout
+                    if (scope.job_status.status === 'failed' || scope.job_status.status === 'error' &&
+                        (!scope.job_status.explanation)) {
+                        scope.job_status.explanation = "<a href=\"/#/jobs/" + scope.job_id + "/stdout\" target=\"_blank\">View stdout for more detail</a>";
+                    }
                 }
                 data.results.forEach(function(event, idx) {
                     var status, status_text, start, end, elapsed, ok, changed, failed, skipped;
diff --git a/awx/ui/static/partials/job_detail.html b/awx/ui/static/partials/job_detail.html
index 97f9cc7389..e1d402e5c4 100644
--- a/awx/ui/static/partials/job_detail.html
+++ b/awx/ui/static/partials/job_detail.html
@@ -32,7 +32,7 @@
                         <div class="form-group">
                             <label class="col-lg-2 col-md-2 col-sm-2 col-xs-3 control-label">Status</label>
                             <div class="col-lg-2 col-md-3 col-sm-4 col-xs-4"><i class="fa icon-job-{{ job_status.status }}"></i> {{ job_status.status }}</div>
-                            <div class="col-lg-8 col-md-7 col-sm-6 col-xs-5">{{ job_status.explanation }}</div>
+                            <div class="col-lg-8 col-md-7 col-sm-6 col-xs-5" ng-bind-html="job_status.explanation"></div>
                         </div>
 
                         <div class="form-group">