fix #5106: ui: ceph status: make column wrap the summary text on expand

[pve-manager.git] / www / manager6 / ceph / Status.js

diff --git a/www/manager6/ceph/Status.js b/www/manager6/ceph/Status.js
index ab8823276a1197587164d6976f7ebf54d64faccf..32be91ac74461c37f2627443e02ec9e52bc5b3d6 100644 (file)
--- a/www/manager6/ceph/Status.js
+++ b/www/manager6/ceph/Status.js
@@ -82,6 +82,16 @@ Ext.define('PVE.node.CephStatus', {
                    stateId: 'ceph-status-warnings',
                    viewConfig: {
                        enableTextSelection: true,
+                           listeners: {
+                               collapsebody: function(rowNode, record) {
+                                   record.set('expanded', false);
+                                   record.commit();
+                               },
+                               expandbody: function(rowNode, record) {
+                                   record.set('expanded', true);
+                                   record.commit();
+                               },
+                           },
                    },
                    // we load the store manually, to show an emptyText specify an empty intermediate store
                    store: {
@@ -139,6 +149,12 @@ Ext.define('PVE.node.CephStatus', {
                        {
                            dataIndex: 'summary',
                            header: gettext('Summary'),
+                           renderer: function(value, metaData, record, rI, cI, store, view) {
+                               if (record.get('expanded')) {
+                                   metaData.tdCls = 'pmx-column-wrapped';
+                               }
+                               return value;
+                           },
                            flex: 1,
                        },
                        {