recordsansible/ara
Code Issues Proposed changes

UI: Re-order result columns when viewing playbook details

Browse Source 
This moves the more important information on the left.

Change-Id: I0be9519ff1171432ff716b2b50edb95dd24da399
This commit is contained in:
David Moreau Simard 2020-06-15 12:06:02 -04:00
parent 6318d8e005
commit c60d8b194d
No known key found for this signature in database
GPG Key ID: 7D4729EC4E64E8B7
1 changed files with 13 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
ara/ui/templates/playbook.html
View File

@ -105,15 +105,15 @@
<thead> <thead>
<tr role="row"> <tr role="row">
<th role="columnheader" scope="col" class="pf-m-fit-content">Status</th> <th role="columnheader" scope="col" class="pf-m-fit-content">Status</th>
<th role="columnheader" scope="col" class="pf-m-fit-content"> <th role="columnheader" scope="col">Host</th>
Date <th role="columnheader" scope="col">Task</th>
</th> <th role="columnheader" scope="col">Action</th>
<th role="columnheader" scope="col" class="pf-m-fit-content"> <th role="columnheader" scope="col" class="pf-m-fit-content">
Duration Duration
</th> </th>
<th role="columnheader" scope="col">Task</th> <th role="columnheader" scope="col" class="pf-m-fit-content">
<th role="columnheader" scope="col">Action</th> Date
<th role="columnheader" scope="col">Host</th> </th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
@ -124,11 +124,8 @@
<td role="cell" data-label="Status" class="pf-c-table__icon pf-m-fit-content"> <td role="cell" data-label="Status" class="pf-c-table__icon pf-m-fit-content">
{% include "partials/result_status_icon.html" with status=result.status %} {% include "partials/result_status_icon.html" with status=result.status %}
</td> </td>
<td role="cell" data-label="Date" class="pf-m-fit-content"> <td role="cell" data-label="Host" class="pf-m-fit-content">
{{ result.started | format_date }} {{ result.host.name }}
</td>
<td role="cell" data-label="Duration" class="pf-m-fit-content">
{{ result.duration | format_duration }}
</td> </td>
<td role="cell" data-label="Name" class="pf-m-fit-content"> <td role="cell" data-label="Name" class="pf-m-fit-content">
<a href="../result/{{ result.id }}.html">{{ task.name }}</a> <a href="../result/{{ result.id }}.html">{{ task.name }}</a>
@ -136,8 +133,11 @@
<td role="cell" data-label="Action" class="pf-m-fit-content"> <td role="cell" data-label="Action" class="pf-m-fit-content">
<a href="../file/{{ task.file.id }}.html#{{ task.lineno }}">{{ task.action }}</a> <a href="../file/{{ task.file.id }}.html#{{ task.lineno }}">{{ task.action }}</a>
</td> </td>
<td role="cell" data-label="Host" class="pf-m-fit-content"> <td role="cell" data-label="Duration" class="pf-m-fit-content">
{{ result.host.name }} {{ result.duration | format_duration }}
</td>
<td role="cell" data-label="Date" class="pf-m-fit-content">
{{ result.started | format_date }}
</td> </td>
</tr> </tr>
{% endfor %} {% endfor %}