<div class="search-panel"> <form ng-submit="$ctrl.onSearch()"> <vn-horizontal> <vn-textfield vn-one label="General search" ng-model="filter.search" info="Search workers by id, firstName, lastName or user name" vn-focus> </vn-textfield> </vn-horizontal> <vn-horizontal> <vn-textfield vn-one label="Worker id" ng-model="filter.id"> </vn-textfield> <vn-textfield vn-one label="User id" ng-model="filter.userFk"> </vn-textfield> </vn-horizontal> <vn-horizontal> <vn-textfield vn-one label="Name" ng-model="filter.firstName"> </vn-textfield> <vn-textfield vn-one label="Last name" ng-model="filter.name"> </vn-textfield> </vn-horizontal> <vn-horizontal> <vn-textfield vn-one label="User name" ng-model="filter.userName"> </vn-textfield> <vn-textfield vn-one label="Fiscal identifier" ng-model="filter.fi"> </vn-textfield> </vn-horizontal> <vn-horizontal> <vn-autocomplete vn-one ng-model="filter.departmentFk" url="Departments" show-field="name" value-field="id" label="Department"> </vn-autocomplete> <vn-textfield vn-one label="Extension" ng-model="filter.extension"> </vn-textfield> </vn-horizontal> <vn-horizontal class="vn-mt-lg"> <vn-submit label="Search"></vn-submit> </vn-horizontal> </form> </div>