<div class="simple-sort">

<form>

<div class="form-group">

<div class="dropdown btn-group">

<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">

{{config.currentField.title}}

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

</button>

<ul class="dropdown-menu">

<li ng-repeat="item in config.fields" ng-class="{'selected': item === config.currentField}">

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

{{item.title}}

</a>

</li>

</ul>

</div>

<button class="btn btn-link" type="button">

<span class="sort-direction" ng-class="getSortIconClass()" ng-click="changeDirection()"></span>

</button>

</div>

</form>

</div>