<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="content-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 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" center>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 expand> <span class="link" ng-click="$ctrl.showClientDescriptor($event, claim.client.id)"> {{::claim.client.name}} </span> </vn-td> <vn-td center>{{::claim.created | dateTime:'dd/MM/yyyy'}}</vn-td> <vn-td expand> <span class="link" ng-click="$ctrl.showWorkerDescriptor($event, claim.worker.user.id)"> {{::claim.worker.user.nickname}} </span> </vn-td> <vn-td> <span class="chip {{::$ctrl.stateColor(claim)}}"> {{::claim.claimState.description}} </span> </vn-td> <vn-td shrink> <vn-icon-button ng-click="$ctrl.preview($event, claim)" vn-tooltip="Preview" icon="desktop_windows"> </vn-icon-button> </vn-td> </a> </vn-tbody> </vn-table> </vn-card> <vn-pagination model="model"></vn-pagination> </div> <vn-client-descriptor-popover vn-id="clientDescriptor"></vn-client-descriptor-popover> <vn-worker-descriptor-popover vn-id="workerDescriptor" user-id="$ctrl.selectedWorker"> </vn-worker-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>