From 97f9ebf5ea15114da2de9d0035a8e6a58ff38c03 Mon Sep 17 00:00:00 2001
From: Chris Houseknecht <chouse@ansible.com>
Date: Wed, 9 Jul 2014 18:46:30 -0400
Subject: [PATCH] Job detail page re-refactor Added icons for host editing.
 Just need to wire-in the dialog and supporting stuff.

---
 awx/ui/static/partials/job_detail.html | 16 +++++++++++-----
 1 file changed, 11 insertions(+), 5 deletions(-)

diff --git a/awx/ui/static/partials/job_detail.html b/awx/ui/static/partials/job_detail.html
index f7c90f1daf..6a462a4626 100644
--- a/awx/ui/static/partials/job_detail.html
+++ b/awx/ui/static/partials/job_detail.html
@@ -233,10 +233,11 @@
                                         <tr ng-repeat="result in results = (hostResults) track by $index" ng-click="viewHostResults(result.id)">
                                             <td class="col-lg-1 col-md-1 col-sm1 colxs-2 status-column"><a href="" aw-tool-tip="Event ID: {{ result.id }}<br \>Status: {{ result.status_text }}. Click for details" data-placement="top"><i ng-show="result.status_text != 'Unreachable'" class="fa icon-job-{{ result.status }}"></i><i ng-show="result.status_text == 'Unreachable'" class="fa icon-job-unreachable"></i></a></td>
                                             <td class="col-lg-6 col-md-6 col-sm-6 col-xs-6 status-column"><a href="" aw-tool-tip="Event ID: {{ result.id }}<br \>Status: {{ result.status_text }}. Click for details" data-placement="top">{{ result.name }}</a></td>
-                                            <td class="col-lg-5 col-md-5 col-sm-5 col-xs-4">{{ result.msg }}</td>
+                                            <td class="col-lg-4 col-md-4 col-sm-4 col-xs-3">{{ result.msg }}</td>
+                                            <td class="col-lg-1 col-md-1 col-sm-1 col-xs-1"><a href="" aw-tool-tip="Edit host" data-placement="top"><i class="fa fa-pencil"></i></a></td>
                                         </tr>
                                         <tr ng-show="results.length === 0">
-                                            <td colspan="3" class="col-lg-12 loading-info">No matching hosts</td>
+                                            <td colspan="4" class="col-lg-12 loading-info">No matching hosts</td>
                                         </tr>
                                     </tbody>
                                 </table>
@@ -294,7 +295,11 @@
                             <div class="table-header">
                                 <table class="table table-condensed">
                                     <thead>
-                                        <tr><th class="col-lg-6 col-md-6 col-sm-6 col-xs-6">Host</th><th class="col-lg-6 col-md-6 col-sm-6 col-xs-6">Completed Tasks</th></tr>
+                                        <tr>
+                                            <th class="col-lg-6 col-md-6 col-sm-6 col-xs-6">Host</th>
+                                            <th class="col-lg-5 col-md-5 col-sm-5 col-xs-5">Completed Tasks</th>
+                                            <th class="col-lg-1 col-md-1 col-sm-1 col-xs-1"></th>
+                                        </tr>
                                     </thead>
                                 </table>
                             </div>
@@ -302,12 +307,13 @@
                                 <table class="table table-condensed">
                                     <tbody>
                                         <tr ng-repeat="host in summaryList = (hosts) track by $index" id="{{ host.id }}">
-                                            <td class="name col-lg-6 col-md-6 col-sm-6 col-xs-6"><a href="" ng-click="hostEventsViewer(host.id, host.name)" aw-tool-tip="View all events for this host" data-placement="top">{{ host.name }}</a></td>
-                                            <td class="col-lg-6 col-md-6 col-sm-6 col-xs-6 badge-column">
+                                            <td class="name col-lg-6 col-md-6 col-sm-6 col-xs-6"><a href="" ng-click="hostEventsViewer(host.id, host.name)" aw-tool-tip="View all events" data-placement="top">{{ host.name }}</a></td>
+                                            <td class="col-lg-5 col-md-5 col-sm-5 col-xs-5 badge-column">
                                                 <a href="" ng-click="hostEventsViewer(host.id, host.name, 'ok')" aw-tool-tip="OK" data-placement="top" ng-hide="host.ok == 0"><span class="badge successful-hosts">{{ host.ok }}</span></a>
                                                 <a href="" ng-click="hostEventsViewer(host.id, host.name, 'changed')" aw-tool-tip="Changed" data-placement="top" ng-hide="host.changed == 0"><span class="badge changed-hosts">{{ host.changed }}</span></a>
                                                 <a href="" ng-click="hostEventsViewer(host.id, host.name, 'unreachable')" aw-tool-tip="Unreachable" data-placement="top" ng-hide="host.unreachable == 0"><span class="badge unreachable-hosts">{{ host.unreachable }}</span></a>
                                                 <a href="" ng-click="hostEventsViewer(host.id, host.name, 'failed')" aw-tool-tip="Failed" data-placement="top" ng-hide="host.failed == 0"><span class="badge failed-hosts">{{ host.failed }}</span></a></td>
+                                            <td class="col-lg-1 col-md-1 col-sm-1 col-xs-1"><a href="" aw-tool-tip="Edit host" data-placement="top"><i class="fa fa-pencil"></i></a></td>
                                         </tr>
                                         <tr ng-show="summaryList.length === 0">
                                             <td colspan="2" class="col-lg-12 loading-info">No matching hosts</td>