2019-10-28 16:31:33 +00:00
|
|
|
<vn-data-viewer data="$ctrl.rows" class="vn-w-lg">
|
|
|
|
<vn-card class="vn-pa-lg header" ng-if="$ctrl.rows.length > 0">
|
|
|
|
<div>
|
|
|
|
<vn-label translate>Subtotal</vn-label>
|
|
|
|
{{$ctrl.subtotal | currency: 'EUR':2}}
|
|
|
|
</div>
|
|
|
|
<div>
|
|
|
|
<vn-label translate>VAT</vn-label>
|
|
|
|
{{$ctrl.VAT | currency: 'EUR':2}}
|
|
|
|
</div>
|
|
|
|
<div>
|
|
|
|
<vn-label>Total</vn-label>
|
|
|
|
{{$ctrl.order.total | currency: 'EUR':2}}
|
|
|
|
</div>
|
2018-08-07 14:04:42 +00:00
|
|
|
</vn-card>
|
2019-10-28 16:31:33 +00:00
|
|
|
<vn-card class="vn-mt-md">
|
|
|
|
<vn-table>
|
|
|
|
<vn-thead>
|
|
|
|
<vn-tr>
|
|
|
|
<vn-th></vn-th>
|
|
|
|
<vn-th number>Id</vn-th>
|
|
|
|
<vn-th>Description</vn-th>
|
|
|
|
<vn-th>Warehouse</vn-th>
|
2020-11-10 15:47:39 +00:00
|
|
|
<vn-th expand>Shipped</vn-th>
|
2019-10-28 16:31:33 +00:00
|
|
|
<vn-th number>Quantity</vn-th>
|
|
|
|
<vn-th number>Price</vn-th>
|
2019-11-12 13:18:46 +00:00
|
|
|
<vn-th number>Amount</vn-th>
|
|
|
|
<vn-th ng-if="::!$ctrl.order.isConfirmed"></vn-th>
|
2019-10-28 16:31:33 +00:00
|
|
|
</vn-tr>
|
|
|
|
</vn-thead>
|
|
|
|
<vn-tbody>
|
|
|
|
<vn-tr ng-repeat="row in $ctrl.rows">
|
|
|
|
<vn-td shrink>
|
|
|
|
<img
|
2020-04-25 09:50:04 +00:00
|
|
|
ng-src="{{::$root.imagePath}}/catalog/50x50/{{::row.item.image}}"
|
|
|
|
zoom-image="{{::$root.imagePath}}/catalog/1600x900/{{::row.item.image}}"
|
2019-10-28 16:31:33 +00:00
|
|
|
on-error-src/>
|
|
|
|
</vn-td>
|
|
|
|
<vn-td number>
|
2020-04-28 12:26:02 +00:00
|
|
|
<span ng-click="descriptor.show($event, row.itemFk)"
|
2019-10-28 16:31:33 +00:00
|
|
|
class="link">
|
|
|
|
{{::row.itemFk | zeroFill:6}}
|
|
|
|
</span>
|
|
|
|
</vn-td>
|
|
|
|
<vn-td expand>
|
|
|
|
<vn-fetched-tags
|
|
|
|
max-length="6"
|
|
|
|
item="::row.item"
|
|
|
|
name="::row.item.name"
|
|
|
|
sub-name="::row.item.subName">
|
|
|
|
</vn-fetched-tags>
|
|
|
|
</vn-td>
|
|
|
|
<vn-td shrink>{{::row.warehouse.name}}</vn-td>
|
2020-11-10 15:47:39 +00:00
|
|
|
<vn-td expand>{{::row.shipped | date: 'dd/MM/yyyy'}}</vn-td>
|
2019-10-28 16:31:33 +00:00
|
|
|
<vn-td number>{{::row.quantity}}</vn-td>
|
|
|
|
<vn-td number>
|
|
|
|
{{::row.price | currency: 'EUR':2}}
|
|
|
|
</vn-td>
|
2019-11-12 13:18:46 +00:00
|
|
|
<vn-td number>
|
|
|
|
{{::row.price * row.quantity | currency: 'EUR':2}}
|
|
|
|
</vn-td>
|
|
|
|
<vn-td shrink ng-if="::!$ctrl.order.isConfirmed">
|
2019-10-28 16:31:33 +00:00
|
|
|
<vn-icon-button
|
|
|
|
vn-tooltip="Remove item"
|
|
|
|
icon="delete"
|
2019-11-12 13:18:46 +00:00
|
|
|
ng-click="deleteRow.show($index)"
|
2019-10-28 16:31:33 +00:00
|
|
|
tabindex="-1">
|
|
|
|
</vn-icon-button>
|
|
|
|
</vn-td>
|
|
|
|
</vn-tr>
|
|
|
|
</vn-tbody>
|
|
|
|
</vn-table>
|
|
|
|
</vn-card>
|
|
|
|
</vn-data-viewer>
|
|
|
|
<vn-float-button
|
|
|
|
icon="check"
|
|
|
|
vn-tooltip="Confirm"
|
|
|
|
ng-click="$ctrl.save()"
|
|
|
|
ng-if="!$ctrl.order.isConfirmed"
|
|
|
|
fixed-bottom-right>
|
|
|
|
</vn-float-button>
|
2018-08-07 14:04:42 +00:00
|
|
|
<vn-item-descriptor-popover
|
|
|
|
vn-id="descriptor">
|
2019-01-14 10:35:48 +00:00
|
|
|
</vn-item-descriptor-popover>
|
|
|
|
<vn-confirm
|
|
|
|
vn-id="delete-row"
|
2019-11-12 13:18:46 +00:00
|
|
|
on-accept="$ctrl.deleteRow($data)"
|
2019-01-14 10:35:48 +00:00
|
|
|
question="Delete row"
|
|
|
|
message="Are you sure you want to delete this row?">
|
|
|
|
</vn-confirm>
|