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>
|
2021-01-28 14:10:47 +00:00
|
|
|
<vn-th>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-11-27 12:10:39 +00:00
|
|
|
ng-src="{{::$root.imagePath('catalog', '50x50', row.item.id)}}"
|
|
|
|
zoom-image="{{::$root.imagePath('catalog', '1600x900', row.item.id)}}"
|
2019-10-28 16:31:33 +00:00
|
|
|
on-error-src/>
|
|
|
|
</vn-td>
|
|
|
|
<vn-td number>
|
2021-05-21 13:31:05 +00:00
|
|
|
<span ng-click="itemDescriptor.show($event, row.itemFk)"
|
2019-10-28 16:31:33 +00:00
|
|
|
class="link">
|
2023-02-17 10:19:35 +00:00
|
|
|
{{::row.itemFk}}
|
2019-10-28 16:31:33 +00:00
|
|
|
</span>
|
|
|
|
</vn-td>
|
2021-01-28 14:10:47 +00:00
|
|
|
<vn-td vn-fetched-tags>
|
2021-09-23 15:19:47 +00:00
|
|
|
<div>
|
|
|
|
<vn-one title="{{::row.item.name}}">{{::row.item.name}}</vn-one>
|
|
|
|
<vn-one ng-if="::row.item.subName">
|
|
|
|
<h3 title="{{::row.item.subName}}">{{::row.item.subName}}</h3>
|
|
|
|
</vn-one>
|
|
|
|
</div>
|
2019-10-28 16:31:33 +00:00
|
|
|
<vn-fetched-tags
|
|
|
|
max-length="6"
|
|
|
|
item="::row.item"
|
2021-01-28 14:10:47 +00:00
|
|
|
tabindex="-1">
|
2019-10-28 16:31:33 +00:00
|
|
|
</vn-fetched-tags>
|
|
|
|
</vn-td>
|
2021-01-28 14:10:47 +00:00
|
|
|
<vn-td>{{::row.warehouse.name}}</vn-td>
|
|
|
|
<vn-td>{{::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
|
2021-05-21 13:31:05 +00:00
|
|
|
vn-id="item-descriptor"
|
|
|
|
warehouse-fk="$ctrl.vnConfig.warehouseFk">
|
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>
|