@colijnit/transaction 257.1.32 → 257.1.33
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/bundles/colijnit-transaction.umd.js +18 -7
- 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 +23 -5
- package/esm2015/lib/component/transaction-lines/transaction-lines.component.js +3 -3
- package/esm2015/lib/component/transaction-quick-access/transaction-quick-access-order-purchase/transaction-quick-access-order-purchase.component.js +2 -2
- package/esm2015/lib/component/transaction-search/transaction-search-result/transaction-search-result.component.js +2 -2
- package/esm2015/lib/transaction-version.js +3 -3
- package/fesm2015/colijnit-transaction.js +26 -8
- package/fesm2015/colijnit-transaction.js.map +1 -1
- package/lib/component/transaction-header/transaction-header-popup/transaction-header-popup-payment.component.d.ts +4 -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 = "257.1.
|
|
37
|
-
this.publishDate = "
|
|
36
|
+
this.symVer = "257.1.33";
|
|
37
|
+
this.publishDate = "25/03/2025, 17:30:02";
|
|
38
38
|
}
|
|
39
39
|
return Version;
|
|
40
40
|
}());
|
|
@@ -26709,7 +26709,7 @@
|
|
|
26709
26709
|
return __generator(this, function (_e) {
|
|
26710
26710
|
switch (_e.label) {
|
|
26711
26711
|
case 0:
|
|
26712
|
-
this.
|
|
26712
|
+
this.showSendMethodDialog = false;
|
|
26713
26713
|
if (!(methodData.sendMethod === 'COMBINED')) return [3 /*break*/, 2];
|
|
26714
26714
|
this.useDefaultLayout = methodData.useDefaultLayout;
|
|
26715
26715
|
this.useDefaultShippingMethods = methodData.useDefaultShippingMethods;
|
|
@@ -44943,7 +44943,7 @@
|
|
|
44943
44943
|
TransactionSearchResultComponent.decorators = [
|
|
44944
44944
|
{ type: i0.Component, args: [{
|
|
44945
44945
|
selector: 'co-transaction-search-result',
|
|
44946
|
-
template: "\n <ng-container *ngIf=\"screenConfigLoaded\">\n <div class=\"actions-wrapper\"\n *ngIf=\"searchService.transactions?.length > 0 && salesOrdersPageActive && showBatchOptions\">\n <co-input-checkbox\n [model]=\"checkIfAllSelected()\"\n [label]=\"checkIfAllSelected() ? '
|
|
44946
|
+
template: "\n <ng-container *ngIf=\"screenConfigLoaded\">\n <div class=\"actions-wrapper\"\n *ngIf=\"searchService.transactions?.length > 0 && salesOrdersPageActive && showBatchOptions\">\n <co-input-checkbox\n [model]=\"checkIfAllSelected()\"\n [label]=\"checkIfAllSelected() ? 'DESELECT_ALL' : 'SELECT_ALL_ORDERS' | localize\"\n (modelChange)=\"onToggleAllOrders(checkIfAllSelected())\">\n </co-input-checkbox>\n <co-quick-send-button\n *ngIf=\"checkIfSelected()\"\n [showSendMethodDialogIcon]=\"false\"\n [showLoader]=\"showProcessOrdersLoader\"\n (sendIconClicked)=\"showShippingModal()\">\n </co-quick-send-button>\n </div>\n\n <div class=\"transaction-search-result-content-tiles-wrapper\" [ngClass]=\"fullscreen ? 'fullscreen' : 'sidebar'\"\n *ngIf=\"activeContentViewMode === contentViewModes.Tiles && !extendedTransactionSearch\">\n <div class=\"transaction-tile\" *ngFor=\"let transaction of searchService.transactions\">\n <co-transaction-search-tile\n [draggable]=\"draggableTransactions\"\n (dragstart)=\"dragStarted($event, transaction)\"\n (dragend)=\"dragEnd($event)\"\n [transaction]=\"transaction\"\n [showCheckbox]=\"salesOrdersPageActive && showBatchOptions\"\n [selected]=\"transaction.selected\"\n [class]=\"transaction === selectedTransaction ? 'selected' : ''\"\n (transactionClick)=\"onTransactionClick($event)\"\n (selectedClick)=\"onSelectedClick($event)\">\n </co-transaction-search-tile>\n </div>\n </div>\n\n <div class=\"transaction-search-result-content-grid-wrapper\"\n *ngIf=\"activeContentViewMode === contentViewModes.Grid && !extendedTransactionSearch\">\n <co-transaction-search-grid\n [showCheckbox]=\"salesOrdersPageActive && showBatchOptions\"\n (transactionClick)=\"onTransactionClick($event)\">\n </co-transaction-search-grid>\n </div>\n\n <div class=\"transaction-extended-search-result-tile-wrapper\" *ngIf=\"extendedTransactionSearch\">\n <div class=\"transaction-tile\" *ngFor=\"let transaction of searchService.transactions\">\n <co-transaction-search-sales-line-select-tile\n [transaction]=\"transaction\"\n (transactionClick)=\"onTransactionClick($event)\"\n (selectedClick)=\"onSelectedClick($event)\"\n [extendedTransactionSearch]=\"extendedTransactionSearch\">\n </co-transaction-search-sales-line-select-tile>\n </div>\n </div>\n\n <co-pagination-bar\n *ngIf=\"searchService.transactions?.length > 0\"\n [currentPage]=\"searchService.currentPage\"\n [itemsPerPage]=\"searchService.transactionsPerPage\"\n [totalItems]=\"searchService.resultCount\"\n [previousLabel]=\"'PREVIOUS' | localize\"\n [nextLabel]=\"'NEXT' | localize\"\n [autoHide]=\"true\"\n [directionLinks]=\"fullscreen\"\n [paginationRange]=\"!fullscreen ? 6 : 8\"\n (previousClick)=\"onPreviousClick()\"\n (nextClick)=\"onNextClick()\"\n (pageClick)=\"onPageClick($event)\">\n </co-pagination-bar>\n\n <div class=\"empty-state-wrapper\" *ngIf=\"searchService.transactions && searchService.resultCount === 0\">\n <span [textContent]=\"'0_RESULTS_FOUND' | localize\"></span>\n </div>\n </ng-container>\n\n <co-shipping-method-dialog\n *ngIf=\"showShippingMethodDialog\"\n [category]=\"batchCategory\"\n [selectedTransactions]=\"selectedTransactions\"\n (cancelClicked)=\"showShippingMethodDialog = false\"\n (saveClicked)=\"shippingDialogSaveClicked($event)\">\n </co-shipping-method-dialog>\n\n <co-batch-process-dialog\n *ngIf=\"showBatchProcessDialog\"\n @fadeInOut\n [batchJobProgress]=\"batchJobProgress\"\n (close)=\"showBatchProcessDialog = false\">\n </co-batch-process-dialog>\n ",
|
|
44947
44947
|
animations: [
|
|
44948
44948
|
animations.trigger('fadeInOut', [
|
|
44949
44949
|
animations.transition(':enter', [
|
|
@@ -47539,7 +47539,7 @@
|
|
|
47539
47539
|
TransactionLinesComponent.decorators = [
|
|
47540
47540
|
{ type: i0.Component, args: [{
|
|
47541
47541
|
selector: "co-transaction-lines",
|
|
47542
|
-
template: "\n <div *ngIf=\"customerPortal\">\n <div class=\"draggable-transaction-line\" *ngFor=\"let line of (historicTransactionLines ? historicTransactionLines : transactionLines);\">\n <co-transaction-line\n [transactionLine]=\"line\"\n [activeCategory]=\"category.SalesCustomerPortal\"\n [preview]=\"preview\"\n [readonly]=\"historicTransactionLines !== null\"\n (waitingForUserAction)=\"userActionRequired = $event\"\n [class.customer-line]=\"customerPortal\"\n observeVisibility #observer=visibilityObserve (visibilityChange)=\"handleVisibilityChange(line, $event)\"\n ></co-transaction-line>\n </div>\n </div>\n\n <div *ngIf=\"!customerPortal\" #dropList cdkDropList cdkDropListOrientation=\"vertical\"\n class=\"transaction-lines-drag-drop-list\"\n [cdkDropListDisabled]=\"preview || userActionRequired\"\n [cdkDropListData]=\"transactionLines\"\n [cdkDropListEnterPredicate]=\"handleCanDragDrop\"\n (cdkDropListDropped)=\"handleDrop($event)\"\n (cdkDropListEntered)=\"handleDropListEntered($event)\"\n >\n <div class=\"draggable-transaction-line\"\n *ngFor=\"let line of (historicTransactionLines ? historicTransactionLines : transactionLines);let isFirst = first; trackBy:trackByFn;\"\n [cdkDragDisabled]=\"activeCategory !== category.SalesOrderOverview\"\n cdkDrag>\n <co-icon *ngIf=\"!preview && activeCategory === category.SalesOrderOverview\" class=\"transaction-line-drag-handle\"\n [class.show]=\"line === selectedTransactionLine && transactionLines.length > 1\" cdkDragHandle\n [iconData]=\"iconCacheService.getIcon(icons.GripDotsVerticalSolid)\">\n </co-icon>\n <co-transaction-line\n [draggedOver]=\"lineDraggedOver === line.lineNr\"\n [transactionLine]=\"line\"\n [activeCategory]=\"activeCategory\"\n [preview]=\"preview\"\n [isFirst]=\"isFirst\"\n [readonly]=\"historicTransactionLines !== null\"\n (waitingForUserAction)=\"userActionRequired = $event\"\n (click)=\"selectedTransactionLine = line\"\n (descriptionDblClick)=\"onDescriptionDblClick(line)\"\n observeVisibility #observer=visibilityObserve (visibilityChange)=\"handleVisibilityChange(line, $event)\"\n ></co-transaction-line>\n </div>\n <ng-container *ngIf=\"activeCategory === category.SalesOrderDeliveryNote || activeCategory === category.SalesOrderInvoice || activeCategory === category.SalesOrderPlanning\">\n <div class=\"draggable-transaction-line\" *ngFor=\"let line of deliveryCostLines; trackBy:trackByFn;\" cdkDrag>\n <co-icon *ngIf=\"!preview\" class=\"transaction-line-drag-handle\"\n [class.show]=\"line === selectedTransactionLine\" cdkDragHandle\n [iconData]=\"iconCacheService.getIcon(icons.GripDotsVerticalSolid)\">\n </co-icon>\n <co-transaction-line\n [transactionLine]=\"line\"\n [activeCategory]=\"activeCategory\"\n [preview]=\"preview\"\n [readonly]=\"historicTransactionLines !== null\"\n [isFirst]=\"isFirst\"\n (waitingForUserAction)=\"userActionRequired = $event\"\n (click)=\"selectedTransactionLine = line\"\n (descriptionDblClick)=\"onDescriptionDblClick(line)\"\n observeVisibility #observer=visibilityObserve (visibilityChange)=\"handleVisibilityChange(line, $event)\"\n ></co-transaction-line>\n </div>\n </ng-container>\n </div>\n <co-transaction-line-side-panel *ngIf=\"showSidePanel\"\n [activeCategory]=\"activeCategory\"\n (cancelClick)=\"showSidePanel = false\">\n </co-transaction-line-side-panel>\n ",
|
|
47542
|
+
template: "\n <div *ngIf=\"customerPortal\">\n <div class=\"draggable-transaction-line\" *ngFor=\"let line of (historicTransactionLines ? historicTransactionLines : transactionLines);\">\n <co-transaction-line\n [transactionLine]=\"line\"\n [activeCategory]=\"category.SalesCustomerPortal\"\n [preview]=\"preview\"\n [readonly]=\"historicTransactionLines !== null\"\n (waitingForUserAction)=\"userActionRequired = $event\"\n [class.customer-line]=\"customerPortal\"\n observeVisibility #observer=visibilityObserve (visibilityChange)=\"handleVisibilityChange(line, $event)\"\n ></co-transaction-line>\n </div>\n </div>\n\n <div *ngIf=\"!customerPortal\" #dropList cdkDropList cdkDropListOrientation=\"vertical\"\n class=\"transaction-lines-drag-drop-list\"\n [cdkDropListDisabled]=\"preview || userActionRequired\"\n [cdkDropListData]=\"transactionLines\"\n [cdkDropListEnterPredicate]=\"handleCanDragDrop\"\n (cdkDropListDropped)=\"handleDrop($event)\"\n (cdkDropListEntered)=\"handleDropListEntered($event)\"\n >\n <div class=\"draggable-transaction-line\"\n *ngFor=\"let line of (historicTransactionLines ? historicTransactionLines : transactionLines);let isFirst = first; trackBy:trackByFn;\"\n [cdkDragDisabled]=\"activeCategory !== category.SalesOrderOverview && activeCategory !== category.SalesOrderQuotation\"\n cdkDrag>\n <co-icon *ngIf=\"!preview && (activeCategory === category.SalesOrderOverview || activeCategory == category.SalesOrderQuotation)\" class=\"transaction-line-drag-handle\"\n [class.show]=\"line === selectedTransactionLine && transactionLines.length > 1\" cdkDragHandle\n [iconData]=\"iconCacheService.getIcon(icons.GripDotsVerticalSolid)\">\n </co-icon>\n <co-transaction-line\n [draggedOver]=\"lineDraggedOver === line.lineNr\"\n [transactionLine]=\"line\"\n [activeCategory]=\"activeCategory\"\n [preview]=\"preview\"\n [isFirst]=\"isFirst\"\n [readonly]=\"historicTransactionLines !== null\"\n (waitingForUserAction)=\"userActionRequired = $event\"\n (click)=\"selectedTransactionLine = line\"\n (descriptionDblClick)=\"onDescriptionDblClick(line)\"\n observeVisibility #observer=visibilityObserve (visibilityChange)=\"handleVisibilityChange(line, $event)\"\n ></co-transaction-line>\n </div>\n <ng-container *ngIf=\"activeCategory === category.SalesOrderDeliveryNote || activeCategory === category.SalesOrderInvoice || activeCategory === category.SalesOrderPlanning\">\n <div class=\"draggable-transaction-line\" *ngFor=\"let line of deliveryCostLines; trackBy:trackByFn;\" cdkDrag>\n <co-icon *ngIf=\"!preview\" class=\"transaction-line-drag-handle\"\n [class.show]=\"line === selectedTransactionLine\" cdkDragHandle\n [iconData]=\"iconCacheService.getIcon(icons.GripDotsVerticalSolid)\">\n </co-icon>\n <co-transaction-line\n [transactionLine]=\"line\"\n [activeCategory]=\"activeCategory\"\n [preview]=\"preview\"\n [readonly]=\"historicTransactionLines !== null\"\n [isFirst]=\"isFirst\"\n (waitingForUserAction)=\"userActionRequired = $event\"\n (click)=\"selectedTransactionLine = line\"\n (descriptionDblClick)=\"onDescriptionDblClick(line)\"\n observeVisibility #observer=visibilityObserve (visibilityChange)=\"handleVisibilityChange(line, $event)\"\n ></co-transaction-line>\n </div>\n </ng-container>\n </div>\n <co-transaction-line-side-panel *ngIf=\"showSidePanel\"\n [activeCategory]=\"activeCategory\"\n (cancelClick)=\"showSidePanel = false\">\n </co-transaction-line-side-panel>\n ",
|
|
47543
47543
|
encapsulation: i0.ViewEncapsulation.None,
|
|
47544
47544
|
changeDetection: i0.ChangeDetectionStrategy.OnPush
|
|
47545
47545
|
},] }
|
|
@@ -51283,7 +51283,7 @@
|
|
|
51283
51283
|
this.cashOnDelivery = value;
|
|
51284
51284
|
};
|
|
51285
51285
|
TransactionHeaderPopupPaymentComponent.prototype.showPaymentButton = function () {
|
|
51286
|
-
return this.orderPaymentAnalysis.some(function (t) { return t.outstandingAmount > 0; });
|
|
51286
|
+
return this.orderPaymentAnalysis.some(function (t) { return t.outstandingAmount > 0; }) && this.chosenAmountToPay > 0;
|
|
51287
51287
|
};
|
|
51288
51288
|
TransactionHeaderPopupPaymentComponent.prototype.openPayment = function (event) {
|
|
51289
51289
|
return __awaiter(this, void 0, void 0, function () {
|
|
@@ -51309,6 +51309,15 @@
|
|
|
51309
51309
|
TransactionHeaderPopupPaymentComponent.prototype.isDirectSellEnabled = function () {
|
|
51310
51310
|
return this.transactionLines.some(function (line) { return line.directSell && line.dropShipment; });
|
|
51311
51311
|
};
|
|
51312
|
+
TransactionHeaderPopupPaymentComponent.prototype.showInvoiceSelection = function () {
|
|
51313
|
+
var _this = this;
|
|
51314
|
+
return this.orderPaymentAnalysis.filter(function (payment) { return payment.transactionKind === _this.transKind.SalesInvoice; }).length > 1;
|
|
51315
|
+
};
|
|
51316
|
+
TransactionHeaderPopupPaymentComponent.prototype.handleSelectInvoiceLines = function () {
|
|
51317
|
+
this.chosenAmountToPay = this.orderPaymentAnalysis
|
|
51318
|
+
.filter(function (transaction) { return transaction.isSelected; })
|
|
51319
|
+
.reduce(function (sum, transaction) { return sum + transaction.outstandingAmount; }, 0);
|
|
51320
|
+
};
|
|
51312
51321
|
TransactionHeaderPopupPaymentComponent.prototype.transactionSet = function () {
|
|
51313
51322
|
_super_1.prototype.transactionSet.call(this);
|
|
51314
51323
|
this._getDepositInfo();
|
|
@@ -51335,9 +51344,11 @@
|
|
|
51335
51344
|
paymentAnalysisRequest.transactionId = this.transactionInfo.id;
|
|
51336
51345
|
this._paymentConnectorService.getSalesOrderPaymentAnalysis(paymentAnalysisRequest).then(function (response) {
|
|
51337
51346
|
_this.orderPaymentAnalysis = response;
|
|
51347
|
+
_this.orderPaymentAnalysis = _this.orderPaymentAnalysis.map(function (transaction) { return (Object.assign(Object.assign({}, transaction), { isSelected: transaction.transactionKind === 'F' })); });
|
|
51338
51348
|
});
|
|
51339
51349
|
this._paymentConnectorService.getPaymentAnalysis(this.transactionInfo.uuid).then(function (response) {
|
|
51340
51350
|
_this.paymentAnalysis = response;
|
|
51351
|
+
_this.chosenAmountToPay = _this.paymentAnalysis.totalToPay;
|
|
51341
51352
|
});
|
|
51342
51353
|
};
|
|
51343
51354
|
TransactionHeaderPopupPaymentComponent.prototype._getObjectConfiguration = function (configObjects) {
|
|
@@ -51351,7 +51362,7 @@
|
|
|
51351
51362
|
TransactionHeaderPopupPaymentComponent.decorators = [
|
|
51352
51363
|
{ type: i0.Component, args: [{
|
|
51353
51364
|
selector: 'co-transaction-header-popup-payment',
|
|
51354
|
-
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 ",
|
|
51365
|
+
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()\"></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-checkbox\n *ngIf=\"paymentInfo.transactionKind === transKind.SalesInvoice\"\n [(model)]=\"paymentInfo.isSelected\"\n (modelChange)=\"handleSelectInvoiceLines()\">\n </co-input-checkbox>\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]=\"transactionInfo.id\"\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 ",
|
|
51355
51366
|
encapsulation: i0.ViewEncapsulation.None
|
|
51356
51367
|
},] }
|
|
51357
51368
|
];
|