<div class="search-panel"> <form ng-submit="$ctrl.onSearch()"> <vn-horizontal> <vn-textfield vn-one label="General search" ng-model="filter.search" info="Search client by id or name" vn-focus> </vn-textfield> </vn-horizontal> <vn-horizontal> <vn-textfield vn-one label="Name" ng-model="filter.name"> </vn-textfield> <vn-autocomplete vn-one ng-model="filter.salesPersonFk" url="Workers/activeWithInheritedRole" search-function="{firstName: $search}" show-field="firstName" value-field="id" where="{role: 'salesPerson'}" label="Salesperson"> <tpl-item>{{firstName}} {{name}}</tpl-item> </vn-autocomplete> </vn-horizontal> <vn-horizontal> <vn-textfield vn-one label="Tax number" ng-model="filter.fi"> </vn-textfield> <vn-textfield vn-one label="Social name" ng-model="filter.socialName"> </vn-textfield> </vn-horizontal> <vn-horizontal> <vn-textfield vn-one label="Town/City" ng-model="filter.city"> </vn-textfield> <vn-textfield vn-one label="Postcode" ng-model="filter.postcode"> </vn-textfield> </vn-horizontal> <vn-horizontal> <vn-autocomplete ng-model="filter.provinceFk" url="Provinces" show-field="name" value-field="id" label="Province"> </vn-autocomplete> <vn-autocomplete ng-model="filter.zoneFk" url="Zones" show-field="name" value-field="id" label="Zone"> </vn-autocomplete> </vn-horizontal> <vn-horizontal> <vn-textfield vn-one label="Email" ng-model="filter.email"> </vn-textfield> <vn-textfield vn-one label="Phone" ng-model="filter.phone"> </vn-textfield> </vn-horizontal> <vn-horizontal class="vn-mt-lg"> <vn-submit label="Search"></vn-submit> </vn-horizontal> </form> </div>