Hide in use search parameter suggestions, fixed issue #8

Author: dnauck

CHANGELOG.md

@@ -2,6 +2,7 @@
 * Support to add, delete search parameters and change search parameter's values via ng-model, fixed issue #7 and #9
 * change main proeprty of package.json to final build in dist folder, fixes #4
 * use ng-if for search parameter input to avoid rendering issues and performance
+* Hide in use search parameter suggestions, fixed issue #8
 
 ### 1.1.1 - 03 February 2015
 * update README with latest changes to dist files in bower package

src/angular-advanced-searchbox.html

@@ -33,12 +33,12 @@
                ng-focus="focus = true"
                ng-blur="focus = false"
                typeahead-on-select="typeaheadOnSelect($item, $model, $label)"
-               typeahead="parameter as parameter.name for parameter in parameters | filter:{name:$viewValue} | limitTo:8"
+               typeahead="parameter as parameter.name for parameter in parameters | filter:isUnsedParameter | filter:{name:$viewValue} | limitTo:8"
                ng-change="searchQueryChanged(searchQuery)"
                ng-model="searchQuery" />
     </div>
     <div class="search-parameter-suggestions" ng-show="parameters && focus">
         <span class="title">Parameter Suggestions:</span>
-        <span class="search-parameter" ng-repeat="param in parameters | limitTo:8" ng-mousedown="addSearchParam(param)">{{param.name}}</span>
+        <span class="search-parameter" ng-repeat="param in parameters | filter:isUnsedParameter | limitTo:8" ng-mousedown="addSearchParam(param)">{{param.name}}</span>
     </div>
 </div>

src/angular-advanced-searchbox.js

@@ -93,10 +93,17 @@ angular.module('angular-advanced-searchbox', [])
                         updateModel('delete', 'query');
                     };
 
+                    $scope.isUnsedParameter = function (value, index) {
+                        return $filter('filter')($scope.searchParams, function (param) { return param.key === value.key; }).length === 0;
+                    };
+
                     $scope.addSearchParam = function (searchParam, value, enterEditModel) {
                         if (enterEditModel === undefined)
                             enterEditModel = true;
 
+                        if (!$scope.isUnsedParameter(searchParam))
+                            return;
+
                         $scope.searchParams.push(
                             {
                                 key: searchParam.key,
@@ -107,8 +114,6 @@ angular.module('angular-advanced-searchbox', [])
                             }
                         );
 
-                        //TODO: hide used suggestion
-
                         updateModel('add', searchParam.key, value);
                     };
 
@@ -119,17 +124,13 @@ angular.module('angular-advanced-searchbox', [])
                         var searchParam = $scope.searchParams[index];
                         $scope.searchParams.splice(index, 1);
 
-                        //TODO: show hidden/removed suggestion
-
                         updateModel('delete', searchParam.key);
                     };
 
                     $scope.removeAll = function() {
                         $scope.searchParams.length = 0;
                         $scope.searchQuery = '';
 
-                        //TODO: show hidden/removed suggestion
-
                         $scope.model = {};
                     };