@colijnit/transaction 257.1.73 → 257.1.75

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.
Files changed (26) hide show
  1. package/bundles/colijnit-transaction.umd.js +96 -18
  2. package/bundles/colijnit-transaction.umd.js.map +1 -1
  3. package/colijnit-transaction.metadata.json +1 -1
  4. package/esm2015/lib/component/transaction-header/transaction-header-popup/transaction-header-popup-payment.component.js +3 -3
  5. package/esm2015/lib/component/transaction-line/transaction-receive-goods-line/transaction-receive-goods-line-base.component.js +27 -3
  6. package/esm2015/lib/component/transaction-line/transaction-receive-goods-line/transaction-receive-goods-line.component.js +37 -7
  7. package/esm2015/lib/component/transaction-line-purchase-receive-goods/transaction-line-purchase-receive-goods.component.js +67 -3
  8. package/esm2015/lib/component/transaction-line-purchase-receive-goods/transaction-line-purchase-receive-goods.module.js +10 -3
  9. package/esm2015/lib/component/transaction-print-package-sticker/transaction-print-package-sticker.component.js +11 -9
  10. package/esm2015/lib/component/transaction-quick-access/transaction-quick-access-received-goods/transaction-quick-access-received-goods.component.js +37 -39
  11. package/esm2015/lib/enum/transaction-cfg-name.enum.js +2 -1
  12. package/esm2015/lib/service/transaction-event.service.js +2 -1
  13. package/esm2015/lib/service/transaction.service.js +5 -3
  14. package/esm2015/lib/transaction-version.js +3 -3
  15. package/fesm2015/colijnit-transaction.js +188 -63
  16. package/fesm2015/colijnit-transaction.js.map +1 -1
  17. package/lib/component/transaction-line/transaction-receive-goods-line/transaction-receive-goods-line-base.component.d.ts +1 -0
  18. package/lib/component/transaction-line/transaction-receive-goods-line/transaction-receive-goods-line.component.d.ts +3 -0
  19. package/lib/component/transaction-line-purchase-receive-goods/style/_layout.scss +11 -0
  20. package/lib/component/transaction-line-purchase-receive-goods/transaction-line-purchase-receive-goods.component.d.ts +4 -1
  21. package/lib/component/transaction-print-package-sticker/transaction-print-package-sticker.component.d.ts +2 -1
  22. package/lib/component/transaction-quick-access/transaction-quick-access-received-goods/style/_layout.scss +7 -1
  23. package/lib/component/transaction-quick-access/transaction-quick-access-received-goods/transaction-quick-access-received-goods.component.d.ts +1 -0
  24. package/lib/enum/transaction-cfg-name.enum.d.ts +1 -0
  25. package/lib/service/transaction-event.service.d.ts +1 -0
  26. 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.73";
37
- this.publishDate = "23-6-2025 12:23:33";
36
+ this.symVer = "257.1.75";
37
+ this.publishDate = "24-6-2025 21:12:04";
38
38
  }
39
39
  return Version;
40
40
  }());
@@ -1554,6 +1554,7 @@
1554
1554
  this.selectAllSalesOrderLinesToPick = new rxjs.Subject();
1555
1555
  this.selectAllSalesOrderLinesToBePicked = new rxjs.Subject();
1556
1556
  this.selectAllPurchaseOrderLinesForReceiveGoods = new rxjs.Subject();
1557
+ this.setColliStickerAmount = new rxjs.Subject();
1557
1558
  this.updatingSalesOrderGeneratePurchaseOrders = new rxjs.Subject();
1558
1559
  this.updatingSalesOrderConfirmation = new rxjs.Subject();
1559
1560
  this.updatingSalesOrderGoodsToBePicked = new rxjs.Subject();
@@ -12907,6 +12908,7 @@
12907
12908
  /* Received rubric */
12908
12909
  TransactionCfgName["LineQuantityToReceive"] = "lineQuantityToReceive";
12909
12910
  TransactionCfgName["StickerAmount"] = "stickerAmount";
12911
+ TransactionCfgName["CollieAmount"] = "collieAmount";
12910
12912
  TransactionCfgName["LineWarehouseLocationReceived"] = "lineWarehouseLocationReceived";
12911
12913
  /* Invoice_check rubric */
12912
12914
  /* Service Overview Tab*/
@@ -20004,7 +20006,8 @@
20004
20006
  detail.warehouseNr = line.warehouseNumber;
20005
20007
  detail.locationNr = line.locationNr;
20006
20008
  detail.batchNr = line.batchNr;
20007
- detail.numberOfStickers = line.stickerAmount;
20009
+ detail.numberOfColli = line.chosenPackageAmount;
20010
+ //detail.numberOfStickers = line.stickerAmount;
20008
20011
  detail.printerName = line.printerName;
20009
20012
  detail.reportId = line.reportId;
20010
20013
  receivedGoodsRequest_1.purchaseOrderLineReceiptDetailsDTOS.push(detail);
@@ -20038,7 +20041,8 @@
20038
20041
  detail.warehouseNr = line.warehouseNumber;
20039
20042
  detail.locationNr = line.locationNr;
20040
20043
  detail.batchNr = line.batchNr;
20041
- detail.numberOfStickers = line.stickerAmount;
20044
+ detail.numberOfColli = line.chosenPackageAmount;
20045
+ //detail.numberOfStickers = line.stickerAmount;
20042
20046
  detail.printerName = line.printerName;
20043
20047
  detail.reportId = line.reportId;
20044
20048
  receivedGoodsRequest_2.purchaseOrderLineReceiptDetailsDTOS.push(detail);
@@ -26012,6 +26016,9 @@
26012
26016
  TransactionQuickAccessReceivedGoodsComponent.prototype.handleSelectAllLines = function (value) {
26013
26017
  this.transactionEventService.selectAllPurchaseOrderLinesForReceiveGoods.next(value);
26014
26018
  };
26019
+ TransactionQuickAccessReceivedGoodsComponent.prototype.handleNoColliStickers = function (value) {
26020
+ this.transactionEventService.setColliStickerAmount.next(value);
26021
+ };
26015
26022
  TransactionQuickAccessReceivedGoodsComponent.prototype.handleGlobalLocationChange = function (location) {
26016
26023
  var _this = this;
26017
26024
  this.globalWarehouseLocation = location;
@@ -26135,7 +26142,7 @@
26135
26142
  TransactionQuickAccessReceivedGoodsComponent.decorators = [
26136
26143
  { type: i0.Component, args: [{
26137
26144
  selector: "co-transaction-quick-access-received-goods",
26138
- template: "\n <div class=\"quick-access-wrapper\" *ngIf=\"!hideQuickAccessContent\">\n <div class=\"sub-section\">\n <co-input-date\n [placeholder]=\"'RECEIVED_DATE' | localize\"\n [(model)]=\"commitDate\"\n ></co-input-date>\n <co-input-text\n [placeholder]=\"'PACKING_SLIP' | localize\"\n [(model)]=\"packingSlipNr\"\n ></co-input-text>\n <!--\n <co-transaction-labeled-warehouse-location-button *ngIf=\"internalParamMLocat && showWarehouseLocationButton\"\n [locationNr]=\"globalWarehouseLocation\"\n [warehouseNumber]=\"warehouseNumber\"\n (locationNrChange)=\"handleGlobalLocationChange($event)\"\n ></co-transaction-labeled-warehouse-location-button>\n -->\n <co-quick-send-button\n [showSendMethodIcon]=\"false\"\n [icon]=\"icons.CheckDuotone\"\n [showLoader]=\"showProcessingLoader\"\n [title]=\"'PROCESS'\"\n (sendIconClicked)=\"handleCommitEvent()\"\n (openSendMethodDialog)=\"showSendMethodDialog = true\"\n ></co-quick-send-button>\n </div>\n <div class=\"sub-section\"w>\n <co-input-checkbox\n class=\"checkbox-wrapper\"\n [label]=\"'SELECT_ALL' | localize\"\n [(model)]=\"localCheckboxState\"\n (modelChange)=\"handleSelectAllLines($event)\"\n ></co-input-checkbox>\n <co-input-checkbox\n class=\"checkbox-wrapper\"\n [label]=\"'NO_PACKAGE_STICKERS' | localize\"\n [(model)]=\"colliCheckboxState\"\n (modelChange)=\"handleSelectAllLines($event)\"\n ></co-input-checkbox>\n </div>\n </div>\n <co-send-method-dialog *ngIf=\"showSendMethodDialog\"\n [printerList]=\"printerList\"\n [headerTitle]=\"'Printer en lay-out selectie'\"\n [defaultSendMethod]=\"defaultSendMethod\"\n [visibleMethods]=\"[sendMethodType.Print, sendMethodType.Pdf]\"\n [emailAddresses]=\"emailAddresses\"\n [emailLayouts]=\"emailLayouts\"\n [printLayouts]=\"printLayouts\"\n [docSign]=\"false\"\n [(reportingDocumentEmailRequest)]=\"reportDocumentEmailRequest\"\n [(reportingDocumentPrintRequest)]=\"reportDocumentPrintRequest\"\n [(reportingDocumentPdfRequest)]=\"reportDocumentPdfRequest\"\n (closeClick)=\"showSendMethodDialog = false\"\n (okClick)=\"handleSendMethodOkClick($event)\"\n ></co-send-method-dialog>\n ",
26145
+ template: "\n <div class=\"quick-access-wrapper\" *ngIf=\"!hideQuickAccessContent\">\n <div class=\"sub-section-input\">\n <div class=\"sub-section\">\n <co-input-date\n [placeholder]=\"'RECEIVED_DATE' | localize\"\n [(model)]=\"commitDate\"\n ></co-input-date>\n <co-input-text\n [placeholder]=\"'PACKING_SLIP' | localize\"\n [(model)]=\"packingSlipNr\"\n ></co-input-text>\n <co-quick-send-button\n [showSendMethodIcon]=\"false\"\n [icon]=\"icons.CheckDuotone\"\n [showLoader]=\"showProcessingLoader\"\n [title]=\"'PROCESS'\"\n (sendIconClicked)=\"handleCommitEvent()\"\n (openSendMethodDialog)=\"showSendMethodDialog = true\"\n ></co-quick-send-button>\n\n </div>\n <div class=\"sub-section\">\n <co-input-checkbox\n class=\"checkbox-wrapper\"\n [label]=\"'SELECT_ALL' | localize\"\n [(model)]=\"localCheckboxState\"\n (modelChange)=\"handleSelectAllLines($event)\"\n ></co-input-checkbox>\n <co-input-checkbox\n class=\"checkbox-wrapper\"\n [label]=\"'NO_PACKAGE_STICKERS' | localize\"\n [(model)]=\"colliCheckboxState\"\n (modelChange)=\"handleNoColliStickers($event)\"\n ></co-input-checkbox>\n </div>\n </div>\n <co-send-method-dialog *ngIf=\"showSendMethodDialog\"\n [printerList]=\"printerList\"\n [headerTitle]=\"'Printer en lay-out selectie'\"\n [defaultSendMethod]=\"defaultSendMethod\"\n [visibleMethods]=\"[sendMethodType.Print, sendMethodType.Pdf]\"\n [emailAddresses]=\"emailAddresses\"\n [emailLayouts]=\"emailLayouts\"\n [printLayouts]=\"printLayouts\"\n [docSign]=\"false\"\n [(reportingDocumentEmailRequest)]=\"reportDocumentEmailRequest\"\n [(reportingDocumentPrintRequest)]=\"reportDocumentPrintRequest\"\n [(reportingDocumentPdfRequest)]=\"reportDocumentPdfRequest\"\n (closeClick)=\"showSendMethodDialog = false\"\n (okClick)=\"handleSendMethodOkClick($event)\"\n ></co-send-method-dialog>\n ",
26139
26146
  encapsulation: i0.ViewEncapsulation.None
26140
26147
  },] }
26141
26148
  ];
@@ -27257,6 +27264,14 @@
27257
27264
  this._subscriptions.push(this.transactionEventService.selectAllPurchaseOrderLinesForReceiveGoods.subscribe(function (value) {
27258
27265
  _this.selected = value && _this.showCheckboxForLine;
27259
27266
  _this.detectChanges();
27267
+ }), this.transactionEventService.setColliStickerAmount.subscribe(function (value) {
27268
+ if (value) {
27269
+ _this.transactionLine.stickerAmount = 0;
27270
+ }
27271
+ else {
27272
+ _this.calcStickerAmount();
27273
+ }
27274
+ _this.detectChanges();
27260
27275
  }), this.transactionEventService.transactionLineChanged.subscribe(function (transLine) {
27261
27276
  if (transLine.lineNr === _this.transactionLine.lineNr) {
27262
27277
  _this._handleTransactionLineSet(transLine);
@@ -27271,7 +27286,22 @@
27271
27286
  if (this.transactionLine.articleLineStatus) {
27272
27287
  this.transactionLine.articleLineStatus.quantityToReceive = amount;
27273
27288
  }
27274
- this.transactionLine.stickerAmount = amount * (this.transactionLine.productItemsAmount ? this.transactionLine.productItemsAmount : 1);
27289
+ this.calcStickerAmount();
27290
+ };
27291
+ TransactionReceiveGoodsLineBaseComponent.prototype.calcStickerAmount = function () {
27292
+ if (this.transactionLine) {
27293
+ var collie = this.transactionLine.chosenPackageAmount ? this.transactionLine.chosenPackageAmount : 1;
27294
+ var receive = (this.transactionLine.articleLineStatus && this.transactionLine.articleLineStatus.quantityToReceive) ? this.transactionLine.articleLineStatus.quantityToReceive : 1;
27295
+ if (this.transactionLine.purchasePackageCode === 'B' || this.transactionLine.purchasePackageCode === 'E') {
27296
+ this.transactionLine.stickerAmount = Math.ceil(collie * receive);
27297
+ }
27298
+ else if (this.transactionLine.purchasePackageCode === 'R') {
27299
+ this.transactionLine.stickerAmount = Math.ceil(collie);
27300
+ }
27301
+ else {
27302
+ this.transactionLine.stickerAmount = 0;
27303
+ }
27304
+ }
27275
27305
  };
27276
27306
  TransactionReceiveGoodsLineBaseComponent.prototype.transactionLineSet = function () {
27277
27307
  _super.prototype.transactionLineSet.call(this);
@@ -27282,7 +27312,8 @@
27282
27312
  this.warehouseLocationButtonDisabled = transLine.articleLineStatus.quantityReceived === transLine.amount ||
27283
27313
  !transLine.isLocationRequired || transLine.isBatchNrRequired || transLine.isSerialNrRequired || this.transactionService.internalParameterReceiveGoodsWithDataTerminal;
27284
27314
  this.showCheckboxForLine = transLine.articleLineStatus.quantityReceived !== transLine.amount || transLine.articleLineStatus.quantityToReceive > 0;
27285
- this.transactionLine.stickerAmount = transLine.articleLineStatus.quantityToReceive * (transLine.productItemsAmount ? transLine.productItemsAmount : 1);
27315
+ this.transactionLine.chosenPackageAmount = transLine.packagesAmountForTransport;
27316
+ this.calcStickerAmount();
27286
27317
  this.detectChanges();
27287
27318
  };
27288
27319
  return TransactionReceiveGoodsLineBaseComponent;
@@ -27295,6 +27326,7 @@
27295
27326
  __extends(TransactionReceiveGoodsLineComponent, _super);
27296
27327
  function TransactionReceiveGoodsLineComponent() {
27297
27328
  var _this = _super.apply(this, __spreadArray([], __read(arguments))) || this;
27329
+ _this.cfgNames = exports.TransactionCfgName;
27298
27330
  _this.statusBarConfigNames = {
27299
27331
  statusBarIB: _this.cfgNames.StatusBarIB,
27300
27332
  statusBarNT: _this.cfgNames.StatusBarNT,
@@ -27307,12 +27339,23 @@
27307
27339
  TransactionReceiveGoodsLineComponent.prototype.showClass = function () {
27308
27340
  return true;
27309
27341
  };
27342
+ TransactionReceiveGoodsLineComponent.prototype.changeNrPackagesNotAllowed = function () {
27343
+ if (!this.transactionLine) {
27344
+ return true;
27345
+ }
27346
+ else if (this.transactionLine.purchasePackageCode === 'E' || this.transactionLine.purchasePackageCode === 'G') {
27347
+ return true;
27348
+ }
27349
+ else {
27350
+ return false;
27351
+ }
27352
+ };
27310
27353
  return TransactionReceiveGoodsLineComponent;
27311
27354
  }(TransactionReceiveGoodsLineBaseComponent));
27312
27355
  TransactionReceiveGoodsLineComponent.decorators = [
27313
27356
  { type: i0.Component, args: [{
27314
27357
  selector: "co-transaction-receive-goods-line",
27315
- template: "\n <co-transaction-base-line\n [transactionInfo]=\"transactionInfo\"\n [transactionLine]=\"transactionLine\"\n [preview]=\"preview\"\n [isFirst]=\"isFirst\"\n [checkbox]=\"showCheckboxForLine\"\n [checkboxValue]=\"transactionLine.selected\"\n (checkboxValueChanged)=\"transactionLine.selected = $event\"\n >\n <div class=\"transaction-line-wrapper\">\n <div class=\"transaction-line-extended-wrapper\">\n <div class=\"column-full align-right\">\n <co-transaction-line-statusbar\n [screenConfigurationObject]=\"cfgNames.StatusBar\"\n [configNames]=\"statusBarConfigNames\"\n [activeCategory]=\"transactionTypeCategory.PurchaseOrderReceivedGoods\">\n </co-transaction-line-statusbar>\n <co-transaction-line-warehouse-button\n class=\"transaction-field-wrapper medium\"\n [screenConfigurationObject]=\"cfgNames.LineWarehouse\"\n [inputLabel]=\"true\"\n ></co-transaction-line-warehouse-button>\n <co-transaction-line-warehouse-location-button\n class=\"transaction-field-wrapper medium\"\n [screenConfigurationObject]=\"cfgNames.LineWarehouseLocationReceived\"\n [readonly]=\"warehouseLocationButtonDisabled\"\n [inputLabel]=\"true\">\n </co-transaction-line-warehouse-location-button>\n <div class=\"transaction-field-wrapper small\">\n <div class=\"inside-field\">\n <co-transaction-line-label [insideLabel]=\"'QUANTITY'\"></co-transaction-line-label>\n <co-input-text\n [model]=\"transactionLine.amount\"\n [leftIconData]=\"iconCacheService.getIcon(icons.CartShoppingRegular)\"\n [readonly]=\"true\"\n [customHeight]=\"true\"\n ></co-input-text>\n </div>\n </div>\n <div class=\"transaction-field-wrapper medium\">\n <div class=\"inside-field\">\n <co-transaction-line-label [insideLabel]=\"'QUANTITY_ACCEPTED'\"></co-transaction-line-label>\n <co-input-text\n [leftIconData]=\"iconCacheService.getIcon(icons.RegularCartFlatbedBoxesCircleCheck)\"\n [readonly]=\"true\"\n [customHeight]=\"true\"\n ></co-input-text>\n </div>\n </div>\n <div class=\"transaction-field-wrapper medium\" *ngIf=\"transactionLine.isBatchNrRequired\">\n <div class=\"inside-field\">\n <co-transaction-line-label [insideLabel]=\"'BATCH_NR'\"></co-transaction-line-label>\n <co-input-text class=\"side-panel-input\"\n [(model)]=\"transactionLine.batchNr\"\n [hideArrowButtons]=\"true\"\n [readonly]=\"this.returnStockMode || readonly\"\n [required]=\"true\"\n [customHeight]=\"true\"\n ></co-input-text>\n </div>\n </div>\n <co-transaction-print-package-sticker\n class=\"transaction-field-wrapper medium\"\n [screenConfigurationObject]=\"cfgNames.StickerAmount\"\n [inputLabel]=\"true\"\n ></co-transaction-print-package-sticker>\n <div class=\"transaction-field-wrapper medium\">\n <div class=\"inside-field\">\n <co-transaction-line-label [insideLabel]=\"'QUANTITY_TO_RECEIVE'\"></co-transaction-line-label>\n <co-input-number-picker class=\"amount-number-picker\"\n [screenConfigurationObject]=\"cfgNames.LineQuantityToReceive\"\n [model]=\"transactionLine.articleLineStatus?.quantityToReceive\"\n [decimals]=\"decimals\"\n [min]=\"1\"\n [max]=\"transactionLine.amount - lineQuantityReceived\"\n [leftIconData]=\"iconCacheService.getIcon(icons.CartFlatbedBoxesRegular)\"\n [readonly]=\"readonly || lineQuantityReceived === transactionLine.amount\"\n (modelChange)=\"changeLineAmount($event)\">\n </co-input-number-picker>\n </div>\n </div>\n <co-editable-label\n class=\"transaction-field-wrapper small transaction-line-totals-total price\"\n [model]=\"transactionLine.displayNetLineTotal | coCurrency: true\"\n [editModel]=\"transactionLine.displayNetLineTotal\"\n [commit]=\"!readonly\"\n [readonly]=\"true\"\n [editMode]=\"false\"\n [inputLabel]=\"true\"\n ></co-editable-label>\n </div>\n </div>\n </div>\n </co-transaction-base-line>\n ",
27358
+ template: "\n <co-transaction-base-line\n [transactionInfo]=\"transactionInfo\"\n [transactionLine]=\"transactionLine\"\n [preview]=\"preview\"\n [isFirst]=\"isFirst\"\n [checkbox]=\"showCheckboxForLine\"\n [checkboxValue]=\"transactionLine.selected\"\n (checkboxValueChanged)=\"transactionLine.selected = $event\"\n >\n <div class=\"transaction-line-wrapper\">\n <div class=\"transaction-line-extended-wrapper\">\n <div class=\"column-full align-right\">\n <co-transaction-line-statusbar\n [screenConfigurationObject]=\"cfgNames.StatusBar\"\n [configNames]=\"statusBarConfigNames\"\n [activeCategory]=\"transactionTypeCategory.PurchaseOrderReceivedGoods\">\n </co-transaction-line-statusbar>\n <co-transaction-line-warehouse-button\n class=\"transaction-field-wrapper medium\"\n [screenConfigurationObject]=\"cfgNames.LineWarehouse\"\n [inputLabel]=\"true\"\n ></co-transaction-line-warehouse-button>\n <co-transaction-line-warehouse-location-button\n class=\"transaction-field-wrapper medium\"\n [screenConfigurationObject]=\"cfgNames.LineWarehouseLocationReceived\"\n [readonly]=\"warehouseLocationButtonDisabled\"\n [inputLabel]=\"true\">\n </co-transaction-line-warehouse-location-button>\n <div class=\"transaction-field-wrapper small\">\n <div class=\"inside-field\">\n <co-transaction-line-label [insideLabel]=\"'QUANTITY'\"></co-transaction-line-label>\n <co-input-text\n [model]=\"transactionLine.amount\"\n [leftIconData]=\"iconCacheService.getIcon(icons.CartShoppingRegular)\"\n [readonly]=\"true\"\n [customHeight]=\"true\"\n ></co-input-text>\n </div>\n </div>\n <div class=\"transaction-field-wrapper medium\">\n <div class=\"inside-field\">\n <co-transaction-line-label [insideLabel]=\"'QUANTITY_ACCEPTED'\"></co-transaction-line-label>\n <co-input-text\n [leftIconData]=\"iconCacheService.getIcon(icons.RegularCartFlatbedBoxesCircleCheck)\"\n [readonly]=\"true\"\n [customHeight]=\"true\"\n ></co-input-text>\n </div>\n </div>\n <div class=\"transaction-field-wrapper medium\" *ngIf=\"transactionLine.isBatchNrRequired\">\n <div class=\"inside-field\">\n <co-transaction-line-label [insideLabel]=\"'BATCH_NR'\"></co-transaction-line-label>\n <co-input-text class=\"side-panel-input\"\n [(model)]=\"transactionLine.batchNr\"\n [hideArrowButtons]=\"true\"\n [readonly]=\"this.returnStockMode || readonly\"\n [required]=\"true\"\n [customHeight]=\"true\"\n ></co-input-text>\n </div>\n </div>\n <div class=\"transaction-field-wrapper\">\n <div class=\"inside-field\">\n <co-transaction-line-label [insideLabel]=\"'NUMBER_PACKAGES'\"></co-transaction-line-label>\n <co-input-number-picker class=\"amount-number-picker\"\n [(model)]=\"transactionLine.chosenPackageAmount\"\n [screenConfigurationObject]=\"cfgNames.CollieAmount\"\n [decimals]=\"decimals\"\n [min]=\"1\"\n [forceReadonly] = \"readonly || changeNrPackagesNotAllowed() || lineQuantityReceived === transactionLine.amount\"\n (modelChange)=\"calcStickerAmount()\">\n </co-input-number-picker>\n </div>\n </div>\n <div class=\"transaction-field-wrapper\">\n <div class=\"inside-field\">\n <co-transaction-print-package-sticker\n [forceReadonly]=\"true\"\n [screenConfigurationObject]=\"cfgNames.StickerAmount\"\n [inputLabel]=\"true\"\n [stickerAmount]=\"transactionLine.stickerAmount\"\n ></co-transaction-print-package-sticker>\n </div>\n </div>\n <div class=\"transaction-field-wrapper medium\">\n <div class=\"inside-field\">\n <co-transaction-line-label [insideLabel]=\"'QUANTITY_TO_RECEIVE'\"></co-transaction-line-label>\n <co-input-number-picker class=\"amount-number-picker\"\n [screenConfigurationObject]=\"cfgNames.LineQuantityToReceive\"\n [model]=\"transactionLine.articleLineStatus?.quantityToReceive\"\n [decimals]=\"decimals\"\n [min]=\"1\"\n [max]=\"transactionLine.amount - lineQuantityReceived\"\n [readonly]=\"readonly || lineQuantityReceived === transactionLine.amount\"\n (modelChange)=\"changeLineAmount($event)\">\n </co-input-number-picker>\n </div>\n </div>\n <co-editable-label\n class=\"transaction-field-wrapper small transaction-line-totals-total price\"\n [model]=\"transactionLine.displayNetLineTotal | coCurrency: true\"\n [editModel]=\"transactionLine.displayNetLineTotal\"\n [commit]=\"!readonly\"\n [readonly]=\"true\"\n [editMode]=\"false\"\n [inputLabel]=\"true\"\n ></co-editable-label>\n </div>\n </div>\n </div>\n </co-transaction-base-line>\n ",
27316
27359
  encapsulation: i0.ViewEncapsulation.None,
27317
27360
  changeDetection: i0.ChangeDetectionStrategy.OnPush
27318
27361
  },] }
@@ -38281,8 +38324,8 @@
38281
38324
  var _this = _super.apply(this, __spreadArray([], __read(arguments))) || this;
38282
38325
  _this.icons = Icon;
38283
38326
  _this.inputLabel = false;
38284
- // todo: check this component
38285
- _this.tempModel = 0;
38327
+ _this.forceReadonly = false;
38328
+ _this.stickerAmount = 0;
38286
38329
  _this.reportDocumentEmailRequest = new reportingDocumentEmailSignDocBaseRequest.ReportingDocumentEmailSignDocBaseRequest();
38287
38330
  _this.reportDocumentPrintRequest = new reportingDocumentPrintSignDocBaseRequest.ReportingDocumentPrintSignDocBaseRequest();
38288
38331
  _this.reportDocumentPdfRequest = new reportingDocumentPdfBaseRequest.ReportingDocumentPdfBaseRequest();
@@ -38292,9 +38335,9 @@
38292
38335
  return true;
38293
38336
  };
38294
38337
  TransactionPrintPackageStickerComponent.prototype.handleShowDialog = function () {
38295
- // if (this.lineQuantityToReceive) {
38296
- this.showSendMethodDialog = true;
38297
- // }
38338
+ if (this.stickerAmount > 0) {
38339
+ this.showSendMethodDialog = true;
38340
+ }
38298
38341
  };
38299
38342
  TransactionPrintPackageStickerComponent.prototype.emailDocument = function (request) {
38300
38343
  return;
@@ -38323,7 +38366,7 @@
38323
38366
  TransactionPrintPackageStickerComponent.decorators = [
38324
38367
  { type: i0.Component, args: [{
38325
38368
  selector: "co-transaction-print-package-sticker",
38326
- template: "\n <div class=\"inside-field\">\n <co-transaction-line-label *ngIf=\"inputLabel\" [insideLabel]=\"'STICKER_AMOUNT'\"></co-transaction-line-label>\n <co-input-number-picker\n [hidden]=\"hidden\"\n [(model)]=\"tempModel\"\n [disabled]=\"readonly\"\n [readonly]=\"readonly\"\n [min]=\"0\"\n [leftIconData]=\"iconCacheService.getIcon(icons.SharpRegularBarcodeReadTag)\"\n (iconClick)=\"handleShowDialog()\">\n </co-input-number-picker>\n </div>\n <co-send-method-dialog *ngIf=\"showSendMethodDialog\"\n [printerList]=\"printerList\"\n [headerTitle]=\"'Printer en lay-out selectie'\"\n [defaultSendMethod]=\"defaultSendMethod\"\n [visibleMethods]=\"[sendMethodType.Print]\"\n [emailAddresses]=\"emailAddresses\"\n [emailLayouts]=\"emailLayouts\"\n [printLayouts]=\"printLayouts\"\n [isDocSignEnabled]=\"true\"\n [(reportingDocumentEmailRequest)]=\"reportDocumentEmailRequest\"\n [(reportingDocumentPrintRequest)]=\"reportDocumentPrintRequest\"\n [(reportingDocumentPdfRequest)]=\"reportDocumentPdfRequest\"\n (closeClick)=\"showSendMethodDialog = false\"\n (okClick)=\"handleSendMethodOkClick($event)\"\n ></co-send-method-dialog>\n ",
38369
+ template: "\n <div class=\"inside-field\">\n <co-transaction-line-label *ngIf=\"inputLabel\" [insideLabel]=\"'STICKER_AMOUNT'\"></co-transaction-line-label>\n <co-input-number-picker\n [hidden]=\"hidden\"\n [model]=\"stickerAmount\"\n [disabled]=\"readonly || forceReadonly\"\n [readonly]=\"readonly || forceReadonly\"\n [min]=\"0\"\n [leftIconData]=\"iconCacheService.getIcon(icons.SharpRegularBarcodeReadTag)\"\n (iconClick)=\"handleShowDialog()\">\n </co-input-number-picker>\n </div>\n <co-send-method-dialog *ngIf=\"showSendMethodDialog\"\n [printerList]=\"printerList\"\n [headerTitle]=\"'Printer en lay-out selectie'\"\n [defaultSendMethod]=\"defaultSendMethod\"\n [visibleMethods]=\"[sendMethodType.Print]\"\n [emailAddresses]=\"emailAddresses\"\n [emailLayouts]=\"emailLayouts\"\n [printLayouts]=\"printLayouts\"\n [isDocSignEnabled]=\"true\"\n [(reportingDocumentEmailRequest)]=\"reportDocumentEmailRequest\"\n [(reportingDocumentPrintRequest)]=\"reportDocumentPrintRequest\"\n [(reportingDocumentPdfRequest)]=\"reportDocumentPdfRequest\"\n (closeClick)=\"showSendMethodDialog = false\"\n (okClick)=\"handleSendMethodOkClick($event)\"\n ></co-send-method-dialog>\n ",
38327
38370
  providers: [{
38328
38371
  provide: corecomponents_v12.SCREEN_CONFIG_ADAPTER_COMPONENT_INTERFACE_NAME,
38329
38372
  useExisting: i0.forwardRef(function () { return TransactionPrintPackageStickerComponent; })
@@ -38334,6 +38377,8 @@
38334
38377
  ];
38335
38378
  TransactionPrintPackageStickerComponent.propDecorators = {
38336
38379
  inputLabel: [{ type: i0.Input }],
38380
+ forceReadonly: [{ type: i0.Input }],
38381
+ stickerAmount: [{ type: i0.Input }],
38337
38382
  showClass: [{ type: i0.HostBinding, args: ["class.co-transaction-print-package-sticker",] }]
38338
38383
  };
38339
38384
 
@@ -39967,6 +40012,7 @@
39967
40012
  _this.goodsReceiptHistory = [];
39968
40013
  _this.returnStockMode = false;
39969
40014
  _this.availableStockCollection = [];
40015
+ _this.warehouseLocationButtonDisabled = false;
39970
40016
  _this._subs = [];
39971
40017
  return _this;
39972
40018
  }
@@ -40073,6 +40119,32 @@
40073
40119
  this.receiptDetails.batchNr = availableStock.batchNumber;
40074
40120
  this.receiptDetails.lineNr = this.transactionLine.lineNr;
40075
40121
  };
40122
+ TransactionLinePurchaseReceiveGoodsComponent.prototype.calcStickerAmount = function () {
40123
+ if (this.transactionLine) {
40124
+ var collie = this.transactionLine.chosenPackageAmount ? this.transactionLine.chosenPackageAmount : 1;
40125
+ var receive = this.transactionLine.quantityToReceive ? this.transactionLine.quantityToReceive : 1;
40126
+ if (this.transactionLine.purchasePackageCode === 'B' || this.transactionLine.purchasePackageCode === 'E') {
40127
+ this.transactionLine.stickerAmount = Math.ceil(collie * receive);
40128
+ }
40129
+ else if (this.transactionLine.purchasePackageCode === 'R') {
40130
+ this.transactionLine.stickerAmount = Math.ceil(collie);
40131
+ }
40132
+ else {
40133
+ this.transactionLine.stickerAmount = 0;
40134
+ }
40135
+ }
40136
+ };
40137
+ TransactionLinePurchaseReceiveGoodsComponent.prototype.changeNrPackagesNotAllowed = function () {
40138
+ if (!this.transactionLine) {
40139
+ return true;
40140
+ }
40141
+ else if (this.transactionLine.purchasePackageCode === 'E' || this.transactionLine.purchasePackageCode === 'G') {
40142
+ return true;
40143
+ }
40144
+ else {
40145
+ return false;
40146
+ }
40147
+ };
40076
40148
  TransactionLinePurchaseReceiveGoodsComponent.prototype.transactionLineSet = function () {
40077
40149
  _super.prototype.transactionLineSet.call(this);
40078
40150
  this._handleTransactionLineSet(this.transactionLine);
@@ -40085,6 +40157,8 @@
40085
40157
  this.returnStockMode = this.transactionLine.amount < 0;
40086
40158
  this.receiptDetails.batchNr = this.transactionLine.batchNr;
40087
40159
  this.getGoodsReceiptHistory();
40160
+ this.warehouseLocationButtonDisabled = transLine.articleLineStatus.quantityReceived === transLine.amount ||
40161
+ !transLine.isLocationRequired || transLine.isBatchNrRequired || transLine.isSerialNrRequired || this.transactionService.internalParameterReceiveGoodsWithDataTerminal;
40088
40162
  };
40089
40163
  TransactionLinePurchaseReceiveGoodsComponent.prototype._getAvailableStock = function () {
40090
40164
  return __awaiter(this, void 0, void 0, function () {
@@ -40106,7 +40180,7 @@
40106
40180
  TransactionLinePurchaseReceiveGoodsComponent.decorators = [
40107
40181
  { type: i0.Component, args: [{
40108
40182
  selector: 'co-transaction-line-purchase-receive-goods',
40109
- template: "\n <div class=\"receive-details-wrapper form-and-buttons\">\n <co-form>\n <!--div class=\"header-wrapper\">\n <div class=\"status-header\">\n <span [textContent]=\"'STATE' | localize\"></span>\n <co-transaction-line-statusbar class=\"status-bar-wrapper\"\n [transactionInfo]=\"transactionInfo\"\n [transactionLine]=\"transactionLine\"\n [activeCategory]=\"transactionTypeCategory.PurchaseOrderReceivedGoods\"></co-transaction-line-statusbar>\n </div>\n </div-->\n <div class=\"side-panel-input-row\">\n <co-input-number-picker class=\"side-panel-input\"\n [max]=\"returnStockMode ? returnMaxToReceive : lineQuantityToReceive\"\n [(model)]=\"receiptDetails.serialNr ? 1 : receiptDetails.quantityToReceive\"\n [decimals]=\"2\"\n [min]=\"0\"\n [readonly]=\"!!receiptDetails.serialNr || receiptDetails.quantityToReceive === 0 || !receiptDetails.quantityToReceive || readonly\"\n [disabled]=\"!!receiptDetails.serialNr || receiptDetails.quantityToReceive === 0 || !receiptDetails.quantityToReceive\"\n [required]=\"true\"\n ></co-input-number-picker>\n <co-input-date class=\"side-panel-input\"\n [placeholder]=\"'RECEIVED_DATE' | localize\"\n [(model)]=\"request.receivedDate\"\n [readonly]=\"readonly\"\n ></co-input-date>\n <co-input-text class=\"side-panel-input\"\n *ngIf=\"!returnStockMode\"\n [(model)]=\"request.packingSlipNr\"\n [placeholder]=\"'PACKING_SLIP' | localize\"\n [required]=\"true\"\n [readonly]=\"readonly\"\n ></co-input-text>\n </div>\n <div class=\"side-panel-input-row\">\n<!-- dit ding werkt helemaal niet\n <co-transaction-labeled-warehouse-location-button class=\"side-panel-input\" *ngIf=\"transactionLine.isLocationRequired\"\n [readonly]=\"returnStockMode || receiptDetails.quantityToReceive === 0\"\n [warehouseNumber]=\"transactionLine.warehouseNumber\"\n [(locationNr)]=\"transactionLine.locationNr\"\n (locationNrChange)=\"receiptDetails.locationNr = $event\"\n ></co-transaction-labeled-warehouse-location-button>\n-->\n <co-input-text class=\"side-panel-input\" [(model)]=\"receiptDetails.batchNr\" *ngIf=\"transactionLine.isBatchNrRequired\"\n [hideArrowButtons]=\"true\"\n [readonly]=\"readonly || returnStockMode\"\n [disabled]=\"returnStockMode\"\n [required]=\"true\"\n [placeholder]=\"'BATCH_NUMBER' | localize\"></co-input-text>\n <co-input-text class=\"side-panel-input\" [(model)]=\"receiptDetails.serialNr\" *ngIf=\"transactionLine.isSerialNrRequired\"\n [type]=\"'text'\"\n [maxLength]=\"15\"\n [hideArrowButtons]=\"true\"\n [readonly]=\"readonly || returnStockMode\"\n [disabled]=\"returnStockMode\"\n [required]=\"true\"\n [placeholder]=\"'SERIAL_NUMBER' | localize\"></co-input-text>\n </div>\n </co-form>\n <div class=\"save-cancel-wrapper\">\n <co-button\n [iconData]=\"iconCacheService.getIcon(icons.CheckDuotone)\"\n (click)=\"handleSaveDetailsEdit()\"\n ></co-button>\n <co-button class=\"cancel-button\"\n [iconData]=\"iconCacheService.getIcon(icons.Crossskinny)\"\n ></co-button>\n <!-- <div class=\"commit-button clickable\" *ngIf=\"!readonly\" (click)=\"handleSaveDetailsEdit()\"-->\n <!-- [class.disabled]=\"receiptDetails.quantityToReceive === 0\">-->\n <!-- <span class=\"commit-text\" [textContent]=\"returnStockMode ? ('RETURN_STOCK' | localize) : ('RECEIVE' | localize)\"></span>-->\n <!-- </div>-->\n </div>\n </div>\n <co-transaction-receiving-goods-history *ngIf=\"transactionLine.amount >= 0\"\n [goodsReceiptHistory]=\"goodsReceiptHistory\"\n (deleteRow)=\"handleDeleteSelectedRow($event)\"\n ></co-transaction-receiving-goods-history>\n <co-transaction-available-stock-grid *ngIf=\"transactionLine.amount < 0\"\n [collection]=\"availableStockCollection\"\n (selectStock)=\"handleSelectStock($event)\"\n ></co-transaction-available-stock-grid>\n ",
40183
+ template: "\n <div class=\"receive-details-wrapper form-and-buttons\">\n <co-form>\n <!--div class=\"header-wrapper\">\n <div class=\"status-header\">\n <span [textContent]=\"'STATE' | localize\"></span>\n <co-transaction-line-statusbar class=\"status-bar-wrapper\"\n [transactionInfo]=\"transactionInfo\"\n [transactionLine]=\"transactionLine\"\n [activeCategory]=\"transactionTypeCategory.PurchaseOrderReceivedGoods\"></co-transaction-line-statusbar>\n </div>\n </div-->\n <div class=\"side-panel-input-row\">\n <co-input-number-picker class=\"side-panel-input\"[label]=\"'QUANTITY_TO_RECEIVE' | localize\" [showPermanentLabel]=\"true\"\n [max]=\"returnStockMode ? returnMaxToReceive : lineQuantityToReceive\" [screenConfigurationObject]=\"cfgNames.LineQuantityToReceive\"\n [(model)]=\"receiptDetails.serialNr ? 1 : receiptDetails.quantityToReceive\"\n [decimals]=\"2\"\n [min]=\"0\"\n [readonly]=\"!!receiptDetails.serialNr || receiptDetails.quantityToReceive === 0 || !receiptDetails.quantityToReceive || readonly\"\n [disabled]=\"!!receiptDetails.serialNr || receiptDetails.quantityToReceive === 0 || !receiptDetails.quantityToReceive\"\n [required]=\"true\"\n (modelChange)=\"calcStickerAmount()\"\n ></co-input-number-picker>\n <co-input-number-picker class=\"side-panel-input\" [label]=\"'NUMBER_PACKAGES' | localize\" [showPermanentLabel]=\"true\"\n [screenConfigurationObject]=\"cfgNames.CollieAmount\"\n [(model)]=\"transactionLine.chosenPackageAmount\"\n [decimals]=\"2\"\n [min]=\"0\"\n [forceReadonly]=\"!!receiptDetails.serialNr || receiptDetails.quantityToReceive === 0 || !receiptDetails.quantityToReceive || readonly || changeNrPackagesNotAllowed()\"\n [disabled]=\"!!receiptDetails.serialNr || receiptDetails.quantityToReceive === 0 || !receiptDetails.quantityToReceive || readonly || changeNrPackagesNotAllowed()\"\n [required]=\"true\"\n (modelChange)=\"calcStickerAmount()\"\n ></co-input-number-picker>\n <co-input-number-picker class=\"side-panel-input\" [label]=\"'STICKER_AMOUNT' | localize\" [showPermanentLabel]=\"true\"\n [screenConfigurationObject]=\"cfgNames.StickerAmount\"\n [(model)]=\"transactionLine.stickerAmount\"\n [decimals]=\"2\"\n [min]=\"0\"\n [readonly]=\"true\"\n [disabled]=\"true\"\n [required]=\"true\"\n ></co-input-number-picker>\n </div>\n <div class=\"side-panel-input-row\">\n <co-input-date class=\"side-panel-input\"\n [placeholder]=\"'RECEIVED_DATE' | localize\"\n [(model)]=\"request.receivedDate\"\n [readonly]=\"readonly\"\n ></co-input-date>\n <co-input-text class=\"side-panel-input\"\n *ngIf=\"!returnStockMode\"\n [(model)]=\"request.packingSlipNr\"\n [placeholder]=\"'PACKING_SLIP' | localize\"\n [required]=\"true\"\n [readonly]=\"readonly\"\n ></co-input-text>\n </div>\n <div class=\"side-panel-input-row\">\n <co-transaction-line-warehouse-button class=\"warehouse-buttons\"\n [screenConfigurationObject]=\"cfgNames.LineWarehouse\"\n [inputLabel]=\"true\" [screenConfigurationObject]=\"cfgNames.LineWarehouse\"\n\n ></co-transaction-line-warehouse-button>\n <co-transaction-line-warehouse-location-button class=\"warehouse-buttons\"\n [screenConfigurationObject]=\"cfgNames.LineWarehouseLocationReceived\"\n [readonly]=\"warehouseLocationButtonDisabled\"\n [inputLabel]=\"true\" [screenConfigurationObject]=\"cfgNames.LineWarehouseLocationReceived\"\n ></co-transaction-line-warehouse-location-button>\n </div>\n<!-- dit ding werkt helemaal niet\n <co-transaction-labeled-warehouse-location-button class=\"side-panel-input\" *ngIf=\"transactionLine.isLocationRequired\"\n [readonly]=\"returnStockMode || receiptDetails.quantityToReceive === 0\"\n [warehouseNumber]=\"transactionLine.warehouseNumber\"\n [(locationNr)]=\"transactionLine.locationNr\"\n (locationNrChange)=\"receiptDetails.locationNr = $event\"\n ></co-transaction-labeled-warehouse-location-button>\n-->\n <div class=\"side-panel-input-row\">\n <co-input-text class=\"side-panel-input\" [(model)]=\"receiptDetails.batchNr\" *ngIf=\"transactionLine.isBatchNrRequired\"\n [hideArrowButtons]=\"true\"\n [readonly]=\"readonly || returnStockMode\"\n [disabled]=\"returnStockMode\"\n [required]=\"true\"\n [placeholder]=\"'BATCH_NUMBER' | localize\"></co-input-text>\n <co-input-text class=\"side-panel-input\" [(model)]=\"receiptDetails.serialNr\" *ngIf=\"transactionLine.isSerialNrRequired\"\n [type]=\"'text'\"\n [maxLength]=\"15\"\n [hideArrowButtons]=\"true\"\n [readonly]=\"readonly || returnStockMode\"\n [disabled]=\"returnStockMode\"\n [required]=\"true\"\n [placeholder]=\"'SERIAL_NUMBER' | localize\"></co-input-text>\n </div>\n </co-form>\n <div class=\"save-cancel-wrapper\">\n <co-button\n [iconData]=\"iconCacheService.getIcon(icons.CheckDuotone)\"\n (click)=\"handleSaveDetailsEdit()\"\n [disabled]=\"!!receiptDetails.serialNr || receiptDetails.quantityToReceive === 0 || !receiptDetails.quantityToReceive || readonly\"\n ></co-button>\n <co-button class=\"cancel-button\"\n [iconData]=\"iconCacheService.getIcon(icons.Crossskinny)\"\n ></co-button>\n <!-- <div class=\"commit-button clickable\" *ngIf=\"!readonly\" (click)=\"handleSaveDetailsEdit()\"-->\n <!-- [class.disabled]=\"receiptDetails.quantityToReceive === 0\">-->\n <!-- <span class=\"commit-text\" [textContent]=\"returnStockMode ? ('RETURN_STOCK' | localize) : ('RECEIVE' | localize)\"></span>-->\n <!-- </div>-->\n </div>\n </div>\n <co-transaction-receiving-goods-history *ngIf=\"transactionLine.amount >= 0\"\n [goodsReceiptHistory]=\"goodsReceiptHistory\"\n (deleteRow)=\"handleDeleteSelectedRow($event)\"\n ></co-transaction-receiving-goods-history>\n <co-transaction-available-stock-grid *ngIf=\"transactionLine.amount < 0\"\n [collection]=\"availableStockCollection\"\n (selectStock)=\"handleSelectStock($event)\"\n ></co-transaction-available-stock-grid>\n ",
40110
40184
  providers: [
40111
40185
  corecomponents_v12.FormMasterService
40112
40186
  ],
@@ -40235,7 +40309,11 @@
40235
40309
  TransactionReceivingGoodsHistoryModule,
40236
40310
  TransactionAvailableStockGridModule,
40237
40311
  corecomponents_v12.ButtonModule,
40238
- TransactionLabeledWarehouseLocationButtonModule
40312
+ TransactionLabeledWarehouseLocationButtonModule,
40313
+ TransactionLineLabelModule,
40314
+ corecomponents_v12.ScreenConfigurationModule,
40315
+ TransactionLineWarehouseButtonModule,
40316
+ TransactionPrintPackageStickerModule
40239
40317
  ],
40240
40318
  declarations: [
40241
40319
  TransactionLinePurchaseReceiveGoodsComponent
@@ -52911,7 +52989,7 @@
52911
52989
  };
52912
52990
  TransactionHeaderPopupPaymentComponent.prototype.showInvoiceSelection = function () {
52913
52991
  var _this = this;
52914
- return this.orderPaymentAnalysis.filter(function (payment) { return payment.transactionKind === _this.transKind.SalesInvoice && payment.outstandingAmount > 0; }).length > 1;
52992
+ return this.orderPaymentAnalysis.filter(function (payment) { return payment.transactionKind === _this.transKind.SalesInvoice && payment.outstandingAmount !== 0; }).length > 1;
52915
52993
  };
52916
52994
  TransactionHeaderPopupPaymentComponent.prototype.handleSelectInvoiceLines = function (paymentInfo) {
52917
52995
  this.orderPaymentAnalysis.forEach(function (invoice) { return invoice.isSelected = false; });
@@ -53008,7 +53086,7 @@
53008
53086
  TransactionHeaderPopupPaymentComponent.decorators = [
53009
53087
  { type: i0.Component, args: [{
53010
53088
  selector: 'co-transaction-header-popup-payment',
53011
- template: "\n <div class=\"transaction-header-popup-category-wrapper co-small-scrollbar\">\n <co-form>\n <div class=\"transaction-header-popup-section\">\n <div\n class=\"transaction-header-popup-section-label\"\n *ngIf=\"showPayDownLabel\"\n [textContent]=\"'TO_PAY_DOWN' | localize\">\n </div>\n\n <div class=\"transaction-header-popup-two-column-grid\">\n <co-transaction-header-deposit-percentage\n [screenConfigurationObject]=\"cfgNames.DepositPercentage\"\n [lockAndSave]=\"true\"\n (depositUpdated)=\"showOutstandingAmounts()\">\n </co-transaction-header-deposit-percentage>\n <co-transaction-header-deposit-amount class=\"transaction-line-totals-price price\"\n [screenConfigurationObject]=\"cfgNames.DepositAmount\"\n [lockAndSave]=\"true\"\n (businessRuleApplied)=\"showBusinessRuleInfo = $event\">\n </co-transaction-header-deposit-amount>\n </div>\n\n <div class=\"transaction-header-popup-three-column-grid\">\n <co-transaction-header-use-deposit-rule\n *ngIf=\"transactionInfo.transactionKind !== transKind.PurchaseOrder\"\n [screenConfigurationObject]=\"cfgNames.UseDepositRule\"\n [lockAndSave]=\"false\">\n </co-transaction-header-use-deposit-rule>\n <co-transaction-header-auto-recalculate-deposit\n *ngIf=\"transactionInfo.transactionKind !== transKind.PurchaseOrder\"\n [screenConfigurationObject]=\"cfgNames.AutoRecalculateDeposit\"\n [lockAndSave]=\"false\">\n </co-transaction-header-auto-recalculate-deposit>\n <co-transaction-header-divide-evenly\n *ngIf=\"transactionInfo.transactionKind !== transKind.PurchaseOrder\"\n [screenConfigurationObject]=\"cfgNames.DivideEvenly\"\n [lockAndSave]=\"false\">\n </co-transaction-header-divide-evenly>\n <div class=\"transaction-header-popup-business-rule-applied\" *ngIf=\"showBusinessRuleInfo\">\n <co-icon [iconData]=\"iconCacheService.getIcon(icons.CircleExclamationRegular)\"></co-icon>\n <span [textContent]=\"'DEPOSIT_BUSINESS_RULE_APPLIED' | localize\"></span>\n </div>\n </div>\n\n <div class=\"transaction-header-popup-two-column-grid\">\n <co-transaction-header-amount-to-settle\n [screenConfigurationObject]=\"cfgNames.AmountToSettle\"\n [lockAndSave]=\"false\">\n </co-transaction-header-amount-to-settle>\n <div class=\"transaction-header-popup-already-paid\">\n <co-input-text\n [screenConfigurationObject]=\"cfgNames.TotalPaidDown\"\n [placeholder]=\"'TOTAL_PAID_DOWN' | localize\" [forceReadonly]=\"true\"\n [model]=\"paidDown\" [formatPipe]=\"currencyPipe\">\n </co-input-text>\n <co-input-text\n [screenConfigurationObject]=\"cfgNames.SettledSoFar\"\n [placeholder]=\"'SETTLED_SO_FAR' | localize\" [forceReadonly]=\"true\"\n [model]=\"settled\" [formatPipe]=\"currencyPipe\">\n </co-input-text>\n </div>\n </div>\n\n <div class=\"transaction-header-popup-two-column-grid\" *ngIf=\"showCashOnDelivery\">\n <div class=\"cash-on-delivery-row\">\n <co-input-text\n [placeholder]=\"'CASH_ON_DELIVERY' | localize\"\n [forceReadonly]=\"true\"\n [(model)]=\"cashOnDelivery\"\n [formatPipe]=\"currencyPipe\">\n </co-input-text>\n <co-button\n class=\"save-button\"\n [disabled]=\"!isDirectSellEnabled()\"\n [iconData]=\"iconCacheService.getIcon(icons.TruckMovingRegular)\"\n (click)=\"cashOnDeliveryModalVisible = true\">\n </co-button>\n </div>\n <div></div>\n </div>\n\n <div\n class=\"transaction-header-popup-two-column-grid\"\n [screenConfigurationObject]=\"cfgNames.PaymentBtn\"\n screenConfigNativeElement>\n <co-transaction-header-payment-button\n *ngIf=\"transactionInfo.transactionKind !== transKind.PurchaseOrder\"\n [label]=\"('DELIVERY_TOTAL' | localize) | append:' / ' | append:('TO_SETTLE' | localize:false)\"\n [lockAndSave]=\"false\">\n </co-transaction-header-payment-button>\n </div>\n </div>\n\n <div *ngIf=\"paymentAnalysis\" class=\"transaction-header-popup-section\">\n <div class=\"transaction-header-popup-section-label\" [textContent]=\"'TO_INVOICE' | localize\"></div>\n <div class=\"still-top-pay-stats\">\n <div class=\"payment-item\">\n <label [textContent]=\"'TO_BE_INVOICED' | localize\"></label>\n <div class=\"amount\">{{ paymentAnalysis?.totalToInvoice | coCurrency:true }}</div>\n </div>\n <div class=\"payment-item\">\n <label [textContent]=\"'ALREADY_INVOICED' | localize\"></label>\n <div class=\"amount\">{{ paymentAnalysis?.totalDepositInvoice | coCurrency:true }}</div>\n </div>\n <div class=\"payment-item\">\n <label [textContent]=\"'STILL_TO_PAY' | localize\"></label>\n <div class=\"amount\" [class.outstanding]=\"paymentAnalysis?.totalToPay > 0\">\n <strong>{{ paymentAnalysis?.totalToPay | coCurrency:true }}</strong>\n </div>\n </div>\n </div>\n </div>\n\n <div *ngIf=\"orderPaymentAnalysis.length > 0\" class=\"payment-information\">\n <co-button\n class=\"save-button payment-button\"\n *ngIf=\"showPaymentButton()\"\n [iconData]=\"iconCacheService.getIcon(icons.CreditCardRegular)\"\n (click)=\"openPayment($event)\">\n </co-button>\n\n <div class=\"payment-categories\">\n <div\n class=\"payment-category\"\n [class.selected]=\"activeCategory.index === category.index\"\n *ngFor=\"let category of paymentCategories\"\n (click)=\"handleCategoryClick(category)\">\n <div class=\"title\" [textContent]=\"category.title | localize\"></div>\n </div>\n </div>\n\n <table *ngIf=\"activeCategory.index === 0\">\n <thead>\n <tr>\n <th class=\"left\" *ngIf=\"showInvoiceSelection()\" [textContent]=\"'PAY' | localize\"></th>\n <th class=\"left\" [textContent]=\"'DESCRIPTION' | localize\"></th>\n <th [textContent]=\"'AMOUNT2' | localize\"></th>\n <th [textContent]=\"'PAID' | localize\"></th>\n <th [textContent]=\"'SETTLED' | localize\"></th>\n <th [textContent]=\"'OUTSTANDING' | localize\"></th>\n </tr>\n </thead>\n <tbody>\n <tr *ngFor=\"let paymentInfo of orderPaymentAnalysis\">\n <td class=\"left\" *ngIf=\"showInvoiceSelection()\">\n <co-input-radio-button\n *ngIf=\"paymentInfo.transactionKind === transKind.SalesInvoice && paymentInfo.outstandingAmount > 0\"\n class=\"default-width\"\n [(model)]=\"paymentInfo.isSelected\"\n (modelChange)=\"handleSelectInvoiceLines(paymentInfo)\">\n </co-input-radio-button>\n </td>\n <td class=\"left\">\n <span\n *ngIf=\"paymentInfo.transactionKind === transKind.SalesOrder\"\n [textContent]=\"'DEPOSIT' | localize\">\n </span>\n <span *ngIf=\"paymentInfo.transactionKind === transKind.SalesInvoice\">\n <span [textContent]=\"'INVOICE' | localize\"></span>\n <span> {{ paymentInfo.transactionNumber }}</span>\n <span> {{ paymentInfo.transactionDate | date:'dd-MM-yyyy' }}</span>\n </span>\n </td>\n <td><strong>{{ paymentInfo.invoiceAmount | coCurrency:true }}</strong></td>\n <td [class.paid]=\"paymentInfo.paidAmount > 0\">\n <strong>{{ paymentInfo.paidAmount | coCurrency:true }}</strong>\n </td>\n <td>{{ paymentInfo.settledAmount | coCurrency:true }}</td>\n <td [class.outstanding]=\"paymentInfo.outstandingAmount > 0\">\n <strong>{{ paymentInfo.outstandingAmount | coCurrency:true }}</strong>\n </td>\n </tr>\n </tbody>\n </table>\n\n <div *ngIf=\"activeCategory.index === 1\">\n <p\n *ngIf=\"registeredPaymentInfo && registeredPaymentInfo.payments.length === 0\"\n [textContent]=\"'NOT_FOUND' | localize\">\n </p>\n\n <table *ngIf=\"registeredPaymentInfo && registeredPaymentInfo.payments.length > 0\">\n <thead>\n <tr>\n <th class=\"left\" [textContent]=\"'DESCRIPTION' | localize\"></th>\n <th [textContent]=\"'AMOUNT2' | localize\"></th>\n <th [textContent]=\"'DATE' | localize\"></th>\n </tr>\n </thead>\n <tbody>\n <tr *ngFor=\"let paymentInfo of registeredPaymentInfo.payments\">\n <td class=\"left\">{{ paymentInfo.reference }}</td>\n <td><strong>{{ paymentInfo.amount | coCurrency:true }}</strong></td>\n <td>{{ paymentInfo.paymentDateTime | date:'dd-MM-yyyy' }}</td>\n </tr>\n </tbody>\n </table>\n </div>\n </div>\n </co-form>\n\n <co-cash-on-delivery-modal\n *ngIf=\"cashOnDeliveryModalVisible\"\n [transactionInfoUuid]=\"transactionInfo.uuid\"\n (cashAmount)=\"getCashAmount($event)\"\n (showCashOnDeliveryModal)=\"showCashOnDeliveryModal($event)\">\n </co-cash-on-delivery-modal>\n </div>\n\n <co-dialog\n class=\"payment-dialog\"\n *ngIf=\"showPaymentDialog\"\n [modal]=\"true\"\n [headerTemplate]=\"headerTemplate\"\n (closeClick)=\"handleCloseDialog()\">\n <ng-template #headerTemplate>\n <div class=\"co-dialog-wrapper-popup-title\">\n <co-icon [iconData]=\"iconCacheService.getIcon(icons.CreditCardRegularCheck)\"></co-icon>\n <div class=\"co-dialog-header-title\" [textContent]=\"'PAYMENT_METHOD' | localize\"></div>\n </div>\n </ng-template>\n <co-payment\n [transId]=\"transactionIdToPay\"\n [branch]=\"transactionInfo.branch?.relationNr\"\n [transactionUuid]=\"transactionInfo.uuid\"\n [amount]=\"chosenAmountToPay\"\n [remainingPayment]=\"true\"\n [currencyId]=\"transactionInfo.currencyId\"\n [doNotFetchAmountToPayForRemaining]=\"true\"\n [showPaymentDate]=\"true\">\n </co-payment>\n </co-dialog>\n ",
53089
+ template: "\n <div class=\"transaction-header-popup-category-wrapper co-small-scrollbar\">\n <co-form>\n <div class=\"transaction-header-popup-section\">\n <div\n class=\"transaction-header-popup-section-label\"\n *ngIf=\"showPayDownLabel\"\n [textContent]=\"'TO_PAY_DOWN' | localize\">\n </div>\n\n <div class=\"transaction-header-popup-two-column-grid\">\n <co-transaction-header-deposit-percentage\n [screenConfigurationObject]=\"cfgNames.DepositPercentage\"\n [lockAndSave]=\"true\"\n (depositUpdated)=\"showOutstandingAmounts()\">\n </co-transaction-header-deposit-percentage>\n <co-transaction-header-deposit-amount class=\"transaction-line-totals-price price\"\n [screenConfigurationObject]=\"cfgNames.DepositAmount\"\n [lockAndSave]=\"true\"\n (businessRuleApplied)=\"showBusinessRuleInfo = $event\">\n </co-transaction-header-deposit-amount>\n </div>\n\n <div class=\"transaction-header-popup-three-column-grid\">\n <co-transaction-header-use-deposit-rule\n *ngIf=\"transactionInfo.transactionKind !== transKind.PurchaseOrder\"\n [screenConfigurationObject]=\"cfgNames.UseDepositRule\"\n [lockAndSave]=\"false\">\n </co-transaction-header-use-deposit-rule>\n <co-transaction-header-auto-recalculate-deposit\n *ngIf=\"transactionInfo.transactionKind !== transKind.PurchaseOrder\"\n [screenConfigurationObject]=\"cfgNames.AutoRecalculateDeposit\"\n [lockAndSave]=\"false\">\n </co-transaction-header-auto-recalculate-deposit>\n <co-transaction-header-divide-evenly\n *ngIf=\"transactionInfo.transactionKind !== transKind.PurchaseOrder\"\n [screenConfigurationObject]=\"cfgNames.DivideEvenly\"\n [lockAndSave]=\"false\">\n </co-transaction-header-divide-evenly>\n <div class=\"transaction-header-popup-business-rule-applied\" *ngIf=\"showBusinessRuleInfo\">\n <co-icon [iconData]=\"iconCacheService.getIcon(icons.CircleExclamationRegular)\"></co-icon>\n <span [textContent]=\"'DEPOSIT_BUSINESS_RULE_APPLIED' | localize\"></span>\n </div>\n </div>\n\n <div class=\"transaction-header-popup-two-column-grid\">\n <co-transaction-header-amount-to-settle\n [screenConfigurationObject]=\"cfgNames.AmountToSettle\"\n [lockAndSave]=\"false\">\n </co-transaction-header-amount-to-settle>\n <div class=\"transaction-header-popup-already-paid\">\n <co-input-text\n [screenConfigurationObject]=\"cfgNames.TotalPaidDown\"\n [placeholder]=\"'TOTAL_PAID_DOWN' | localize\" [forceReadonly]=\"true\"\n [model]=\"paidDown\" [formatPipe]=\"currencyPipe\">\n </co-input-text>\n <co-input-text\n [screenConfigurationObject]=\"cfgNames.SettledSoFar\"\n [placeholder]=\"'SETTLED_SO_FAR' | localize\" [forceReadonly]=\"true\"\n [model]=\"settled\" [formatPipe]=\"currencyPipe\">\n </co-input-text>\n </div>\n </div>\n\n <div class=\"transaction-header-popup-two-column-grid\" *ngIf=\"showCashOnDelivery\">\n <div class=\"cash-on-delivery-row\">\n <co-input-text\n [placeholder]=\"'CASH_ON_DELIVERY' | localize\"\n [forceReadonly]=\"true\"\n [(model)]=\"cashOnDelivery\"\n [formatPipe]=\"currencyPipe\">\n </co-input-text>\n <co-button\n class=\"save-button\"\n [disabled]=\"!isDirectSellEnabled()\"\n [iconData]=\"iconCacheService.getIcon(icons.TruckMovingRegular)\"\n (click)=\"cashOnDeliveryModalVisible = true\">\n </co-button>\n </div>\n <div></div>\n </div>\n\n <div\n class=\"transaction-header-popup-two-column-grid\"\n [screenConfigurationObject]=\"cfgNames.PaymentBtn\"\n screenConfigNativeElement>\n <co-transaction-header-payment-button\n *ngIf=\"transactionInfo.transactionKind !== transKind.PurchaseOrder\"\n [label]=\"('DELIVERY_TOTAL' | localize) | append:' / ' | append:('TO_SETTLE' | localize:false)\"\n [lockAndSave]=\"false\">\n </co-transaction-header-payment-button>\n </div>\n </div>\n\n <div *ngIf=\"paymentAnalysis\" class=\"transaction-header-popup-section\">\n <div class=\"transaction-header-popup-section-label\" [textContent]=\"'TO_INVOICE' | localize\"></div>\n <div class=\"still-top-pay-stats\">\n <div class=\"payment-item\">\n <label [textContent]=\"'TO_BE_INVOICED' | localize\"></label>\n <div class=\"amount\">{{ paymentAnalysis?.totalToInvoice | coCurrency:true }}</div>\n </div>\n <div class=\"payment-item\">\n <label [textContent]=\"'ALREADY_INVOICED' | localize\"></label>\n <div class=\"amount\">{{ paymentAnalysis?.totalDepositInvoice | coCurrency:true }}</div>\n </div>\n <div class=\"payment-item\">\n <label [textContent]=\"'STILL_TO_PAY' | localize\"></label>\n <div class=\"amount\" [class.outstanding]=\"paymentAnalysis?.totalToPay > 0\">\n <strong>{{ paymentAnalysis?.totalToPay | coCurrency:true }}</strong>\n </div>\n </div>\n </div>\n </div>\n\n <div *ngIf=\"orderPaymentAnalysis.length > 0\" class=\"payment-information\">\n <co-button\n class=\"save-button payment-button\"\n *ngIf=\"showPaymentButton()\"\n [iconData]=\"iconCacheService.getIcon(icons.CreditCardRegular)\"\n (click)=\"openPayment($event)\">\n </co-button>\n\n <div class=\"payment-categories\">\n <div\n class=\"payment-category\"\n [class.selected]=\"activeCategory.index === category.index\"\n *ngFor=\"let category of paymentCategories\"\n (click)=\"handleCategoryClick(category)\">\n <div class=\"title\" [textContent]=\"category.title | localize\"></div>\n </div>\n </div>\n\n <table *ngIf=\"activeCategory.index === 0\">\n <thead>\n <tr>\n <th class=\"left\" *ngIf=\"showInvoiceSelection()\" [textContent]=\"'PAY' | localize\"></th>\n <th class=\"left\" [textContent]=\"'DESCRIPTION' | localize\"></th>\n <th [textContent]=\"'AMOUNT2' | localize\"></th>\n <th [textContent]=\"'PAID' | localize\"></th>\n <th [textContent]=\"'SETTLED' | localize\"></th>\n <th [textContent]=\"'OUTSTANDING' | localize\"></th>\n </tr>\n </thead>\n <tbody>\n <tr *ngFor=\"let paymentInfo of orderPaymentAnalysis\">\n <td class=\"left\" *ngIf=\"showInvoiceSelection()\">\n <co-input-radio-button\n *ngIf=\"paymentInfo.transactionKind === transKind.SalesInvoice && paymentInfo.outstandingAmount !== 0\"\n class=\"default-width\"\n [(model)]=\"paymentInfo.isSelected\"\n (modelChange)=\"handleSelectInvoiceLines(paymentInfo)\">\n </co-input-radio-button>\n </td>\n <td class=\"left\">\n <span\n *ngIf=\"paymentInfo.transactionKind === transKind.SalesOrder\"\n [textContent]=\"'DEPOSIT' | localize\">\n </span>\n <span *ngIf=\"paymentInfo.transactionKind === transKind.SalesInvoice\">\n <span [textContent]=\"'INVOICE' | localize\"></span>\n <span> {{ paymentInfo.transactionNumber }}</span>\n <span> {{ paymentInfo.transactionDate | date:'dd-MM-yyyy' }}</span>\n </span>\n </td>\n <td><strong>{{ paymentInfo.invoiceAmount | coCurrency:true }}</strong></td>\n <td [class.paid]=\"paymentInfo.paidAmount > 0\">\n <strong>{{ paymentInfo.paidAmount | coCurrency:true }}</strong>\n </td>\n <td>{{ paymentInfo.settledAmount | coCurrency:true }}</td>\n <td [class.outstanding]=\"paymentInfo.outstandingAmount > 0\">\n <strong>{{ paymentInfo.outstandingAmount | coCurrency:true }}</strong>\n </td>\n </tr>\n </tbody>\n </table>\n\n <div *ngIf=\"activeCategory.index === 1\">\n <p\n *ngIf=\"registeredPaymentInfo && registeredPaymentInfo.payments.length === 0\"\n [textContent]=\"'NOT_FOUND' | localize\">\n </p>\n\n <table *ngIf=\"registeredPaymentInfo && registeredPaymentInfo.payments.length > 0\">\n <thead>\n <tr>\n <th class=\"left\" [textContent]=\"'DESCRIPTION' | localize\"></th>\n <th [textContent]=\"'AMOUNT2' | localize\"></th>\n <th [textContent]=\"'DATE' | localize\"></th>\n </tr>\n </thead>\n <tbody>\n <tr *ngFor=\"let paymentInfo of registeredPaymentInfo.payments\">\n <td class=\"left\">{{ paymentInfo.reference }}</td>\n <td><strong>{{ paymentInfo.amount | coCurrency:true }}</strong></td>\n <td>{{ paymentInfo.paymentDateTime | date:'dd-MM-yyyy' }}</td>\n </tr>\n </tbody>\n </table>\n </div>\n </div>\n </co-form>\n\n <co-cash-on-delivery-modal\n *ngIf=\"cashOnDeliveryModalVisible\"\n [transactionInfoUuid]=\"transactionInfo.uuid\"\n (cashAmount)=\"getCashAmount($event)\"\n (showCashOnDeliveryModal)=\"showCashOnDeliveryModal($event)\">\n </co-cash-on-delivery-modal>\n </div>\n\n <co-dialog\n class=\"payment-dialog\"\n *ngIf=\"showPaymentDialog\"\n [modal]=\"true\"\n [headerTemplate]=\"headerTemplate\"\n (closeClick)=\"handleCloseDialog()\">\n <ng-template #headerTemplate>\n <div class=\"co-dialog-wrapper-popup-title\">\n <co-icon [iconData]=\"iconCacheService.getIcon(icons.CreditCardRegularCheck)\"></co-icon>\n <div class=\"co-dialog-header-title\" [textContent]=\"'PAYMENT_METHOD' | localize\"></div>\n </div>\n </ng-template>\n <co-payment\n [transId]=\"transactionIdToPay\"\n [branch]=\"transactionInfo.branch?.relationNr\"\n [transactionUuid]=\"transactionInfo.uuid\"\n [amount]=\"chosenAmountToPay\"\n [remainingPayment]=\"true\"\n [currencyId]=\"transactionInfo.currencyId\"\n [doNotFetchAmountToPayForRemaining]=\"true\"\n [showPaymentDate]=\"true\">\n </co-payment>\n </co-dialog>\n ",
53012
53090
  encapsulation: i0.ViewEncapsulation.None
53013
53091
  },] }
53014
53092
  ];