@colijnit/transaction 256.1.52 → 256.1.53
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 +12 -7
- package/bundles/colijnit-transaction.umd.js.map +1 -1
- package/colijnit-transaction.metadata.json +1 -1
- package/esm2015/lib/component/transaction-card/transaction-card-purchase-confirmation/transaction-card-purchase-confirmation.component.js +10 -3
- package/esm2015/lib/component/transaction-header/transaction-header-popup/cash-on-delivery-modal.component.js +4 -2
- package/esm2015/lib/component/transaction-header/transaction-header-popup/transaction-header-popup-payment.component.js +6 -4
- package/esm2015/lib/component/transaction-header-fields/transaction-header-deposit-amount.component.js +4 -2
- package/esm2015/lib/transaction-version.js +3 -3
- package/fesm2015/colijnit-transaction.js +18 -9
- package/fesm2015/colijnit-transaction.js.map +1 -1
- package/lib/component/transaction-card/transaction-card-purchase-confirmation/transaction-card-purchase-confirmation.component.d.ts +2 -0
- package/lib/component/transaction-header/transaction-header-popup/cash-on-delivery-modal.component.d.ts +2 -0
- package/lib/component/transaction-header/transaction-header-popup/transaction-header-popup-payment.component.d.ts +2 -0
- package/lib/component/transaction-header-fields/transaction-header-deposit-amount.component.d.ts +2 -0
- package/lib/component/transaction-line/transaction-line/style/_layout.scss +1 -0
- package/lib/component/transaction-line-image-and-description/style/_layout.scss +10 -1
- package/package.json +2 -2
|
@@ -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.53";
|
|
37
|
+
this.publishDate = "11-2-2025 20:02:28";
|
|
38
38
|
}
|
|
39
39
|
return Version;
|
|
40
40
|
}());
|
|
@@ -29861,7 +29861,9 @@
|
|
|
29861
29861
|
var TransactionCardPurchaseConfirmationComponent = /** @class */ (function (_super) {
|
|
29862
29862
|
__extends(TransactionCardPurchaseConfirmationComponent, _super);
|
|
29863
29863
|
function TransactionCardPurchaseConfirmationComponent() {
|
|
29864
|
-
|
|
29864
|
+
var _this = _super.apply(this, __spreadArray([], __read(arguments))) || this;
|
|
29865
|
+
_this.currencyPipe = CoCurrencyPipe;
|
|
29866
|
+
return _this;
|
|
29865
29867
|
}
|
|
29866
29868
|
TransactionCardPurchaseConfirmationComponent.prototype.showClass = function () {
|
|
29867
29869
|
return true;
|
|
@@ -29871,7 +29873,7 @@
|
|
|
29871
29873
|
TransactionCardPurchaseConfirmationComponent.decorators = [
|
|
29872
29874
|
{ type: i0.Component, args: [{
|
|
29873
29875
|
selector: 'co-transaction-card-purchase-confirmation',
|
|
29874
|
-
template: "\n <co-transaction-base-card\n [showColorIndicator]=\"showColorIndicator\"\n [colorIndicatorColor]=\"colorIndicatorColor\"\n (dragover)=\"handleDragOver($event)\"\n (drop)=\"handleDrop($event)\"\n (dragleave)=\"handleDragLeave($event)\"\n >\n <div class=\"transaction-card-wrapper\">\n <co-transaction-card-header\n [showActionButtons]=\"true\"\n [showCheckbox]=\"showCheckboxForLine\"\n [showThumbnail]=\"false\"\n [expanded]=\"expanded\"\n (expandClicked)=\"expanded = !expanded\"\n >\n </co-transaction-card-header>\n\n <div class=\"transaction-card-content-wrapper\">\n <div class=\"content-base top-base\">\n <div class=\"transaction-field-wrapper status-bar-purchase\">\n <co-transaction-line-statusbar [screenConfigurationObject]=\"cfgNames.StatusBar\"\n [configNames]=\"statusBarConfigNames\"\n [activeCategory]=\"transactionTypeCategory.PurchaseOrderOrderConfirmation\"\n ></co-transaction-line-statusbar>\n </div>\n <div class=\"transaction-field-wrapper\">\n <div class=\"inside-field\">\n <co-transaction-line-label [insideLabel]=\"'SUPPLIER'\"></co-transaction-line-label>\n <co-transaction-line-supplier-button></co-transaction-line-supplier-button>\n </div>\n </div>\n <div class=\"transaction-field-wrapper\">\n <div class=\"inside-field\">\n <co-transaction-line-label [insideLabel]=\"'ARTICLE_NR_SUPPLIER'\"></co-transaction-line-label>\n <co-input-text\n [model]=\"transactionLine.purchasePortalLine.articleNoSupplier ? transactionLine.purchasePortalLine.articleNoSupplier : '-'\"\n [leftIconData]=\"iconCacheService.getIcon(icons.RegularIndustryTag)\"\n [customHeight]=\"true\"\n [readonly]=\"true\"\n ></co-input-text>\n </div>\n </div>\n <div class=\"transaction-field-wrapper\">\n <div class=\"inside-field\">\n <co-transaction-line-label [insideLabel]=\"'DELIVERY_DATE_SUPPLIER'\"></co-transaction-line-label>\n <co-transaction-line-supplier-delivery-date-button\n [screenConfigurationObject]=\"cfgNames.LineConfirmedDate\"\n ></co-transaction-line-supplier-delivery-date-button>\n </div>\n </div>\n </div>\n <div class=\"content-base bottom-base\">\n <div class=\"transaction-field-wrapper\">\n <div class=\"inside-field\">\n <co-transaction-line-label [insideLabel]=\"'DELIVERY_DATE_SUPPLIER'\"></co-transaction-line-label>\n <co-input-text\n class=\"transaction-line-totals-price\"\n [class.warning]=\"showColorIndicator && transactionLine.purchasePortalLine.grossOrderPrice != transactionLine.purchasePortalLine.confirmedPrice\"\n [model]=\"transactionLine.purchasePortalLine.grossOrderPrice | coCurrency\"\n [readonly]=\"true\"\n [customHeight]=\"true\">\n </co-input-text>\n </div>\n </div>\n <div class=\"transaction-field-wrapper\">\n <div class=\"inside-field\">\n <co-transaction-line-label [insideLabel]=\"'DELIVERY_DATE_SUPPLIER'\"></co-transaction-line-label>\n <co-transaction-line-discount-button\n [screenConfigurationObject]=\"cfgNames.LineDiscount\"\n ></co-transaction-line-discount-button>\n </div>\n </div>\n <div class=\"transaction-field-wrapper\">\n <div class=\"inside-field\">\n <co-transaction-line-label [insideLabel]=\"'DELIVERY_DATE_SUPPLIER'\"></co-transaction-line-label>\n <co-input-text\n [class.warning]=\"showColorIndicator && transactionLine.amount !== transactionLine.quantityPurchaseToConfirm\"\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\">\n <div class=\"inside-field\">\n <co-transaction-line-label [insideLabel]=\"'DELIVERY_DATE_SUPPLIER'\"></co-transaction-line-label>\n <co-input-text class=\"transaction-line-totals-total\"\n [model]=\"transactionLine.displayNetLineTotal | coCurrency\"\n [readonly]=\"true\"\n [customHeight]=\"true\"\n ></co-input-text>\n </div>\n </div>\n </div>\n <div class=\"content-expanded\" *ngIf=\"expanded\">\n <div class=\"transaction-field-wrapper\">\n <div class=\"inside-field\">\n <co-transaction-line-label [insideLabel]=\"'DELIVERY_METHOD'\"></co-transaction-line-label>\n <co-transaction-line-delivery-button\n [screenConfigurationObject]=\"cfgNames.LineDeliveryMethod\"\n ></co-transaction-line-delivery-button>\n </div>\n </div>\n <div class=\"transaction-field-wrapper\">\n <div class=\"inside-field\">\n <co-transaction-line-label [insideLabel]=\"'DELIVERY_DATE'\"></co-transaction-line-label>\n <co-transaction-line-delivery-date-button class=\"two-column\"\n [screenConfigurationObject]=\"cfgNames.LineDeliveryDate\"\n ></co-transaction-line-delivery-date-button>\n </div>\n </div>\n <div class=\"transaction-field-wrapper\">\n <div class=\"inside-field\">\n <co-transaction-line-label [insideLabel]=\"'CONFIRMED_AMOUNT'\"></co-transaction-line-label>\n <co-input-number-picker class=\"amount-number-picker\"\n [screenConfigurationObject]=\"cfgNames.LineConfirmedAmount\"\n [required]=\"true\"\n [(model)]=\"+transactionLine.quantityPurchaseToConfirm\"\n [decimals]=\"decimals\"\n [min]=\"1\"\n [max]=\"+transactionLine.purchasePortalLine.amountOrdered\"\n [leftIconData]=\"iconCacheService.getIcon(icons.FileCircleInfoRegular)\"\n ></co-input-number-picker>\n </div>\n </div>\n <div class=\"transaction-field-wrapper\">\n <div class=\"inside-field\">\n <co-transaction-line-label [insideLabel]=\"'CONFIRMED_PRICE'\"></co-transaction-line-label>\n <co-transaction-line-confirmed-price class=\"transaction-line-confirmed-price price\"\n [screenConfigurationObject]=\"cfgNames.LineConfirmedPrice\"\n [(price)]=\"transactionLine.purchasePortalLine.confirmedPrice\"\n [showLabel]=\"false\"\n [defaultEditMode]=\"false\"\n ></co-transaction-line-confirmed-price>\n </div>\n </div>\n </div>\n </div>\n\n <co-transaction-card-footer\n [statusBarConfigNames]=\"statusBarConfigNames\"\n [transactionTypeCategory]=\"transactionTypeCategory.SalesOrderPurchase\"\n [expanded]=\"expanded\"\n ></co-transaction-card-footer>\n </div>\n </co-transaction-base-card>\n ",
|
|
29876
|
+
template: "\n <co-transaction-base-card\n [showColorIndicator]=\"showColorIndicator\"\n [colorIndicatorColor]=\"colorIndicatorColor\"\n (dragover)=\"handleDragOver($event)\"\n (drop)=\"handleDrop($event)\"\n (dragleave)=\"handleDragLeave($event)\"\n >\n <div class=\"transaction-card-wrapper\">\n <co-transaction-card-header\n [showActionButtons]=\"true\"\n [showCheckbox]=\"showCheckboxForLine\"\n [showThumbnail]=\"false\"\n [expanded]=\"expanded\"\n (expandClicked)=\"expanded = !expanded\"\n >\n </co-transaction-card-header>\n\n <div class=\"transaction-card-content-wrapper\">\n <div class=\"content-base top-base\">\n <div class=\"transaction-field-wrapper status-bar-purchase\">\n <co-transaction-line-statusbar [screenConfigurationObject]=\"cfgNames.StatusBar\"\n [configNames]=\"statusBarConfigNames\"\n [activeCategory]=\"transactionTypeCategory.PurchaseOrderOrderConfirmation\"\n ></co-transaction-line-statusbar>\n </div>\n <div class=\"transaction-field-wrapper\">\n <div class=\"inside-field\">\n <co-transaction-line-label [insideLabel]=\"'SUPPLIER'\"></co-transaction-line-label>\n <co-transaction-line-supplier-button></co-transaction-line-supplier-button>\n </div>\n </div>\n <div class=\"transaction-field-wrapper\">\n <div class=\"inside-field\">\n <co-transaction-line-label [insideLabel]=\"'ARTICLE_NR_SUPPLIER'\"></co-transaction-line-label>\n <co-input-text\n [model]=\"transactionLine.purchasePortalLine.articleNoSupplier ? transactionLine.purchasePortalLine.articleNoSupplier : '-'\"\n [leftIconData]=\"iconCacheService.getIcon(icons.RegularIndustryTag)\"\n [customHeight]=\"true\"\n [readonly]=\"true\"\n ></co-input-text>\n </div>\n </div>\n <div class=\"transaction-field-wrapper\">\n <div class=\"inside-field\">\n <co-transaction-line-label [insideLabel]=\"'DELIVERY_DATE_SUPPLIER'\"></co-transaction-line-label>\n <co-transaction-line-supplier-delivery-date-button\n [screenConfigurationObject]=\"cfgNames.LineConfirmedDate\"\n ></co-transaction-line-supplier-delivery-date-button>\n </div>\n </div>\n </div>\n <div class=\"content-base bottom-base\">\n <div class=\"transaction-field-wrapper\">\n <div class=\"inside-field\">\n <co-transaction-line-label [insideLabel]=\"'DELIVERY_DATE_SUPPLIER'\"></co-transaction-line-label>\n <co-input-text\n class=\"transaction-line-totals-price\"\n [class.warning]=\"showColorIndicator && transactionLine.purchasePortalLine.grossOrderPrice != transactionLine.purchasePortalLine.confirmedPrice\"\n [model]=\"transactionLine.purchasePortalLine.grossOrderPrice\"\n [formatPipe]=\"currencyPipe\"\n [readonly]=\"true\"\n [customHeight]=\"true\">\n </co-input-text>\n </div>\n </div>\n <div class=\"transaction-field-wrapper\">\n <div class=\"inside-field\">\n <co-transaction-line-label [insideLabel]=\"'DELIVERY_DATE_SUPPLIER'\"></co-transaction-line-label>\n <co-transaction-line-discount-button\n [screenConfigurationObject]=\"cfgNames.LineDiscount\"\n ></co-transaction-line-discount-button>\n </div>\n </div>\n <div class=\"transaction-field-wrapper\">\n <div class=\"inside-field\">\n <co-transaction-line-label [insideLabel]=\"'DELIVERY_DATE_SUPPLIER'\"></co-transaction-line-label>\n <co-input-text\n [class.warning]=\"showColorIndicator && transactionLine.amount !== transactionLine.quantityPurchaseToConfirm\"\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\">\n <div class=\"inside-field\">\n <co-transaction-line-label [insideLabel]=\"'DELIVERY_DATE_SUPPLIER'\"></co-transaction-line-label>\n <co-input-text class=\"transaction-line-totals-total\"\n [model]=\"transactionLine.displayNetLineTotal\"\n [formatPipe]=\"currencyPipe\"\n [readonly]=\"true\"\n [customHeight]=\"true\"\n ></co-input-text>\n </div>\n </div>\n </div>\n <div class=\"content-expanded\" *ngIf=\"expanded\">\n <div class=\"transaction-field-wrapper\">\n <div class=\"inside-field\">\n <co-transaction-line-label [insideLabel]=\"'DELIVERY_METHOD'\"></co-transaction-line-label>\n <co-transaction-line-delivery-button\n [screenConfigurationObject]=\"cfgNames.LineDeliveryMethod\"\n ></co-transaction-line-delivery-button>\n </div>\n </div>\n <div class=\"transaction-field-wrapper\">\n <div class=\"inside-field\">\n <co-transaction-line-label [insideLabel]=\"'DELIVERY_DATE'\"></co-transaction-line-label>\n <co-transaction-line-delivery-date-button class=\"two-column\"\n [screenConfigurationObject]=\"cfgNames.LineDeliveryDate\"\n ></co-transaction-line-delivery-date-button>\n </div>\n </div>\n <div class=\"transaction-field-wrapper\">\n <div class=\"inside-field\">\n <co-transaction-line-label [insideLabel]=\"'CONFIRMED_AMOUNT'\"></co-transaction-line-label>\n <co-input-number-picker class=\"amount-number-picker\"\n [screenConfigurationObject]=\"cfgNames.LineConfirmedAmount\"\n [required]=\"true\"\n [(model)]=\"+transactionLine.quantityPurchaseToConfirm\"\n [decimals]=\"decimals\"\n [min]=\"1\"\n [max]=\"+transactionLine.purchasePortalLine.amountOrdered\"\n [leftIconData]=\"iconCacheService.getIcon(icons.FileCircleInfoRegular)\"\n ></co-input-number-picker>\n </div>\n </div>\n <div class=\"transaction-field-wrapper\">\n <div class=\"inside-field\">\n <co-transaction-line-label [insideLabel]=\"'CONFIRMED_PRICE'\"></co-transaction-line-label>\n <co-transaction-line-confirmed-price class=\"transaction-line-confirmed-price price\"\n [screenConfigurationObject]=\"cfgNames.LineConfirmedPrice\"\n [(price)]=\"transactionLine.purchasePortalLine.confirmedPrice\"\n [showLabel]=\"false\"\n [defaultEditMode]=\"false\"\n ></co-transaction-line-confirmed-price>\n </div>\n </div>\n </div>\n </div>\n\n <co-transaction-card-footer\n [statusBarConfigNames]=\"statusBarConfigNames\"\n [transactionTypeCategory]=\"transactionTypeCategory.SalesOrderPurchase\"\n [expanded]=\"expanded\"\n ></co-transaction-card-footer>\n </div>\n </co-transaction-base-card>\n ",
|
|
29875
29877
|
encapsulation: i0.ViewEncapsulation.None
|
|
29876
29878
|
},] }
|
|
29877
29879
|
];
|
|
@@ -49732,6 +49734,7 @@
|
|
|
49732
49734
|
_this.formMasterService = formMasterService;
|
|
49733
49735
|
_this.relationService = relationService;
|
|
49734
49736
|
_this._paymentConnectorService = _paymentConnectorService;
|
|
49737
|
+
_this.currencyPipe = CoCurrencyPipe;
|
|
49735
49738
|
_this.paidDown = 0;
|
|
49736
49739
|
_this.settled = 0;
|
|
49737
49740
|
_this.cashOnDelivery = 0;
|
|
@@ -49846,7 +49849,7 @@
|
|
|
49846
49849
|
TransactionHeaderPopupPaymentComponent.decorators = [
|
|
49847
49850
|
{ type: i0.Component, args: [{
|
|
49848
49851
|
selector: 'co-transaction-header-popup-payment',
|
|
49849
|
-
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 (click)=\"$event.target.select()\">\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
|
|
49852
|
+
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 (click)=\"$event.target.select()\">\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\" [formatPipe]=\"currencyPipe\">\n </co-input-text>\n <co-button\n class=\"save-button\"\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 <ng-container *ngIf=\"outstandingCustomerAmount.length > 0\">\n <div 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 }}</strong>\n </div>\n </div>\n </div>\n </div>\n <div class=\"payment-information\">\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 outstandingCustomerAmount\">\n <td>\n <span *ngIf=\"paymentInfo.downPayment\" [textContent]=\"'DEPOSIT' | localize\"></span>\n <span *ngIf=\"!paymentInfo.downPayment\">\n <span [textContent]=\"'INVOICE' | localize\"></span>\n <span> {{ paymentInfo.invoiceNumber }}</span>\n </span>\n </td>\n <td><strong>{{ paymentInfo.invoiceAmount | coCurrency }}</strong></td>\n <td [class.paid]=\"paymentInfo.paidAmount > 0\">\n <strong>{{ paymentInfo.paidAmount | coCurrency:true }}</strong>\n </td>\n <td>{{ paymentInfo.reservedOutstandingAmount | coCurrency:true }}</td>\n <td [class.outstanding]=\"paymentInfo.outstandingAmount > 0\">\n <strong>{{ paymentInfo.outstandingAmount | coCurrency }}</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 </ng-container>\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 ",
|
|
49850
49853
|
encapsulation: i0.ViewEncapsulation.None
|
|
49851
49854
|
},] }
|
|
49852
49855
|
];
|
|
@@ -49872,6 +49875,7 @@
|
|
|
49872
49875
|
__extends(CashOnDeliveryModalComponent, _super);
|
|
49873
49876
|
function CashOnDeliveryModalComponent() {
|
|
49874
49877
|
var _this = _super.apply(this, __spreadArray([], __read(arguments))) || this;
|
|
49878
|
+
_this.currencyPipe = CoCurrencyPipe;
|
|
49875
49879
|
_this.showCashOnDeliveryModal = new i0.EventEmitter();
|
|
49876
49880
|
_this.cashAmount = new i0.EventEmitter();
|
|
49877
49881
|
_this.cashOnDeliveryData = new cashOnDeliveryData.CashOnDeliveryData();
|
|
@@ -49917,7 +49921,7 @@
|
|
|
49917
49921
|
CashOnDeliveryModalComponent.decorators = [
|
|
49918
49922
|
{ type: i0.Component, args: [{
|
|
49919
49923
|
selector: 'co-cash-on-delivery-modal',
|
|
49920
|
-
template: "\n <co-dialog\n class=\"cash-on-delivery-modal\"\n [showCloseIcon]=\"true\"\n [modal]=\"true\"\n [headerTemplate]=\"headerTemplate\"\n [footerTemplate]=\"footerTemplate\"\n (closeClick)=\"hideModal()\">\n\n <section>\n <h4>Rembours Berekening</h4>\n <div class=\"stat-row\">\n <div class=\"stat-info\">\n <div class=\"label\">Totaal Netto</div>\n <div class=\"value\">{{ cashOnDeliveryData.netOrderTotal }}</div>\n </div>\n <div class=\"stat-info\">\n <div class=\"label\">Totaal CM</div>\n <div class=\"value\">{{ cashOnDeliveryData.dropshipmentLinesTotal }}</div>\n </div>\n <div class=\"stat-info\">\n <div class=\"label\">Aan te betalen</div>\n <div class=\"value\">{{ cashOnDeliveryData.depositAmount }}</div>\n </div>\n </div>\n <div class=\"stat-row\">\n <div class=\"stat-info\">\n <div class=\"label\">Min Rembours</div>\n <div class=\"value\">{{ cashOnDeliveryData.minCashOnDeliveryAmount }}</div>\n </div>\n <div class=\"stat-info\">\n <div class=\"label\">Max Rembours</div>\n <div class=\"value\">{{ cashOnDeliveryData.maxCashOnDeliveryAmount }}</div>\n </div>\n <div class=\"stat-info\">\n <div class=\"label\">Voorstel Rembours</div>\n <div class=\"value\">{{ cashOnDeliveryData.proposedCashOnDeliveryAmount }}</div>\n </div>\n <div class=\"stat-info\">\n <div class=\"label\">Verrekend</div>\n <div class=\"value\">{{ cashOnDeliveryData.toBeSettledAmount }}</div>\n </div>\n </div>\n </section>\n <section>\n <h4>Remboursbedrag voor order</h4>\n <div class=\"cash-on-delivery-field\">\n <co-input-text\n #input\n type=\"number\"\n [placeholder]=\"'CASH_ON_DELIVERY_AMOUNT' | localize\"\n [model]=\"cashOnDeliveryAmount
|
|
49924
|
+
template: "\n <co-dialog\n class=\"cash-on-delivery-modal\"\n [showCloseIcon]=\"true\"\n [modal]=\"true\"\n [headerTemplate]=\"headerTemplate\"\n [footerTemplate]=\"footerTemplate\"\n (closeClick)=\"hideModal()\">\n\n <section>\n <h4>Rembours Berekening</h4>\n <div class=\"stat-row\">\n <div class=\"stat-info\">\n <div class=\"label\">Totaal Netto</div>\n <div class=\"value\">{{ cashOnDeliveryData.netOrderTotal }}</div>\n </div>\n <div class=\"stat-info\">\n <div class=\"label\">Totaal CM</div>\n <div class=\"value\">{{ cashOnDeliveryData.dropshipmentLinesTotal }}</div>\n </div>\n <div class=\"stat-info\">\n <div class=\"label\">Aan te betalen</div>\n <div class=\"value\">{{ cashOnDeliveryData.depositAmount }}</div>\n </div>\n </div>\n <div class=\"stat-row\">\n <div class=\"stat-info\">\n <div class=\"label\">Min Rembours</div>\n <div class=\"value\">{{ cashOnDeliveryData.minCashOnDeliveryAmount }}</div>\n </div>\n <div class=\"stat-info\">\n <div class=\"label\">Max Rembours</div>\n <div class=\"value\">{{ cashOnDeliveryData.maxCashOnDeliveryAmount }}</div>\n </div>\n <div class=\"stat-info\">\n <div class=\"label\">Voorstel Rembours</div>\n <div class=\"value\">{{ cashOnDeliveryData.proposedCashOnDeliveryAmount }}</div>\n </div>\n <div class=\"stat-info\">\n <div class=\"label\">Verrekend</div>\n <div class=\"value\">{{ cashOnDeliveryData.toBeSettledAmount }}</div>\n </div>\n </div>\n </section>\n <section>\n <h4>Remboursbedrag voor order</h4>\n <div class=\"cash-on-delivery-field\">\n <co-input-text\n #input\n type=\"number\"\n [placeholder]=\"'CASH_ON_DELIVERY_AMOUNT' | localize\"\n [model]=\"cashOnDeliveryAmount\" [formatPipe]=\"currencyPipe\">\n </co-input-text>\n </div>\n </section>\n </co-dialog>\n <ng-template #headerTemplate>\n <co-icon [iconData]=\"iconCacheService.getIcon(icons.TruckMovingRegular)\"></co-icon>\n <div class=\"co-dialog-header-title\" [textContent]=\"'CASH_ON_DELIVERY' | localize\"></div>\n </ng-template>\n <ng-template #footerTemplate>\n <div class=\"co-dialog-footer-button-wrapper\">\n <co-button\n class=\"save-button\"\n [iconData]=\"iconCacheService.getIcon(icons.CheckDuotone)\"\n (click)=\"updateCashOnDeliveryAmount()\">\n </co-button>\n <co-button\n class=\"close-button\"\n [iconData]=\"iconCacheService.getIcon(icons.Crossskinny)\"\n (click)=\"hideModal()\">\n </co-button>\n </div>\n </ng-template>\n ",
|
|
49921
49925
|
encapsulation: i0.ViewEncapsulation.None,
|
|
49922
49926
|
providers: [TransactionLineService]
|
|
49923
49927
|
},] }
|
|
@@ -51088,6 +51092,7 @@
|
|
|
51088
51092
|
__extends(TransactionHeaderDepositAmountComponent, _super);
|
|
51089
51093
|
function TransactionHeaderDepositAmountComponent() {
|
|
51090
51094
|
var _this = _super.apply(this, __spreadArray([], __read(arguments))) || this;
|
|
51095
|
+
_this.currencyPipe = CoCurrencyPipe;
|
|
51091
51096
|
_this.businessRuleApplied = new i0.EventEmitter();
|
|
51092
51097
|
_this.showClass = true;
|
|
51093
51098
|
return _this;
|
|
@@ -51135,7 +51140,7 @@
|
|
|
51135
51140
|
TransactionHeaderDepositAmountComponent.decorators = [
|
|
51136
51141
|
{ type: i0.Component, args: [{
|
|
51137
51142
|
selector: "co-transaction-header-deposit-amount",
|
|
51138
|
-
template: "\n <span\n *ngIf=\"(!editMode || transactionHeaderService.readonly) && !defaultEditMode\"\n [textContent]=\"(transactionInfo.depositAmount | coCurrency) || '...'\"\n [tooltip]=\"tooltipMessage\">\n </span>\n <co-input-text\n #input\n *ngIf=\"editMode || defaultEditMode\"\n [placeholder]=\"showLabel ? ('DOWNPAYMENT' | localize) : ''\"\n [showSaveCancel]=\"!transactionHeaderService.readonly\"\n [hidden]=\"hidden\"\n [readonly]=\"readonly || transactionHeaderService.readonly\"\n [model]=\"transactionInfo.depositAmount
|
|
51143
|
+
template: "\n <span\n *ngIf=\"(!editMode || transactionHeaderService.readonly) && !defaultEditMode\"\n [textContent]=\"(transactionInfo.depositAmount | coCurrency) || '...'\"\n [tooltip]=\"tooltipMessage\">\n </span>\n <co-input-text\n #input\n *ngIf=\"editMode || defaultEditMode\"\n [placeholder]=\"showLabel ? ('DOWNPAYMENT' | localize) : ''\"\n [showSaveCancel]=\"!transactionHeaderService.readonly\"\n [hidden]=\"hidden\"\n [readonly]=\"readonly || transactionHeaderService.readonly\"\n [model]=\"transactionInfo.depositAmount\" [formatPipe]=\"currencyPipe\"\n (blur)=\"editMode = false\">\n </co-input-text>\n ",
|
|
51139
51144
|
providers: [{
|
|
51140
51145
|
provide: corecomponents_v12.SCREEN_CONFIG_ADAPTER_COMPONENT_INTERFACE_NAME,
|
|
51141
51146
|
useExisting: i0.forwardRef(function () { return TransactionHeaderDepositAmountComponent; })
|