102 lines
2.2 KiB
JavaScript
102 lines
2.2 KiB
JavaScript
|
Ext.define('pve-rrd-datastore', {
|
||
|
|
extend: 'Ext.data.Model',
|
||
|
|
fields: [
|
||
|
|
'used',
|
||
|
|
'total',
|
||
|
|
'read_ios',
|
||
|
|
'read_bytes',
|
||
|
|
'read_ticks',
|
||
|
|
'write_ios',
|
||
|
|
'write_bytes',
|
||
|
|
'write_ticks',
|
||
|
|
{
|
||
|
|
name: 'read_delay', calculate: function(data) {
|
||
|
|
if (data.read_ios === undefined || data.read_ios === 0 || data.read_ticks == undefined) {
|
||
|
|
return undefined;
|
||
|
|
}
|
||
|
|
return (data.read_ticks*1000)/data.read_ios;
|
||
|
|
}
|
||
|
|
},
|
||
|
|
{
|
||
|
|
name: 'write_delay', calculate: function(data) {
|
||
|
|
if (data.write_ios === undefined || data.write_ios === 0 || data.write_ticks == undefined) {
|
||
|
|
return undefined;
|
||
|
|
}
|
||
|
|
return (data.write_ticks*1000)/data.write_ios;
|
||
|
|
}
|
||
|
|
},
|
||
|
|
{ type: 'date', dateFormat: 'timestamp', name: 'time' }
|
||
|
|
]
|
||
|
|
});
|
||
|
|
|
||
|
|
Ext.define('PBS.DataStoreStatistic', {
|
||
|
|
extend: 'Ext.panel.Panel',
|
||
|
|
alias: 'widget.pbsDataStoreStatistic',
|
||
|
|
|
||
|
|
title: gettext('Statistics'),
|
||
|
|
|
||
|
|
scrollable: true,
|
||
|
|
|
||
|
|
initComponent: function() {
|
||
|
|
var me = this;
|
||
|
|
|
||
|
|
if (!me.datastore) {
|
||
|
|
throw "no datastore specified";
|
||
|
|
}
|
||
|
|
|
||
|
|
me.tbar = [ '->', { xtype: 'proxmoxRRDTypeSelector' } ];
|
||
|
|
|
||
|
|
var rrdstore = Ext.create('Proxmox.data.RRDStore', {
|
||
|
|
rrdurl: "/api2/json/admin/datastore/" + me.datastore + "/rrd",
|
||
|
|
model: 'pve-rrd-datastore'
|
||
|
|
});
|
||
|
|
|
||
|
|
me.items = {
|
||
|
|
xtype: 'container',
|
||
|
|
itemId: 'itemcontainer',
|
||
|
|
layout: 'column',
|
||
|
|
minWidth: 700,
|
||
|
|
defaults: {
|
||
|
|
minHeight: 320,
|
||
|
|
padding: 5,
|
||
|
|
columnWidth: 1
|
||
|
|
},
|
||
|
|
items: [
|
||
|
|
{
|
||
|
|
xtype: 'proxmoxRRDChart',
|
||
|
|
title: gettext('Storage usage'),
|
||
|
|
fields: ['total','used'],
|
||
|
|
fieldTitles: [gettext('Total'), gettext('Storage usage')],
|
||
|
|
store: rrdstore
|
||
|
|
},
|
||
|
|
{
|
||
|
|
xtype: 'proxmoxRRDChart',
|
||
|
|
title: gettext('IOPS'),
|
||
|
|
fields: ['read_ios','write_ios'],
|
||
|
|
fieldTitles: [gettext('Read IOPS'), gettext('Write IOPS')],
|
||
|
|
store: rrdstore
|
||
|
|
},
|
||
|
|
{
|
||
|
|
xtype: 'proxmoxRRDChart',
|
||
|
|
title: gettext('Delay'),
|
||
|
|
fields: ['read_delay','write_delay'],
|
||
|
|
fieldTitles: [gettext('Read delay'), gettext('Write delay')],
|
||
|
|
store: rrdstore
|
||
|
|
},
|
||
|
|
]
|
||
|
|
};
|
||
|
|
|
||
|
|
me.listeners = {
|
||
|
|
activate: function() {
|
||
|
|
rrdstore.startUpdate();
|
||
|
|
},
|
||
|
|
destroy: function() {
|
||
|
|
rrdstore.stopUpdate();
|
||
|
|
},
|
||
|
|
};
|
||
|
|
|
||
|
|
me.callParent();
|
||
|
|
}
|
||
|
|
|
||
|
|
});
|