1
+ < div class ="advancedSearchBox " ng-class ="{active:focus} " ng-init ="focus = false " ng-click ="!focus ? setSearchFocus = true : null ">
2
+ < span ng-show ="searchParams.length < 1 && searchQuery.length === 0 " class ="search-icon glyphicon glyphicon-search "> </ span >
3
+ < a ng-href ="" ng-show ="searchParams.length > 0 || searchQuery.length > 0 " ng-click ="removeAll() " role ="button ">
4
+ < span class ="remove-all-icon glyphicon glyphicon-trash "> </ span >
5
+ </ a >
6
+ < div >
7
+ < div class ="search-parameter " ng-repeat ="searchParam in searchParams ">
8
+ < a ng-href ="" ng-click ="removeSearchParam($index) " role ="button ">
9
+ < span class ="remove glyphicon glyphicon-trash "> </ span >
10
+ </ a >
11
+ < div class ="key "> {{searchParam.name}}:</ div >
12
+ < div class ="value ">
13
+ < span ng-show ="!searchParam.editMode " ng-click ="enterEditMode($index) "> {{searchParam.value}}</ span >
14
+ < input name ="value "
15
+ type ="text "
16
+ nit-auto-size-input
17
+ nit-set-focus ="searchParam.editMode "
18
+ ng-keydown ="keydown($event, $index) "
19
+ ng-blur ="leaveEditMode($index) "
20
+ ng-show ="searchParam.editMode "
21
+ ng-model ="searchParam.value "
22
+ placeholder ="{{searchParam.placeholder}} " />
23
+ </ div >
24
+ </ div >
25
+ < input name ="searchbox "
26
+ class ="search-parameter-input "
27
+ type ="text "
28
+ nit-set-focus ="setSearchFocus "
29
+ ng-keydown ="keydown($event) "
30
+ placeholder ="{{placeholder}} "
31
+ ng-focus ="focus = true "
32
+ ng-blur ="focus = false "
33
+ typeahead-on-select ="typeaheadOnSelect($item, $model, $label) "
34
+ typeahead ="parameter as parameter.name for parameter in parameters | filter:{name:$viewValue} | limitTo:8 "
35
+ ng-model ="searchQuery " />
36
+ </ div >
37
+ < div class ="search-parameter-suggestions " ng-show ="parameters && focus ">
38
+ < span class ="title "> Parameter Suggestions:</ span >
39
+ < span class ="search-parameter " ng-repeat ="param in parameters | limitTo:8 " ng-mousedown ="addSearchParam(param) "> {{param.name}}</ span >
40
+ </ div >
41
+ </ div >
0 commit comments