From e0d291378eccdad5055e7f20eb75b671f8819862 Mon Sep 17 00:00:00 2001
From: Roland Gruber <post@rolandgruber.de>
Date: Sun, 31 May 2015 08:03:00 +0000
Subject: [PATCH] support filter for NIS net groups

---
 lam/lib/html.inc                    | 17 +++++++++++++++-
 lam/lib/modules/nisNetGroupUser.inc |  9 +++++++++
 lam/templates/lib/500_lam.js        | 30 +++++++++++++++++++++++++++++
 3 files changed, 55 insertions(+), 1 deletion(-)

diff --git a/lam/lib/html.inc b/lam/lib/html.inc
index 7ccd6f76..a0a39f5c 100644
--- a/lam/lib/html.inc
+++ b/lam/lib/html.inc
@@ -418,6 +418,8 @@ class htmlInputField extends htmlElement {
 	protected $fieldMaxLength = 255;
 	/** on keypress event */
 	protected $onKeyPress = null;
+	/** on keyupp event */
+	protected $onKeyUp = null;
 	/** password field */
 	protected $isPassword = false;
 	/** check password strength */
@@ -535,11 +537,15 @@ class htmlInputField extends htmlElement {
 		if ($this->onKeyPress != null) {
 			$onKeyPress = ' onkeypress="' . $this->onKeyPress . '"';
 		}
+		$onKeyUp = '';
+		if ($this->onKeyUp != null) {
+			$onKeyUp = ' onkeyup="' . $this->onKeyUp . '"';
+		}
 		$title = '';
 		if (!empty($this->title)) {
 			$title = ' title="' . $this->title . '"';
 		}
-		echo '<input type="' . $inputType . '"' . $class . $name . $id . $value . $maxLength . $size . $fieldTabIndex . $onKeyPress . $title . $disabled . '>';
+		echo '<input type="' . $inputType . '"' . $class . $name . $id . $value . $maxLength . $size . $fieldTabIndex . $onKeyPress . $onKeyUp . $title . $disabled . '>';
 		// autocompletion
 		if ($this->autocomplete) {
 			echo "<script type=\"text/javascript\">\n";
@@ -723,6 +729,15 @@ class htmlInputField extends htmlElement {
 		$this->onKeyPress = $onKeyPress;
 	}
 	
+	/**
+	 * Sets the JavaScript for the onKeyUp event.
+	 * 
+	 * @param String $onKeyUp JavaScript code
+	 */
+	public function setOnKeyUp($onKeyUp) {
+		$this->onKeyUp = $onKeyUp;
+	}
+	
 	/**
 	 * Shows a calendar when the field is selected.
 	 * 
diff --git a/lam/lib/modules/nisNetGroupUser.inc b/lam/lib/modules/nisNetGroupUser.inc
index 29bf8857..8ba991fb 100644
--- a/lam/lib/modules/nisNetGroupUser.inc
+++ b/lam/lib/modules/nisNetGroupUser.inc
@@ -192,6 +192,15 @@ class nisNetGroupUser extends baseModule {
 			$addButton = new htmlButton('addGroup', 'add.png', true);
 			$addButton->setTitle(_('Add'));
 			$return->addElement($addButton, true);
+
+			$filterGroup = new htmlGroup();
+			$filterGroup->alignment = htmlElement::ALIGN_RIGHT;
+			$filterGroup->addElement(new htmlOutputText(_('Filter') . ' '));
+			$filter = new htmlInputField('group_filter');
+			$filter->setFieldSize('5em');
+			$filter->setOnKeyUp('filterSelect(\'group_filter\', \'group_add\', event);');
+			$filterGroup->addElement($filter);
+			$return->addElement($filterGroup, true);
 		}
 		return $return;
 	}
diff --git a/lam/templates/lib/500_lam.js b/lam/templates/lib/500_lam.js
index f8736a9f..5ae0d0de 100644
--- a/lam/templates/lib/500_lam.js
+++ b/lam/templates/lib/500_lam.js
@@ -615,3 +615,33 @@ function updateModulePositions(id, oldPos, newPos) {
 	}
 	jQuery('#' + id).val(positions.join(','));
 }
+
+/**
+ * Filters a select box by the value of the filter input field.
+ * 
+ * @param filterInput ID of input field for filter
+ * @param select ID of select box to filter
+ * @param event key event
+ */
+function filterSelect(filterInput, select, event) {
+	// if values were not yet saved, save them
+	if (!jQuery('#' + select).data('options')) {
+		var options = [];
+		jQuery('#' + select).find('option').each(function() {
+			options.push({value: $(this).val(), text: $(this).text()});
+		});
+		jQuery('#' + select).data('options', options);
+	}
+	// get matching values
+	var list = jQuery('#' + select).empty().scrollTop(0).data('options');
+	var search = jQuery.trim(jQuery('#' + filterInput).val());
+	var regex = new RegExp(search,'gi');
+	jQuery.each(list, function(i) {
+		var option = list[i];
+		if(option.text.match(regex) !== null) {
+			jQuery('#' + select).append(
+					jQuery('<option>').text(option.text).val(option.value)
+			);
+		}
+	});
+}