<vn-crud-model auto-load="false" vn-id="model" url="/order/api/OrderRows" filter="::$ctrl.filter" link="{orderFk: $ctrl.$stateParams.id}" limit="20" data="rows" on-data-change="$ctrl.onDataChange()"> </vn-crud-model> <mg-ajax path="/order/api/Orders/{{$ctrl.$stateParams.id}}/getTotalVolume" options="mgEdit"></mg-ajax> <vn-vertical> <vn-card pad-large> <vn-vertical> <vn-horizontal> <div class="totalBox"> <vn-label-value label="Total" value="{{::edit.model.totalVolume}} M³"> </vn-label-value> <vn-label-value label="Cajas" value="{{::edit.model.totalBoxes | dashIfEmpty}} U"> </vn-label-value> </div> </vn-horizontal> <vn-table model="model"> <vn-thead> <vn-tr> <vn-th field="itemFk" default-order="ASC" number>Item</vn-th> <vn-th>Description</vn-th> <vn-th field="quantity" number>Quantity</vn-th> <vn-th number>m³ per quantity</vn-th> </vn-tr> </vn-thead> <vn-tbody> <vn-tr ng-repeat="row in rows"> <vn-td number> <span ng-click="$ctrl.showDescriptor($event, row.itemFk)" class="link"> {{::row.itemFk}} </span> </vn-td> <vn-td><vn-fetched-tags max-length="6" item="row.item"/></vn-td> <vn-td number>{{::row.quantity}}</vn-td> <vn-td number>{{::row.volume | number:3}}</vn-td> </vn-tr> </vn-tbody> </vn-table> </vn-vertical> <vn-pagination model="model"></vn-pagination> </vn-card> </vn-vertical> <vn-item-descriptor-popover vn-id="descriptor"></vn-item-descriptor-popover>