@colijnit/transaction 258.1.36 → 258.1.38
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 +18 -8
- package/bundles/colijnit-transaction.umd.js.map +1 -1
- package/colijnit-transaction.metadata.json +1 -1
- package/esm2015/lib/component/deposit-payment/deposit-payment.component.js +5 -2
- package/esm2015/lib/component/payment/payment.component.js +10 -3
- package/esm2015/lib/component/transaction-header/transaction-header-popup/transaction-header-popup-payment.component.js +3 -3
- package/esm2015/lib/component/transaction-line/transaction-receive-goods-line/transaction-receive-goods-line-base.component.js +3 -1
- package/esm2015/lib/component/transaction-line/transaction-receive-goods-line/transaction-receive-goods-line.component.js +2 -3
- package/esm2015/lib/component/transaction-line-purchase-receive-goods/transaction-line-purchase-receive-goods.component.js +3 -3
- package/esm2015/lib/component/transaction-quick-access/transaction-quick-access-send-method-base.component.js +2 -1
- package/esm2015/lib/transaction-version.js +3 -3
- package/fesm2015/colijnit-transaction.js +22 -10
- package/fesm2015/colijnit-transaction.js.map +1 -1
- package/lib/component/deposit-payment/deposit-payment.component.d.ts +2 -1
- package/lib/component/payment/payment.component.d.ts +2 -0
- package/lib/component/transaction-line/transaction-receive-goods-line/transaction-receive-goods-line-base.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 = "258.1.
|
|
37
|
-
this.publishDate = "
|
|
36
|
+
this.symVer = "258.1.38";
|
|
37
|
+
this.publishDate = "23/06/2025, 17:12:08";
|
|
38
38
|
}
|
|
39
39
|
return Version;
|
|
40
40
|
}());
|
|
@@ -26549,6 +26549,7 @@
|
|
|
26549
26549
|
this._getDefaultSendMethod();
|
|
26550
26550
|
this._getEmailLayouts();
|
|
26551
26551
|
this._getPrintLayouts();
|
|
26552
|
+
this.isDocSignEnabled = this.screenConfigService.getObjectConfigurationFor(this.cfgNames.IsDocSignEnabled).immediatelyVisible();
|
|
26552
26553
|
this.isAdditionalDocAllowedByScreenConfig =
|
|
26553
26554
|
this.screenConfigService.getObjectConfigurationFor(this.cfgNames.IsAdditionalDocEnabled).immediatelyVisible();
|
|
26554
26555
|
if (this.isAdditionalDocAllowedByScreenConfig) {
|
|
@@ -27936,6 +27937,7 @@
|
|
|
27936
27937
|
_this.transactionTypeCategory = TransactionTypeCategory;
|
|
27937
27938
|
_this.warehouseLocationButtonDisabled = false;
|
|
27938
27939
|
_this.showCheckboxForLine = false;
|
|
27940
|
+
_this.returnStockMode = false;
|
|
27939
27941
|
_this._subscriptions = [];
|
|
27940
27942
|
return _this;
|
|
27941
27943
|
}
|
|
@@ -27965,6 +27967,7 @@
|
|
|
27965
27967
|
TransactionReceiveGoodsLineBaseComponent.prototype.transactionLineSet = function () {
|
|
27966
27968
|
_super.prototype.transactionLineSet.call(this);
|
|
27967
27969
|
this._handleTransactionLineSet(this.transactionLine);
|
|
27970
|
+
this.returnStockMode = this.transactionLine.amount < 0;
|
|
27968
27971
|
};
|
|
27969
27972
|
TransactionReceiveGoodsLineBaseComponent.prototype._handleTransactionLineSet = function (transLine) {
|
|
27970
27973
|
this.warehouseLocationButtonDisabled = transLine.articleLineStatus.quantityReceived === transLine.amount ||
|
|
@@ -28000,7 +28003,7 @@
|
|
|
28000
28003
|
TransactionReceiveGoodsLineComponent.decorators = [
|
|
28001
28004
|
{ type: i0.Component, args: [{
|
|
28002
28005
|
selector: "co-transaction-receive-goods-line",
|
|
28003
|
-
template: "\n <co-transaction-base-line\n [transactionInfo]=\"transactionInfo\"\n [transactionLine]=\"transactionLine\"\n [preview]=\"preview\"\n [isFirst]=\"isFirst\"\n [checkbox]=\"showCheckboxForLine\"\n [checkboxValue]=\"transactionLine.selected\"\n (checkboxValueChanged)=\"transactionLine.selected = $event\"\n >\n <div class=\"transaction-line-wrapper\">\n <div class=\"transaction-line-extended-wrapper\">\n <div class=\"column-full align-right\">\n <co-transaction-line-statusbar\n [screenConfigurationObject]=\"cfgNames.StatusBar\"\n [configNames]=\"statusBarConfigNames\"\n [activeCategory]=\"transactionTypeCategory.PurchaseOrderReceivedGoods\">\n </co-transaction-line-statusbar>\n <co-transaction-line-warehouse-button\n class=\"transaction-field-wrapper medium\"\n [screenConfigurationObject]=\"cfgNames.LineWarehouse\"\n [inputLabel]=\"true\"\n ></co-transaction-line-warehouse-button>\n <co-transaction-line-warehouse-location-button\n class=\"transaction-field-wrapper medium\"\n [screenConfigurationObject]=\"cfgNames.LineWarehouseLocationReceived\"\n [readonly]=\"warehouseLocationButtonDisabled\"\n [inputLabel]=\"true\">\n </co-transaction-line-warehouse-location-button>\n <div class=\"transaction-field-wrapper small\">\n <div class=\"inside-field\">\n <co-transaction-line-label [insideLabel]=\"'QUANTITY'\"></co-transaction-line-label>\n <co-input-text\n [model]=\"transactionLine.amount\"\n [leftIconData]=\"iconCacheService.getIcon(icons.CartShoppingRegular)\"\n [readonly]=\"true\"\n [customHeight]=\"true\"\n ></co-input-text>\n </div>\n </div>\n <div class=\"transaction-field-wrapper medium\">\n <div class=\"inside-field\">\n <co-transaction-line-label [insideLabel]=\"'QUANTITY_ACCEPTED'\"></co-transaction-line-label>\n <co-input-text\n [leftIconData]=\"iconCacheService.getIcon(icons.RegularCartFlatbedBoxesCircleCheck)\"\n [readonly]=\"true\"\n [customHeight]=\"true\"\n ></co-input-text>\n </div>\n </div>\n <div class=\"transaction-field-wrapper medium\" *ngIf=\"transactionLine.isBatchNrRequired\">\n <div class=\"inside-field\">\n <co-transaction-line-label [insideLabel]=\"'BATCH_NR'\"></co-transaction-line-label>\n <co-input-text class=\"side-panel-input\"\n [(model)]=\"transactionLine.batchNr\"\n [
|
|
28006
|
+
template: "\n <co-transaction-base-line\n [transactionInfo]=\"transactionInfo\"\n [transactionLine]=\"transactionLine\"\n [preview]=\"preview\"\n [isFirst]=\"isFirst\"\n [checkbox]=\"showCheckboxForLine\"\n [checkboxValue]=\"transactionLine.selected\"\n (checkboxValueChanged)=\"transactionLine.selected = $event\"\n >\n <div class=\"transaction-line-wrapper\">\n <div class=\"transaction-line-extended-wrapper\">\n <div class=\"column-full align-right\">\n <co-transaction-line-statusbar\n [screenConfigurationObject]=\"cfgNames.StatusBar\"\n [configNames]=\"statusBarConfigNames\"\n [activeCategory]=\"transactionTypeCategory.PurchaseOrderReceivedGoods\">\n </co-transaction-line-statusbar>\n <co-transaction-line-warehouse-button\n class=\"transaction-field-wrapper medium\"\n [screenConfigurationObject]=\"cfgNames.LineWarehouse\"\n [inputLabel]=\"true\"\n ></co-transaction-line-warehouse-button>\n <co-transaction-line-warehouse-location-button\n class=\"transaction-field-wrapper medium\"\n [screenConfigurationObject]=\"cfgNames.LineWarehouseLocationReceived\"\n [readonly]=\"warehouseLocationButtonDisabled\"\n [inputLabel]=\"true\">\n </co-transaction-line-warehouse-location-button>\n <div class=\"transaction-field-wrapper small\">\n <div class=\"inside-field\">\n <co-transaction-line-label [insideLabel]=\"'QUANTITY'\"></co-transaction-line-label>\n <co-input-text\n [model]=\"transactionLine.amount\"\n [leftIconData]=\"iconCacheService.getIcon(icons.CartShoppingRegular)\"\n [readonly]=\"true\"\n [customHeight]=\"true\"\n ></co-input-text>\n </div>\n </div>\n <div class=\"transaction-field-wrapper medium\">\n <div class=\"inside-field\">\n <co-transaction-line-label [insideLabel]=\"'QUANTITY_ACCEPTED'\"></co-transaction-line-label>\n <co-input-text\n [leftIconData]=\"iconCacheService.getIcon(icons.RegularCartFlatbedBoxesCircleCheck)\"\n [readonly]=\"true\"\n [customHeight]=\"true\"\n ></co-input-text>\n </div>\n </div>\n <div class=\"transaction-field-wrapper medium\" *ngIf=\"transactionLine.isBatchNrRequired\">\n <div class=\"inside-field\">\n <co-transaction-line-label [insideLabel]=\"'BATCH_NR'\"></co-transaction-line-label>\n <co-input-text class=\"side-panel-input\"\n [(model)]=\"transactionLine.batchNr\"\n [hideArrowButtons]=\"true\"\n [readonly]=\"this.returnStockMode || readonly\"\n [required]=\"true\"\n [customHeight]=\"true\"\n ></co-input-text>\n </div>\n </div>\n <co-transaction-print-package-sticker\n class=\"transaction-field-wrapper medium\"\n [screenConfigurationObject]=\"cfgNames.StickerAmount\"\n [inputLabel]=\"true\"\n ></co-transaction-print-package-sticker>\n <div class=\"transaction-field-wrapper\">\n <div class=\"inside-field\">\n <co-transaction-line-label [insideLabel]=\"'QUANTITY_TO_RECEIVE'\"></co-transaction-line-label>\n <co-input-number-picker class=\"amount-number-picker\"\n [screenConfigurationObject]=\"cfgNames.LineQuantityToReceive\"\n [model]=\"transactionLine.articleLineStatus?.quantityToReceive\"\n [decimals]=\"decimals\"\n [min]=\"1\"\n [max]=\"transactionLine.amount - lineQuantityReceived\"\n [leftIconData]=\"iconCacheService.getIcon(icons.CartFlatbedBoxesRegular)\"\n [readonly]=\"readonly || lineQuantityReceived === transactionLine.amount\"\n (modelChange)=\"changeLineAmount($event)\">\n </co-input-number-picker>\n </div>\n </div>\n <div class=\"transaction-field-wrapper\">\n <div class=\"inside-field\">\n <co-transaction-print-package-sticker\n [screenConfigurationObject]=\"cfgNames.StickerAmount\"\n [inputLabel]=\"true\"\n ></co-transaction-print-package-sticker>\n </div>\n </div>\n <co-editable-label\n class=\"transaction-field-wrapper small transaction-line-totals-total price\"\n [model]=\"transactionLine.displayNetLineTotal | coCurrency: true\"\n [editModel]=\"transactionLine.displayNetLineTotal\"\n [commit]=\"!readonly\"\n [readonly]=\"true\"\n [editMode]=\"false\"\n [inputLabel]=\"true\"\n ></co-editable-label>\n </div>\n </div>\n </div>\n </co-transaction-base-line>\n ",
|
|
28004
28007
|
encapsulation: i0.ViewEncapsulation.None,
|
|
28005
28008
|
changeDetection: i0.ChangeDetectionStrategy.OnPush
|
|
28006
28009
|
},] }
|
|
@@ -40669,7 +40672,8 @@
|
|
|
40669
40672
|
this.receiptDetails.lineNr = this.transactionLine.lineNr;
|
|
40670
40673
|
this.receiptDetails.quantityToReceive = this.lineQuantityToReceive;
|
|
40671
40674
|
this.receiptDetails.locationNr = this.transactionLine.locationNr;
|
|
40672
|
-
this.returnStockMode
|
|
40675
|
+
this.returnStockMode = this.transactionLine.amount < 0;
|
|
40676
|
+
this.receiptDetails.batchNr = this.transactionLine.batchNr;
|
|
40673
40677
|
this.getGoodsReceiptHistory();
|
|
40674
40678
|
};
|
|
40675
40679
|
TransactionLinePurchaseReceiveGoodsComponent.prototype._getAvailableStock = function () {
|
|
@@ -40692,7 +40696,7 @@
|
|
|
40692
40696
|
TransactionLinePurchaseReceiveGoodsComponent.decorators = [
|
|
40693
40697
|
{ type: i0.Component, args: [{
|
|
40694
40698
|
selector: 'co-transaction-line-purchase-receive-goods',
|
|
40695
|
-
template: "\n <div class=\"receive-details-wrapper form-and-buttons\">\n <co-form>\n <!--div class=\"header-wrapper\">\n <div class=\"status-header\">\n <span [textContent]=\"'STATE' | localize\"></span>\n <co-transaction-line-statusbar class=\"status-bar-wrapper\"\n [transactionInfo]=\"transactionInfo\"\n [transactionLine]=\"transactionLine\"\n [activeCategory]=\"transactionTypeCategory.PurchaseOrderReceivedGoods\"></co-transaction-line-statusbar>\n </div>\n </div-->\n <div class=\"side-panel-input-row\">\n <co-input-number-picker class=\"side-panel-input\"\n [max]=\"returnStockMode ? returnMaxToReceive : lineQuantityToReceive\"\n [(model)]=\"receiptDetails.serialNr ? 1 : receiptDetails.quantityToReceive\"\n [decimals]=\"2\"\n [min]=\"0\"\n [readonly]=\"!!receiptDetails.serialNr || receiptDetails.quantityToReceive === 0 || !receiptDetails.quantityToReceive || readonly\"\n [disabled]=\"!!receiptDetails.serialNr || receiptDetails.quantityToReceive === 0 || !receiptDetails.quantityToReceive\"\n [required]=\"true\"\n ></co-input-number-picker>\n <co-input-date class=\"side-panel-input\"\n [placeholder]=\"'RECEIVED_DATE' | localize\"\n [(model)]=\"request.receivedDate\"\n [readonly]=\"readonly\"\n ></co-input-date>\n <co-input-text class=\"side-panel-input\"\n *ngIf=\"!returnStockMode\"\n [(model)]=\"request.packingSlipNr\"\n [placeholder]=\"'PACKING_SLIP' | localize\"\n [required]=\"true\"\n [readonly]=\"readonly\"\n ></co-input-text>\n </div>\n <div class=\"side-panel-input-row\">\n<!-- dit ding werkt helemaal niet\n <co-transaction-labeled-warehouse-location-button class=\"side-panel-input\" *ngIf=\"transactionLine.isLocationRequired\"\n [readonly]=\"returnStockMode || receiptDetails.quantityToReceive === 0\"\n [warehouseNumber]=\"transactionLine.warehouseNumber\"\n [(locationNr)]=\"transactionLine.locationNr\"\n (locationNrChange)=\"receiptDetails.locationNr = $event\"\n ></co-transaction-labeled-warehouse-location-button>\n-->\n <co-input-text class=\"side-panel-input\" [(model)]=\"receiptDetails.batchNr\" *ngIf=\"transactionLine.isBatchNrRequired\"\n [
|
|
40699
|
+
template: "\n <div class=\"receive-details-wrapper form-and-buttons\">\n <co-form>\n <!--div class=\"header-wrapper\">\n <div class=\"status-header\">\n <span [textContent]=\"'STATE' | localize\"></span>\n <co-transaction-line-statusbar class=\"status-bar-wrapper\"\n [transactionInfo]=\"transactionInfo\"\n [transactionLine]=\"transactionLine\"\n [activeCategory]=\"transactionTypeCategory.PurchaseOrderReceivedGoods\"></co-transaction-line-statusbar>\n </div>\n </div-->\n <div class=\"side-panel-input-row\">\n <co-input-number-picker class=\"side-panel-input\"\n [max]=\"returnStockMode ? returnMaxToReceive : lineQuantityToReceive\"\n [(model)]=\"receiptDetails.serialNr ? 1 : receiptDetails.quantityToReceive\"\n [decimals]=\"2\"\n [min]=\"0\"\n [readonly]=\"!!receiptDetails.serialNr || receiptDetails.quantityToReceive === 0 || !receiptDetails.quantityToReceive || readonly\"\n [disabled]=\"!!receiptDetails.serialNr || receiptDetails.quantityToReceive === 0 || !receiptDetails.quantityToReceive\"\n [required]=\"true\"\n ></co-input-number-picker>\n <co-input-date class=\"side-panel-input\"\n [placeholder]=\"'RECEIVED_DATE' | localize\"\n [(model)]=\"request.receivedDate\"\n [readonly]=\"readonly\"\n ></co-input-date>\n <co-input-text class=\"side-panel-input\"\n *ngIf=\"!returnStockMode\"\n [(model)]=\"request.packingSlipNr\"\n [placeholder]=\"'PACKING_SLIP' | localize\"\n [required]=\"true\"\n [readonly]=\"readonly\"\n ></co-input-text>\n </div>\n <div class=\"side-panel-input-row\">\n<!-- dit ding werkt helemaal niet\n <co-transaction-labeled-warehouse-location-button class=\"side-panel-input\" *ngIf=\"transactionLine.isLocationRequired\"\n [readonly]=\"returnStockMode || receiptDetails.quantityToReceive === 0\"\n [warehouseNumber]=\"transactionLine.warehouseNumber\"\n [(locationNr)]=\"transactionLine.locationNr\"\n (locationNrChange)=\"receiptDetails.locationNr = $event\"\n ></co-transaction-labeled-warehouse-location-button>\n-->\n <co-input-text class=\"side-panel-input\" [(model)]=\"receiptDetails.batchNr\" *ngIf=\"transactionLine.isBatchNrRequired\"\n [hideArrowButtons]=\"true\"\n [readonly]=\"readonly || returnStockMode\"\n [disabled]=\"returnStockMode\"\n [required]=\"true\"\n [placeholder]=\"'BATCH_NUMBER' | localize\"></co-input-text>\n <co-input-text class=\"side-panel-input\" [(model)]=\"receiptDetails.serialNr\" *ngIf=\"transactionLine.isSerialNrRequired\"\n [type]=\"'text'\"\n [maxLength]=\"15\"\n [hideArrowButtons]=\"true\"\n [readonly]=\"readonly || returnStockMode\"\n [disabled]=\"returnStockMode\"\n [required]=\"true\"\n [placeholder]=\"'SERIAL_NUMBER' | localize\"></co-input-text>\n </div>\n </co-form>\n <div class=\"save-cancel-wrapper\">\n <co-button\n [iconData]=\"iconCacheService.getIcon(icons.CheckDuotone)\"\n (click)=\"handleSaveDetailsEdit()\"\n ></co-button>\n <co-button class=\"cancel-button\"\n [iconData]=\"iconCacheService.getIcon(icons.Crossskinny)\"\n ></co-button>\n <!-- <div class=\"commit-button clickable\" *ngIf=\"!readonly\" (click)=\"handleSaveDetailsEdit()\"-->\n <!-- [class.disabled]=\"receiptDetails.quantityToReceive === 0\">-->\n <!-- <span class=\"commit-text\" [textContent]=\"returnStockMode ? ('RETURN_STOCK' | localize) : ('RECEIVE' | localize)\"></span>-->\n <!-- </div>-->\n </div>\n </div>\n <co-transaction-receiving-goods-history *ngIf=\"transactionLine.amount >= 0\"\n [goodsReceiptHistory]=\"goodsReceiptHistory\"\n (deleteRow)=\"handleDeleteSelectedRow($event)\"\n ></co-transaction-receiving-goods-history>\n <co-transaction-available-stock-grid *ngIf=\"transactionLine.amount < 0\"\n [collection]=\"availableStockCollection\"\n (selectStock)=\"handleSelectStock($event)\"\n ></co-transaction-available-stock-grid>\n ",
|
|
40696
40700
|
providers: [
|
|
40697
40701
|
corecomponents_v12.FormMasterService
|
|
40698
40702
|
],
|
|
@@ -50900,12 +50904,15 @@
|
|
|
50900
50904
|
_super.prototype.cashRegisterSelected.call(this, cashRegister, index);
|
|
50901
50905
|
this.activeCashRegister = cashRegister;
|
|
50902
50906
|
};
|
|
50907
|
+
PaymentComponent.prototype.onDepositPaymentFetched = function (depositAmount) {
|
|
50908
|
+
this.depositAmount = depositAmount;
|
|
50909
|
+
};
|
|
50903
50910
|
return PaymentComponent;
|
|
50904
50911
|
}(TransactionPaymentBaseComponent));
|
|
50905
50912
|
PaymentComponent.decorators = [
|
|
50906
50913
|
{ type: i0.Component, args: [{
|
|
50907
50914
|
selector: "co-payment",
|
|
50908
|
-
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]=\"
|
|
50915
|
+
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]=\"depositAmount ? (depositAmount | coCurrency: true) : (paymentService.amount | coCurrency: true)\"></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\n [branch]=\"branch\"\n [transactionUuid]=\"transactionUuid\"\n (depositPaymentFetched)=\"onDepositPaymentFetched($event)\">\n </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 ",
|
|
50909
50916
|
providers: [
|
|
50910
50917
|
TransactionPaymentService
|
|
50911
50918
|
],
|
|
@@ -51049,6 +51056,7 @@
|
|
|
51049
51056
|
this._transactionEventService = _transactionEventService;
|
|
51050
51057
|
this.transKind = transactionKind_enum.TransactionKind;
|
|
51051
51058
|
this.showTitle = true;
|
|
51059
|
+
this.depositPaymentFetched = new i0.EventEmitter();
|
|
51052
51060
|
this.paymentMethods = [];
|
|
51053
51061
|
this.depositPayments = [];
|
|
51054
51062
|
this.showLoader = true;
|
|
@@ -51074,6 +51082,7 @@
|
|
|
51074
51082
|
this._paymentConnectorService.getDepositPaymentInfo(this.transactionUuid).then(function (info) {
|
|
51075
51083
|
_this.depositPayments.length = 0;
|
|
51076
51084
|
if (info && info.depositPayments) {
|
|
51085
|
+
_this.depositPaymentFetched.emit(info.depositAmount);
|
|
51077
51086
|
info.depositPayments.sort(function (a, b) { return a.id > b.id ? 1 : -1; });
|
|
51078
51087
|
info.depositPayments.forEach(function (dp) {
|
|
51079
51088
|
var paymentMethod = _this.paymentMethods.find(function (pm) { return pm.payment.code === dp.paymentMethodCode; });
|
|
@@ -51112,6 +51121,7 @@
|
|
|
51112
51121
|
transactionKind: [{ type: i0.Input }],
|
|
51113
51122
|
showTitle: [{ type: i0.Input }],
|
|
51114
51123
|
transactionUuid: [{ type: i0.Input }],
|
|
51124
|
+
depositPaymentFetched: [{ type: i0.Output }],
|
|
51115
51125
|
showClass: [{ type: i0.HostBinding, args: ["class.co-deposit-payment",] }]
|
|
51116
51126
|
};
|
|
51117
51127
|
|
|
@@ -53798,7 +53808,7 @@
|
|
|
53798
53808
|
};
|
|
53799
53809
|
TransactionHeaderPopupPaymentComponent.prototype.showInvoiceSelection = function () {
|
|
53800
53810
|
var _this = this;
|
|
53801
|
-
return this.orderPaymentAnalysis.filter(function (payment) { return payment.transactionKind === _this.transKind.SalesInvoice && payment.outstandingAmount
|
|
53811
|
+
return this.orderPaymentAnalysis.filter(function (payment) { return payment.transactionKind === _this.transKind.SalesInvoice && payment.outstandingAmount !== 0; }).length > 1;
|
|
53802
53812
|
};
|
|
53803
53813
|
TransactionHeaderPopupPaymentComponent.prototype.handleSelectInvoiceLines = function (paymentInfo) {
|
|
53804
53814
|
this.orderPaymentAnalysis.forEach(function (invoice) { return invoice.isSelected = false; });
|
|
@@ -53894,7 +53904,7 @@
|
|
|
53894
53904
|
TransactionHeaderPopupPaymentComponent.decorators = [
|
|
53895
53905
|
{ type: i0.Component, args: [{
|
|
53896
53906
|
selector: 'co-transaction-header-popup-payment',
|
|
53897
|
-
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 ",
|
|
53907
|
+
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 ",
|
|
53898
53908
|
encapsulation: i0.ViewEncapsulation.None
|
|
53899
53909
|
},] }
|
|
53900
53910
|
];
|