gui: let users choose the number of columns

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

diff --git a/www/manager6/dc/Summary.js b/www/manager6/dc/Summary.js
index c7bfe07a1dd54dad4ea279fbd0d8812022bb8228..5e613eb11743f04bb11aceff420c199f0e630364 100644 (file)
--- a/www/manager6/dc/Summary.js
+++ b/www/manager6/dc/Summary.js
@@ -10,15 +10,7 @@ Ext.define('PVE.dc.Summary', {
 
     defaults: {
        padding: 5,
-       plugins: 'responsive',
-       responsiveConfig: {
-           'width < 1900': {
-               columnWidth: 1
-           },
-           'width >= 1900': {
-               columnWidth: 0.5
-           }
-       }
+       columnWidth: 1,
     },
 
     items: [
@@ -81,6 +73,12 @@ Ext.define('PVE.dc.Summary', {
        }
     ],
 
+    listeners: {
+       resize: function(panel) {
+           PVE.Utils.updateColumns(panel);
+       },
+    },
+
     initComponent: function() {
         var me = this;
 
@@ -231,7 +229,7 @@ Ext.define('PVE.dc.Summary', {
        me.mon(rstore, 'load', function(store, records, success) {
            var i;
            var level;
-           var curlevel;
+           var mixed = false;
            for (i = 0; i < records.length; i++) {
                if (records[i].get('type') !== 'node') {
                    continue;
@@ -241,23 +239,17 @@ Ext.define('PVE.dc.Summary', {
                    continue;
                }
 
-               curlevel = node.get('level');
+               var curlevel = node.get('level');
 
-               // no subscription, set and break
-               if (curlevel === '') {
+               if (curlevel === '') { // no subscription trumps all, set and break
                    level = '';
                    break;
                }
 
-               // save level
-               if (level === undefined) {
+               if (level === undefined) { // save level
                    level = curlevel;
-                   continue;
-               }
-
-               // detect different levels
-               if (level !== curlevel) {
-                   break;
+               } else if (level !== curlevel) { // detect different levels
+                   mixed = true;
                }
            }
 
@@ -273,7 +265,7 @@ Ext.define('PVE.dc.Summary', {
                    text: gettext('You have at least one node without subscription.')
                };
                subs.setUserCls('pointer');
-           } else if (level !== curlevel) {
+           } else if (mixed) {
                data = {
                    title: gettext('Mixed Subscriptions'),
                    iconCls: PVE.Utils.get_health_icon('warning', true),
@@ -296,6 +288,13 @@ Ext.define('PVE.dc.Summary', {
            rstore.stopUpdate();
        });
 
+       me.mon(sp, 'statechange', function(provider, key, value) {
+           if (key !== 'summarycolumns') {
+               return;
+           }
+           PVE.Utils.updateColumns(me);
+       });
+
        rstore.startUpdate();
     }