<div class="filter-pf filter-fields">

<form>

<div class="form-group toolbar-pf-filter">

<div class="input-group">

<div dropdown class="input-group-btn">

<button dropdown-toggle type="button" class="btn btn-default dropdown-toggle filter-fields" aria-haspopup="true" aria-expanded="false" tooltip="Filter by" tooltip-placement="top">

{{currentField.title}}

<span class="caret"></span>

</button>

<ul class="dropdown-menu">

<li ng-repeat="item in config.fields">

<a class="filter-field" role="menuitem" tabindex="-1" ng-click="selectField(item)">

{{item.title}}

</a>

</li>

</ul>

</div>

<div ng-if="currentField.filterType !== 'select'">

<input class="form-control" type="{{currentField.filterType}}" ng-model="config.currentValue"

placeholder="{{currentField.placeholder}}"

ng-keypress="onValueKeyPress($event)"/>

</div>

<div ng-if="currentField.filterType === 'select'">

<select pf-select class="form-control filter-select" id="currentValue"

ng-model="config.currentValue"

ng-options="filterValue for filterValue in currentField.filterValues"

ng-change="selectValue(config.currentValue)">

<option value="">{{currentField.placeholder}}</option>

</select>

</div>

</div>

</div>

</form>

</div>