[jb] Harmonize fields of job listing
@@ -157,8 +157,8 @@ ${ commonheader("Job Browser", "jobbrowser", user, request) | n,unicode }
<!-- ko ifnot: jobs.loadingJobs() -->
<!-- ko if: $root.isMini -->
<ul class="unstyled" id="jobsTable" data-bind="foreach: jobs.apps">
- <li class="status-border" data-bind="css: {'completed': apiStatus() == 'SUCCEEDED', 'running': isRunning(), 'failed': apiStatus() == 'FAILED'}, attr:{ 'title': status }, click: fetchJob">
- <span class="muted pull-left" data-bind="momentFromNow: {data: submitted, interval: 10000, titleFormat: 'LLL'}"></span></td>
+ <li class="status-border pointer" data-bind="css: {'completed': apiStatus() == 'SUCCEEDED', 'running': isRunning(), 'failed': apiStatus() == 'FAILED'}, click: fetchJob">
+ <span class="muted pull-left" data-bind="momentFromNow: {data: submitted, interval: 10000, titleFormat: 'LLL'}"></span><span data-bind="text: status"></span></td>
<span class="muted pull-right" data-bind="text: duration().toHHMMSS()"></span>
<div class="clearfix"></div>
<strong class="pull-left" data-bind="text: type"></strong>
@@ -176,27 +176,29 @@ ${ commonheader("Job Browser", "jobbrowser", user, request) | n,unicode }
<thead>
<tr>
<th width="1%"><div class="select-all hueCheckbox fa" data-bind="hueCheckAll: { allValues: jobs.apps, selectedValues: jobs.selectedJobs }"></div></th>
- <th>${_('Duration')}</th>
- <th>${_('Started')}</th>
- <th>${_('Type')}</th>
- <th>${_('Progress')}</th>
- <th>${_('Name')}</th>
- <th>${_('User')}</th>
- <th>${_('Id')}</th>
+ <th width="15%">${_('Id')}</th>
+ <th width="20%">${_('Name')}</th>
+ <th width="3%">${_('Duration')}</th>
+ <th width="10%">${_('Started')}</th>
+ <th width="7%">${_('Type')}</th>
+ <th width="5%">${_('Status')}</th>
+ <th width="5%">${_('Progress')}</th>
+ <th width="10%">${_('User')}</th>
</tr>
</thead>
<tbody data-bind="foreach: jobs.apps">
- <tr class="status-border" data-bind="css: {'completed': apiStatus() == 'SUCCEEDED', 'running': isRunning(), 'failed': apiStatus() == 'FAILED'}, attr:{ 'title': status }, click: fetchJob">
+ <tr class="status-border pointer" data-bind="css: {'completed': apiStatus() == 'SUCCEEDED', 'running': isRunning(), 'failed': apiStatus() == 'FAILED'}, click: fetchJob">
<td>
<div class="hueCheckbox fa" data-bind="click: function() {}, clickBubble: false, multiCheck: '#jobsTable', value: $data, hueChecked: $parent.jobs.selectedJobs"></div>
</td>
+ <td data-bind="text: id"></td>
+ <td data-bind="text: name"></td>
<td data-bind="text: duration().toHHMMSS()"></td>
<td data-bind="moment: {data: submitted, format: 'LLL'}"></td>
<td data-bind="text: type"></td>
+ <td data-bind="text: status"></td>
<td data-bind="text: progress"></td>
- <td data-bind="text: name"></td>
<td data-bind="text: user"></td>
- <td data-bind="text: id"></td>
</tr>
</tbody>
</table>
