<vn-crud-model vn-id="model" url="/claim/api/Claims" filter="::$ctrl.filter" limit="20" data="claims" auto-load="false"> </vn-crud-model> <div margin-medium> <div class="vn-list"> <vn-card pad-medium-h> <vn-searchbar panel="vn-claim-search-panel" model="model" expr-builder="$ctrl.exprBuilder(param, value)"> </vn-searchbar> </vn-card> </div> <vn-card margin-medium-v pad-medium> <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> <vn-tr ng-repeat="claim in claims" ui-sref="claim.card.summary({id: claim.id})" class=clickable> <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>{{::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> </vn-tr> </vn-tbody> </vn-table> </vn-card> <vn-pagination model="model" scroll-selector="ui-view"> </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>