salix/modules/claim/front/index/index.html

<vn-crud-model
    vn-id="model"
    url="/claim/api/Claims"
    filter="::$ctrl.filter"
    limit="20"
    data="claims"
    auto-load="false">
</vn-crud-model>
<div class="index-block">
    <div class="vn-list">
        <vn-card pad-medium-h>
            <vn-searchbar
                panel="vn-claim-search-panel"
                model="model"
                expr-builder="$ctrl.exprBuilder(param, value)"
                auto-load="true"
                vn-focus>
            </vn-searchbar>
        </vn-card>
    </div>
    <vn-card margin-medium-v pad-medium compact>
        <vn-table model="model">
            <vn-thead>
                <vn-tr>
                    <vn-th field="id" number>Id</vn-th>
                    <vn-th field="clientFk">Client</vn-th>
                    <vn-th field="created">Created</vn-th>
                    <vn-th field="workerFk">Worker</vn-th>
                    <vn-th field="claimStateFk">State</vn-th>
                    <vn-th></vn-th>
                </vn-tr>
            </vn-thead>
            <vn-tbody>
                <a
                    ng-repeat="claim in claims"
                    class="{{::$ctrl.compareDate(ticket.shipped)}} clickable vn-tr searchResult"
                    ui-sref="claim.card.summary({id: claim.id})">
                    <vn-td number>{{::claim.id}}</vn-td>
                    <vn-td>
                        <span class="link" ng-click="$ctrl.showDescriptor($event, claim.client.id)">
                            {{::claim.client.name}}
                        </span>
                    </vn-td>
                    <vn-td>{{::claim.created | date:'dd/MM/yyyy'}}</vn-td>
                    <vn-td>{{::claim.worker.firstName}} {{::claim.worker.name}}</vn-td>
                    <vn-td class="{{::claim.claimState.description}}">{{::claim.claimState.description}}</vn-td>
                    <vn-td>
                        <vn-icon-button
                            ng-click="$ctrl.preview($event, claim)"
                            vn-tooltip="Preview"
                            icon="desktop_windows">
                        </vn-icon-button>
                    </vn-td>
                </a>
            </vn-tbody>
            <vn-empty-rows ng-if="model.data.length === 0" translate>
                No results
            </vn-empty-rows>
            <vn-empty-rows ng-if="model.data === null" translate>
                Enter a new search
            </vn-empty-rows>
        </vn-table>
    </vn-card>
    <vn-pagination model="model"></vn-pagination>
</div>
<vn-client-descriptor-popover vn-id="descriptor"></vn-client-descriptor-popover>
<vn-dialog class="dialog-summary"
    vn-id="dialog-summary-claim">
    <tpl-body>
        <vn-claim-summary claim="$ctrl.claimSelected"></vn-claim-summary>
    </tpl-body>
</vn-dialog>