dashboard: implement columns browser setting

like we do it e.g. for the node status

Signed-off-by: Dominik Csapak <d.csapak@proxmox.com>

diff --git a/js/Dashboard.js b/js/Dashboard.js
index 9c51734b4ce0db27b6992a25fa597643b3959ceb..b536cb242420fe1b20a6b2b9239ebf92657f6951 100644 (file)
--- a/js/Dashboard.js
+++ b/js/Dashboard.js
@@ -186,9 +186,20 @@ Ext.define('PMG.Dashboard', {
            var sp = Ext.state.Manager.getProvider();
            var hours = sp.get('dashboard-hours') || 12;
            me.setHours(hours, false);
+
+           view.mon(sp, 'statechange', function(provider, key, value) {
+               if (key !== 'summarycolumns') {
+                   return;
+               }
+               Proxmox.Utils.updateColumnWidth(view);
+           });
        },
     },
 
+    listeners: {
+       resize: panel => Proxmox.Utils.updateColumnWidth(panel),
+    },
+
     viewModel: {
        data: {
            timespan: 300, // in seconds
@@ -322,7 +333,7 @@ Ext.define('PMG.Dashboard', {
     bodyPadding: '20 0 0 20',
 
     defaults: {
-       columnWidth: 0.5,
+       columnWidth: 1,
        xtype: 'panel',
        margin: '0 20 20 0',
     },