@colijnit/transaction 256.1.78 → 256.1.79
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 +61 -23
- package/bundles/colijnit-transaction.umd.js.map +1 -1
- package/colijnit-transaction.metadata.json +1 -1
- package/esm2015/lib/component/transaction-header/transaction-header-popup/transaction-header-popup-payment.component.js +45 -8
- package/esm2015/lib/component/transaction-header/transaction-header-popup/transaction-header-popup.module.js +4 -3
- package/esm2015/lib/transaction-version.js +3 -3
- package/fesm2015/colijnit-transaction.js +48 -10
- package/fesm2015/colijnit-transaction.js.map +1 -1
- package/lib/component/transaction-header/transaction-header-popup/transaction-header-popup-payment.component.d.ts +5 -1
- 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.79";
|
|
37
|
+
this.publishDate = "15/04/2025, 10:56:12";
|
|
38
38
|
}
|
|
39
39
|
return Version;
|
|
40
40
|
}());
|
|
@@ -50900,21 +50900,21 @@
|
|
|
50900
50900
|
ngOnInit: { get: function () { return _super_1.prototype.ngOnInit; } }
|
|
50901
50901
|
});
|
|
50902
50902
|
return __awaiter(this, void 0, void 0, function () {
|
|
50903
|
-
var
|
|
50903
|
+
var _b;
|
|
50904
50904
|
var _this = this;
|
|
50905
|
-
return __generator(this, function (
|
|
50906
|
-
switch (
|
|
50905
|
+
return __generator(this, function (_c) {
|
|
50906
|
+
switch (_c.label) {
|
|
50907
50907
|
case 0: return [4 /*yield*/, _super.ngOnInit.call(this)];
|
|
50908
50908
|
case 1:
|
|
50909
|
-
|
|
50909
|
+
_c.sent();
|
|
50910
50910
|
this._paymentSubs.push(this.transactionEventService.transactionPaymentDone.subscribe(function () {
|
|
50911
50911
|
_this._getDepositInfo();
|
|
50912
50912
|
_this._getOutstandingAmounts();
|
|
50913
50913
|
}), this.screenConfigService.configSet.subscribe(function (configObjects) { return _this._getObjectConfiguration(configObjects); }));
|
|
50914
|
-
|
|
50914
|
+
_b = this;
|
|
50915
50915
|
return [4 /*yield*/, this.transactionService.getInternalParameter(internalParam_enum.InternalParam.SellDirectlyFromSuppl)];
|
|
50916
50916
|
case 2:
|
|
50917
|
-
|
|
50917
|
+
_b.showCashOnDelivery = _c.sent();
|
|
50918
50918
|
return [2 /*return*/];
|
|
50919
50919
|
}
|
|
50920
50920
|
});
|
|
@@ -50925,10 +50925,15 @@
|
|
|
50925
50925
|
ngOnDestroy: { get: function () { return _super_1.prototype.ngOnDestroy; } }
|
|
50926
50926
|
});
|
|
50927
50927
|
return __awaiter(this, void 0, void 0, function () {
|
|
50928
|
-
return __generator(this, function (
|
|
50929
|
-
|
|
50930
|
-
|
|
50931
|
-
|
|
50928
|
+
return __generator(this, function (_b) {
|
|
50929
|
+
switch (_b.label) {
|
|
50930
|
+
case 0:
|
|
50931
|
+
this._paymentSubs.forEach(function (s) { return s.unsubscribe(); });
|
|
50932
|
+
return [4 /*yield*/, _super.ngOnDestroy.call(this)];
|
|
50933
|
+
case 1:
|
|
50934
|
+
_b.sent();
|
|
50935
|
+
return [2 /*return*/];
|
|
50936
|
+
}
|
|
50932
50937
|
});
|
|
50933
50938
|
});
|
|
50934
50939
|
};
|
|
@@ -50937,11 +50942,11 @@
|
|
|
50937
50942
|
};
|
|
50938
50943
|
TransactionHeaderPopupPaymentComponent.prototype.showOutstandingAmounts = function () {
|
|
50939
50944
|
return __awaiter(this, void 0, void 0, function () {
|
|
50940
|
-
return __generator(this, function (
|
|
50941
|
-
switch (
|
|
50945
|
+
return __generator(this, function (_b) {
|
|
50946
|
+
switch (_b.label) {
|
|
50942
50947
|
case 0: return [4 /*yield*/, this.service.saveTransaction()];
|
|
50943
50948
|
case 1:
|
|
50944
|
-
|
|
50949
|
+
_b.sent();
|
|
50945
50950
|
return [2 /*return*/];
|
|
50946
50951
|
}
|
|
50947
50952
|
});
|
|
@@ -50954,18 +50959,26 @@
|
|
|
50954
50959
|
this.cashOnDelivery = value;
|
|
50955
50960
|
};
|
|
50956
50961
|
TransactionHeaderPopupPaymentComponent.prototype.showPaymentButton = function () {
|
|
50957
|
-
return this.orderPaymentAnalysis.some(function (t) { return t.outstandingAmount > 0; });
|
|
50962
|
+
return this.orderPaymentAnalysis.some(function (t) { return t.outstandingAmount > 0; }) && this.chosenAmountToPay > 0;
|
|
50958
50963
|
};
|
|
50959
50964
|
TransactionHeaderPopupPaymentComponent.prototype.openPayment = function (event) {
|
|
50965
|
+
var _a;
|
|
50960
50966
|
return __awaiter(this, void 0, void 0, function () {
|
|
50961
|
-
|
|
50962
|
-
|
|
50967
|
+
var lastTransaction;
|
|
50968
|
+
var _this = this;
|
|
50969
|
+
return __generator(this, function (_b) {
|
|
50970
|
+
switch (_b.label) {
|
|
50963
50971
|
case 0:
|
|
50964
50972
|
event.preventDefault();
|
|
50965
50973
|
event.stopPropagation();
|
|
50974
|
+
this.transactionIdToPay = (_a = this.transactionIdToPay) !== null && _a !== void 0 ? _a : this.transactionInfo.id;
|
|
50975
|
+
if (this.orderPaymentAnalysis.filter(function (payment) { return payment.transactionKind === _this.transKind.SalesInvoice && payment.outstandingAmount > 0; }).length === 1) {
|
|
50976
|
+
lastTransaction = this.orderPaymentAnalysis.filter(function (payment) { return payment.transactionKind === _this.transKind.SalesInvoice && payment.outstandingAmount > 0; })[0];
|
|
50977
|
+
this.transactionIdToPay = lastTransaction.transactionId;
|
|
50978
|
+
}
|
|
50966
50979
|
return [4 /*yield*/, this.lockTransaction()];
|
|
50967
50980
|
case 1:
|
|
50968
|
-
if (
|
|
50981
|
+
if (_b.sent()) {
|
|
50969
50982
|
this.showPaymentDialog = true;
|
|
50970
50983
|
}
|
|
50971
50984
|
return [2 /*return*/];
|
|
@@ -50980,6 +50993,16 @@
|
|
|
50980
50993
|
TransactionHeaderPopupPaymentComponent.prototype.isDirectSellEnabled = function () {
|
|
50981
50994
|
return this.transactionLines.some(function (line) { return line.directSell && line.dropShipment; });
|
|
50982
50995
|
};
|
|
50996
|
+
TransactionHeaderPopupPaymentComponent.prototype.showInvoiceSelection = function () {
|
|
50997
|
+
var _this = this;
|
|
50998
|
+
return this.orderPaymentAnalysis.filter(function (payment) { return payment.transactionKind === _this.transKind.SalesInvoice && payment.outstandingAmount > 0; }).length > 1;
|
|
50999
|
+
};
|
|
51000
|
+
TransactionHeaderPopupPaymentComponent.prototype.handleSelectInvoiceLines = function (paymentInfo) {
|
|
51001
|
+
this.orderPaymentAnalysis.forEach(function (invoice) { return invoice.isSelected = false; });
|
|
51002
|
+
paymentInfo.isSelected = true;
|
|
51003
|
+
this.chosenAmountToPay = paymentInfo.outstandingAmount;
|
|
51004
|
+
this.transactionIdToPay = paymentInfo.transactionId;
|
|
51005
|
+
};
|
|
50983
51006
|
TransactionHeaderPopupPaymentComponent.prototype.transactionSet = function () {
|
|
50984
51007
|
_super_1.prototype.transactionSet.call(this);
|
|
50985
51008
|
this._getDepositInfo();
|
|
@@ -51006,9 +51029,12 @@
|
|
|
51006
51029
|
paymentAnalysisRequest.transactionId = this.transactionInfo.id;
|
|
51007
51030
|
this._paymentConnectorService.getSalesOrderPaymentAnalysis(paymentAnalysisRequest).then(function (response) {
|
|
51008
51031
|
_this.orderPaymentAnalysis = response;
|
|
51032
|
+
_this.orderPaymentAnalysis = _this.orderPaymentAnalysis.map(function (transaction) { return (Object.assign(Object.assign({}, transaction), { isSelected: false })); });
|
|
51009
51033
|
});
|
|
51010
51034
|
this._paymentConnectorService.getPaymentAnalysis(this.transactionInfo.uuid).then(function (response) {
|
|
51011
51035
|
_this.paymentAnalysis = response;
|
|
51036
|
+
_this.chosenAmountToPay = _this.paymentAnalysis.totalToPay;
|
|
51037
|
+
_this._updateChosenAmountToPay();
|
|
51012
51038
|
});
|
|
51013
51039
|
};
|
|
51014
51040
|
TransactionHeaderPopupPaymentComponent.prototype._getObjectConfiguration = function (configObjects) {
|
|
@@ -51017,15 +51043,26 @@
|
|
|
51017
51043
|
this.screenConfigService.getObjectConfigurationFor(this.cfgNames.DepositAmount).immediatelyVisible();
|
|
51018
51044
|
}
|
|
51019
51045
|
};
|
|
51020
|
-
TransactionHeaderPopupPaymentComponent.prototype.
|
|
51021
|
-
|
|
51046
|
+
TransactionHeaderPopupPaymentComponent.prototype._updateChosenAmountToPay = function () {
|
|
51047
|
+
var _this = this;
|
|
51048
|
+
if (this.orderPaymentAnalysis.some(function (t) { return t.outstandingAmount > 0; }) &&
|
|
51049
|
+
this.orderPaymentAnalysis.filter(function (payment) { return payment.transactionKind === _this.transKind.SalesInvoice; }).length === 0) {
|
|
51050
|
+
this.chosenAmountToPay = this.paymentAnalysis.totalDeposit;
|
|
51051
|
+
}
|
|
51052
|
+
if (this.orderPaymentAnalysis.filter(function (payment) { return (payment.transactionKind === _this.transKind.SalesInvoice) && (payment.outstandingAmount > 0); }).length === 1) {
|
|
51053
|
+
var remainingInvoice = this.orderPaymentAnalysis.filter(function (payment) { return (payment.transactionKind === _this.transKind.SalesInvoice) && (payment.outstandingAmount > 0); })[0];
|
|
51054
|
+
this.chosenAmountToPay = remainingInvoice.outstandingAmount;
|
|
51055
|
+
}
|
|
51056
|
+
if (this.orderPaymentAnalysis.filter(function (payment) { return (payment.transactionKind === _this.transKind.SalesInvoice) && (payment.outstandingAmount > 0); }).length > 1) {
|
|
51057
|
+
this.chosenAmountToPay = 0;
|
|
51058
|
+
}
|
|
51022
51059
|
};
|
|
51023
51060
|
return TransactionHeaderPopupPaymentComponent;
|
|
51024
51061
|
}(TransactionHeaderPopupBaseComponent));
|
|
51025
51062
|
TransactionHeaderPopupPaymentComponent.decorators = [
|
|
51026
51063
|
{ type: i0.Component, args: [{
|
|
51027
51064
|
selector: 'co-transaction-header-popup-payment',
|
|
51028
|
-
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 [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>\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 <co-deposit-payment\n *ngIf=\"activeCategory.index === 1\"\n [branch]=\"transactionInfo.branch?.relationNr\"\n [transactionUuid]=\"transactionInfo.uuid\"\n [showTitle]=\"false\"\n [transactionKind]=\"transKind.SalesOrder\"\n ></co-deposit-payment>\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]=\"transactionInfo.id\"\n [branch]=\"transactionInfo.branch?.relationNr\"\n [transactionUuid]=\"transactionInfo.uuid\"\n [amount]=\"paymentAnalysis.totalToPay\"\n [remainingPayment]=\"true\"\n [currencyId]=\"transactionInfo.currencyId\"\n [doNotFetchAmountToPayForRemaining]=\"true\"\n [showPaymentDate]=\"true\"\n ></co-payment>\n </co-dialog>\n ",
|
|
51065
|
+
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 *ngIf=\"showInvoiceSelection()\" [textContent]=\"'PAY' | localize\"></th>\n <th [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 *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>\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 <co-deposit-payment\n *ngIf=\"activeCategory.index === 1\"\n [branch]=\"transactionInfo.branch?.relationNr\"\n [transactionUuid]=\"transactionInfo.uuid\"\n [showTitle]=\"false\"\n [transactionKind]=\"transKind.SalesOrder\"\n ></co-deposit-payment>\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 ",
|
|
51029
51066
|
encapsulation: i0.ViewEncapsulation.None
|
|
51030
51067
|
},] }
|
|
51031
51068
|
];
|
|
@@ -54092,7 +54129,8 @@
|
|
|
54092
54129
|
corecomponents_v12.InputDatePickerModule,
|
|
54093
54130
|
TransactionHeaderPreferredDeliveryTimeModule,
|
|
54094
54131
|
corecomponents_v12.ImageModule,
|
|
54095
|
-
PaymentModule
|
|
54132
|
+
PaymentModule,
|
|
54133
|
+
corecomponents_v12.InputRadioButtonModule
|
|
54096
54134
|
],
|
|
54097
54135
|
declarations: [
|
|
54098
54136
|
TransactionHeaderPopupComponent,
|