ad9d1625a6
we showed 'last month' even if we did not limit the api call implement that and make the number of days configurable (we have most of the code already available for that, since the base dashboard got copied from pmg and never cleaned up) Signed-off-by: Dominik Csapak <d.csapak@proxmox.com>
103 lines
1.9 KiB
JavaScript
103 lines
1.9 KiB
JavaScript
Ext.define('PBS.TaskSummary', {
|
|
extend: 'Ext.panel.Panel',
|
|
alias: 'widget.pbsTaskSummary',
|
|
|
|
title: gettext('Task Summary'),
|
|
|
|
controller: {
|
|
xclass: 'Ext.app.ViewController',
|
|
|
|
render_icon: function(state, count) {
|
|
let cls = 'question';
|
|
let color = 'faded';
|
|
switch (state) {
|
|
case "error":
|
|
cls = "times-circle";
|
|
color = "critical";
|
|
break;
|
|
case "warning":
|
|
cls = "exclamation-circle";
|
|
color = "warning";
|
|
break;
|
|
case "ok":
|
|
cls = "check-circle";
|
|
color = "good";
|
|
break;
|
|
default: break;
|
|
}
|
|
|
|
if (count < 1) {
|
|
color = "faded";
|
|
}
|
|
cls += " " + color;
|
|
return `<i class="fa fa-${cls}"></i>`;
|
|
},
|
|
|
|
render_count: function(value, md, record, rowindex, colindex) {
|
|
let me = this;
|
|
let icon = me.render_icon(me.states[colindex], value);
|
|
return `${icon} ${value}`;
|
|
},
|
|
},
|
|
|
|
updateTasks: function(data) {
|
|
let me = this;
|
|
data.backup.type = gettext('Backups');
|
|
data.prune.type = gettext('Prunes');
|
|
data.garbage_collection.type = gettext('Garbage collections');
|
|
data.sync.type = gettext('Syncs');
|
|
me.lookup('grid').getStore().setData([
|
|
data.backup,
|
|
data.prune,
|
|
data.garbage_collection,
|
|
data.sync,
|
|
]);
|
|
},
|
|
|
|
layout: 'fit',
|
|
bodyPadding: 15,
|
|
minHeight: 166,
|
|
|
|
// we have to wrap the grid in a panel to get the padding right
|
|
items: [
|
|
{
|
|
xtype: 'grid',
|
|
reference: 'grid',
|
|
hideHeaders: true,
|
|
border: false,
|
|
bodyBorder: false,
|
|
rowLines: false,
|
|
viewConfig: {
|
|
stripeRows: false,
|
|
trackOver: false,
|
|
},
|
|
scrollable: false,
|
|
disableSelection: true,
|
|
|
|
store: {
|
|
data: [],
|
|
},
|
|
|
|
columns: [
|
|
{
|
|
dataIndex: 'type',
|
|
flex: 1,
|
|
},
|
|
{
|
|
dataIndex: 'error',
|
|
renderer: 'render_count',
|
|
},
|
|
{
|
|
dataIndex: 'warning',
|
|
renderer: 'render_count',
|
|
},
|
|
{
|
|
dataIndex: 'ok',
|
|
renderer: 'render_count',
|
|
},
|
|
],
|
|
},
|
|
],
|
|
|
|
});
|