better formating and UI of task viewer and task list

[TaskList]:
* format task date on the same node as the title. If space isn't
  there, the date goes on it's own line.
* Truncate output of task status to a maximum of 160 characters to
  fix formating, also the list should only give an overview.
* set list flex to 1, this fixes height and scrolling issues
* Put affected node and status on a own line.

[TaskViewer]
* Only show task status, the exit status is in the log below,
  also some long statuses break this page completely.

Signed-off-by: Thomas Lamprecht <t.lamprecht@proxmox.com>
This commit is contained in:
Thomas Lamprecht 2015-09-23 17:54:46 +02:00 committed by Dietmar Maurer
parent c1e3105369
commit b981d33e6f
2 changed files with 12 additions and 7 deletions

View File

@ -9,8 +9,7 @@ Ext.define('PVE.TaskListBase', {
},
{
xtype: 'list',
//flex: 1,
height: 800,
flex: 1,
disableSelection: true,
listeners: {
itemsingletap: function(list, index, target, record) {
@ -19,12 +18,18 @@ Ext.define('PVE.TaskListBase', {
}
},
itemTpl: [
'<small>{starttime:date("M d H:i:s")} - {endtime:date("M d H:i:s")}</small><br>',
'{[this.desc(values)]}<br>',
'<small>node: {node} Status: {status}</small>',
'<div style="vertical-align: middle;">' +
'<span>{[this.desc(values)]}</span>',
'<span style=" font-size:small; float: right;">' +
'{starttime:date("M d H:i:s")} - {endtime:date("H:i:s")}' +
'</span></div>',
'<small>node: {node}<br /> Status: {[this.status(values)]}</small>',
{
desc: function(values) {
return PVE.Utils.format_task_description(values.type, values.id);
},
status: function(values) {
return Ext.String.ellipsis(values.status, 160);
}
}
]
@ -74,7 +79,7 @@ Ext.define('PVE.ClusterTaskList', {
},
config: {
baseUrl: '/cluster/tasks',
baseUrl: '/cluster/tasks'
},
initialize: function() {

View File

@ -89,7 +89,7 @@ Ext.define('PVE.TaskViewer', {
var d = response.result.data;
var kv = [];
kv.push({ key: gettext('Status'), value: d.exitstatus || d.status });
kv.push({ key: gettext('Taskstatus'), value: d.status });
kv.push({ key: gettext('Node'), value: d.node });
kv.push({ key: gettext('User'), value: d.user });
kv.push({ key: gettext('Starttime'), value: PVE.Utils.render_timestamp(d.starttime) });