salix/modules/ticket/front/future-search-panel/index.html

<div class="search-panel">
    <form id="manifold-form" ng-submit="$ctrl.onSearch()">
        <vn-horizontal class="vn-px-lg vn-pt-lg">
            <vn-date-picker
                vn-one
                label="Origin date"
                ng-model="filter.shipped"
                on-change="$ctrl.from = value">
            </vn-date-picker>
            <vn-date-picker
                vn-one
                label="Destination date"
                ng-model="filter.tfShipped">
            </vn-date-picker>
        </vn-horizontal>
        <vn-horizontal class="vn-px-lg">
            <vn-date-picker
                vn-one
                label="Origin ETD"
                ng-model="filter.originDated"
                required="true"
                info="ETD">
            </vn-date-picker>
            <vn-date-picker
                vn-one
                label="Destination ETD"
                ng-model="filter.futureDated"
                required="true"
                info="ETD">
            </vn-date-picker>
        </vn-horizontal>
        <vn-horizontal class="vn-px-lg">
            <vn-textfield
                vn-one
                label="Max Lines"
                ng-model="filter.linesMax"
                required="true">
            </vn-textfield>
            <vn-textfield
                vn-one
                label="Max Liters"
                ng-model="filter.litersMax"
                required="true">
            </vn-textfield>
        </vn-horizontal>
        <vn-horizontal class="vn-px-lg">
            <vn-autocomplete vn-one
                data="$ctrl.itemPackingTypes"
                label="Origin IPT"
                value-field="code"
                show-field="name"
                ng-model="filter.ipt"
                info="IPT">
                <tpl-item>
                    {{name}}
                </tpl-item>
            </vn-autocomplete>
            <vn-autocomplete vn-one
                data="$ctrl.itemPackingTypes"
                label="Destination IPT"
                value-field="code"
                show-field="name"
                ng-model="filter.tfIpt"
                info="IPT">
                <tpl-item>
                    {{name}}
                </tpl-item>
            </vn-autocomplete>
        </vn-horizontal>
        <vn-horizontal class="vn-px-lg">
            <vn-autocomplete vn-one
                data="$ctrl.groupedStates"
                label="Origin Grouped State"
                value-field="code"
                show-field="name"
                ng-model="filter.state">
                <tpl-item>
                    {{name}}
                </tpl-item>
            </vn-autocomplete>
            <vn-autocomplete vn-one
                data="$ctrl.groupedStates"
                label="Destination Grouped State"
                value-field="code"
                show-field="name"
                ng-model="filter.tfState">
                <tpl-item>
                    {{name}}
                </tpl-item>
            </vn-autocomplete>
        </vn-horizontal>
        <vn-horizontal class="vn-px-lg">
            <vn-check
                vn-one
                label="With problems"
                ng-model="filter.problems"
                triple-state="true">
            </vn-check>
            <vn-autocomplete
                vn-one
                label="Warehouse"
                ng-model="filter.warehouseFk"
                url="Warehouses"
                required="true">
            </vn-autocomplete>
        </vn-horizontal>
        <vn-horizontal class="vn-px-lg vn-pb-lg vn-mt-lg">
            <vn-submit label="Search"></vn-submit>
        </vn-horizontal>
    </form>
</div>