salix/modules/route/front/search-panel/index.html

97 lines
3.3 KiB
HTML
Raw Normal View History

2019-03-21 12:46:14 +00:00
<div class="search-panel">
2021-01-20 12:19:28 +00:00
<form id="manifold-form" ng-submit="$ctrl.onSearch()">
<vn-horizontal class="vn-px-lg vn-pt-lg">
2019-03-21 12:46:14 +00:00
<vn-textfield
vn-one
label="General search"
2019-10-09 22:47:29 +00:00
ng-model="filter.search"
2019-04-12 12:33:08 +00:00
info="Search routes by id"
2019-03-21 12:46:14 +00:00
vn-focus>
</vn-textfield>
</vn-horizontal>
2021-01-20 12:19:28 +00:00
<vn-horizontal class="vn-px-lg">
2019-03-21 12:46:14 +00:00
<vn-autocomplete
vn-one
2019-10-09 22:47:29 +00:00
ng-model="filter.workerFk"
url="Clients/activeWorkersWithRole"
2019-03-21 12:46:14 +00:00
show-field="nickname"
search-function="{firstName: $search}"
value-field="id"
where="{role: 'employee'}"
label="Worker">
</vn-autocomplete>
<vn-autocomplete
vn-one
label="Agency"
2019-10-09 22:47:29 +00:00
ng-model="filter.agencyModeFk"
url="AgencyModes/isActive"
2019-03-21 12:46:14 +00:00
show-field="name"
value-field="id">
</vn-autocomplete>
</vn-horizontal>
2021-01-20 12:19:28 +00:00
<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>
2021-01-22 11:02:03 +00:00
<vn-none class="or vn-px-md" translate>Or</vn-none>
2021-01-20 12:19:28 +00:00
<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">
2019-03-21 12:46:14 +00:00
<vn-autocomplete
vn-one
label="Vehicle"
2019-10-09 22:47:29 +00:00
ng-model="filter.vehicleFk"
url="Vehicles"
2019-03-21 12:46:14 +00:00
show-field="numberPlate"
value-field="id">
</vn-autocomplete>
<vn-textfield
vn-one
label="m³"
2019-10-09 22:47:29 +00:00
ng-model="filter.m3">
2019-03-21 12:46:14 +00:00
</vn-textfield>
</vn-horizontal>
2021-01-20 12:19:28 +00:00
<vn-horizontal class="vn-px-lg">
2019-05-02 11:25:41 +00:00
<vn-autocomplete
vn-one
label="Warehouse"
2019-10-09 22:47:29 +00:00
ng-model="filter.warehouseFk"
url="Warehouses"
2019-05-02 11:25:41 +00:00
show-field="name"
value-field="id">
</vn-autocomplete>
2019-03-21 12:46:14 +00:00
<vn-textfield
vn-one
label="Description"
2019-10-09 22:47:29 +00:00
ng-model="filter.description">
2019-03-21 12:46:14 +00:00
</vn-textfield>
</vn-horizontal>
2021-01-20 12:19:28 +00:00
<vn-horizontal class="vn-px-lg vn-pb-lg vn-mt-lg">
2019-03-21 12:46:14 +00:00
<vn-submit label="Search"></vn-submit>
</vn-horizontal>
</form>
</div>