<div class="search-panel"> <form class="vn-pa-lg" ng-submit="$ctrl.onSearch()"> <vn-horizontal> <vn-textfield vn-one label="General search" ng-model="filter.search" vn-focus> </vn-textfield> </vn-horizontal> <vn-horizontal> <vn-textfield vn-one label="Ticket id" ng-model="filter.ticketFk"> </vn-textfield> <vn-autocomplete vn-one ng-model="filter.attenderFk" url="Clients/activeWorkersWithRole" search-function="{firstName: $search}" value-field="id" where="{role: 'employee'}" label="Atender"> <tpl-item>{{nickname}}</tpl-item> </vn-autocomplete> </vn-horizontal> <vn-horizontal> <vn-textfield vn-one label="Client id" ng-model="filter.clientFk"> </vn-textfield> <vn-autocomplete vn-one label="Warehouse" ng-model="filter.warehouseFk" url="Warehouses"> </vn-autocomplete> </vn-horizontal> <vn-horizontal> <vn-date-picker vn-one label="From" ng-model="filter.from"> </vn-date-picker> <vn-date-picker vn-one label="To" ng-model="filter.to"> </vn-date-picker> </vn-horizontal> <vn-horizontal> <vn-check vn-one triple-state="true" label="For me" ng-model="filter.mine"> </vn-check> <vn-autocomplete vn-one ng-model="filter.state" data="$ctrl.states" value-field="code" label="State"> <tpl-item>{{name}}</tpl-item> </vn-autocomplete> </vn-horizontal> <vn-horizontal class="vn-mt-lg"> <vn-submit label="Search"></vn-submit> </vn-horizontal> </form> </div>