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

<div class="search-panel">
    <form ng-submit="$ctrl.onSearch()">
        <vn-horizontal>
            <vn-textfield
                vn-one
                label="General search"
                ng-model="filter.search"
                info="Search claim by id or client name"
                vn-focus>
            </vn-textfield>
        </vn-horizontal>
        <vn-horizontal>
            <vn-textfield
                vn-one
                label="Client Id"
                ng-model="filter.clientFk">
            </vn-textfield>
            <vn-textfield
                vn-one
                label="Client"
                ng-model="filter.clientName">
            </vn-textfield>
        </vn-horizontal>
        <vn-horizontal>
            <vn-autocomplete
                vn-one
                ng-model="filter.salesPersonFk"
                url="Workers/activeWithRole"
                search-function="{firstName: $search}"
                value-field="id"
                where="{role: {inq: ['salesTeamBoss', 'salesPerson', 'officeBoss']}}"
                label="Salesperson">
                <tpl-item>{{firstName}} {{name}}</tpl-item>
            </vn-autocomplete>
            <vn-autocomplete
                vn-one
                ng-model="filter.attenderFk"
                url="Workers/activeWithRole"
                search-function="{firstName: $search}"
                value-field="id"
                where="{role: {inq: ['salesTeamBoss', 'salesPerson']}}"
                label="Attended by">
                <tpl-item>{{firstName}} {{name}}</tpl-item>
            </vn-autocomplete>
        </vn-horizontal>
        <vn-horizontal>
            <vn-autocomplete vn-one
                label="State"
                ng-model="filter.claimStateFk"
                url="ClaimStates"
                show-field="description"
                value-field="id">
                <tpl-item>{{description}}</tpl-item>
            </vn-autocomplete>
            <vn-date-picker
                vn-one
                label="Created"
                ng-model="filter.created">
            </vn-date-picker>
        </vn-horizontal>
        <vn-horizontal>
            <vn-autocomplete vn-one class="dense"
                label="Item"
                url="Items/withName"
                ng-model="filter.itemFk"
                show-field="name"
                value-field="id"
                search-function="$ctrl.itemSearchFunc($search)"
                order="id DESC">
                <tpl-item>{{::id}} - {{::name}}</tpl-item>
            </vn-autocomplete>
            <vn-autocomplete
                vn-one
                ng-model="filter.claimResponsibleFk"
                url="ClaimResponsibles"
                show-field="description"
                value-field="id"
                label="Responsible">
            </vn-autocomplete>
        </vn-horizontal>
        <vn-horizontal class="vn-mt-lg">
            <vn-submit label="Search"></vn-submit>
        </vn-horizontal>
    </form>
</div>