External-Mirrors/awx
2
0
Fork 0
mirror of https://github.com/ansible/awx.git synced 2026-09-10 05:45:00 -02:30
Code Issues Packages Projects Releases Wiki Activity

Latest job detail page changes. Fixed lookup modal horizontal scroll.

Browse Source
This commit is contained in:
Chris Houseknecht
2014-04-14 00:32:34 -04:00
parent 06cf3a2aec
commit b6dc4047f7
5 changed files with 408 additions and 159 deletions
Download Patch File Download Diff File Expand all files Collapse all files

81
awx/ui/static/partials/job_detail.html
View File

@@ -2,13 +2,13 @@
<div ng-cloak id="htmlTemplate">
<div class="row">
<div class="col-md-12" id="breadcrumbs"></div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<h4>Job Options</h4>
<div class="job_options">
<h5>Options</h5>
<div class="job_options job_well" id="job_options">
<table class="table table-condensed">
<tbody>
<tbody>
<tr ng-show="job_template_url">
<td class="col-md-3 col-sm-2">Job Template</td>
<td><a ng-href="{{ job_template_url }}">{{ job_template_name }}</a></td>
@@ -16,11 +16,11 @@
<tr ng-show="project_url">
<td class="col-md-3 col-sm-2">Project</td>
<td><a ng-href="{{ project_url }}">{{ project_name }}</a></td>
</tr>
</tr>
<tr ng-show="inventory_url">
<td class="col-md-3 col-sm-2">Inventory</td>
<td><a ng-href="{{ inventory_url }}">{{ inventory_name }}</a></td>
</tr>
</tr>
<tr ng-show="playbook">
<td class="col-md-3 col-sm-2">Playbook</td>
<td>{{ playbook }}</td>
@@ -52,29 +52,27 @@
</tbody>
</table>
</div>
<a id="job_options_scroll_down_indicator" href="" aw-scroll-down="job_options" class="scroll-down-indicator">more <i class="fa fa-chevron-circle-down"></i></a>
<a id="job_options_scroll_up_indicator" href="" aw-scroll-up="job_options" class="scroll-up-indicator">more <i class="fa fa-chevron-circle-up"></i></a>
</div>
</div><!-- row -->
<div class="row">
<div class="col-md-6 job-detail-tables">
<h4>Plays</h4>
<div class="job_plays">
<table class="table table-condensed job-detail-table">
<thead>
<tr>
<th class="col-md-1">Status</th>
<th>Name</th>
</tr>
</thead>
<tbody>
<tr ng-repeat="play in plays">
<td><i class="fa icon-job-{{ play.status }}"></i></td>
<td>{{ play.name }}</td>
<td>{{ play.state }}</td>
</tr>
</tbody>
</table>
<h5>Plays</h5>
<div class="job_plays job_well">
<ul>
<li ng-repeat="play in plays">
<i class="fa icon-job-{{ play.status }}"></i> {{play.name }}
<ul ng-show="play.children.length > 0">
<li ng-repeat="child in play.children">
<i class="fa icon-job-{{ child.status }}"></i> {{child.name }}
</li>
</ul>
</li>
</ul>
</div>
<h4>Tasks</h4>
@@ -90,10 +88,9 @@
<tr ng-repeat="task in tasks">
<td><i class="fa icon-job-{{ task.status }}"></i></td>
<td>{{ task.name }}</td>
<td>{{ task.state }}</td>
</tr>
</tbody>
</table>
</table>
</div>
<h4>Hosts</h4>
@@ -101,22 +98,20 @@
<table class="table table-condensed job-detail-table">
<thead>
<tr>
<th class="col-md-1">Status</th>
<th>Name</th>
<th>OK</th>
<th>Changed</th>
<th>Unreachable</th>
<th>Failed</th>
<th class="text-center">OK</th>
<th class="text-center">Changed</th>
<th class="text-center">Unreachable</th>
<th class="text-center">Failed</th>
</tr>
</thead>
<tbody>
<tr ng-repeat="host in hosts">
<td><i class="fa icon-job-{{ task.status }}"></i></td>
<td>{{ host.name }}</td>
<td>{{ host.ok }}</td>
<td>{{ host.changed }}</td>
<td>{{ host.unreachable }}</td>
<td>{{ host.failed }}</td>
<td class="text-center">{{ host.ok }}</td>
<td class="text-center">{{ host.changed }}</td>
<td class="text-center">{{ host.unreachable }}</td>
<td class="text-center">{{ host.failed }}</td>
</tr>
</tbody>
</table>
@@ -127,17 +122,3 @@
</div>
</div>