@colijnit/transaction 256.1.94 → 256.1.96
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 +34 -9
- package/bundles/colijnit-transaction.umd.js.map +1 -1
- package/colijnit-transaction.metadata.json +1 -1
- package/esm2015/lib/component/checkout/checkout-overview-relation-edit/checkout-overview-relation-edit.component.js +3 -5
- 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/relation/relation-address/relation-address.component.js +25 -15
- package/esm2015/lib/component/transaction-header/transaction-header-popup/transaction-header-popup-payment.component.js +3 -3
- package/esm2015/lib/component/transaction-quick-access/transaction-quick-access-send-method-base.component.js +10 -2
- package/esm2015/lib/transaction-version.js +3 -3
- package/fesm2015/colijnit-transaction.js +50 -25
- 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/relation/relation-address/relation-address.component.d.ts +5 -0
- package/lib/component/transaction-quick-access/transaction-quick-access-send-method-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 = "256.1.
|
|
37
|
-
this.publishDate = "
|
|
36
|
+
this.symVer = "256.1.96";
|
|
37
|
+
this.publishDate = "23/06/2025, 16:59:54";
|
|
38
38
|
}
|
|
39
39
|
return Version;
|
|
40
40
|
}());
|
|
@@ -21187,7 +21187,7 @@
|
|
|
21187
21187
|
CheckoutOverviewRelationEditComponent.decorators = [
|
|
21188
21188
|
{ type: i0.Component, args: [{
|
|
21189
21189
|
selector: 'co-checkout-overview-relation-edit',
|
|
21190
|
-
template: "\n <div class=\"relation-edit-content\">\n <co-form>\n <div class=\"checkout-form-wrapper\">\n <div class=\"checkout-label-column\">\n <span #indexLabel></span>\n <span class=\"label-description\" [textContent]=\"'PERSONAL_DATA' | localize\"></span>\n </div>\n <div class=\"checkout-data-column\">\n <div class=\"checkout-data-row\">\n <co-relation-type *ngIf=\"relationKind === relKind.Customer\"\n [screenConfigurationObject]=\"cfgNames.RelationType\"\n [relation]=\"relation\"\n (relationChange)=\"handleRelationTypeChange($event)\"\n ></co-relation-type>\n <co-button class=\"empty-relation-button default-width\" [label]=\"'EMPTY' | localize\"\n (click)=\"emptyRelation($event)\"></co-button>\n </div>\n <div class=\"checkout-data-row\" *ngIf=\"relationKind === relKind.Customer\">\n <relation-customer-groups\n [screenConfigurationObject]=\"cfgNames.RelationCustomerGroup\"\n [model]=\"customerGroup\"\n (modelChange)=\"handleCustomerGroupChange($event)\" required>\n </relation-customer-groups>\n <relation-customer-languages\n [screenConfigurationObject]=\"cfgNames.RelationLanguage\"\n [model]=\"customerLanguage\"\n (modelChange)=\"handleCustomerLanguageChange($event)\">\n </relation-customer-languages>\n <relation-customer-titles\n [screenConfigurationObject]=\"cfgNames.RelationTitle\"\n [model]=\"customerTitle\"\n (modelChange)=\"handleCustomerTitleChange($event)\">\n </relation-customer-titles>\n </div>\n <div class=\"checkout-data-row\">\n <co-relation-general\n [configNames]=\"relationGeneralConfigNames\"\n [relation]=\"relation\"\n [relationType]=\"relationType\"\n (relationChange)=\"updateRelation($event)\"\n (inputChangeForSuggestions)=\"handleInputChange($event)\"\n ></co-relation-general>\n </div>\n <div class=\"checkout-data-row\">\n <co-relation-address\n [configNames]=\"relationAddressConfigNames\"\n [address]=\"address\"\n (inputChangeForSuggestions)=\"handleInputChange($event)\"\n ></co-relation-address>\n </div>\n
|
|
21190
|
+
template: "\n <div class=\"relation-edit-content\">\n <co-form>\n <div class=\"checkout-form-wrapper\">\n <div class=\"checkout-label-column\">\n <span #indexLabel></span>\n <span class=\"label-description\" [textContent]=\"'PERSONAL_DATA' | localize\"></span>\n </div>\n <div class=\"checkout-data-column\">\n <div class=\"checkout-data-row\">\n <co-relation-type *ngIf=\"relationKind === relKind.Customer\"\n [screenConfigurationObject]=\"cfgNames.RelationType\"\n [relation]=\"relation\"\n (relationChange)=\"handleRelationTypeChange($event)\"\n ></co-relation-type>\n <co-button class=\"empty-relation-button default-width\" [label]=\"'EMPTY' | localize\"\n (click)=\"emptyRelation($event)\"></co-button>\n </div>\n <div class=\"checkout-data-row\" *ngIf=\"relationKind === relKind.Customer\">\n <relation-customer-groups\n [screenConfigurationObject]=\"cfgNames.RelationCustomerGroup\"\n [model]=\"customerGroup\"\n (modelChange)=\"handleCustomerGroupChange($event)\" required>\n </relation-customer-groups>\n <relation-customer-languages\n [screenConfigurationObject]=\"cfgNames.RelationLanguage\"\n [model]=\"customerLanguage\"\n (modelChange)=\"handleCustomerLanguageChange($event)\">\n </relation-customer-languages>\n <relation-customer-titles\n [screenConfigurationObject]=\"cfgNames.RelationTitle\"\n [model]=\"customerTitle\"\n (modelChange)=\"handleCustomerTitleChange($event)\">\n </relation-customer-titles>\n </div>\n <div class=\"checkout-data-row\">\n <co-relation-general\n [configNames]=\"relationGeneralConfigNames\"\n [relation]=\"relation\"\n [relationType]=\"relationType\"\n (relationChange)=\"updateRelation($event)\"\n (inputChangeForSuggestions)=\"handleInputChange($event)\"\n ></co-relation-general>\n </div>\n <div class=\"checkout-data-row\">\n <co-relation-address\n [configNames]=\"relationAddressConfigNames\"\n [address]=\"address\"\n (inputChangeForSuggestions)=\"handleInputChange($event)\"\n ></co-relation-address>\n </div>\n <div *ngIf=\"relationKind === relKind.Customer\">\n <co-vat-payment [model]=\"vatPayment\"\n [screenConfigurationObject]=\"cfgNames.RelationVatPayment\"\n (modelChange)=\"handleVatPaymentChange($event)\"\n ></co-vat-payment>\n <co-vat-code [model]=\"vatCode\" *ngIf=\"!vatPayment\"\n [screenConfigurationObject]=\"cfgNames.RelationVatCode\"\n (modelChange)=\"handleVatCodeChange($event)\"\n ></co-vat-code>\n </div>\n </div>\n <div class=\"checkout-data-column\" *ngIf=\"relationKind === relKind.Customer\">\n <div class=\"checkout-data-row\">\n <co-vat-payment [model]=\"vatPayment\"\n [screenConfigurationObject]=\"cfgNames.RelationVatPayment\"\n (modelChange)=\"handleVatPaymentChange($event)\"\n ></co-vat-payment>\n <co-vat-code [model]=\"vatCode\" *ngIf=\"!vatPayment\"\n [screenConfigurationObject]=\"cfgNames.RelationVatCode\"\n (modelChange)=\"handleVatCodeChange($event)\"\n ></co-vat-code>\n </div>\n </div>\n <ng-container *ngIf=\"showAddresses\">\n <div class=\"checkout-data-column\">\n <div class=\"checkout-data-row\">\n <co-relation-addresses\n [relation]=\"relation\"\n [addresses]=\"relation.activeAddresses\"\n [type]=\"addressType.DeliveryAddress\"\n [selectedNawNr]=\"deliveryAddressNawNr\"\n [noSaveOnAddAddress]=\"true\"\n (selectedNawNrChange)=\"handleDeliveryAddressChange($event)\"\n ></co-relation-addresses>\n </div>\n </div>\n <div class=\"checkout-label-column\" *ngIf=\"relationKind === relKind.Customer\">\n <span #indexLabel></span>\n <span class=\"label-description\" [textContent]=\"'INVOICE_ADDRESS' | localize\"></span>\n </div>\n <div class=\"checkout-data-column\" *ngIf=\"relationKind === relKind.Customer\">\n <div class=\"checkout-data-row\">\n <co-input-checkbox [(model)]=\"service.invoiceAddressSameAsDelivery\"\n (modelChange)=\"checkSameAddress($event)\"\n [label]=\"'SAME_AS_DELIVERY' | localize\"></co-input-checkbox>\n </div>\n <div class=\"overview-delivery-invoice-address\" *ngIf=\"!service.invoiceAddressSameAsDelivery\"\n @showHideInvoiceAddress>\n <div class=\"checkout-data-row\">\n <co-relation-addresses\n [relation]=\"relation\"\n [addresses]=\"relation.activeAddresses\"\n [type]=\"addressType.BillingAddress\"\n [selectedNawNr]=\"invoiceAddressNawNr\"\n [noSaveOnAddAddress]=\"true\"\n (selectedNawNrChange)=\"invoiceAddressChange.emit($event)\"\n ></co-relation-addresses>\n </div>\n </div>\n </div>\n </ng-container>\n <ng-container *ngIf=\"showContactDetails\">\n <div class=\"checkout-label-column\">\n <span #indexLabel></span>\n <span class=\"label-description\" [textContent]=\"'CONTACT_DETAILS' | localize\"></span>\n </div>\n <div class=\"checkout-data-column\">\n <div class=\"checkout-data-row\">\n <co-relation-contact-details\n [configNames]=\"contactDetailsConfigNames\"\n [(relation)]=\"relation\"\n [relationKind]=\"relationKind\"></co-relation-contact-details>\n </div>\n </div>\n </ng-container>\n <ng-container *ngIf=\"relationKind === relKind.Customer && showPreferences\">\n <div class=\"checkout-label-column\">\n <span #indexLabel></span>\n <span class=\"label-description\" [textContent]=\"'PRIVACY_PREFERENCES' | localize\"></span>\n </div>\n <div class=\"checkout-data-column\">\n <div class=\"checkout-data-row\">\n <co-relation-preferences\n [(relation)]=\"relation\"></co-relation-preferences>\n </div>\n </div>\n </ng-container>\n </div>\n </co-form>\n </div>\n ",
|
|
21191
21191
|
providers: [
|
|
21192
21192
|
corecomponents_v12.FormMasterService,
|
|
21193
21193
|
RelationSuggestionsService
|
|
@@ -22590,7 +22590,7 @@
|
|
|
22590
22590
|
_this.transactionService = transactionService;
|
|
22591
22591
|
_this.addressChange = new i0.EventEmitter();
|
|
22592
22592
|
_this.countries = [];
|
|
22593
|
-
|
|
22593
|
+
_this.addressTypes = [];
|
|
22594
22594
|
_this.fields = { text: "description", value: "code" };
|
|
22595
22595
|
_this.postalCodeCheckErrorMessage = "";
|
|
22596
22596
|
_this._prevPostalCodeForCheck = "";
|
|
@@ -22620,6 +22620,9 @@
|
|
|
22620
22620
|
_this.countries = countries;
|
|
22621
22621
|
_this._setSelectedAddress();
|
|
22622
22622
|
});
|
|
22623
|
+
this._connector.getAddressTypes('NL').then(function (codes) {
|
|
22624
|
+
_this.addressTypes = codes;
|
|
22625
|
+
});
|
|
22623
22626
|
return [2 /*return*/];
|
|
22624
22627
|
});
|
|
22625
22628
|
});
|
|
@@ -22694,6 +22697,14 @@
|
|
|
22694
22697
|
this.inputChangeForSuggestions.next(this.suggestionRequest);
|
|
22695
22698
|
}
|
|
22696
22699
|
};
|
|
22700
|
+
RelationAddressComponent.prototype.handleAddressTypeChange = function (addressType) {
|
|
22701
|
+
if (Object.values(addressType_enum.AddressType).includes(addressType.code)) {
|
|
22702
|
+
this.address.addressType = addressType.code;
|
|
22703
|
+
}
|
|
22704
|
+
};
|
|
22705
|
+
RelationAddressComponent.prototype.addressTypeForCode = function (addressType) {
|
|
22706
|
+
return this.addressTypes.find(function (addressTypeListItem) { return addressTypeListItem.code === addressType; });
|
|
22707
|
+
};
|
|
22697
22708
|
RelationAddressComponent.prototype._setSelectedAddress = function () {
|
|
22698
22709
|
var _this = this;
|
|
22699
22710
|
if (!this.address || !this.countries) {
|
|
@@ -22709,7 +22720,7 @@
|
|
|
22709
22720
|
RelationAddressComponent.decorators = [
|
|
22710
22721
|
{ type: i0.Component, args: [{
|
|
22711
22722
|
selector: "co-relation-address",
|
|
22712
|
-
template: "\n <label *ngIf=label [textContent]=\"label | localize\"\n class=\"checkout-label-h3\"\n ></label>\n <div class=\"relation-address-data-row default\" [class.validation-error]=\"wrongAddress\">\n <co-input-text\n [(model)]=\"address.postalCode\"\n [placeholder]=\"'POSTAL_CODE' | localize\"\n (blur)=\"checkForPostalCodeCheckError()\"\n (modelChange)=\"handlePostalCodeChange()\"\n required\n ></co-input-text>\n <co-input-text class=\"default-width\"\n [(model)]=\"address.houseNo\"\n [placeholder]=\"'HOUSE_NO' | localize\"\n [digitsOnly]=\"true\"\n (blur)=\"checkForPostalCodeCheckError()\"\n (modelChange)=\"changeHouseNo()\"\n required\n ></co-input-text>\n <co-input-text\n [(model)]=\"address.houseNoAddition\"\n [placeholder]=\"'HOUSE_NO_ADDITION' | localize\"\n ></co-input-text>\n <span *ngIf=\"wrongAddress\" class=\"wrong-address\" [textContent]=\"'UNKNOWN_ADDRESS_CHECK_IT' | localize\"></span>\n </div>\n <div class=\"relation-address-data-row default\">\n <co-input-text\n [(model)]=\"address.streetName\"\n [placeholder]=\"'STREET' | localize\" required\n (modelChange)=\"handleStreetChange()\"></co-input-text>\n <co-input-text\n [(model)]=\"address.city\"\n [placeholder]=\"'CITY' | localize\" required\n (modelChange)=\"handleCityChange()\"></co-input-text>\n </div>\n <div class=\"relation-address-data-row default single\">\n <co-list-of-values\n [model]=\"countryModel\"\n [collection]=\"countries\"\n [displayField]=\"'description'\"\n [label]=\"'COUNTRY' | localize\"\n [required]=\"true\"\n (modelChange)=\"handleCountryChange($event)\"\n ></co-list-of-values>\n </div>\n
|
|
22723
|
+
template: "\n <label *ngIf=label [textContent]=\"label | localize\"\n class=\"checkout-label-h3\"\n ></label>\n <div class=\"relation-address-data-row default\" [class.validation-error]=\"wrongAddress\">\n <co-input-text\n [(model)]=\"address.postalCode\"\n [placeholder]=\"'POSTAL_CODE' | localize\"\n (blur)=\"checkForPostalCodeCheckError()\"\n (modelChange)=\"handlePostalCodeChange()\"\n required\n ></co-input-text>\n <co-input-text class=\"default-width\"\n [(model)]=\"address.houseNo\"\n [placeholder]=\"'HOUSE_NO' | localize\"\n [digitsOnly]=\"true\"\n (blur)=\"checkForPostalCodeCheckError()\"\n (modelChange)=\"changeHouseNo()\"\n required\n ></co-input-text>\n <co-input-text\n [(model)]=\"address.houseNoAddition\"\n [placeholder]=\"'HOUSE_NO_ADDITION' | localize\"\n ></co-input-text>\n <span *ngIf=\"wrongAddress\" class=\"wrong-address\" [textContent]=\"'UNKNOWN_ADDRESS_CHECK_IT' | localize\"></span>\n </div>\n <div class=\"relation-address-data-row default\">\n <co-input-text\n [(model)]=\"address.streetName\"\n [placeholder]=\"'STREET' | localize\" required\n (modelChange)=\"handleStreetChange()\"></co-input-text>\n <co-input-text\n [(model)]=\"address.city\"\n [placeholder]=\"'CITY' | localize\" required\n (modelChange)=\"handleCityChange()\"></co-input-text>\n </div>\n <div class=\"relation-address-data-row default single\">\n <co-list-of-values\n [model]=\"countryModel\"\n [collection]=\"countries\"\n [displayField]=\"'description'\"\n [label]=\"'COUNTRY' | localize\"\n [required]=\"true\"\n (modelChange)=\"handleCountryChange($event)\"\n ></co-list-of-values>\n </div>\n <div class=\"relation-address-data-row default single\">\n <co-list-of-values\n [model]=\"addressTypeForCode(address.addressType)\"\n (modelChange)=\"handleAddressTypeChange($event)\"\n [collection]=\"addressTypes\"\n [displayField]=\"'description'\"\n [label]=\"'ADDRESS_TYPE' | localize\"\n [required]=\"true\"\n ></co-list-of-values>\n </div>\n \n ",
|
|
22713
22724
|
encapsulation: i0.ViewEncapsulation.None
|
|
22714
22725
|
},] }
|
|
22715
22726
|
];
|
|
@@ -25255,6 +25266,7 @@
|
|
|
25255
25266
|
_this.historicReports = [];
|
|
25256
25267
|
_this.additionalFileContents = '';
|
|
25257
25268
|
_this.additionalFileName = '';
|
|
25269
|
+
_this.isAdditionalDocAllowedByScreenConfig = false;
|
|
25258
25270
|
return _this;
|
|
25259
25271
|
}
|
|
25260
25272
|
TransactionQuickAccessSendMethodBaseComponent.prototype.ngOnInit = function () {
|
|
@@ -25378,6 +25390,9 @@
|
|
|
25378
25390
|
this.transactionService.getTermsAndConditionsForm(this.transactionInfo.id).then(function (result) {
|
|
25379
25391
|
_this.additionalFileContents = result;
|
|
25380
25392
|
_this.additionalFileName = _this.transactionInfo.transactionKind + '_' + _this.transactionInfo.transactionNr.toString();
|
|
25393
|
+
// @ts-ignore
|
|
25394
|
+
_this.isAdditionalDocEnabled = _this.isAdditionalDocAllowedByScreenConfig && !!result;
|
|
25395
|
+
_this.detectChanges();
|
|
25381
25396
|
});
|
|
25382
25397
|
};
|
|
25383
25398
|
TransactionQuickAccessSendMethodBaseComponent.prototype.upsertDocument = function (doc) {
|
|
@@ -25406,7 +25421,11 @@
|
|
|
25406
25421
|
this._getEmailLayouts();
|
|
25407
25422
|
this._getPrintLayouts();
|
|
25408
25423
|
this.isDocSignEnabled = this.screenConfigService.getObjectConfigurationFor(this.cfgNames.IsDocSignEnabled).immediatelyVisible();
|
|
25409
|
-
this.
|
|
25424
|
+
this.isAdditionalDocAllowedByScreenConfig =
|
|
25425
|
+
this.screenConfigService.getObjectConfigurationFor(this.cfgNames.IsAdditionalDocEnabled).immediatelyVisible();
|
|
25426
|
+
if (this.isAdditionalDocAllowedByScreenConfig) {
|
|
25427
|
+
this.getTermsAndConditionsForm();
|
|
25428
|
+
}
|
|
25410
25429
|
this.getHistoricDocuments();
|
|
25411
25430
|
};
|
|
25412
25431
|
TransactionQuickAccessSendMethodBaseComponent.prototype._getPrinters = function () {
|
|
@@ -48883,12 +48902,15 @@
|
|
|
48883
48902
|
_super.prototype.cashRegisterSelected.call(this, cashRegister, index);
|
|
48884
48903
|
this.activeCashRegister = cashRegister;
|
|
48885
48904
|
};
|
|
48905
|
+
PaymentComponent.prototype.onDepositPaymentFetched = function (depositAmount) {
|
|
48906
|
+
this.depositAmount = depositAmount;
|
|
48907
|
+
};
|
|
48886
48908
|
return PaymentComponent;
|
|
48887
48909
|
}(TransactionPaymentBaseComponent));
|
|
48888
48910
|
PaymentComponent.decorators = [
|
|
48889
48911
|
{ type: i0.Component, args: [{
|
|
48890
48912
|
selector: "co-payment",
|
|
48891
|
-
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
|
|
48913
|
+
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 [iconData]=\"iconCacheService.getIcon(icons.CheckDuotone)\" (click)=\"handlePayment()\"\n [disabled]=\"paymentService.amountToPay === 0\"></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 ",
|
|
48892
48914
|
providers: [
|
|
48893
48915
|
TransactionPaymentService
|
|
48894
48916
|
],
|
|
@@ -49032,6 +49054,7 @@
|
|
|
49032
49054
|
this._transactionEventService = _transactionEventService;
|
|
49033
49055
|
this.transKind = transactionKind_enum.TransactionKind;
|
|
49034
49056
|
this.showTitle = true;
|
|
49057
|
+
this.depositPaymentFetched = new i0.EventEmitter();
|
|
49035
49058
|
this.paymentMethods = [];
|
|
49036
49059
|
this.depositPayments = [];
|
|
49037
49060
|
this.showLoader = true;
|
|
@@ -49057,6 +49080,7 @@
|
|
|
49057
49080
|
this._paymentConnectorService.getDepositPaymentInfo(this.transactionUuid).then(function (info) {
|
|
49058
49081
|
_this.depositPayments.length = 0;
|
|
49059
49082
|
if (info && info.depositPayments) {
|
|
49083
|
+
_this.depositPaymentFetched.emit(info.depositAmount);
|
|
49060
49084
|
info.depositPayments.sort(function (a, b) { return a.id > b.id ? 1 : -1; });
|
|
49061
49085
|
info.depositPayments.forEach(function (dp) {
|
|
49062
49086
|
var paymentMethod = _this.paymentMethods.find(function (pm) { return pm.payment.code === dp.paymentMethodCode; });
|
|
@@ -49095,6 +49119,7 @@
|
|
|
49095
49119
|
transactionKind: [{ type: i0.Input }],
|
|
49096
49120
|
showTitle: [{ type: i0.Input }],
|
|
49097
49121
|
transactionUuid: [{ type: i0.Input }],
|
|
49122
|
+
depositPaymentFetched: [{ type: i0.Output }],
|
|
49098
49123
|
showClass: [{ type: i0.HostBinding, args: ["class.co-deposit-payment",] }]
|
|
49099
49124
|
};
|
|
49100
49125
|
|
|
@@ -51770,7 +51795,7 @@
|
|
|
51770
51795
|
};
|
|
51771
51796
|
TransactionHeaderPopupPaymentComponent.prototype.showInvoiceSelection = function () {
|
|
51772
51797
|
var _this = this;
|
|
51773
|
-
return this.orderPaymentAnalysis.filter(function (payment) { return payment.transactionKind === _this.transKind.SalesInvoice && payment.outstandingAmount
|
|
51798
|
+
return this.orderPaymentAnalysis.filter(function (payment) { return payment.transactionKind === _this.transKind.SalesInvoice && payment.outstandingAmount !== 0; }).length > 1;
|
|
51774
51799
|
};
|
|
51775
51800
|
TransactionHeaderPopupPaymentComponent.prototype.handleSelectInvoiceLines = function (paymentInfo) {
|
|
51776
51801
|
this.orderPaymentAnalysis.forEach(function (invoice) { return invoice.isSelected = false; });
|
|
@@ -51865,7 +51890,7 @@
|
|
|
51865
51890
|
TransactionHeaderPopupPaymentComponent.decorators = [
|
|
51866
51891
|
{ type: i0.Component, args: [{
|
|
51867
51892
|
selector: 'co-transaction-header-popup-payment',
|
|
51868
|
-
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 ",
|
|
51893
|
+
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 ",
|
|
51869
51894
|
encapsulation: i0.ViewEncapsulation.None
|
|
51870
51895
|
},] }
|
|
51871
51896
|
];
|