From f1bceef402636f1fddab4626eb457f97d84e14a1 Mon Sep 17 00:00:00 2001
From: Mike Rylander <mrylander@gmail.com>
Date: Tue, 1 Sep 2015 13:03:13 -0400
Subject: [PATCH] webstaff: Show filtered list on user input

Signed-off-by: Mike Rylander <mrylander@gmail.com>
Signed-off-by: Galen Charlton <gmc@esilibrary.com>
---
 Open-ILS/web/js/ui/default/staff/services/ui.js | 20 +++++++++++++++-----
 1 file changed, 15 insertions(+), 5 deletions(-)

diff --git a/Open-ILS/web/js/ui/default/staff/services/ui.js b/Open-ILS/web/js/ui/default/staff/services/ui.js
index aa5d0b75e8..0c240c2af2 100644
--- a/Open-ILS/web/js/ui/default/staff/services/ui.js
+++ b/Open-ILS/web/js/ui/default/staff/services/ui.js
@@ -217,16 +217,26 @@ function($modal, $interpolate) {
         },
         template:
             '<div class="input-group">'+
-                '<input type="text" class="form-control" ng-model="selected">'+
-                '<div class="input-group-btn" dropdown>'+
+                '<input type="text" class="form-control" ng-model="selected" focus-me="always" ng-change="makeOpen()">'+
+                '<div class="input-group-btn" dropdown ng-class="{open:isopen}">'+
                     '<button type="button" class="btn btn-default dropdown-toggle"><span class="caret"></span></button>'+
                     '<ul class="dropdown-menu dropdown-menu-right">'+
-                        '<li ng-repeat="item in list"><a href ng-click="changeValue(item)">{{item}}</a></li>'+
+                        '<li ng-repeat="item in list|filter:selected"><a href ng-click="changeValue(item)">{{item}}</a></li>'+
                     '</ul>'+
                 '</div>'+
             '</div>',
-        controller: ['$scope',
-            function($scope) {
+        controller: ['$scope','$filter',
+            function( $scope , $filter) {
+
+                $scope.always = true;
+                $scope.isopen = false;
+
+                $scope.makeOpen = function () {
+                    return $scope.isopen = $filter('filter')(
+                        $scope.list,
+                        $scope.selected
+                    ).length > 0 && $scope.selected.length > 0;
+                }
 
                 $scope.changeValue = function (newVal) {
                     $scope.selected = newVal;
-- 
2.11.0