verdnatura/salix
verdnatura
/
salix
3
4
Fork 0
Code Issues Pull Requests 59 Releases Wiki Activity

refs #4770 añadido searchPanel
gitea/salix/pipeline/head There was a failure building this commit Details

This commit is contained in:
Vicent Llopis 2023-05-03 09:25:23 +02:00
parent 5d40b5615d
commit 6ac12187c5
5 changed files with 77 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
modules/route/front/roadmap/basic-data/index.html
View File

@ -33,7 +33,6 @@
ng-model="$ctrl.roadmap.trailerPlate"
rule>
</vn-textfield>
</vn-autocomplete>
</vn-horizontal>
<vn-horizontal>
<vn-textfield

2
modules/route/front/roadmap/main/index.html
View File

@ -7,7 +7,7 @@
</vn-crud-model>
<vn-portal slot="topbar">
<vn-searchbar
info="Search roadmap by id, name or code"
info="Search roadmap by id or trunk"
panel="vn-roadmap-search-panel"
model="model"
expr-builder="$ctrl.exprBuilder(param, value)"

22
modules/route/front/roadmap/main/index.js
View File

@ -1,7 +1,7 @@
import ngModule from '../../module';
import ModuleMain from 'salix/components/module-main';
export default class ItemType extends ModuleMain {
export default class Roadmap extends ModuleMain {
constructor($element, $) {
super($element, $);
this.include = {
@ -14,18 +14,24 @@ export default class ItemType extends ModuleMain {
case 'search':
return /^\d+$/.test(value)
? {id: value}
: {or: [
{name: {like: `%${value}%`}},
{code: {like: `%${value}%`}}
]};
case 'name':
case 'code':
: {name: {like: `%${value}%`}};
case 'from':
return {etd: {gte: value}};
case 'to':
return {etd: {lte: value}};
case 'supplierFk':
case 'price':
return {[param]: value};
case 'tractorPlate':
case 'trailerPlate':
case 'phone':
case 'driverName':
return {[param]: {like: `%${value}%`}};
}
}
}
ngModule.vnComponent('vnRoadmap', {
controller: ItemType,
controller: Roadmap,
template: require('./index.html')
});

2
modules/route/front/roadmap/main/locale/es.yml
View File

@ -1 +1 @@
Search itemType by id, name or code: Buscar familia por id, nombre o código
Search roadmap by id or trunk: Buscar troncales por id o troncal

70
modules/route/front/roadmap/search-panel/index.html
View File

@ -1,22 +1,74 @@
<div class="search-panel">
<form ng-submit="$ctrl.onSearch()">
<vn-horizontal>
<form id="manifold-form" ng-submit="$ctrl.onSearch()">
<vn-horizontal class="vn-px-lg vn-pt-lg">
<vn-textfield
vn-one
label="Name"
ng-model="filter.name"
label="General search"
ng-model="filter.search"
info="Search routes by id"
vn-focus>
</vn-textfield>
</vn-horizontal>
<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">
</vn-date-picker>
<vn-date-picker
vn-one
label="To"
ng-model="filter.to">
</vn-date-picker>
</vn-horizontal>
</section>
<vn-horizontal class="vn-px-lg">
<vn-textfield
vn-one
label="Code"
ng-model="filter.code">
label="Tractor plate"
ng-model="filter.tractorPlate">
</vn-textfield>
<vn-textfield
vn-one
label="Trailer plate"
ng-model="filter.trailerPlate">
</vn-textfield>
</vn-horizontal>
<vn-horizontal class="vn-mt-lg">
<vn-horizontal class="vn-px-lg">
<vn-textfield
vn-one
label="Phone"
ng-model="filter.phone">
</vn-textfield>
<vn-textfield
vn-one
label="Driver name"
ng-model="filter.driverName">
</vn-textfield>
</vn-horizontal>
<vn-horizontal class="vn-px-lg">
<vn-autocomplete
vn-one
ng-model="filter.supplierFk"
url="Suppliers"
show-field="nickname"
search-function="{or: [{id: $search}, {nickname: {like: '%'+ $search +'%'}}]}"
value-field="id"
order="nickname"
label="Carrier">
<tpl-item>
{{::id}} - {{::nickname}}
</tpl-item>
</vn-autocomplete>
<vn-input-number
vn-one
label="Price"
ng-model="filter.price">
</vn-input-number>
</vn-horizontal>
<vn-horizontal class="vn-px-lg vn-pb-lg vn-mt-lg">
<vn-submit label="Search"></vn-submit>
</vn-horizontal>
</form>
</div>
</div>