1 files changed, 119 insertions, 2 deletions

diff --git a/src/usr/local/www/system_usermanager_addprivs.php b/src/usr/local/www/system_usermanager_addprivs.php
index 69860ba..3b7703b 100644
--- a/src/usr/local/www/system_usermanager_addprivs.php
+++ b/src/usr/local/www/system_usermanager_addprivs.php
@@ -93,6 +93,7 @@ $spriv_list = $priv_list;
 uasort($spriv_list, admusercmp);
 
 if ($_POST) {
+
 	conf_mount_rw();
 
 	unset($input_errors);
@@ -184,7 +185,46 @@ $section->addInput(new Form_Select(
 	null,
 	build_priv_list(),
 	true
-))->addClass('multiselect')->setHelp('Hold down CTRL (PC)/COMMAND (Mac) key to select multiple items')->setAttribute('style', 'height:400px;');
+))->addClass('multiselect')
+  ->setHelp('Hold down CTRL (PC)/COMMAND (Mac) key to select multiple items');
+
+$section->addInput(new Form_Select(
+	'shadow',
+	'Shadow',
+	null,
+	build_priv_list(),
+	true
+))->addClass('shadowselect')
+  ->setHelp('Hold down CTRL (PC)/COMMAND (Mac) key to select multiple items');
+
+$section->addInput(new Form_Input(
+	'filtertxt',
+	'Filter',
+	'text',
+	null
+))->setHelp('Show only the choices containing this term');
+
+$btnfilter = new Form_Button(
+	'btnfilter',
+	'Filter',
+	null,
+	'fa-filter'
+);
+
+$btnfilter->addClass('btn btn-info');
+
+$form->addGlobal($btnfilter);
+
+$btnclear = new Form_Button(
+	'btnclear',
+	'Clear',
+	null,
+	'fa-times'
+);
+
+$btnclear->addClass('btn btn-warning');
+
+$form->addGlobal($btnclear);
 
 if (isset($userid)) {
 	$section->addInput(new Form_Input(
@@ -208,6 +248,7 @@ events.push(function() {
 
 <?php
 
+
 	// Build a list of privilege descriptions
 	if (is_array($spriv_list)) {
 		$id = 0;
@@ -225,12 +266,88 @@ events.push(function() {
 		echo $jdescs;
 	}
 ?>
+
+	$('.shadowselect').parent().parent('div').addClass('hidden');
+
 	// Set the number of options to display
 	$('.multiselect').attr("size","20");
+	$('.shadowselect').attr("size","20");
 
 	// When the 'sysprivs" selector is clicked, we display a description
 	$('.multiselect').click(function() {
-		$('#pdesc').html('<span style="color: green;">' + descs[$(this).children('option:selected').index()] + '</span>');
+		$('#pdesc').html('<span class="text-info">' + descs[$(this).children('option:selected').index()] + '</span>');
+
+		// and update the shadow list from the real list
+		$(".multiselect option").each(function() {
+			shadowoption = $('.shadowselect option').filter('[value=' + $(this).val() + ']');
+
+			if ($(this).is(':selected')) {
+				shadowoption.prop("selected", true);
+			} else {
+				shadowoption.prop("selected", false);
+			}
+		});
+	});
+
+	$('#btnfilter').prop('type', 'button');
+
+	$('#btnfilter').click(function() {
+		searchterm = $('#filtertxt').val().toLowerCase();
+		copyselect(true);
+
+		// Then filter
+		$(".multiselect > option").each(function() {
+			if (this.text.toLowerCase().indexOf(searchterm) == -1 ) {
+				$(this).remove();
+			}
+		});
+	});
+
+	$('#btnclear').prop('type', 'button');
+
+	$('#btnclear').click(function() {
+		// Copy all options from shadow to sysprivs
+		copyselect(true)
+
+		$('#filtertxt').val('');
+	});
+
+	$('#filtertxt').keypress(function(e) {
+		if(e.which == 13) {
+			e.preventDefault();
+			$('#btnfilter').trigger('click');
+		}
+	});
+
+	// On submit unhide all options (or else they will not submit)
+	$('form').submit(function() {
+
+		$(".multiselect > option").each(function() {
+			$(this).show();
+		});
+
+		$('.shadowselect').remove();
+	});
+
+	function copyselect(selected) {
+		// Copy all optionsfrom shadow to sysprivs
+		$('.multiselect').html($('.shadowselect').html());
+
+		if (selected) {
+			// Update the shadow list from the real list
+			$(".shadowselect option").each(function() {
+				multioption = $('.multiselect option').filter('[value=' + $(this).val() + ']');
+				if ($(this).is(':selected')) {
+					multioption.prop("selected", true);
+				} else {
+					multioption.prop("selected", false);
+				}
+			});
+		}
+	}
+
+	$('.multiselect').mouseup(function () {
+		$('.multiselect').trigger('click');
 	});
 });
 //]]>