From 61a8a658d289615e5c1baf445bf9dfa79f4280e4 Mon Sep 17 00:00:00 2001
From: Dominik Csapak <d.csapak@proxmox.com>
Date: Wed, 15 Apr 2020 09:56:43 +0200
Subject: [PATCH] fix #2680: make Quarantine E-Mail list searchable

using an explicit load on time change and queryMode 'local', we can
enable typeAhead (and related settings) to let the user type in an email
which will be autocompleted by the loaded list.

Signed-off-by: Dominik Csapak <d.csapak@proxmox.com>
---
 js/QuarantineList.js | 26 +++++++++-----------------
 1 file changed, 9 insertions(+), 17 deletions(-)

diff --git a/js/QuarantineList.js b/js/QuarantineList.js
index a35eefa..25749ab 100644
--- a/js/QuarantineList.js
+++ b/js/QuarantineList.js
@@ -142,10 +142,8 @@ Ext.define('PMG.QuarantineList', {
 		return;
 	    }
 
-	    // the combobox does not know anything about the extraparams
-	    // so we disable queryCaching until we expand (and query) again
-	    combobox.queryCaching = false;
 	    combobox.getStore().getProxy().setExtraParams(params);
+	    combobox.getStore().load();
 
 	    me.load();
 	},
@@ -164,11 +162,6 @@ Ext.define('PMG.QuarantineList', {
 	    me.load();
 	},
 
-	setQueryCaching: function() {
-	    this.lookupReference('email').queryCaching = true;
-	},
-
-
 	savePosition: function(grid, selected, eopts) {
 	    if (!selected.length) {
 		return;
@@ -189,11 +182,7 @@ Ext.define('PMG.QuarantineList', {
 		selectionchange: 'savePosition'
 	    },
 	    'combobox[reference=email]': {
-		change: {
-		    fn: 'changeEmail',
-		    buffer: 500
-		},
-		expand: 'setQueryCaching'
+		change: 'changeEmail',
 	    },
 	    datefield: {
 		change: {
@@ -257,11 +246,14 @@ Ext.define('PMG.QuarantineList', {
 			}
 		    ]
 		},
-		queryParam: false,
-		queryCaching: false,
-		editable: false,
+		queryMode: 'local',
+		editable: true,
+		typeAhead: true,
+		forceSelection: true,
+		autoSelect: true,
+		anyMatch: true,
+		selectOnFocus: true,
 		reference: 'email',
-		name: 'email',
 		fieldLabel: 'E-Mail'
 	    }
 	]