<div class="search-panel"> <vn-crud-model auto-load="true" url="Warehouses" data="warehouses"> </vn-crud-model> <form id="manifold-form" ng-submit="$ctrl.onSearch()"> <vn-horizontal class="vn-px-lg vn-pt-lg"> <vn-textfield vn-one label="General search" ng-model="filter.search" info="Search ticket by id or alias" vn-focus> </vn-textfield> </vn-horizontal> <vn-horizontal class="vn-px-lg"> <vn-textfield vn-one label="Client id" ng-model="filter.clientFk"> </vn-textfield> <vn-textfield vn-one label="Order id" ng-model="filter.orderFk"> </vn-textfield> </vn-horizontal> <section class="vn-px-md"> <vn-horizontal class="manifold-panel vn-pa-md"> <vn-date-picker vn-one label="From" ng-model="filter.from" on-change="$ctrl.from = value"> </vn-date-picker> <vn-date-picker vn-one label="To" ng-model="filter.to" on-change="$ctrl.to = value"> </vn-date-picker> <vn-none class="or vn-px-md" translate>Or</vn-none> <vn-input-number vn-one min="0" step="1" label="Days onward" ng-model="filter.scopeDays" on-change="$ctrl.scopeDays = value" display-controls="true"> </vn-input-number> <vn-icon color-marginal icon="info" vn-tooltip="Cannot choose a range of dates and days onward at the same time"> </vn-icon> </vn-horizontal> </section> <vn-horizontal class="vn-px-lg"> <vn-textfield vn-one label="Nickname" ng-model="filter.nickname"> </vn-textfield> <vn-worker-autocomplete vn-one ng-model="filter.salesPersonFk" departments="['VT']" label="Sales person"> </vn-worker-autocomplete> <vn-textfield vn-one label="Invoice" ng-model="filter.refFk"> </vn-textfield> </vn-horizontal> <vn-horizontal class="vn-px-lg"> <vn-autocomplete vn-one label="Agency" ng-model="filter.agencyModeFk" url="AgencyModes/isActive"> </vn-autocomplete> <vn-autocomplete vn-one label="State" ng-model="filter.stateFk" url="States"> </vn-autocomplete> <vn-autocomplete vn-one data="$ctrl.groupedStates" label="Grouped States" value-field="id" show-field="name" ng-model="filter.alertLevel"> <tpl-item> {{name}} </tpl-item> </vn-autocomplete> </vn-horizontal> <vn-horizontal class="vn-px-lg"> <vn-autocomplete vn-one label="Warehouse" ng-model="filter.warehouseFk" data="warehouses"> </vn-autocomplete> <vn-autocomplete vn-one label="Province" ng-model="filter.provinceFk" url="Provinces"> </vn-autocomplete> <vn-textfield vn-one label="Collection" ng-model="filter.collectionFk"> </vn-textfield> </vn-horizontal> <vn-horizontal class="vn-px-lg"> <vn-check vn-one label="My team" ng-model="filter.myTeam" triple-state="true"> </vn-check> <vn-check vn-one label="With problems" ng-model="filter.problems" triple-state="true"> </vn-check> <vn-check vn-one label="Pending" ng-model="filter.pending" triple-state="true"> </vn-check> <vn-check vn-one label="Has route" ng-model="filter.hasRoute" triple-state="true"> </vn-check> <vn-check vn-one label="Has invoice" ng-model="filter.hasInvoice" triple-state="true"> </vn-horizontal> <vn-horizontal class="vn-px-lg vn-pb-lg vn-mt-lg"> <vn-submit label="Search"></vn-submit> </vn-horizontal> </form> </div>