[pve-devel] [PATCH manager 3/4] add a storage selection in the settings window

[Dominik Csapak]

this will be used to filter the dashboard storage graph to the selected
storages, so that one can choose which storages are relevant

e.g. if you have one nfs server with multiple exports (on the same filesystem),
you only want to count it once

Signed-off-by: Dominik Csapak <d.csapak at proxmox.com>
---
 www/manager6/window/Settings.js | 76 ++++++++++++++++++++++++++++++++++++++++-
 1 file changed, 75 insertions(+), 1 deletion(-)

diff --git a/www/manager6/window/Settings.js b/www/manager6/window/Settings.js
index d7b37e3..e5d8d6a 100644
--- a/www/manager6/window/Settings.js
+++ b/www/manager6/window/Settings.js
@@ -35,7 +35,7 @@ Ext.define('PVE.window.Settings', {
 	    },
 	    'button[name=reset]': {
 		click: function () {
-		    var blacklist = ['GuiCap', 'login-username'];
+		    var blacklist = ['GuiCap', 'login-username', 'dash-storages'];
 		    var sp = Ext.state.Manager.getProvider();
 		    var state;
 		    for (state in sp.state) {
@@ -60,6 +60,42 @@ Ext.define('PVE.window.Settings', {
 		    usernamefield.setValue(PVE.Utils.noneText);
 		    sp.clear('login-username');
 		}
+	    },
+	    'grid[reference=dashboard-storages]': {
+		selectionchange: function(grid, selected) {
+		    var me = this;
+		    var sp = Ext.state.Manager.getProvider();
+
+		    // saves the selected storageids as
+		    // "id1,id2,id3,..."
+		    // or clears the variable
+		    if (selected.length > 0) {
+			sp.set('dash-storages',
+			    Ext.Array.pluck(selected, 'id').join(','));
+		    } else {
+			sp.clear('dash-storages');
+		    }
+		},
+		afterrender: function(grid) {
+		    var me = grid;
+		    var sp = Ext.state.Manager.getProvider();
+		    var store = me.getStore();
+		    var items = [];
+		    me.suspendEvent('selectionchange');
+		    var storages = sp.get('dash-storages') || '';
+		    storages.split(',').forEach(function(storage){
+			// we have to get the records
+			// to be able to select them
+			if (storage !== '') {
+			    var item = store.getById(storage);
+			    if (item) {
+				items.push(item);
+			    }
+			}
+		    });
+		    me.getSelectionModel().select(items);
+		    me.resumeEvent('selectionchange');
+		}
 	    }
 	}
     },
@@ -79,6 +115,44 @@ Ext.define('PVE.window.Settings', {
 	    items: [
 		{
 		    xtype: 'displayfield',
+		    fieldLabel: gettext('Dashboard Storages'),
+		    labelAlign: 'left',
+		    labelWidth: '50%'
+		},
+		{
+		    xtype: 'grid',
+		    maxHeight: 150,
+		    reference: 'dashboard-storages',
+		    selModel: {
+			selType: 'checkboxmodel'
+		    },
+		    columns: [{
+			header: gettext('Name'),
+			dataIndex: 'storage',
+			flex: 1
+		    },{
+			header: gettext('Node'),
+			dataIndex: 'node',
+			flex: 1
+		    }],
+		    store: {
+			type: 'diff',
+			field: ['type', 'storage', 'id', 'node'],
+			rstore: PVE.data.ResourceStore,
+			filters: [{
+			    property: 'type',
+			    value: 'storage'
+			}],
+			sorters: [ 'node','storage']
+		    }
+		},
+		{
+		    xtype: 'box',
+		    autoEl: { tag: 'hr'}
+		},
+		{
+		    xtype: 'displayfield',
 		    fieldLabel: gettext('Saved User name'),
 		    labelAlign: 'left',
 		    labelWidth: '50%',
-- 
2.1.4