extend: 'Ext.panel.Panel',
alias: 'widget.pveStorageSummary',
scrollable: true,
- bodyPadding: 10,
- defaults: {
- style: {'padding-top':'10px'},
- width: 800
- },
+ bodyPadding: 5,
tbar: [
'->',
{
- xtype: 'pveRRDTypeSelector'
- }
+ xtype: 'proxmoxRRDTypeSelector',
+ },
],
+ layout: {
+ type: 'column',
+ },
+ defaults: {
+ padding: 5,
+ columnWidth: 1,
+ },
initComponent: function() {
var me = this;
throw "no storage ID specified";
}
- var statusview = Ext.create('PVE.storage.StatusView', {
- pveSelNode: me.pveSelNode,
- style: {'padding-top':'0px'}
+ var rstore = Ext.create('Proxmox.data.ObjectStore', {
+ url: "/api2/json/nodes/" + nodename + "/storage/" + storage + "/status",
+ interval: 1000,
});
- var rstore = statusview.rstore;
-
- var rrdstore = Ext.create('PVE.data.RRDStore', {
- rrdurl: "/api2/json/nodes/" + nodename + "/storage/" + storage + "/rrddata"
+ var rrdstore = Ext.create('Proxmox.data.RRDStore', {
+ rrdurl: "/api2/json/nodes/" + nodename + "/storage/" + storage + "/rrddata",
+ model: 'pve-rrd-storage',
});
Ext.apply(me, {
items: [
- statusview,
{
- xtype: 'pveRRDChart',
+ xtype: 'pveStorageStatusView',
+ pveSelNode: me.pveSelNode,
+ rstore: rstore,
+ },
+ {
+ xtype: 'proxmoxRRDChart',
title: gettext('Usage'),
- fields: ['total','used'],
+ fields: ['total', 'used'],
fieldTitles: ['Total Size', 'Used Size'],
- store: rrdstore
- }
+ store: rrdstore,
+ },
],
listeners: {
activate: function() { rstore.startUpdate(); rrdstore.startUpdate(); },
- destroy: function() { rstore.stopUpdate(); rrdstore.stopUpdate(); }
- }
+ destroy: function() { rstore.stopUpdate(); rrdstore.stopUpdate(); },
+ },
});
me.callParent();
- }
+ },
});