[pmg-devel] [PATCH pmg-gui] dashboard: implement columns browser setting

Dominik Csapak d.csapak at proxmox.com
Tue Feb 27 11:38:25 CET 2024


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

Signed-off-by: Dominik Csapak <d.csapak at proxmox.com>
---
 js/Dashboard.js | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/js/Dashboard.js b/js/Dashboard.js
index 9c51734..b536cb2 100644
--- 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',
     },
-- 
2.30.2





More information about the pmg-devel mailing list