<div class="search-panel"> <form ng-submit="$ctrl.onSearch()"> <vn-horizontal> <vn-textfield vn-one label="General search" ng-model="filter.search" info="Search claim by id or client name" vn-focus> </vn-textfield> </vn-horizontal> <vn-horizontal> <vn-textfield vn-one label="Client Id" ng-model="filter.clientFk"> </vn-textfield> <vn-textfield vn-one label="Client" ng-model="filter.clientName"> </vn-textfield> </vn-horizontal> <vn-horizontal> <vn-worker-autocomplete vn-one ng-model="filter.salesPersonFk" departments="['VT']" label="Salesperson"> </vn-worker-autocomplete> <vn-worker-autocomplete vn-one ng-model="filter.attenderFk" departments="['VT']" label="Attended by"> </vn-worker-autocomplete> </vn-horizontal> <vn-horizontal> <vn-autocomplete vn-one label="State" ng-model="filter.claimStateFk" url="ClaimStates" show-field="description" value-field="id"> <tpl-item>{{description}}</tpl-item> </vn-autocomplete> <vn-date-picker vn-one label="Created" ng-model="filter.created"> </vn-date-picker> </vn-horizontal> <vn-horizontal> <vn-autocomplete vn-one class="dense" label="Item" url="Items/withName" ng-model="filter.itemFk" show-field="name" value-field="id" search-function="$ctrl.itemSearchFunc($search)" order="id DESC"> <tpl-item>{{::id}} - {{::name}}</tpl-item> </vn-autocomplete> <vn-autocomplete vn-one ng-model="filter.claimResponsibleFk" url="ClaimResponsibles" show-field="description" value-field="id" label="Responsible"> </vn-autocomplete> </vn-horizontal> <vn-horizontal class="vn-mt-lg"> <vn-submit label="Search"></vn-submit> </vn-horizontal> </form> </div>