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

100 lines
3.5 KiB
HTML
Raw Normal View History

<div class="search-panel">
2021-01-29 10:45:35 +00:00
<form ng-submit="$ctrl.onSearch()" id="manifold-form">
<vn-horizontal class="vn-px-lg vn-pt-lg">
2018-11-13 06:44:03 +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 travels by id"
2018-11-13 06:44:03 +00:00
vn-focus>
</vn-textfield>
</vn-horizontal>
2021-01-29 10:45:35 +00:00
<vn-horizontal class="vn-px-lg">
2018-11-13 06:44:03 +00:00
<vn-textfield
vn-one
label="Reference"
2019-10-09 22:47:29 +00:00
ng-model="filter.ref">
2018-11-13 06:44:03 +00:00
</vn-textfield>
2019-01-21 10:45:53 +00:00
<vn-textfield
vn-one
label="Total entries"
2019-10-09 22:47:29 +00:00
ng-model="filter.totalEntries">
2019-01-21 10:45:53 +00:00
</vn-textfield>
2018-11-13 06:44:03 +00:00
</vn-horizontal>
2021-01-29 10:45:35 +00:00
<vn-horizontal class="vn-px-lg">
2018-11-13 06:44:03 +00:00
<vn-textfield
vn-one
label="Travel id"
2019-10-09 22:47:29 +00:00
ng-model="filter.id">
2018-11-13 06:44:03 +00:00
</vn-textfield>
<vn-autocomplete vn-one
label="Agency"
2019-10-09 22:47:29 +00:00
ng-model="filter.agencyFk"
2019-12-20 06:55:00 +00:00
url="AgencyModes"
2018-11-13 06:44:03 +00:00
show-field="name"
value-field="id">
</vn-autocomplete>
</vn-horizontal>
2021-01-29 10:45:35 +00:00
<section class="vn-px-md">
<vn-horizontal class="manifold-panel vn-pa-md">
<vn-date-picker
vn-one
label="Shipped from"
ng-model="filter.shippedFrom"
on-change="$ctrl.shippedFrom = value">
</vn-date-picker>
<vn-date-picker
vn-one
label="Shipped to"
ng-model="filter.shippedTo"
on-change="$ctrl.shippedTo = 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">
2019-11-22 12:23:43 +00:00
<vn-date-picker
vn-one
label="Landed from"
ng-model="filter.landedFrom">
</vn-date-picker>
<vn-date-picker
vn-one
label="Landed to"
ng-model="filter.landedTo">
2019-01-21 10:45:53 +00:00
</vn-date-picker>
</vn-horizontal>
2021-01-29 10:45:35 +00:00
<vn-horizontal class="vn-px-lg">
2018-11-13 06:44:03 +00:00
<vn-autocomplete vn-one
label="Warehouse Out"
2019-10-09 22:47:29 +00:00
ng-model="filter.warehouseOutFk"
url="Warehouses"
2018-11-13 06:44:03 +00:00
show-field="name"
value-field="id">
</vn-autocomplete>
<vn-autocomplete vn-one
label="Warehouse In"
2019-10-09 22:47:29 +00:00
ng-model="filter.warehouseInFk"
url="Warehouses"
2018-11-13 06:44:03 +00:00
show-field="name"
value-field="id">
</vn-autocomplete>
</vn-horizontal>
2021-01-29 10:45:35 +00:00
<vn-horizontal class="vn-px-lg vn-pb-lg vn-mt-lg">
2018-11-13 06:44:03 +00:00
<vn-submit label="Search"></vn-submit>
</vn-horizontal>
</form>
</div>