@colijnit/transaction 257.1.61 → 257.1.63
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/bundles/colijnit-transaction.umd.js +55 -37
- package/bundles/colijnit-transaction.umd.js.map +1 -1
- package/colijnit-transaction.metadata.json +1 -1
- package/esm2015/lib/component/core/relation/customer-groups.component.js +6 -5
- package/esm2015/lib/component/dialog/transaction-line/dialog-transaction-line-warehouse/dialog-transaction-line-warehouse.component.js +50 -46
- package/esm2015/lib/component/payment/payment.component.js +74 -71
- package/esm2015/lib/component/transaction-header/transaction-header-popup/transaction-header-popup-payment.component.js +6 -5
- package/esm2015/lib/component/transaction-line-fields/transaction-line-drop-shipment-button.component.js +30 -25
- package/esm2015/lib/component/transaction-line-side-panel-article-details/transaction-line-side-panel-article-details.component.js +2 -2
- package/esm2015/lib/component/transaction-lines/transaction-lines.component.js +13 -7
- package/esm2015/lib/service/transaction-base.service.js +3 -3
- package/esm2015/lib/transaction-version.js +3 -3
- package/fesm2015/colijnit-transaction.js +176 -156
- package/fesm2015/colijnit-transaction.js.map +1 -1
- package/lib/component/dialog/transaction-line/dialog-transaction-line-warehouse/dialog-transaction-line-warehouse.component.d.ts +2 -2
- package/lib/component/transaction-lines/transaction-lines.component.d.ts +1 -0
- package/package.json +1 -1
|
@@ -33,8 +33,8 @@
|
|
|
33
33
|
function Version() {
|
|
34
34
|
this.name = "@colijnit/transaction";
|
|
35
35
|
this.description = "Colijn IT transaction package";
|
|
36
|
-
this.symVer = "257.1.
|
|
37
|
-
this.publishDate = "
|
|
36
|
+
this.symVer = "257.1.63";
|
|
37
|
+
this.publishDate = "29/05/2025, 16:40:43";
|
|
38
38
|
}
|
|
39
39
|
return Version;
|
|
40
40
|
}());
|
|
@@ -15373,7 +15373,7 @@
|
|
|
15373
15373
|
return [4 /*yield*/, this.connector.getTransactionById(transactionId)];
|
|
15374
15374
|
case 1:
|
|
15375
15375
|
transactionInfoResponse = _a.sent();
|
|
15376
|
-
if (!transactionInfoResponse.isSuccess) return [3 /*break*/, 3];
|
|
15376
|
+
if (!(transactionInfoResponse && transactionInfoResponse.isSuccess)) return [3 /*break*/, 3];
|
|
15377
15377
|
return [4 /*yield*/, this.rememberCurrentTransaction(transactionInfoResponse)];
|
|
15378
15378
|
case 2:
|
|
15379
15379
|
_a.sent();
|
|
@@ -15402,7 +15402,7 @@
|
|
|
15402
15402
|
case 1:
|
|
15403
15403
|
transactionInfoResponse = _a.sent();
|
|
15404
15404
|
finished = true;
|
|
15405
|
-
if (!transactionInfoResponse.isSuccess) return [3 /*break*/, 3];
|
|
15405
|
+
if (!(transactionInfoResponse && transactionInfoResponse.isSuccess)) return [3 /*break*/, 3];
|
|
15406
15406
|
return [4 /*yield*/, this.rememberCurrentTransaction(transactionInfoResponse)];
|
|
15407
15407
|
case 2:
|
|
15408
15408
|
_a.sent();
|
|
@@ -21714,10 +21714,12 @@
|
|
|
21714
21714
|
CustomerGroupsComponent.prototype.ngOnInit = function () {
|
|
21715
21715
|
return __awaiter(this, void 0, void 0, function () {
|
|
21716
21716
|
var _this = this;
|
|
21717
|
-
return __generator(this, function (
|
|
21717
|
+
return __generator(this, function (_a) {
|
|
21718
21718
|
this._connector.getCustomerGroups().then(function (groups) {
|
|
21719
21719
|
_this.customerGroups = groups;
|
|
21720
|
-
_this.
|
|
21720
|
+
if (!_this._model && _this.defaultValue !== null) {
|
|
21721
|
+
_this.handleCustomerGroupChange(_this.customerGroups.find(function (c) { return c.groepsnummer === _this.defaultValue.toString(); }));
|
|
21722
|
+
}
|
|
21721
21723
|
});
|
|
21722
21724
|
return [2 /*return*/];
|
|
21723
21725
|
});
|
|
@@ -21725,15 +21727,14 @@
|
|
|
21725
21727
|
};
|
|
21726
21728
|
CustomerGroupsComponent.prototype.handleCustomerGroupChange = function (customerGroup) {
|
|
21727
21729
|
this.selectedCustomerGroup = customerGroup;
|
|
21728
|
-
this.
|
|
21730
|
+
this._model = this.selectedCustomerGroup.groepsnummer;
|
|
21731
|
+
this.modelChange.emit(this._model);
|
|
21729
21732
|
};
|
|
21730
21733
|
CustomerGroupsComponent.prototype._setSelectedCustomerGroup = function () {
|
|
21731
21734
|
var _this = this;
|
|
21732
|
-
var _a, _b;
|
|
21733
21735
|
if (!this.customerGroups) {
|
|
21734
21736
|
return;
|
|
21735
21737
|
}
|
|
21736
|
-
(_a = this._model) !== null && _a !== void 0 ? _a : (this._model = (_b = this.defaultValue) === null || _b === void 0 ? void 0 : _b.toString());
|
|
21737
21738
|
this.selectedCustomerGroup = this.customerGroups.find(function (c) { return c.groepsnummer === _this.model; });
|
|
21738
21739
|
};
|
|
21739
21740
|
return CustomerGroupsComponent;
|
|
@@ -33706,33 +33707,44 @@
|
|
|
33706
33707
|
};
|
|
33707
33708
|
DialogTransactionLineWarehouseComponent.prototype.handleOkClick = function () {
|
|
33708
33709
|
return __awaiter(this, void 0, void 0, function () {
|
|
33709
|
-
var warehouseUpdateSuccess,
|
|
33710
|
+
var warehouseUpdateSuccess, oldWarehouse_1, oldSourceWarehouse, sourceSuccess;
|
|
33711
|
+
var _this = this;
|
|
33710
33712
|
return __generator(this, function (_a) {
|
|
33711
33713
|
switch (_a.label) {
|
|
33712
33714
|
case 0:
|
|
33713
33715
|
warehouseUpdateSuccess = true;
|
|
33714
|
-
if (
|
|
33715
|
-
|
|
33716
|
-
|
|
33717
|
-
|
|
33718
|
-
|
|
33719
|
-
|
|
33720
|
-
|
|
33721
|
-
|
|
33716
|
+
if (this.transactionLine.warehouseNumber !== this.warehouse) {
|
|
33717
|
+
oldWarehouse_1 = this.transactionLine.warehouseNumber;
|
|
33718
|
+
this.transactionService.tryToLockTransaction(this.transactionInfo.id, this.transactionInfo.version).then(function (locked) { return __awaiter(_this, void 0, void 0, function () {
|
|
33719
|
+
var warehouseSuccess;
|
|
33720
|
+
return __generator(this, function (_a) {
|
|
33721
|
+
switch (_a.label) {
|
|
33722
|
+
case 0:
|
|
33723
|
+
if (!locked) return [3 /*break*/, 2];
|
|
33724
|
+
return [4 /*yield*/, this.transactionService.updateWarehouseTransactionLine(this.transactionService.currentTransaction.transactionInfo.uuid, this.transactionLine.uuid, this.warehouse)];
|
|
33725
|
+
case 1:
|
|
33726
|
+
warehouseSuccess = _a.sent();
|
|
33727
|
+
if (!warehouseSuccess) {
|
|
33728
|
+
this.transactionLine.warehouseNumber = oldWarehouse_1;
|
|
33729
|
+
warehouseUpdateSuccess = false;
|
|
33730
|
+
}
|
|
33731
|
+
_a.label = 2;
|
|
33732
|
+
case 2: return [2 /*return*/];
|
|
33733
|
+
}
|
|
33734
|
+
});
|
|
33735
|
+
}); });
|
|
33722
33736
|
}
|
|
33723
|
-
|
|
33724
|
-
case 2:
|
|
33725
|
-
if (!(this.transactionLine.interBranchSourceWarehouseNr !== this.sourceWarehouse)) return [3 /*break*/, 4];
|
|
33737
|
+
if (!(this.transactionLine.interBranchSourceWarehouseNr !== this.sourceWarehouse)) return [3 /*break*/, 2];
|
|
33726
33738
|
oldSourceWarehouse = this.transactionLine.interBranchSourceWarehouseNr;
|
|
33727
33739
|
return [4 /*yield*/, this.transactionService.updateTransactionLineInterBranchSourceWarehouse(this.transactionService.currentTransaction.transactionInfo.uuid, this.transactionLine.uuid, this.sourceWarehouse)];
|
|
33728
|
-
case
|
|
33740
|
+
case 1:
|
|
33729
33741
|
sourceSuccess = _a.sent();
|
|
33730
33742
|
if (!sourceSuccess) {
|
|
33731
33743
|
this.transactionLine.warehouseNumber = oldSourceWarehouse;
|
|
33732
33744
|
warehouseUpdateSuccess = false;
|
|
33733
33745
|
}
|
|
33734
|
-
_a.label =
|
|
33735
|
-
case
|
|
33746
|
+
_a.label = 2;
|
|
33747
|
+
case 2:
|
|
33736
33748
|
if (warehouseUpdateSuccess) {
|
|
33737
33749
|
this.handleClose(AppPopupButtonType.Ok);
|
|
33738
33750
|
}
|
|
@@ -33767,13 +33779,13 @@
|
|
|
33767
33779
|
}(DialogTransactionLineBaseComponent));
|
|
33768
33780
|
DialogTransactionLineWarehouseComponent.decorators = [
|
|
33769
33781
|
{ type: i0.Component, args: [{
|
|
33770
|
-
selector:
|
|
33771
|
-
template: "\n
|
|
33782
|
+
selector: 'co-dialog-transaction-line-warehouse',
|
|
33783
|
+
template: "\n <co-dialog [headerTemplate]=\"dialogHeader\" [footerTemplate]=\"footerTemplate\" [showCloseIcon]=\"useModel\" (closeClick)=\"handleCloseDialog($event, buttonType.Cancel)\">\n\n <div class=\"warehouse-tabs\">\n <div class=\"warehouse-tab\" [textContent]=\"'SOURCE_WAREHOUSE' | localize\" [class.active]=\"activeTab === tab.Source\"\n (click)=\"showTab(tab.Source)\"></div>\n <div class=\"warehouse-tab\" [textContent]=\"'TARGET_WAREHOUSE' | localize\" [class.active]=\"activeTab === tab.Target\"\n (click)=\"showTab(tab.Target)\"></div>\n </div>\n\n <co-transaction-line-warehouse *ngIf=\"activeTab === tab.Source\"\n [useModel]=\"false\"\n [value]=\"sourceWarehouse\"\n [searchText]=\"searchText\"\n (valueChange)=\"handleSourceValueChange($event)\"\n ></co-transaction-line-warehouse>\n <co-transaction-line-warehouse *ngIf=\"activeTab === tab.Target\"\n [useModel]=\"false\"\n [value]=\"warehouse\"\n [searchText]=\"searchText\"\n (valueChange)=\"handleTargetValueChange($event)\"\n ></co-transaction-line-warehouse>\n\n </co-dialog>\n <ng-template #dialogHeader>\n <co-dialog-header-search [title]=\"'WAREHOUSE'\" (search)=\"handleSearch($event)\"></co-dialog-header-search>\n </ng-template>\n\n <ng-template #footerTemplate>\n\n <div class=\"transaction-line-warehouse-cc-section\">\n <div class=\"transaction-line-warehouse-cc-warehouses-section\">\n <co-icon class=\"icon\" [iconData]=\"iconCacheService.getIcon(icons.RegularWarehouseCircleArrowRight)\"></co-icon>\n <co-input-text [readonly]=\"true\" [placeholder]=\"'SOURCE_WAREHOUSE' | localize\" [model]=\"interBranchSourceWarehouseDescription\"></co-input-text>\n <co-icon class=\"icon\" [iconData]=\"iconCacheService.getIcon(icons.RegularWarehouseCircleArrowLeft)\"></co-icon>\n <co-input-text [readonly]=\"true\" [placeholder]=\"'TARGET_WAREHOUSE' | localize\" [model]=\"warehouseDescription\"></co-input-text>\n </div>\n </div>\n <div class=\"co-dialog-footer-button-wrapper\">\n <co-button [label]=\"'OK' | localize\" (click)=\"handleOkClick()\"></co-button>\n </div>\n </ng-template>\n ",
|
|
33772
33784
|
encapsulation: i0.ViewEncapsulation.None
|
|
33773
33785
|
},] }
|
|
33774
33786
|
];
|
|
33775
33787
|
DialogTransactionLineWarehouseComponent.propDecorators = {
|
|
33776
|
-
showClass: [{ type: i0.HostBinding, args: [
|
|
33788
|
+
showClass: [{ type: i0.HostBinding, args: ['class.co-dialog-transaction-line-warehouse',] }]
|
|
33777
33789
|
};
|
|
33778
33790
|
|
|
33779
33791
|
var TransactionLineWarehouseComponent = /** @class */ (function (_super) {
|
|
@@ -36936,7 +36948,7 @@
|
|
|
36936
36948
|
TransactionLineSidePanelArticleDetailsComponent.prototype._getAlternateSuppliers = function () {
|
|
36937
36949
|
var _this = this;
|
|
36938
36950
|
this.alternateSuppliers = [];
|
|
36939
|
-
if (!this.suppliers || this.suppliers.length === 0) {
|
|
36951
|
+
if (!this.suppliers || this.suppliers.length === 0 || !this.purchaseAdviceLine) {
|
|
36940
36952
|
return;
|
|
36941
36953
|
}
|
|
36942
36954
|
this.selectedSupplierId = this.purchaseAdviceLine.supplierId;
|
|
@@ -37239,13 +37251,12 @@
|
|
|
37239
37251
|
}(TransactionLineBaseComponent));
|
|
37240
37252
|
TransactionLineDropShipmentButtonComponent.decorators = [
|
|
37241
37253
|
{ type: i0.Component, args: [{
|
|
37242
|
-
selector:
|
|
37243
|
-
template: "\n
|
|
37254
|
+
selector: 'co-transaction-line-drop-shipment-button',
|
|
37255
|
+
template: "\n <div class=\"inside-field\">\n <co-transaction-line-label\n *ngIf=\"transactionService.internalParameterAllowsDropShipment && supplierAllowsDropShipment && inputLabel\"\n [insideLabel]=\"'DROPSHIPMENT'\">\n </co-transaction-line-label>\n <co-transaction-button\n *ngIf=\"transactionService.internalParameterAllowsDropShipment && supplierAllowsDropShipment\"\n [hidden]=\"hidden\"\n [readonly]=\"readonly\"\n [label]=\"'DROPSHIPMENT' | localize\"\n (click)=\"handleToggleDropShipment($event)\">\n </co-transaction-button>\n <co-transaction-button\n *ngIf=\"!transactionService.internalParameterAllowsDropShipment || !supplierAllowsDropShipment\"\n class=\"disabled-button\"\n [hidden]=\"hidden\"\n [readonly]=\"readonly\"\n [label]=\"'DROPSHIPMENT_NO' | localize\">\n </co-transaction-button>\n </div>\n\n <co-dialog-transaction-line-warehouse\n *ngIf=\"showDialogWarehouse && !readonly\"\n [autoClose]=\"true\"\n (close)=\"showDialogWarehouse = false\">\n </co-dialog-transaction-line-warehouse>\n ",
|
|
37244
37256
|
providers: [{
|
|
37245
37257
|
provide: corecomponents_v12.SCREEN_CONFIG_ADAPTER_COMPONENT_INTERFACE_NAME,
|
|
37246
37258
|
useExisting: i0.forwardRef(function () { return TransactionLineDropShipmentButtonComponent; })
|
|
37247
|
-
}
|
|
37248
|
-
],
|
|
37259
|
+
}],
|
|
37249
37260
|
encapsulation: i0.ViewEncapsulation.None
|
|
37250
37261
|
},] }
|
|
37251
37262
|
];
|
|
@@ -37264,7 +37275,7 @@
|
|
|
37264
37275
|
TransactionLineDropShipmentButtonComponent.propDecorators = {
|
|
37265
37276
|
showLabel: [{ type: i0.Input }],
|
|
37266
37277
|
inputLabel: [{ type: i0.Input }],
|
|
37267
|
-
showClass: [{ type: i0.HostBinding, args: [
|
|
37278
|
+
showClass: [{ type: i0.HostBinding, args: ['class.co-transaction-line-drop-shipment-button',] }]
|
|
37268
37279
|
};
|
|
37269
37280
|
|
|
37270
37281
|
var TransactionLineDropShipmentButtonModule = /** @class */ (function () {
|
|
@@ -48923,6 +48934,12 @@
|
|
|
48923
48934
|
this._subs.forEach(function (s) { return s.unsubscribe(); });
|
|
48924
48935
|
_super.prototype.ngOnDestroy.call(this);
|
|
48925
48936
|
};
|
|
48937
|
+
TransactionLinesComponent.prototype.getDisplayIndex = function (i, lines) {
|
|
48938
|
+
return lines
|
|
48939
|
+
.slice(0, i + 1)
|
|
48940
|
+
.filter(function (line) { return !line.isText; })
|
|
48941
|
+
.length;
|
|
48942
|
+
};
|
|
48926
48943
|
TransactionLinesComponent.prototype.transactionSet = function () {
|
|
48927
48944
|
_super.prototype.transactionSet.call(this);
|
|
48928
48945
|
this._checkActiveLine();
|
|
@@ -48938,7 +48955,7 @@
|
|
|
48938
48955
|
TransactionLinesComponent.decorators = [
|
|
48939
48956
|
{ type: i0.Component, args: [{
|
|
48940
48957
|
selector: "co-transaction-lines",
|
|
48941
|
-
template: "\n <div *ngIf=\"customerPortal\">\n <div class=\"draggable-transaction-line\" *ngFor=\"let line of (historicTransactionLines ? historicTransactionLines : transactionLines); let i = index\">\n <co-transaction-line\n [lineIndex]=\"i
|
|
48958
|
+
template: "\n <div *ngIf=\"customerPortal\">\n <div class=\"draggable-transaction-line\" *ngFor=\"let line of (historicTransactionLines ? historicTransactionLines : transactionLines) as lines; let i = index\">\n <co-transaction-line\n [lineIndex]=\"getDisplayIndex(i, lines)\"\n [transactionLine]=\"line\"\n [activeCategory]=\"category.SalesCustomerPortal\"\n [preview]=\"preview\"\n [readonly]=\"historicTransactionLines !== null\"\n (waitingForUserAction)=\"userActionRequired = $event\"\n [class.customer-line]=\"customerPortal\"\n observeVisibility #observer=visibilityObserve (visibilityChange)=\"handleVisibilityChange(line, $event)\"\n ></co-transaction-line>\n </div>\n </div>\n\n <div *ngIf=\"!customerPortal\" #dropList cdkDropList cdkDropListOrientation=\"vertical\"\n class=\"transaction-lines-drag-drop-list\"\n [cdkDropListDisabled]=\"preview || userActionRequired\"\n [cdkDropListData]=\"transactionLines\"\n [cdkDropListEnterPredicate]=\"handleCanDragDrop\"\n (cdkDropListDropped)=\"handleDrop($event)\"\n (cdkDropListEntered)=\"handleDropListEntered($event)\"\n >\n <div class=\"draggable-transaction-line\"\n *ngFor=\"let line of (historicTransactionLines ? historicTransactionLines : transactionLines) as lines;let isFirst = first; let i = index; trackBy:trackByFn;\"\n [cdkDragDisabled]=\"activeCategory !== category.SalesOrderOverview && activeCategory !== category.SalesOrderQuotation &&\n activeCategory !== category.PurchaseOrderOverview && activeCategory !== category.ServiceOrderOverview\"\n cdkDrag>\n <co-icon *ngIf=\"!preview && (activeCategory === category.SalesOrderOverview || activeCategory === category.SalesOrderQuotation ||\n activeCategory === category.PurchaseOrderOverview || activeCategory === category.ServiceOrderOverview)\" class=\"transaction-line-drag-handle\"\n [class.show]=\"line === selectedTransactionLine && transactionLines.length > 1\" cdkDragHandle\n [iconData]=\"iconCacheService.getIcon(icons.GripDotsVerticalSolid)\">\n </co-icon>\n <co-transaction-line\n [lineIndex]=\"getDisplayIndex(i, lines)\"\n [draggedOver]=\"lineDraggedOver === line.lineNr\"\n [transactionLine]=\"line\"\n [activeCategory]=\"activeCategory\"\n [preview]=\"preview\"\n [isFirst]=\"isFirst\"\n [readonly]=\"historicTransactionLines !== null\"\n (waitingForUserAction)=\"userActionRequired = $event\"\n (click)=\"selectedTransactionLine = line\"\n (descriptionDblClick)=\"onDescriptionDblClick(line)\"\n [class.active]=\"showSidePanel && line === activeTransactionLine\"\n observeVisibility #observer=visibilityObserve (visibilityChange)=\"handleVisibilityChange(line, $event)\"\n ></co-transaction-line>\n </div>\n <ng-container *ngIf=\"activeCategory === category.SalesOrderDeliveryNote || activeCategory === category.SalesOrderInvoice || activeCategory === category.SalesOrderPlanning\">\n <div class=\"draggable-transaction-line\" *ngFor=\"let line of deliveryCostLines as lines; let i = index; trackBy:trackByFn;\" cdkDrag>\n <co-icon *ngIf=\"!preview\" class=\"transaction-line-drag-handle\"\n [class.show]=\"line === selectedTransactionLine\" cdkDragHandle\n [iconData]=\"iconCacheService.getIcon(icons.GripDotsVerticalSolid)\">\n </co-icon>\n <co-transaction-line\n [lineIndex]=\"getDisplayIndex(i, lines)\"\n [transactionLine]=\"line\"\n [activeCategory]=\"activeCategory\"\n [preview]=\"preview\"\n [readonly]=\"historicTransactionLines !== null\"\n [isFirst]=\"isFirst\"\n (waitingForUserAction)=\"userActionRequired = $event\"\n (click)=\"selectedTransactionLine = line\"\n (descriptionDblClick)=\"onDescriptionDblClick(line)\"\n [class.active]=\"showSidePanel && line === activeTransactionLine\"\n observeVisibility #observer=visibilityObserve (visibilityChange)=\"handleVisibilityChange(line, $event)\"\n ></co-transaction-line>\n </div>\n </ng-container>\n </div>\n <co-transaction-line-side-panel *ngIf=\"showSidePanel\"\n [activeCategory]=\"activeCategory\"\n (cancelClick)=\"showSidePanel = false\">\n </co-transaction-line-side-panel>\n ",
|
|
48942
48959
|
encapsulation: i0.ViewEncapsulation.None,
|
|
48943
48960
|
changeDetection: i0.ChangeDetectionStrategy.OnPush
|
|
48944
48961
|
},] }
|
|
@@ -49838,7 +49855,7 @@
|
|
|
49838
49855
|
PaymentComponent.decorators = [
|
|
49839
49856
|
{ type: i0.Component, args: [{
|
|
49840
49857
|
selector: "co-payment",
|
|
49841
|
-
template: "\n
|
|
49858
|
+
template: "\n <div class=\"payment-wrapper\">\n <div class=\"payment-methods-register-wrapper\">\n <div class=\"payment-methods-wrapper\">\n <div class=\"payment-methods-header\">\n <span class=\"payment-header-title\" [textContent]=\"'SELECT' | localize\"></span>\n <!--span class=\"payment-header-title extra\" [textContent]=\"'FREE' | localize:false\"></span-->\n <span class=\"payment-header-title\" [textContent]=\"'PAYMENT_METHOD' | localize:false\"></span>\n </div>\n <div class=\"payment-methods co-small-scrollbar\">\n <co-loader class=\"loader\" *ngIf=\"showLoader\"></co-loader>\n <ng-container *ngIf=\"!showLoader\">\n <co-payment-tile *ngFor=\"let paymentMethod of paymentMethods; let index = index\"\n [image]=\"paymentMethod.image\"\n [description]=\"paymentMethod.payment.description\"\n [selected]=\"paymentMethodIdx === index\"\n (selectedChange)=\"paymentMethodSelected(paymentMethod.payment, index)\"\n ></co-payment-tile>\n </ng-container>\n </div>\n </div>\n <div class=\"payment-cash-register-wrapper\" *ngIf=\"showCashRegisters\">\n <div class=\"payment-cash-register-header\">\n <span class=\"payment-header-title\" [textContent]=\"'SELECT_CASH_REGISTER' | localize\"></span>\n </div>\n <div class=\"payment-methods\">\n <co-payment-tile *ngFor=\"let cashRegister of cashRegisters; let index = index\"\n [icon]=\"cashRegister.icon\"\n [description]=\"cashRegister.description\"\n [selected]=\"cashRegisterIdx === index\"\n (selectedChange)=\"cashRegisterSelected(cashRegister, index)\"\n ></co-payment-tile>\n </div>\n </div>\n </div>\n <div class=\"payment-to-pay-wrapper\">\n <div class=\"payment-to-pay-total\">\n <div class=\"payment-to-pay-header\">\n <span class=\"payment-header-title\" [textContent]=\"'TOTAL_AMOUNT_TO_PAY' | localize\"></span>\n <span class=\"payment-total-pay\" [textContent]=\"amount === 0 ? amount : (amount | coCurrency)\"></span>\n </div>\n <div class=\"payment-input-button-wrapper\">\n <div class=\"payment-input-button\">\n <co-payment-to-pay\n [amountToPay]=\"paymentService.amountToPay\"></co-payment-to-pay>\n <div class=\"payment-to-pay-button\">\n <co-button\n [iconData]=\"iconCacheService.getIcon(icons.CheckDuotone)\"\n [disabled]=\"paymentService.amountToPay === 0\"\n (click)=\"handlePayment()\">\n </co-button>\n </div>\n </div>\n <div class=\"payment-bookdate\" *ngIf=\"showPaymentDate\">\n <co-input-date [(model)]=\"paymentDate\"></co-input-date>\n </div>\n <div class=\"payment-error-message\" *ngIf=\"paymentService.statusMessage\"\n [textContent]=\"paymentService.statusMessage\"></div>\n </div>\n </div>\n\n <div class=\"payment-deposit\">\n <co-deposit-payment [branch]=\"branch\" [transactionUuid]=\"transactionUuid\"></co-deposit-payment>\n </div>\n <co-key-pad class=\"payment-to-pay-keypad\" *ngIf=\"showKeyPad\"\n [showValue]=\"false\"\n [emitModelChangeOnEnter]=\"false\"\n [model]=\"paymentService.amountToPay\"\n (modelChange)=\"handleKeyPadModelChange($event)\"\n (enterClick)=\"handlePayment()\"\n ></co-key-pad>\n </div>\n </div>\n <co-dialog *ngIf=\"paymentService.showPspQrCode\" (closeClick)=\"paymentService.showPspQrCode = false\">\n <co-payment-qr-code\n [qrCodeImage]=\"paymentService.qrCodeImage\"\n ></co-payment-qr-code>\n </co-dialog>\n ",
|
|
49842
49859
|
providers: [
|
|
49843
49860
|
TransactionPaymentService
|
|
49844
49861
|
],
|
|
@@ -52636,6 +52653,7 @@
|
|
|
52636
52653
|
this._paymentSubs.push(this.transactionEventService.transactionPaymentDone.subscribe(function () {
|
|
52637
52654
|
_this._getDepositInfo();
|
|
52638
52655
|
_this._getOutstandingAmounts();
|
|
52656
|
+
_this.handleCloseDialog();
|
|
52639
52657
|
}), this.screenConfigService.configSet.subscribe(function (configObjects) { return _this._getObjectConfiguration(configObjects); }));
|
|
52640
52658
|
_b = this;
|
|
52641
52659
|
return [4 /*yield*/, this.transactionService.getInternalParameter(internalParam_enum.InternalParam.SellDirectlyFromSuppl)];
|
|
@@ -52688,7 +52706,7 @@
|
|
|
52688
52706
|
this.cashOnDelivery = value;
|
|
52689
52707
|
};
|
|
52690
52708
|
TransactionHeaderPopupPaymentComponent.prototype.showPaymentButton = function () {
|
|
52691
|
-
return this.orderPaymentAnalysis.some(function (t) { return t.outstandingAmount
|
|
52709
|
+
return this.orderPaymentAnalysis.some(function (t) { return t.outstandingAmount !== 0; }) && this.chosenAmountToPay !== 0;
|
|
52692
52710
|
};
|
|
52693
52711
|
TransactionHeaderPopupPaymentComponent.prototype.openPayment = function (event) {
|
|
52694
52712
|
var _a;
|
|
@@ -52807,7 +52825,7 @@
|
|
|
52807
52825
|
TransactionHeaderPopupPaymentComponent.decorators = [
|
|
52808
52826
|
{ type: i0.Component, args: [{
|
|
52809
52827
|
selector: 'co-transaction-header-popup-payment',
|
|
52810
|
-
template: "\n <div class=\"transaction-header-popup-category-wrapper co-small-scrollbar\">\n <co-form>\n <div class=\"transaction-header-popup-section\">\n <div\n class=\"transaction-header-popup-section-label\"\n *ngIf=\"showPayDownLabel\"\n [textContent]=\"'TO_PAY_DOWN' | localize\">\n </div>\n\n <div class=\"transaction-header-popup-two-column-grid\">\n <co-transaction-header-deposit-percentage\n [screenConfigurationObject]=\"cfgNames.DepositPercentage\"\n [lockAndSave]=\"true\"\n (depositUpdated)=\"showOutstandingAmounts()\">\n </co-transaction-header-deposit-percentage>\n <co-transaction-header-deposit-amount class=\"transaction-line-totals-price price\"\n [screenConfigurationObject]=\"cfgNames.DepositAmount\"\n [lockAndSave]=\"true\"\n (businessRuleApplied)=\"showBusinessRuleInfo = $event\">\n </co-transaction-header-deposit-amount>\n </div>\n\n <div class=\"transaction-header-popup-three-column-grid\">\n <co-transaction-header-use-deposit-rule\n *ngIf=\"transactionInfo.transactionKind !== transKind.PurchaseOrder\"\n [screenConfigurationObject]=\"cfgNames.UseDepositRule\"\n [lockAndSave]=\"false\">\n </co-transaction-header-use-deposit-rule>\n <co-transaction-header-auto-recalculate-deposit\n *ngIf=\"transactionInfo.transactionKind !== transKind.PurchaseOrder\"\n [screenConfigurationObject]=\"cfgNames.AutoRecalculateDeposit\"\n [lockAndSave]=\"false\">\n </co-transaction-header-auto-recalculate-deposit>\n <co-transaction-header-divide-evenly\n *ngIf=\"transactionInfo.transactionKind !== transKind.PurchaseOrder\"\n [screenConfigurationObject]=\"cfgNames.DivideEvenly\"\n [lockAndSave]=\"false\">\n </co-transaction-header-divide-evenly>\n <div class=\"transaction-header-popup-business-rule-applied\" *ngIf=\"showBusinessRuleInfo\">\n <co-icon [iconData]=\"iconCacheService.getIcon(icons.CircleExclamationRegular)\"></co-icon>\n <span [textContent]=\"'DEPOSIT_BUSINESS_RULE_APPLIED' | localize\"></span>\n </div>\n </div>\n\n <div class=\"transaction-header-popup-two-column-grid\">\n <co-transaction-header-amount-to-settle\n [screenConfigurationObject]=\"cfgNames.AmountToSettle\"\n [lockAndSave]=\"false\">\n </co-transaction-header-amount-to-settle>\n <div class=\"transaction-header-popup-already-paid\">\n <co-input-text\n [screenConfigurationObject]=\"cfgNames.TotalPaidDown\"\n [placeholder]=\"'TOTAL_PAID_DOWN' | localize\" [forceReadonly]=\"true\"\n [model]=\"paidDown\" [formatPipe]=\"currencyPipe\">\n </co-input-text>\n <co-input-text\n [screenConfigurationObject]=\"cfgNames.SettledSoFar\"\n [placeholder]=\"'SETTLED_SO_FAR' | localize\" [forceReadonly]=\"true\"\n [model]=\"settled\" [formatPipe]=\"currencyPipe\">\n </co-input-text>\n </div>\n </div>\n\n <div class=\"transaction-header-popup-two-column-grid\" *ngIf=\"showCashOnDelivery\">\n <div class=\"cash-on-delivery-row\">\n <co-input-text\n [placeholder]=\"'CASH_ON_DELIVERY' | localize\"\n [forceReadonly]=\"true\"\n [(model)]=\"cashOnDelivery\"\n [formatPipe]=\"currencyPipe\">\n </co-input-text>\n <co-button\n class=\"save-button\"\n [disabled]=\"!isDirectSellEnabled()\"\n [iconData]=\"iconCacheService.getIcon(icons.TruckMovingRegular)\"\n (click)=\"cashOnDeliveryModalVisible = true\">\n </co-button>\n </div>\n <div></div>\n </div>\n\n <div\n class=\"transaction-header-popup-two-column-grid\"\n [screenConfigurationObject]=\"cfgNames.PaymentBtn\"\n screenConfigNativeElement>\n <co-transaction-header-payment-button\n *ngIf=\"transactionInfo.transactionKind !== transKind.PurchaseOrder\"\n [label]=\"('DELIVERY_TOTAL' | localize) | append:' / ' | append:('TO_SETTLE' | localize:false)\"\n [lockAndSave]=\"false\">\n </co-transaction-header-payment-button>\n </div>\n </div>\n\n <div *ngIf=\"paymentAnalysis\" class=\"transaction-header-popup-section\">\n <div class=\"transaction-header-popup-section-label\" [textContent]=\"'TO_INVOICE' | localize\"></div>\n <div class=\"still-top-pay-stats\">\n <div class=\"payment-item\">\n <label [textContent]=\"'TO_BE_INVOICED' | localize\"></label>\n <div class=\"amount\">{{ paymentAnalysis?.totalToInvoice | coCurrency:true }}</div>\n </div>\n <div class=\"payment-item\">\n <label [textContent]=\"'ALREADY_INVOICED' | localize\"></label>\n <div class=\"amount\">{{ paymentAnalysis?.totalDepositInvoice | coCurrency:true }}</div>\n </div>\n <div class=\"payment-item\">\n <label [textContent]=\"'STILL_TO_PAY' | localize\"></label>\n <div class=\"amount\" [class.outstanding]=\"paymentAnalysis?.totalToPay > 0\">\n <strong>{{ paymentAnalysis?.totalToPay | coCurrency:true }}</strong>\n </div>\n </div>\n </div>\n </div>\n\n <div *ngIf=\"orderPaymentAnalysis.length > 0\" class=\"payment-information\">\n <co-button\n class=\"save-button payment-button\"\n *ngIf=\"showPaymentButton()\"\n [iconData]=\"iconCacheService.getIcon(icons.CreditCardRegular)\"\n (click)=\"openPayment($event)\">\n </co-button>\n\n <div class=\"payment-categories\">\n <div\n class=\"payment-category\"\n [class.selected]=\"activeCategory.index === category.index\"\n *ngFor=\"let category of paymentCategories\"\n (click)=\"handleCategoryClick(category)\">\n <div class=\"title\" [textContent]=\"category.title | localize\"></div>\n </div>\n </div>\n\n <table *ngIf=\"activeCategory.index === 0\">\n <thead>\n <tr>\n <th class=\"left\" *ngIf=\"showInvoiceSelection()\" [textContent]=\"'PAY' | localize\"></th>\n <th class=\"left\" [textContent]=\"'DESCRIPTION' | localize\"></th>\n <th [textContent]=\"'AMOUNT2' | localize\"></th>\n <th [textContent]=\"'PAID' | localize\"></th>\n <th [textContent]=\"'SETTLED' | localize\"></th>\n <th [textContent]=\"'OUTSTANDING' | localize\"></th>\n </tr>\n </thead>\n <tbody>\n <tr *ngFor=\"let paymentInfo of orderPaymentAnalysis\">\n <td class=\"left\" *ngIf=\"showInvoiceSelection()\">\n <co-input-radio-button\n *ngIf=\"paymentInfo.transactionKind === transKind.SalesInvoice && paymentInfo.outstandingAmount > 0\"\n class=\"default-width\"\n [(model)]=\"paymentInfo.isSelected\"\n (modelChange)=\"handleSelectInvoiceLines(paymentInfo)\">\n </co-input-radio-button>\n </td>\n <td class=\"left\">\n <span\n *ngIf=\"paymentInfo.transactionKind === transKind.SalesOrder\"\n [textContent]=\"'DEPOSIT' | localize\">\n </span>\n <span *ngIf=\"paymentInfo.transactionKind === transKind.SalesInvoice\">\n <span [textContent]=\"'INVOICE' | localize\"></span>\n <span> {{ paymentInfo.transactionNumber }}</span>\n <span> {{ paymentInfo.transactionDate | date:'dd-MM-yyyy' }}</span>\n </span>\n </td>\n <td><strong>{{ paymentInfo.invoiceAmount | coCurrency:true }}</strong></td>\n <td [class.paid]=\"paymentInfo.paidAmount > 0\">\n <strong>{{ paymentInfo.paidAmount | coCurrency:true }}</strong>\n </td>\n <td>{{ paymentInfo.settledAmount | coCurrency:true }}</td>\n <td [class.outstanding]=\"paymentInfo.outstandingAmount > 0\">\n <strong>{{ paymentInfo.outstandingAmount | coCurrency:true }}</strong>\n </td>\n </tr>\n </tbody>\n </table>\n\n <div *ngIf=\"activeCategory.index === 1\">\n <p\n *ngIf=\"registeredPaymentInfo && registeredPaymentInfo.payments.length === 0\"\n [textContent]=\"'NOT_FOUND' | localize\">\n </p>\n\n <table *ngIf=\"registeredPaymentInfo && registeredPaymentInfo.payments.length > 0\">\n <thead>\n <tr>\n <th class=\"left\" [textContent]=\"'DESCRIPTION' | localize\"></th>\n <th [textContent]=\"'AMOUNT2' | localize\"></th>\n <th [textContent]=\"'DATE' | localize\"></th>\n </tr>\n </thead>\n <tbody>\n <tr *ngFor=\"let paymentInfo of registeredPaymentInfo.payments\">\n <td class=\"left\">{{ paymentInfo.reference }}</td>\n <td><strong>{{ paymentInfo.amount | coCurrency:true }}</strong></td>\n <td>{{ paymentInfo.paymentDateTime | date:'dd-MM-yyyy' }}</td>\n </tr>\n </tbody>\n </table>\n </div>\n </div>\n </co-form>\n\n <co-cash-on-delivery-modal\n *ngIf=\"cashOnDeliveryModalVisible\"\n [transactionInfoUuid]=\"transactionInfo.uuid\"\n (cashAmount)=\"getCashAmount($event)\"\n (showCashOnDeliveryModal)=\"showCashOnDeliveryModal($event)\">\n </co-cash-on-delivery-modal>\n </div>\n\n <co-dialog\n class=\"payment-dialog\"\n [modal]=\"true\"\n [headerTemplate]=\"headerTemplate\"\n *ngIf=\"showPaymentDialog\"\n (closeClick)=\"handleCloseDialog()\">\n <ng-template #headerTemplate>\n <div class=\"co-dialog-wrapper-popup-title\">\n <co-icon [iconData]=\"iconCacheService.getIcon(icons.CreditCardRegularCheck)\"></co-icon>\n <div class=\"co-dialog-header-title\" [textContent]=\"'PAYMENT_METHOD' | localize\"></div>\n </div>\n </ng-template>\n <co-payment\n [transId]=\"transactionIdToPay\"\n [branch]=\"transactionInfo.branch?.relationNr\"\n [transactionUuid]=\"transactionInfo.uuid\"\n [amount]=\"chosenAmountToPay\"\n [remainingPayment]=\"true\"\n [currencyId]=\"transactionInfo.currencyId\"\n [doNotFetchAmountToPayForRemaining]=\"true\"\n [showPaymentDate]=\"true\"\n ></co-payment>\n </co-dialog>\n ",
|
|
52828
|
+
template: "\n <div class=\"transaction-header-popup-category-wrapper co-small-scrollbar\">\n <co-form>\n <div class=\"transaction-header-popup-section\">\n <div\n class=\"transaction-header-popup-section-label\"\n *ngIf=\"showPayDownLabel\"\n [textContent]=\"'TO_PAY_DOWN' | localize\">\n </div>\n\n <div class=\"transaction-header-popup-two-column-grid\">\n <co-transaction-header-deposit-percentage\n [screenConfigurationObject]=\"cfgNames.DepositPercentage\"\n [lockAndSave]=\"true\"\n (depositUpdated)=\"showOutstandingAmounts()\">\n </co-transaction-header-deposit-percentage>\n <co-transaction-header-deposit-amount class=\"transaction-line-totals-price price\"\n [screenConfigurationObject]=\"cfgNames.DepositAmount\"\n [lockAndSave]=\"true\"\n (businessRuleApplied)=\"showBusinessRuleInfo = $event\">\n </co-transaction-header-deposit-amount>\n </div>\n\n <div class=\"transaction-header-popup-three-column-grid\">\n <co-transaction-header-use-deposit-rule\n *ngIf=\"transactionInfo.transactionKind !== transKind.PurchaseOrder\"\n [screenConfigurationObject]=\"cfgNames.UseDepositRule\"\n [lockAndSave]=\"false\">\n </co-transaction-header-use-deposit-rule>\n <co-transaction-header-auto-recalculate-deposit\n *ngIf=\"transactionInfo.transactionKind !== transKind.PurchaseOrder\"\n [screenConfigurationObject]=\"cfgNames.AutoRecalculateDeposit\"\n [lockAndSave]=\"false\">\n </co-transaction-header-auto-recalculate-deposit>\n <co-transaction-header-divide-evenly\n *ngIf=\"transactionInfo.transactionKind !== transKind.PurchaseOrder\"\n [screenConfigurationObject]=\"cfgNames.DivideEvenly\"\n [lockAndSave]=\"false\">\n </co-transaction-header-divide-evenly>\n <div class=\"transaction-header-popup-business-rule-applied\" *ngIf=\"showBusinessRuleInfo\">\n <co-icon [iconData]=\"iconCacheService.getIcon(icons.CircleExclamationRegular)\"></co-icon>\n <span [textContent]=\"'DEPOSIT_BUSINESS_RULE_APPLIED' | localize\"></span>\n </div>\n </div>\n\n <div class=\"transaction-header-popup-two-column-grid\">\n <co-transaction-header-amount-to-settle\n [screenConfigurationObject]=\"cfgNames.AmountToSettle\"\n [lockAndSave]=\"false\">\n </co-transaction-header-amount-to-settle>\n <div class=\"transaction-header-popup-already-paid\">\n <co-input-text\n [screenConfigurationObject]=\"cfgNames.TotalPaidDown\"\n [placeholder]=\"'TOTAL_PAID_DOWN' | localize\" [forceReadonly]=\"true\"\n [model]=\"paidDown\" [formatPipe]=\"currencyPipe\">\n </co-input-text>\n <co-input-text\n [screenConfigurationObject]=\"cfgNames.SettledSoFar\"\n [placeholder]=\"'SETTLED_SO_FAR' | localize\" [forceReadonly]=\"true\"\n [model]=\"settled\" [formatPipe]=\"currencyPipe\">\n </co-input-text>\n </div>\n </div>\n\n <div class=\"transaction-header-popup-two-column-grid\" *ngIf=\"showCashOnDelivery\">\n <div class=\"cash-on-delivery-row\">\n <co-input-text\n [placeholder]=\"'CASH_ON_DELIVERY' | localize\"\n [forceReadonly]=\"true\"\n [(model)]=\"cashOnDelivery\"\n [formatPipe]=\"currencyPipe\">\n </co-input-text>\n <co-button\n class=\"save-button\"\n [disabled]=\"!isDirectSellEnabled()\"\n [iconData]=\"iconCacheService.getIcon(icons.TruckMovingRegular)\"\n (click)=\"cashOnDeliveryModalVisible = true\">\n </co-button>\n </div>\n <div></div>\n </div>\n\n <div\n class=\"transaction-header-popup-two-column-grid\"\n [screenConfigurationObject]=\"cfgNames.PaymentBtn\"\n screenConfigNativeElement>\n <co-transaction-header-payment-button\n *ngIf=\"transactionInfo.transactionKind !== transKind.PurchaseOrder\"\n [label]=\"('DELIVERY_TOTAL' | localize) | append:' / ' | append:('TO_SETTLE' | localize:false)\"\n [lockAndSave]=\"false\">\n </co-transaction-header-payment-button>\n </div>\n </div>\n\n <div *ngIf=\"paymentAnalysis\" class=\"transaction-header-popup-section\">\n <div class=\"transaction-header-popup-section-label\" [textContent]=\"'TO_INVOICE' | localize\"></div>\n <div class=\"still-top-pay-stats\">\n <div class=\"payment-item\">\n <label [textContent]=\"'TO_BE_INVOICED' | localize\"></label>\n <div class=\"amount\">{{ paymentAnalysis?.totalToInvoice | coCurrency:true }}</div>\n </div>\n <div class=\"payment-item\">\n <label [textContent]=\"'ALREADY_INVOICED' | localize\"></label>\n <div class=\"amount\">{{ paymentAnalysis?.totalDepositInvoice | coCurrency:true }}</div>\n </div>\n <div class=\"payment-item\">\n <label [textContent]=\"'STILL_TO_PAY' | localize\"></label>\n <div class=\"amount\" [class.outstanding]=\"paymentAnalysis?.totalToPay > 0\">\n <strong>{{ paymentAnalysis?.totalToPay | coCurrency:true }}</strong>\n </div>\n </div>\n </div>\n </div>\n\n <div *ngIf=\"orderPaymentAnalysis.length > 0\" class=\"payment-information\">\n <co-button\n class=\"save-button payment-button\"\n *ngIf=\"showPaymentButton()\"\n [iconData]=\"iconCacheService.getIcon(icons.CreditCardRegular)\"\n (click)=\"openPayment($event)\">\n </co-button>\n\n <div class=\"payment-categories\">\n <div\n class=\"payment-category\"\n [class.selected]=\"activeCategory.index === category.index\"\n *ngFor=\"let category of paymentCategories\"\n (click)=\"handleCategoryClick(category)\">\n <div class=\"title\" [textContent]=\"category.title | localize\"></div>\n </div>\n </div>\n\n <table *ngIf=\"activeCategory.index === 0\">\n <thead>\n <tr>\n <th class=\"left\" *ngIf=\"showInvoiceSelection()\" [textContent]=\"'PAY' | localize\"></th>\n <th class=\"left\" [textContent]=\"'DESCRIPTION' | localize\"></th>\n <th [textContent]=\"'AMOUNT2' | localize\"></th>\n <th [textContent]=\"'PAID' | localize\"></th>\n <th [textContent]=\"'SETTLED' | localize\"></th>\n <th [textContent]=\"'OUTSTANDING' | localize\"></th>\n </tr>\n </thead>\n <tbody>\n <tr *ngFor=\"let paymentInfo of orderPaymentAnalysis\">\n <td class=\"left\" *ngIf=\"showInvoiceSelection()\">\n <co-input-radio-button\n *ngIf=\"paymentInfo.transactionKind === transKind.SalesInvoice && paymentInfo.outstandingAmount > 0\"\n class=\"default-width\"\n [(model)]=\"paymentInfo.isSelected\"\n (modelChange)=\"handleSelectInvoiceLines(paymentInfo)\">\n </co-input-radio-button>\n </td>\n <td class=\"left\">\n <span\n *ngIf=\"paymentInfo.transactionKind === transKind.SalesOrder\"\n [textContent]=\"'DEPOSIT' | localize\">\n </span>\n <span *ngIf=\"paymentInfo.transactionKind === transKind.SalesInvoice\">\n <span [textContent]=\"'INVOICE' | localize\"></span>\n <span> {{ paymentInfo.transactionNumber }}</span>\n <span> {{ paymentInfo.transactionDate | date:'dd-MM-yyyy' }}</span>\n </span>\n </td>\n <td><strong>{{ paymentInfo.invoiceAmount | coCurrency:true }}</strong></td>\n <td [class.paid]=\"paymentInfo.paidAmount > 0\">\n <strong>{{ paymentInfo.paidAmount | coCurrency:true }}</strong>\n </td>\n <td>{{ paymentInfo.settledAmount | coCurrency:true }}</td>\n <td [class.outstanding]=\"paymentInfo.outstandingAmount > 0\">\n <strong>{{ paymentInfo.outstandingAmount | coCurrency:true }}</strong>\n </td>\n </tr>\n </tbody>\n </table>\n\n <div *ngIf=\"activeCategory.index === 1\">\n <p\n *ngIf=\"registeredPaymentInfo && registeredPaymentInfo.payments.length === 0\"\n [textContent]=\"'NOT_FOUND' | localize\">\n </p>\n\n <table *ngIf=\"registeredPaymentInfo && registeredPaymentInfo.payments.length > 0\">\n <thead>\n <tr>\n <th class=\"left\" [textContent]=\"'DESCRIPTION' | localize\"></th>\n <th [textContent]=\"'AMOUNT2' | localize\"></th>\n <th [textContent]=\"'DATE' | localize\"></th>\n </tr>\n </thead>\n <tbody>\n <tr *ngFor=\"let paymentInfo of registeredPaymentInfo.payments\">\n <td class=\"left\">{{ paymentInfo.reference }}</td>\n <td><strong>{{ paymentInfo.amount | coCurrency:true }}</strong></td>\n <td>{{ paymentInfo.paymentDateTime | date:'dd-MM-yyyy' }}</td>\n </tr>\n </tbody>\n </table>\n </div>\n </div>\n </co-form>\n\n <co-cash-on-delivery-modal\n *ngIf=\"cashOnDeliveryModalVisible\"\n [transactionInfoUuid]=\"transactionInfo.uuid\"\n (cashAmount)=\"getCashAmount($event)\"\n (showCashOnDeliveryModal)=\"showCashOnDeliveryModal($event)\">\n </co-cash-on-delivery-modal>\n </div>\n\n <co-dialog\n class=\"payment-dialog\"\n *ngIf=\"showPaymentDialog\"\n [modal]=\"true\"\n [headerTemplate]=\"headerTemplate\"\n (closeClick)=\"handleCloseDialog()\">\n <ng-template #headerTemplate>\n <div class=\"co-dialog-wrapper-popup-title\">\n <co-icon [iconData]=\"iconCacheService.getIcon(icons.CreditCardRegularCheck)\"></co-icon>\n <div class=\"co-dialog-header-title\" [textContent]=\"'PAYMENT_METHOD' | localize\"></div>\n </div>\n </ng-template>\n <co-payment\n [transId]=\"transactionIdToPay\"\n [branch]=\"transactionInfo.branch?.relationNr\"\n [transactionUuid]=\"transactionInfo.uuid\"\n [amount]=\"chosenAmountToPay\"\n [remainingPayment]=\"true\"\n [currencyId]=\"transactionInfo.currencyId\"\n [doNotFetchAmountToPayForRemaining]=\"true\"\n [showPaymentDate]=\"true\">\n </co-payment>\n </co-dialog>\n ",
|
|
52811
52829
|
encapsulation: i0.ViewEncapsulation.None
|
|
52812
52830
|
},] }
|
|
52813
52831
|
];
|