salix/modules/travel/front/index/index.html

<vn-crud-model auto-load="false"
    vn-id="model"
    url="/travel/api/Travels"
    filter="::$ctrl.filter"
    limit="20"
    data="travels"
    auto-load="false">
</vn-crud-model>
<div margin-medium>
    <div class="vn-list">
        <vn-card pad-medium-h>
            <vn-searchbar
                panel="vn-travel-search-panel"
                model="model"
                expr-builder="$ctrl.exprBuilder(param, value)"
                vn-focus>
            </vn-searchbar>
        </vn-card>
    </div>
    <vn-card margin-medium-v pad-medium>
        <vn-table model="model" auto-load="false">
            <vn-thead>
                <vn-tr>
                    <vn-th field="id" number>Id</vn-th>
                    <vn-th field="ref">Reference</vn-th>
                    <vn-th field="agencyFk">Agency</vn-th>
                    <vn-th field="warehouseOutFk">Warehouse Out</vn-th>
                    <vn-th field="shipped">Shipped</vn-th>
                    <vn-th field="isDelivered">Delivered</vn-th>
                    <vn-th field="warehouseInFk">Warehouse In</vn-th>
                    <vn-th field="landed">Landed</vn-th>
                    <vn-th field="isReceived">Received</vn-th>
                    <vn-th></vn-th>
                </vn-tr>
            </vn-thead>
            <vn-tbody>
                <vn-tr ng-repeat="travel in travels" class="clickable searchResult">
                    <vn-td number>{{::travel.id}}</vn-td>
                    <vn-td>{{::travel.ref}}</vn-td>
                    <vn-td>{{::travel.agency.name}}</vn-td>
                    <vn-td>{{::travel.warehouseOut.name}}</vn-td>
                    <vn-td>{{::travel.shipped | date:'dd/MM/yyyy'}}</vn-td>
                    <vn-td><vn-check field="travel.isDelivered" disabled="true"></vn-check></vn-td>
                    <vn-td>{{::travel.warehouseIn.name}}</vn-td>
                    <vn-td>{{::travel.landed | date:'dd/MM/yyyy'}}</vn-td>
                    <vn-td><vn-check field="travel.isReceived" disabled="true"></vn-check></vn-td>
                    <vn-td></vn-td>
                </vn-tr>
            </vn-tbody>
            <vn-empty-rows ng-if="!model.data || model.data.length === 0" translate>
                Enter a new search
            </vn-empty-rows>
        </vn-table>
    </vn-card>
    <vn-pagination model="model"></vn-pagination>
</div>