ui: eslint: fix trailing comma and comma related whitespaces errors

[pve-manager.git] / www / manager6 / storage / Summary.js

diff --git a/www/manager6/storage/Summary.js b/www/manager6/storage/Summary.js
index 3b3d86b42fdaa5f6f7c8e175712d6e8de37f467a..f131d3ce3b24ae3c3624fd6817d8bbfa17389763 100644 (file)
--- a/www/manager6/storage/Summary.js
+++ b/www/manager6/storage/Summary.js
@@ -2,17 +2,20 @@ Ext.define('PVE.storage.Summary', {
     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;
 
@@ -26,32 +29,37 @@ Ext.define('PVE.storage.Summary', {
            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 rrdurl = "/api2/png/nodes/" + nodename + "/storage/" + storage + "/rrd";
+       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: 'pveRRDView',
-                   title: gettext('Usage'),
+                   xtype: 'pveStorageStatusView',
                    pveSelNode: me.pveSelNode,
-                   datasource: 'total,used',
-                   rrdurl: rrdurl
-               }
-           ]
+                   rstore: rstore,
+               },
+               {
+                   xtype: 'proxmoxRRDChart',
+                   title: gettext('Usage'),
+                   fields: ['total', 'used'],
+                   fieldTitles: ['Total Size', 'Used Size'],
+                   store: rrdstore,
+               },
+           ],
+           listeners: {
+               activate: function() { rstore.startUpdate(); rrdstore.startUpdate(); },
+               destroy: function() { rstore.stopUpdate(); rrdstore.stopUpdate(); },
+           },
        });
 
-       me.on('activate', rstore.startUpdate);
-       me.on('hide', rstore.stopUpdate);
-       me.on('destroy', rstore.stopUpdate);
-
        me.callParent();
-    }
+    },
 });