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 class="content-block">
    <div class="vn-list">
        <vn-card pad-medium-h>
            <vn-searchbar
                panel="vn-travel-search-panel"
                model="model"
                expr-builder="$ctrl.exprBuilder(param, value)"
                info="Search travels by id"
                vn-focus>
            </vn-searchbar>
        </vn-card>
    </div>
    <vn-card margin-medium-v>
        <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" center>Shipped</vn-th>
                    <vn-th field="isDelivered" center>Delivered</vn-th>
                    <vn-th field="warehouseInFk">Warehouse In</vn-th>
                    <vn-th field="landed" center>Landed</vn-th>
                    <vn-th field="isReceived" center>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 expand>{{::travel.ref}}</vn-td>
                    <vn-td expand>{{::travel.agency.name}}</vn-td>
                    <vn-td center>{{::travel.warehouseOut.name}}</vn-td>
                    <vn-td center>{{::travel.shipped | dateTime:'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 center>{{::travel.landed | dateTime:'dd/MM/yyyy'}}</vn-td>
                    <vn-td center><vn-check field="travel.isReceived" disabled="true"></vn-check></vn-td>
                    <vn-td></vn-td>
                </vn-tr>
            </vn-tbody>
        </vn-table>
    </vn-card>
    <vn-pagination model="model"></vn-pagination>
</div>