@colijnit/transaction 256.1.49 → 256.1.50

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 +87 -44
  2. package/bundles/colijnit-transaction.umd.js.map +1 -1
  3. package/colijnit-transaction.metadata.json +1 -1
  4. package/esm2015/lib/component/simple-vertical-stepper/co-simple-vertical-stepper.component.js +45 -18
  5. package/esm2015/lib/component/transaction-create-wizard/components/Service-wizard-art-or-trans.component.js +9 -4
  6. package/esm2015/lib/component/transaction-create-wizard/components/service-wizard-create-service.component.js +6 -3
  7. package/esm2015/lib/component/transaction-create-wizard/components/service-wizard-service-fields.component.js +2 -2
  8. package/esm2015/lib/component/transaction-create-wizard/transaction-create-wizard.component.js +7 -6
  9. package/esm2015/lib/component/transaction-header-fields/transaction-header-reference.component.js +2 -2
  10. package/esm2015/lib/component/transaction-header-fields/transaction-header-relation-reference.component.js +2 -2
  11. package/esm2015/lib/component/transaction-header-fields/transaction-header-remaining-amount.component.js +16 -14
  12. package/esm2015/lib/component/transaction-line/transaction-purchase-line/transaction-purchase-line.component.js +2 -1
  13. package/esm2015/lib/component/transaction-navigation-button-list/transaction-navigation-button-list.component.js +4 -2
  14. package/esm2015/lib/component/transaction-search/transaction-search-tile/transaction-search-sales-line-select-tile/transaction-search-sales-line-select-tile.component.js +35 -34
  15. package/esm2015/lib/transaction-version.js +3 -3
  16. package/fesm2015/colijnit-transaction.js +119 -78
  17. package/fesm2015/colijnit-transaction.js.map +1 -1
  18. package/lib/component/dialog/transaction-search/style/_layout.scss +19 -4
  19. package/lib/component/simple-vertical-stepper/co-simple-vertical-stepper.component.d.ts +4 -0
  20. package/lib/component/transaction-create-wizard/components/Service-wizard-art-or-trans.component.d.ts +1 -0
  21. package/lib/component/transaction-create-wizard/components/service-wizard-create-service.component.d.ts +1 -0
  22. package/lib/component/transaction-create-wizard/transaction-create-wizard.component.d.ts +1 -0
  23. package/lib/component/transaction-line/transaction-line/style/_layout.scss +5 -2
  24. package/lib/component/transaction-line/transaction-line/style/_material-definition.scss +1 -0
  25. package/lib/component/transaction-navigation-button-list/transaction-navigation-button-list.component.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 = "256.1.49";
37
- this.publishDate = "31-1-2025 18:37:40";
36
+ this.symVer = "256.1.50";
37
+ this.publishDate = "5-2-2025 18:06:52";
38
38
  }
39
39
  return Version;
40
40
  }());
@@ -25924,7 +25924,7 @@
25924
25924
  TransactionPurchaseLineComponent.decorators = [
25925
25925
  { type: i0.Component, args: [{
25926
25926
  selector: "co-transaction-purchase-line",
25927
- template: "\n <co-transaction-base-line\n [transactionInfo]=\"transactionInfo\"\n [transactionLine]=\"transactionLine\"\n [preview]=\"preview\"\n [checkbox]=\"showCheckboxForLine && transactionInfo.transactionDefinitive\"\n [checkboxValue]=\"transactionLine.selected\"\n (checkboxValueChanged)=\"transactionLineSelectedChanged($event)\"\n [isFirst]=\"isFirst\"\n [showPurchaseDescAndPrice]=\"true\">\n <span *ngIf=\"transactionHeaderService.reservationMode && hasReservations\" class=\"button reservation-button\"><co-icon (click)=\"handleReservationModeClick(transactionLine.lineNr)\"\n [iconData]=\"iconCacheService.getIcon(icons.PalletBoxesRotate)\"></co-icon></span>\n <div class=\"transaction-line-wrapper\" [class.transaction-not-definitive]=\"!transactionInfo.transactionDefinitive\">\n <div *ngIf=!preview class=\"transaction-line-extended-wrapper\">\n <div class=\"column1\">\n <co-transaction-line-statusbar\n class=\"status-bar-wrapper\"\n [screenConfigurationObject]=\"cfgNames.StatusBar\"\n [configNames]=\"statusBarConfigNames\"\n [activeCategory]=\"category.SalesOrderPurchase\"></co-transaction-line-statusbar>\n </div>\n <div class=\"column2\">\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\n [screenConfigurationObject]=\"cfgNames.LineSupplier\"\n [readonly]=\"hasPurchaseOrder\"></co-transaction-line-supplier-button>\n </div>\n </div>\n <div class=\"transaction-field-wrapper\">\n <div class=\"inside-field\" *ngIf=\"transactionLine.commissionCode === '0'\">\n <co-transaction-line-label *ngIf=\"transactionLine.refTransactions.length > 1\" [insideLabel]=\"'PURCHASE_ORDERS'\"></co-transaction-line-label>\n <co-transaction-navigation-button-list\n [screenConfigurationObject]=\"cfgNames.LineRefTransactions\"\n [refTransactions]=\"transactionLine.refTransactions\"\n [emptyLabel]=\"'NO_PURCHASE_ORDER' | localize\"\n (transactionClick)=\"handlePurchaseExistingOrderNavigation($event)\"\n ></co-transaction-navigation-button-list>\n </div>\n </div>\n <div class=\"transaction-field-wrapper\">\n <div class=\"inside-field\">\n <co-transaction-line-drop-shipment-button\n [screenConfigurationObject]=\"cfgNames.LineDropShipment\"\n [showLabel]=\"true\"\n [class.active]=\"transactionLine.dropShipment\"></co-transaction-line-drop-shipment-button>\n </div>\n </div>\n </div>\n <div class=\"column3\">\n <div class=\"transaction-field-wrapper\">\n <div class=\"inside-field\">\n <co-transaction-line-label [insideLabel]=\"'WAREHOUSE'\"></co-transaction-line-label>\n <co-transaction-line-warehouse-button\n [screenConfigurationObject]=\"cfgNames.LineWarehouse\"\n >\n </co-transaction-line-warehouse-button>\n </div>\n </div>\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 <co-transaction-line-confirmed-delivery-date-button\n [screenConfigurationObject]=\"cfgNames.LineConfirmedDeliveryDate\"\n ></co-transaction-line-confirmed-delivery-date-button>\n </div>\n <div class=\"column4 less-then-four\">\n <div class=\"transaction-field-wrapper\">\n <div class=\"inside-field\">\n <co-transaction-line-label [insideLabel]=\"'PRICE'\"></co-transaction-line-label>\n <co-transaction-line-price class=\"transaction-line-totals-price price\"\n [screenConfigurationObject]=\"cfgNames.LinePrice\"\n [showLabel]=\"false\"\n [defaultEditMode]=\"false\"\n [showPurchasePrice]=\"true\"\n ></co-transaction-line-price>\n </div>\n </div>\n <div class=\"transaction-field-wrapper\">\n <div class=\"inside-field\">\n <co-transaction-line-label [insideLabel]=\"'DISCOUNT'\"></co-transaction-line-label>\n <co-transaction-line-discount-button *ngIf=\"!preview\"\n [screenConfigurationObject]=\"cfgNames.LineDiscount\"\n [configNames]=\"discountConfigNames\"\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]=\"'QUANTITY'\"></co-transaction-line-label>\n <co-transaction-line-amount class=\"amount-number-picker\"\n [screenConfigurationObject]=\"cfgNames.LineAmount\"\n ></co-transaction-line-amount>\n </div>\n </div>\n <div class=\"transaction-field-wrapper\">\n <div class=\"inside-field\">\n <co-transaction-line-label [insideLabel]=\"'TOTAL'\"></co-transaction-line-label>\n <co-editable-label class=\"transaction-line-totals-total price\"\n [model]=\"transactionLine.displayNetLineTotal | coCurrency: true\"\n [editModel]=\"transactionLine.displayNetLineTotal\"\n [readonly]=\"true\"\n ></co-editable-label>\n </div>\n </div>\n </div>\n </div>\n </div>\n </co-transaction-base-line>\n ",
25927
+ template: "\n <co-transaction-base-line\n [transactionInfo]=\"transactionInfo\"\n [transactionLine]=\"transactionLine\"\n [preview]=\"preview\"\n [checkbox]=\"showCheckboxForLine && transactionInfo.transactionDefinitive\"\n [checkboxValue]=\"transactionLine.selected\"\n (checkboxValueChanged)=\"transactionLineSelectedChanged($event)\"\n [isFirst]=\"isFirst\"\n [showPurchaseDescAndPrice]=\"true\">\n <span *ngIf=\"transactionHeaderService.reservationMode && hasReservations\" class=\"button reservation-button\"><co-icon (click)=\"handleReservationModeClick(transactionLine.lineNr)\"\n [iconData]=\"iconCacheService.getIcon(icons.PalletBoxesRotate)\"></co-icon></span>\n <div class=\"transaction-line-wrapper\" [class.transaction-not-definitive]=\"!transactionInfo.transactionDefinitive\">\n <div *ngIf=!preview class=\"transaction-line-extended-wrapper\">\n <div class=\"column1\">\n <co-transaction-line-statusbar\n class=\"status-bar-wrapper\"\n [screenConfigurationObject]=\"cfgNames.StatusBar\"\n [configNames]=\"statusBarConfigNames\"\n [activeCategory]=\"category.SalesOrderPurchase\"></co-transaction-line-statusbar>\n </div>\n <div class=\"column2\">\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\n [screenConfigurationObject]=\"cfgNames.LineSupplier\"\n [readonly]=\"hasPurchaseOrder\"></co-transaction-line-supplier-button>\n </div>\n </div>\n <div class=\"transaction-field-wrapper\">\n <div class=\"inside-field\" *ngIf=\"transactionLine.commissionCode === '0'\">\n <co-transaction-line-label *ngIf=\"transactionLine.refTransactions.length > 1\" [insideLabel]=\"'PURCHASE_ORDERS'\"></co-transaction-line-label>\n <co-transaction-navigation-button-list\n [screenConfigurationObject]=\"cfgNames.LineRefTransactions\"\n [refTransactions]=\"transactionLine.refTransactions\"\n [emptyLabel]=\"'NO_PURCHASE_ORDER' | localize\"\n [insideLabel]=\"'PURCHASE_ORDER'\"\n (transactionClick)=\"handlePurchaseExistingOrderNavigation($event)\"\n ></co-transaction-navigation-button-list>\n </div>\n </div>\n <div class=\"transaction-field-wrapper\">\n <div class=\"inside-field\">\n <co-transaction-line-drop-shipment-button\n [screenConfigurationObject]=\"cfgNames.LineDropShipment\"\n [showLabel]=\"true\"\n [class.active]=\"transactionLine.dropShipment\"></co-transaction-line-drop-shipment-button>\n </div>\n </div>\n </div>\n <div class=\"column3\">\n <div class=\"transaction-field-wrapper\">\n <div class=\"inside-field\">\n <co-transaction-line-label [insideLabel]=\"'WAREHOUSE'\"></co-transaction-line-label>\n <co-transaction-line-warehouse-button\n [screenConfigurationObject]=\"cfgNames.LineWarehouse\"\n >\n </co-transaction-line-warehouse-button>\n </div>\n </div>\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 <co-transaction-line-confirmed-delivery-date-button\n [screenConfigurationObject]=\"cfgNames.LineConfirmedDeliveryDate\"\n ></co-transaction-line-confirmed-delivery-date-button>\n </div>\n <div class=\"column4 less-then-four\">\n <div class=\"transaction-field-wrapper\">\n <div class=\"inside-field\">\n <co-transaction-line-label [insideLabel]=\"'PRICE'\"></co-transaction-line-label>\n <co-transaction-line-price class=\"transaction-line-totals-price price\"\n [screenConfigurationObject]=\"cfgNames.LinePrice\"\n [showLabel]=\"false\"\n [defaultEditMode]=\"false\"\n [showPurchasePrice]=\"true\"\n ></co-transaction-line-price>\n </div>\n </div>\n <div class=\"transaction-field-wrapper\">\n <div class=\"inside-field\">\n <co-transaction-line-label [insideLabel]=\"'DISCOUNT'\"></co-transaction-line-label>\n <co-transaction-line-discount-button *ngIf=\"!preview\"\n [screenConfigurationObject]=\"cfgNames.LineDiscount\"\n [configNames]=\"discountConfigNames\"\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]=\"'QUANTITY'\"></co-transaction-line-label>\n <co-transaction-line-amount class=\"amount-number-picker\"\n [screenConfigurationObject]=\"cfgNames.LineAmount\"\n ></co-transaction-line-amount>\n </div>\n </div>\n <div class=\"transaction-field-wrapper\">\n <div class=\"inside-field\">\n <co-transaction-line-label [insideLabel]=\"'TOTAL'\"></co-transaction-line-label>\n <co-editable-label class=\"transaction-line-totals-total price\"\n [model]=\"transactionLine.displayNetLineTotal | coCurrency: true\"\n [editModel]=\"transactionLine.displayNetLineTotal\"\n [readonly]=\"true\"\n ></co-editable-label>\n </div>\n </div>\n </div>\n </div>\n </div>\n </co-transaction-base-line>\n ",
25928
25928
  encapsulation: i0.ViewEncapsulation.None,
25929
25929
  changeDetection: i0.ChangeDetectionStrategy.OnPush
25930
25930
  },] }
@@ -34843,6 +34843,7 @@
34843
34843
  function TransactionNavigationButtonListComponent() {
34844
34844
  this.refTransactions = [];
34845
34845
  this.showRelationButton = true;
34846
+ this.insideLabel = 'SALES_ORDER';
34846
34847
  this.relationClick = new i0.EventEmitter();
34847
34848
  this.transactionClick = new i0.EventEmitter();
34848
34849
  this.showExtended = false;
@@ -34867,7 +34868,7 @@
34867
34868
  TransactionNavigationButtonListComponent.decorators = [
34868
34869
  { type: i0.Component, args: [{
34869
34870
  selector: "co-transaction-navigation-button-list",
34870
- template: "\n <ng-container *ngIf=\"refTransactions.length === 0 && emptyLabel\">\n <co-transaction-navigation-button\n [label]=\"emptyLabel\"\n ></co-transaction-navigation-button>\n </ng-container>\n <ng-container *ngIf=\"refTransactions.length > 1\">\n <co-transaction-navigation-button [label]=\"'MULTI_SELECT' | localize\" (click)=\"showExtended = !showExtended\" overlayParent #parentForOverlay=\"overlayParent\"></co-transaction-navigation-button>\n <div class=\"navigation-button-list-extended-wrapper\" *ngIf=\"showExtended\" [overlay]=\"parentForOverlay\" clickOutside (clickOutside)=\"showExtended = false\">\n <ng-container *ngFor=\"let refTransaction of refTransactions\">\n <ng-container *ngTemplateOutlet=\"refTransactionTemplate; context: { $implicit: refTransaction }\"></ng-container>\n </ng-container>\n </div>\n </ng-container>\n <ng-container *ngIf=\"refTransactions.length === 1\">\n <ng-container *ngTemplateOutlet=\"refTransactionTemplate; context: { $implicit: refTransactions[0] }\"></ng-container>\n </ng-container>\n <ng-template #refTransactionTemplate let-ref>\n <div class=\"navigation-button-list-extended-item\">\n <div class=\"transaction-field-wrapper\" *ngIf=\"ref.refRelationName && showRelationButton\">\n <div class=\"inside-field\">\n <co-transaction-line-label [insideLabel]=\"'RELATION'\"></co-transaction-line-label>\n <co-transaction-navigation-button class=\"navigation-relation-button\"\n [label]=\"ref.refRelationName\"\n (buttonClicked)=\"handleRelationClick($event, ref.refRelationId)\"></co-transaction-navigation-button>\n </div>\n </div>\n <div class=\"transaction-field-wrapper\" *ngIf=\"ref.refTransactionNr\">\n <div class=\"inside-field\">\n <co-transaction-line-label [insideLabel]=\"'SALES_ORDER'\"></co-transaction-line-label>\n <co-transaction-navigation-button\n [label]=\"ref.refTransactionNr\"\n (buttonClicked)=\"handleTransactionClick($event, ref.refTransactionNr)\"></co-transaction-navigation-button>\n </div>\n </div>\n </div>\n </ng-template>\n ",
34871
+ template: "\n <ng-container *ngIf=\"refTransactions.length === 0 && emptyLabel\">\n <co-transaction-navigation-button\n [label]=\"emptyLabel\"\n ></co-transaction-navigation-button>\n </ng-container>\n <ng-container *ngIf=\"refTransactions.length > 1\">\n <co-transaction-navigation-button [label]=\"'MULTI_SELECT' | localize\" (click)=\"showExtended = !showExtended\" overlayParent #parentForOverlay=\"overlayParent\"></co-transaction-navigation-button>\n <div class=\"navigation-button-list-extended-wrapper\" *ngIf=\"showExtended\" [overlay]=\"parentForOverlay\" clickOutside (clickOutside)=\"showExtended = false\">\n <ng-container *ngFor=\"let refTransaction of refTransactions\">\n <ng-container *ngTemplateOutlet=\"refTransactionTemplate; context: { $implicit: refTransaction }\"></ng-container>\n </ng-container>\n </div>\n </ng-container>\n <ng-container *ngIf=\"refTransactions.length === 1\">\n <ng-container *ngTemplateOutlet=\"refTransactionTemplate; context: { $implicit: refTransactions[0] }\"></ng-container>\n </ng-container>\n <ng-template #refTransactionTemplate let-ref>\n <div class=\"navigation-button-list-extended-item\">\n <div class=\"transaction-field-wrapper\" *ngIf=\"ref.refRelationName && showRelationButton\">\n <div class=\"inside-field\">\n <co-transaction-line-label [insideLabel]=\"'RELATION'\"></co-transaction-line-label>\n <co-transaction-navigation-button class=\"navigation-relation-button\"\n [label]=\"ref.refRelationName\"\n (buttonClicked)=\"handleRelationClick($event, ref.refRelationId)\"></co-transaction-navigation-button>\n </div>\n </div>\n <div class=\"transaction-field-wrapper\" *ngIf=\"ref.refTransactionNr\">\n <div class=\"inside-field\">\n <co-transaction-line-label [insideLabel]=\"insideLabel\"></co-transaction-line-label>\n <co-transaction-navigation-button\n [label]=\"ref.refTransactionNr\"\n (buttonClicked)=\"handleTransactionClick($event, ref.refTransactionNr)\"></co-transaction-navigation-button>\n </div>\n </div>\n </div>\n </ng-template>\n ",
34871
34872
  animations: [
34872
34873
  animations.trigger("showHideExtended", [
34873
34874
  animations.state("void", animations.style({ height: 0 })),
@@ -34888,6 +34889,7 @@
34888
34889
  emptyLabel: [{ type: i0.Input }],
34889
34890
  refTransactions: [{ type: i0.Input }],
34890
34891
  showRelationButton: [{ type: i0.Input }],
34892
+ insideLabel: [{ type: i0.Input }],
34891
34893
  relationClick: [{ type: i0.Output }],
34892
34894
  transactionClick: [{ type: i0.Output }],
34893
34895
  showClass: [{ type: i0.HostBinding, args: ["class.co-transaction-navigation-button-list",] }],
@@ -43942,7 +43944,7 @@
43942
43944
  TransactionSearchSalesLineSelectTileComponent.decorators = [
43943
43945
  { type: i0.Component, args: [{
43944
43946
  selector: 'co-transaction-search-sales-line-select-tile',
43945
- template: "\n <div class=\"co-transaction-search-sales-line-select-tile-wrapper \" observeVisibility #observer=visibilityObserve\n (visibilityChange)=\"handleVisibilityChange($event)\" *ngIf=\"!extendedTransactionSearch\">\n <co-transaction-order-tile [transaction]=\"transaction\" [showAvatar]=\"true\">\n </co-transaction-order-tile>\n <div class=\"vertical-line \"></div>\n <div class=\"order-lines-container co-small-scrollbar\">\n <div *ngFor=\"let line of lines\">\n <co-transaction-line-tile [line]=\"line\" (click)=\"tileClicked(line)\"></co-transaction-line-tile>\n </div>\n </div>\n </div>\n <div class=\"co-transaction-search-sales-line-select-tile-wrapper \" observeVisibility #observer=visibilityObserve\n (visibilityChange)=\"handleVisibilityChange($event)\" *ngIf=\"extendedTransactionSearch\">\n <co-transaction-order-tile [transaction]=\"transaction\" [showAvatar]=\"true\">\n </co-transaction-order-tile>\n <div class=\"order-lines-container\" (click)=\"onTransactionClick(transaction)\">\n <div class=\"order-lines\" *ngIf=\"transaction.transactionKind !== 'S'\">\n <div class=\"inner-lines\" *ngFor=\"let line of lines\">\n <co-transaction-line-tile [line]=\"line\"></co-transaction-line-tile>\n </div>\n </div>\n <div class=\"service-lines\" *ngIf=\"transaction.transactionKind === 'S'\">\n <div class=\"service-line\">\n <div class=\"service-status\">\n <span class=\"service-label\" [textContent]=\"'STATE' | localize\"></span>\n <span [textContent]=\"transaction.workflowStatusDescription\"></span>\n </div>\n <div class=\"service-message\">\n <span class=\"service-label\" [textContent]=\"'MESSAGE' | localize\"></span>\n <span class=\"message\" [textContent]=\"transaction.serviceMessage\"></span>\n </div>\n </div>\n </div>\n <div class=\"show-order-wrapper\">\n <div class=\"show-order\">\n <co-icon [iconData]=\"iconCacheService.getIcon(icons.ChevronRightRegular)\"></co-icon>\n <span [textContent]=\"(transaction.transactionKind === 'S' ? ('SHOW_SERVICE' | localize) : ('SHOW_ORDER' | localize))\"></span>\n </div>\n </div>\n </div>\n </div>\n ",
43947
+ template: "\n <div class=\"co-transaction-search-sales-line-select-tile-wrapper \" observeVisibility #observer=visibilityObserve\n (visibilityChange)=\"handleVisibilityChange($event)\" *ngIf=\"!extendedTransactionSearch\">\n <co-transaction-order-tile [transaction]=\"transaction\" [showAvatar]=\"true\">\n </co-transaction-order-tile>\n <div class=\"order-lines-container co-small-scrollbar\">\n <div class=\"order-lines\">\n <div class=\"inner-lines\" *ngFor=\"let line of lines\">\n <co-transaction-line-tile [line]=\"line\" (click)=\"tileClicked(line)\"></co-transaction-line-tile>\n </div>\n </div>\n </div>\n </div>\n <div class=\"co-transaction-search-sales-line-select-tile-wrapper \" observeVisibility #observer=visibilityObserve\n (visibilityChange)=\"handleVisibilityChange($event)\" *ngIf=\"extendedTransactionSearch\">\n <co-transaction-order-tile [transaction]=\"transaction\" [showAvatar]=\"true\">\n </co-transaction-order-tile>\n <div class=\"order-lines-container\" (click)=\"onTransactionClick(transaction)\">\n <div class=\"order-lines\" *ngIf=\"transaction.transactionKind !== 'S'\">\n <div class=\"inner-lines\" *ngFor=\"let line of lines\">\n <co-transaction-line-tile [line]=\"line\"></co-transaction-line-tile>\n </div>\n </div>\n <div class=\"service-lines\" *ngIf=\"transaction.transactionKind === 'S'\">\n <div class=\"service-line\">\n <div class=\"service-status\">\n <span class=\"service-label\" [textContent]=\"'STATE' | localize\"></span>\n <span [textContent]=\"transaction.workflowStatusDescription\"></span>\n </div>\n <div class=\"service-message\">\n <span class=\"service-label\" [textContent]=\"'MESSAGE' | localize\"></span>\n <span class=\"message\" [textContent]=\"transaction.serviceMessage\"></span>\n </div>\n </div>\n </div>\n <div class=\"show-order-wrapper\">\n <div class=\"show-order\">\n <co-icon [iconData]=\"iconCacheService.getIcon(icons.ChevronRightRegular)\"></co-icon>\n <span [textContent]=\"(transaction.transactionKind === 'S' ? ('SHOW_SERVICE' | localize) : ('SHOW_ORDER' | localize))\"></span>\n </div>\n </div>\n </div>\n </div>\n ",
43946
43948
  encapsulation: i0.ViewEncapsulation.None
43947
43949
  },] }
43948
43950
  ];
@@ -48223,7 +48225,7 @@
48223
48225
  TransactionHeaderReferenceComponent.decorators = [
48224
48226
  { type: i0.Component, args: [{
48225
48227
  selector: "co-transaction-header-reference",
48226
- template: "\n <span *ngIf=\"(!editMode || transactionHeaderService.readonly) && !defaultEditMode\" [textContent]=\"transactionInfo.ownReference\"></span>\n <co-input-text #input *ngIf=\"editMode || defaultEditMode\"\n [hidden]=\"hidden\"\n [placeholder]=\"showLabel ? ('REFERENCE' | localize) : ''\"\n [showSaveCancel]=\"!transactionHeaderService.readonly\"\n [readonly]=\"readonly || transactionHeaderService.readonly\"\n [model]=\"transactionInfo.ownReference\"\n [tooltip]=\"tooltipMessage\"\n (blur)=\"editMode = false\"\n ></co-input-text>\n ",
48228
+ template: "\n <span *ngIf=\"(!editMode || transactionHeaderService.readonly) && !defaultEditMode\" [textContent]=\"transactionInfo.ownReference\"></span>\n <co-input-text #input *ngIf=\"editMode || defaultEditMode\"\n [hidden]=\"hidden\" [maxLength]=\"30\"\n [placeholder]=\"showLabel ? ('REFERENCE' | localize) : ''\"\n [showSaveCancel]=\"!transactionHeaderService.readonly\"\n [readonly]=\"readonly || transactionHeaderService.readonly\"\n [model]=\"transactionInfo.ownReference\"\n [tooltip]=\"tooltipMessage\"\n (blur)=\"editMode = false\"\n ></co-input-text>\n ",
48227
48229
  providers: [
48228
48230
  {
48229
48231
  provide: corecomponents_v12.SCREEN_CONFIG_ADAPTER_COMPONENT_INTERFACE_NAME,
@@ -48305,7 +48307,7 @@
48305
48307
  TransactionHeaderRelationReferenceComponent.decorators = [
48306
48308
  { type: i0.Component, args: [{
48307
48309
  selector: "co-transaction-header-relation-reference",
48308
- template: "\n <span *ngIf=\"(!editMode || transactionHeaderService.readonly) && !defaultEditMode\" [textContent]=\"transactionInfo.relationReference\"></span>\n <co-input-text #input *ngIf=\"editMode || defaultEditMode\"\n [hidden]=\"hidden\"\n [placeholder]=\"showLabel ? ('REFERENCE_RELATION' | localize) : ''\"\n [showSaveCancel]=\"!transactionHeaderService.readonly\"\n [readonly]=\"readonly || transactionHeaderService.readonly\"\n [model]=\"transactionInfo.relationReference\"\n [tooltip]=\"tooltipMessage\"\n (blur)=\"editMode = false\"\n ></co-input-text>\n ",
48310
+ template: "\n <span *ngIf=\"(!editMode || transactionHeaderService.readonly) && !defaultEditMode\" [textContent]=\"transactionInfo.relationReference\"></span>\n <co-input-text #input *ngIf=\"editMode || defaultEditMode\"\n [hidden]=\"hidden\" [maxLength]=\"30\"\n [placeholder]=\"showLabel ? ('REFERENCE_RELATION' | localize) : ''\"\n [showSaveCancel]=\"!transactionHeaderService.readonly\"\n [readonly]=\"readonly || transactionHeaderService.readonly\"\n [model]=\"transactionInfo.relationReference\"\n [tooltip]=\"tooltipMessage\"\n (blur)=\"editMode = false\"\n ></co-input-text>\n ",
48309
48311
  providers: [
48310
48312
  {
48311
48313
  provide: corecomponents_v12.SCREEN_CONFIG_ADAPTER_COMPONENT_INTERFACE_NAME,
@@ -54420,19 +54422,21 @@
54420
54422
  var request;
54421
54423
  var _this = this;
54422
54424
  return __generator(this, function (_a) {
54423
- request = new calculateAmountToPayRequest.CalculateAmountToPayRequest();
54424
- request.transactionUuid = this.transactionUuid;
54425
- if (this._transactionHeaderService.transactionInfo.allowPartialDelivery) {
54426
- this._paymentConnectorService.calculateAmountToPayWithLineSelection(request).then(function (data) {
54427
- _this.transactionService.remainingAmount = data ? data.amountToPay : 0;
54428
- _this.remainingAmountChange.next(data ? data.amountToPay : 0);
54429
- });
54430
- }
54431
- else {
54432
- this._paymentConnectorService.calculateAmountToPay(request).then(function (data) {
54433
- _this.transactionService.remainingAmount = data ? data.amountToPay : 0;
54434
- _this.remainingAmountChange.next(data ? data.amountToPay : 0);
54435
- });
54425
+ if (this.transactionUuid) {
54426
+ request = new calculateAmountToPayRequest.CalculateAmountToPayRequest();
54427
+ request.transactionUuid = this.transactionUuid;
54428
+ if (this._transactionHeaderService.transactionInfo.allowPartialDelivery) {
54429
+ this._paymentConnectorService.calculateAmountToPayWithLineSelection(request).then(function (data) {
54430
+ _this.transactionService.remainingAmount = data ? data.amountToPay : 0;
54431
+ _this.remainingAmountChange.next(data ? data.amountToPay : 0);
54432
+ });
54433
+ }
54434
+ else {
54435
+ this._paymentConnectorService.calculateAmountToPay(request).then(function (data) {
54436
+ _this.transactionService.remainingAmount = data ? data.amountToPay : 0;
54437
+ _this.remainingAmountChange.next(data ? data.amountToPay : 0);
54438
+ });
54439
+ }
54436
54440
  }
54437
54441
  return [2 /*return*/];
54438
54442
  });
@@ -60222,17 +60226,17 @@
60222
60226
  case 2:
60223
60227
  _b.sent();
60224
60228
  if (this.stepper.skipSteps.length > 0) {
60225
- this.stepper.openToIndex(4);
60229
+ this.openStep = 4;
60226
60230
  }
60227
60231
  else {
60228
- this.stepper.openToIndex(3);
60232
+ this.openStep = 3;
60229
60233
  }
60230
60234
  return [3 /*break*/, 4];
60231
60235
  case 3:
60232
60236
  if (this._externallyProvidedCustomer) {
60233
60237
  this.noLockOnCustomerSet = true;
60234
60238
  this.createService.relation = this._externallyProvidedCustomer;
60235
- this.stepper.openToIndex(2);
60239
+ this.openStep = 2;
60236
60240
  }
60237
60241
  _b.label = 4;
60238
60242
  case 4: return [2 /*return*/];
@@ -60245,7 +60249,7 @@
60245
60249
  TransactionCreateWizardComponent.decorators = [
60246
60250
  { type: i0.Component, args: [{
60247
60251
  selector: "co-transaction-create-wizard",
60248
- template: "\n <co-click-block></co-click-block>\n <ng-container *ngIf=\"isReady\">\n <co-simple-vertical-stepper [stepButtonLabels]=\"['Volgende', 'Volgende', 'Volgende', 'Volgende', 'Afronden']\"\n #stepper [titleIcon]=\"Icon.ServiceCartRegular\" [title]=\"'CREATE_SERVICE' | localize\" [doNotShowOKOnSteps]=\"[3, 5]\">\n <co-stepper-step #stepRelationSection [index]=\"1\" [label]=\"'PERSONAL_DATA' | localize\" (validateStep)=\"handleRelationValidation()\">\n\n <co-service-wizard-relation #relationSection [noLockOnCustomerSet]=\"noLockOnCustomerSet\" [forceReadonly]=\"noLockOnCustomerSet\"\n *ngIf=\"stepRelationSection.show\"\n class=\"category-content\"\n [(relation)]=\"createService.relation\"\n [(transaction)]=\"createService.currentTransaction\"\n [forceReadonly]=\"(createService.currentTransaction.transactionInfo.uuid !== undefined)\"\n [showInvoiceAddress]=\"false\"\n [showPrivacy]=\"false\"\n [showMessageForChangeCustomer]=\"true\"\n (changeCustomerRequested)=\"resetWizard()\"\n [customerPortal]=\"customerPortal\"\n ></co-service-wizard-relation>\n </co-stepper-step>\n <co-stepper-step #stepTransactionSection [index]=\"2\" [label]=\"'HOW_TO_CREATE_SERVICE' | localize\" (validateStep)=\"handleTransactionValidation()\">\n <co-service-wizard-create-service #transactionSection [relation]=\"createService.relation\" [forceReadonly]=\"(createService.currentTransaction.transactionInfo.uuid !== undefined)\"\n [existingTransaction]=\"existingTransaction\"\n [existingTransactionLine]=\"existingTransactionLine\"\n [buttonsVisible]=\"buttonsVisible\"\n [afterSalesSystem]=\"createService.afterSalesSystemParam\"></co-service-wizard-create-service>\n </co-stepper-step>\n <co-stepper-step #stepWizardSection [index]=\"3\" [label]=\"'SERVICE_WIZARD' | localize\" (validateStep)=\"handleWizardValidation()\">\n <co-service-wizard-questions #wizardSection (wizardFinished)=\"wizardFinished()\" (skipWizard)=\"skipWizard()\"></co-service-wizard-questions>\n </co-stepper-step>\n <co-stepper-step #stepServiceFieldsSection [index]=\"4\" [label]=\"'SERVICE_INFO' | localize\" (validateStep)=\"handleServiceInfoValidation()\">\n <co-service-wizard-service-fields #serviceFieldsSection></co-service-wizard-service-fields>\n </co-stepper-step>\n <co-stepper-step [index]=\"5\" [label]=\"'FINISH' | localize\">\n </co-stepper-step>\n </co-simple-vertical-stepper>\n </ng-container>\n\n ",
60252
+ template: "\n <co-click-block></co-click-block>\n <ng-container *ngIf=\"isReady\">\n <co-simple-vertical-stepper [stepButtonLabels]=\"['Volgende', 'Volgende', 'Volgende', 'Afronden', 'Afronden']\" [openStep]=\"openStep\"\n #stepper [titleIcon]=\"Icon.ServiceCartRegular\" [title]=\"'CREATE_SERVICE' | localize\" [doNotShowOKOnSteps]=\"[3, 5]\">\n <co-stepper-step #stepRelationSection [index]=\"1\" [label]=\"'PERSONAL_DATA' | localize\" (validateStep)=\"handleRelationValidation()\">\n\n <co-service-wizard-relation #relationSection [noLockOnCustomerSet]=\"noLockOnCustomerSet\" [forceReadonly]=\"noLockOnCustomerSet\"\n *ngIf=\"stepRelationSection.show\"\n class=\"category-content\"\n [(relation)]=\"createService.relation\"\n [(transaction)]=\"createService.currentTransaction\"\n [forceReadonly]=\"(createService.currentTransaction.transactionInfo.uuid !== undefined)\"\n [showInvoiceAddress]=\"false\"\n [showPrivacy]=\"false\"\n [showMessageForChangeCustomer]=\"true\"\n (changeCustomerRequested)=\"resetWizard()\"\n [customerPortal]=\"customerPortal\"\n ></co-service-wizard-relation>\n </co-stepper-step>\n <co-stepper-step #stepTransactionSection [index]=\"2\" [label]=\"'HOW_TO_CREATE_SERVICE' | localize\" (validateStep)=\"handleTransactionValidation()\">\n <co-service-wizard-create-service #transactionSection [relation]=\"createService.relation\" [forceReadonly]=\"(createService.currentTransaction.transactionInfo.uuid !== undefined)\"\n [existingTransaction]=\"existingTransaction\"\n [existingTransactionLine]=\"existingTransactionLine\"\n [buttonsVisible]=\"buttonsVisible\"\n [afterSalesSystem]=\"createService.afterSalesSystemParam\"\n [customerPortal]=\"customerPortal\"></co-service-wizard-create-service>\n </co-stepper-step>\n <co-stepper-step #stepWizardSection [index]=\"3\" [label]=\"'SERVICE_WIZARD' | localize\" (validateStep)=\"handleWizardValidation()\">\n <co-service-wizard-questions #wizardSection (wizardFinished)=\"wizardFinished()\" (skipWizard)=\"skipWizard()\"></co-service-wizard-questions>\n </co-stepper-step>\n <co-stepper-step #stepServiceFieldsSection [index]=\"4\" [label]=\"'SERVICE_INFO' | localize\" (validateStep)=\"handleServiceInfoValidation()\">\n <co-service-wizard-service-fields #serviceFieldsSection></co-service-wizard-service-fields>\n </co-stepper-step>\n <co-stepper-step [index]=\"5\" [label]=\"'FINISH' | localize\">\n </co-stepper-step>\n </co-simple-vertical-stepper>\n </ng-container>\n\n ",
60249
60253
  providers: [TransactionCreateService, TransactionHeaderService],
60250
60254
  encapsulation: i0.ViewEncapsulation.None
60251
60255
  },] }
@@ -60289,6 +60293,31 @@
60289
60293
  SimpleVerticalStepperComponent.prototype.showClass = function () {
60290
60294
  return true;
60291
60295
  };
60296
+ Object.defineProperty(SimpleVerticalStepperComponent.prototype, "openStep", {
60297
+ set: function (step) {
60298
+ if (step) {
60299
+ this._openStep = step;
60300
+ this.openToIndex(this._openStep);
60301
+ }
60302
+ },
60303
+ enumerable: false,
60304
+ configurable: true
60305
+ });
60306
+ Object.defineProperty(SimpleVerticalStepperComponent.prototype, "content", {
60307
+ set: function (children) {
60308
+ var _this = this;
60309
+ this.stepChildren = children.toArray();
60310
+ if (this.stepChildren) {
60311
+ setTimeout(function () {
60312
+ if (!_this._openStep) {
60313
+ _this.setActive(0);
60314
+ }
60315
+ });
60316
+ }
60317
+ },
60318
+ enumerable: false,
60319
+ configurable: true
60320
+ });
60292
60321
  Object.defineProperty(SimpleVerticalStepperComponent.prototype, "currentStepButton", {
60293
60322
  get: function () {
60294
60323
  return this.stepButtonLabels[this.activeStep] || 'Volgende';
@@ -60299,31 +60328,39 @@
60299
60328
  SimpleVerticalStepperComponent.prototype.continueRequested = function () {
60300
60329
  this.validateCurrentStep();
60301
60330
  };
60331
+ SimpleVerticalStepperComponent.prototype.prepareSteps = function () {
60332
+ _super.prototype.prepareSteps.call(this);
60333
+ if (this._openStep) {
60334
+ this.openToIndex(this._openStep);
60335
+ }
60336
+ };
60302
60337
  //Beware this method bypasses verification of steps! Please only use it if you are certain that is appropriate.
60303
60338
  SimpleVerticalStepperComponent.prototype.openToIndex = function (idx) {
60304
60339
  var _this = this;
60305
- var counter = 0;
60306
- while (counter < this.stepChildren.length) {
60307
- if (counter <= (idx - 1)) {
60308
- if (this.skipSteps.findIndex(function (n) { return n === _this.stepChildren[counter].index; }) >= 0) {
60309
- this.stepChildren[counter].show = false;
60340
+ if (this.stepChildren && this.stepChildren.length > 0 && this.activeStep != idx - 1) {
60341
+ var counter_1 = 0;
60342
+ while (counter_1 < this.stepChildren.length) {
60343
+ if (counter_1 <= (idx - 1)) {
60344
+ if (this.skipSteps.findIndex(function (n) { return n === _this.stepChildren[counter_1].index; }) >= 0) {
60345
+ this.stepChildren[counter_1].show = false;
60346
+ }
60347
+ else {
60348
+ this.stepChildren[counter_1].show = true;
60349
+ }
60310
60350
  }
60311
60351
  else {
60312
- this.stepChildren[counter].show = true;
60352
+ this.stepChildren[counter_1].show = false;
60313
60353
  }
60354
+ counter_1++;
60355
+ }
60356
+ if (this.doNotShowOKOnSteps.findIndex(function (n) { return n === _this.stepChildren[idx - 1].index; }) >= 0) {
60357
+ this.showOk = false;
60314
60358
  }
60315
60359
  else {
60316
- this.stepChildren[counter].show = false;
60360
+ this.showOk = true;
60317
60361
  }
60318
- counter++;
60319
- }
60320
- if (this.doNotShowOKOnSteps.findIndex(function (n) { return n === _this.stepChildren[idx - 1].index; }) >= 0) {
60321
- this.showOk = false;
60362
+ this.activeStep = idx - 1;
60322
60363
  }
60323
- else {
60324
- this.showOk = true;
60325
- }
60326
- this.activeStep = idx - 1;
60327
60364
  };
60328
60365
  SimpleVerticalStepperComponent.prototype.validateCurrentStep = function (nextStep) {
60329
60366
  var _this = this;
@@ -60374,7 +60411,9 @@
60374
60411
  doNotShowOKOnSteps: [{ type: i0.Input }],
60375
60412
  skipSteps: [{ type: i0.Input }],
60376
60413
  stepButton: [{ type: i0.Input }],
60377
- stepButtonLabels: [{ type: i0.Input }]
60414
+ stepButtonLabels: [{ type: i0.Input }],
60415
+ openStep: [{ type: i0.Input }],
60416
+ content: [{ type: i0.ContentChildren, args: [StepperStepComponent,] }]
60378
60417
  };
60379
60418
 
60380
60419
  var SimpleVerticalStepperModule = /** @class */ (function () {
@@ -60811,6 +60850,7 @@
60811
60850
  this.forceReadonly = false;
60812
60851
  this.afterSalesSystem = false;
60813
60852
  this.buttonsVisible = true;
60853
+ this.customerPortal = false;
60814
60854
  this.oldOrderId = "";
60815
60855
  this.oldGoodId = "";
60816
60856
  }
@@ -60849,7 +60889,7 @@
60849
60889
  ServiceWizardCreateServiceComponent.decorators = [
60850
60890
  { type: i0.Component, args: [{
60851
60891
  selector: 'co-service-wizard-create-service',
60852
- template: "\n <div class=\"transaction-header-popup-category-wrapper co-small-scrollbar\">\n <co-service-wizard-art-or-trans *ngIf=\"!afterSalesSystem\"\n [forceReadonly]=\"forceReadonly\"\n [buttonsVisible]=\"buttonsVisible\"\n [existingTransaction]=\"existingTransaction\"\n [existingTransactionLine]=\"existingTransactionLine\"\n [relation]=\"relation\"\n [(oldOrderId)]=\"oldOrderId\"\n [(oldGoodId)]=\"oldGoodId\"\n (transLineChosen)=\"transLineChosen($event)\"\n (articleChosen)=\"articleChosen($event)\"></co-service-wizard-art-or-trans>\n <co-service-wizard-sla *ngIf=\"afterSalesSystem\" (slaSelected)=\"slaSelected($event)\"></co-service-wizard-sla>\n </div>\n ",
60892
+ template: "\n <div class=\"transaction-header-popup-category-wrapper co-small-scrollbar\">\n <co-service-wizard-art-or-trans *ngIf=\"!afterSalesSystem\"\n [forceReadonly]=\"forceReadonly\"\n [buttonsVisible]=\"buttonsVisible\"\n [existingTransaction]=\"existingTransaction\"\n [existingTransactionLine]=\"existingTransactionLine\"\n [relation]=\"relation\"\n [(oldOrderId)]=\"oldOrderId\"\n [(oldGoodId)]=\"oldGoodId\"\n (transLineChosen)=\"transLineChosen($event)\"\n (articleChosen)=\"articleChosen($event)\"\n [customerPortal]=\"customerPortal\"></co-service-wizard-art-or-trans>\n <co-service-wizard-sla *ngIf=\"afterSalesSystem\" (slaSelected)=\"slaSelected($event)\"></co-service-wizard-sla>\n </div>\n ",
60853
60893
  providers: [
60854
60894
  TransactionSearchService
60855
60895
  ],
@@ -60868,7 +60908,8 @@
60868
60908
  afterSalesSystem: [{ type: i0.Input }],
60869
60909
  existingTransaction: [{ type: i0.Input }],
60870
60910
  existingTransactionLine: [{ type: i0.Input }],
60871
- buttonsVisible: [{ type: i0.Input }]
60911
+ buttonsVisible: [{ type: i0.Input }],
60912
+ customerPortal: [{ type: i0.Input }]
60872
60913
  };
60873
60914
 
60874
60915
  var ServiceWizardServiceFieldsComponent = /** @class */ (function () {
@@ -60917,7 +60958,7 @@
60917
60958
  ServiceWizardServiceFieldsComponent.decorators = [
60918
60959
  { type: i0.Component, args: [{
60919
60960
  selector: 'co-service-wizard-service-fields',
60920
- template: "\n <div class=\"transaction-header-popup-category-wrapper\">\n <co-form>\n <div>\n <h4 class=\"question\" [textContent]=\"'DESCRIPTION' | localize\"></h4>\n <br>\n <co-input-textarea [(model)]=\"serviceMessage\"></co-input-textarea>\n </div>\n <div class=\"files-upload co-small-scrollbar\">\n <co-files-upload class=\"files-upload-component\" [label]=\"'ADD_IMAGES' | localize\" (documentChangeEvent)=\"upsertDocument($event)\" (documentDeleted)=\"deleteDocument($event)\" [documents]=\"documents\"></co-files-upload>\n </div>\n </co-form>\n </div>\n ",
60961
+ template: "\n <div class=\"transaction-header-popup-category-wrapper\">\n <co-form>\n <div>\n <span class=\"question\" [textContent]=\"'DESCRIPTION' | localize\"></span>\n <br>\n <co-input-textarea [(model)]=\"serviceMessage\"></co-input-textarea>\n </div>\n <div class=\"files-upload co-small-scrollbar\">\n <co-files-upload class=\"files-upload-component\" [label]=\"'ADD_IMAGES' | localize\" (documentChangeEvent)=\"upsertDocument($event)\" (documentDeleted)=\"deleteDocument($event)\" [documents]=\"documents\"></co-files-upload>\n </div>\n </co-form>\n </div>\n ",
60921
60962
  providers: [
60922
60963
  corecomponents_v12.FormMasterService
60923
60964
  ],
@@ -60939,6 +60980,7 @@
60939
60980
  this.transactionSearchService = transactionSearchService;
60940
60981
  this.imageService = imageService;
60941
60982
  this.forceReadonly = false;
60983
+ this.customerPortal = false;
60942
60984
  this.buttonsVisible = true;
60943
60985
  this.transLineChosen = new i0.EventEmitter();
60944
60986
  this.articleChosen = new i0.EventEmitter();
@@ -61087,7 +61129,7 @@
61087
61129
  ServiceWizardArtOrTransComponent.decorators = [
61088
61130
  { type: i0.Component, args: [{
61089
61131
  selector: 'co-service-wizard-art-or-trans',
61090
- template: "\n <div class=\"transaction-header-popup-category-wrapper co-small-scrollbar\">\n <co-form>\n <div class=\"header-relation-content\">\n <div class=\"transaction-header-popup-section general\">\n <div class=\"transaction-header-popup-section-label\">\n <span [textContent]=\"'02'\"></span>\n <span class=\"label-description\" [textContent]=\"'SERVICE_DETAILS' | localize\"></span>\n </div>\n <div class=\"create-transaction-buttons\" *ngIf=\"buttonsVisible\">\n <co-button [label]=\"'SEARCH_ORDER' | localize\" (click)=\"createOrderWithTransactionLineClicked()\" [disabled]=\"forceReadonly\"></co-button>\n <co-button [label]=\"'SEARCH_PRODUCT' | localize\" (click)=\"createOrderWithArticleClicked()\" [disabled]=\"forceReadonly\"></co-button>\n <co-button [label]=\"'WITHOUT_PRODUCT' | localize\" (click)=\"createOrderFromOldTrans()\" [disabled]=\"forceReadonly\"></co-button>\n </div>\n <div *ngIf=\"createViaTransLine\" class=\"create-via-transaction\">\n <div class=\"service-data-header\">\n <span class=\"data-description\" [textContent]=\"existingTransactionTitleText\"></span>\n <!-- <span class=\"toggle-change\" [textContent]=\"'CHANGE' | localize\" (click)=\"createOrderWithTransactionLineClicked(); forceReadonly = false\"></span>-->\n </div>\n <div *ngIf=\"existingTransactionLine\" class=\"create-via-transaction-result-display\">\n <co-image-display [model]=\"existingTransactionLine?.articleImageData\"></co-image-display>\n <span [textContent]=\"existingTransactionLine?.goodDescription\"></span>\n <span [textContent]=\"existingTransactionLine?.articleBoundConcatenatedText\"></span>\n <span [textContent]=\"existingTransactionLine?.price | currency: 'EUR'\"></span>\n </div>\n <div *ngIf=\"chosenTransactionLine\" class=\"create-via-transaction-result-display\">\n <co-image-display [model]=\"transactionImage\"></co-image-display>\n <span [textContent]=\"chosenTransactionLine?.goodDescription\"></span>\n </div>\n </div>\n <div *ngIf=\"createViaProduct\" class=\"create-via-product\">\n <div class=\"create-via-product-result-display\">\n <co-image-display [model]=\"chosenArticle?.imageData\"></co-image-display>\n <span [textContent]=\"chosenArticle?.description\"></span>\n <span [textContent]=\"chosenArticle?.price | currency: 'EUR'\"></span>\n </div>\n </div>\n <div *ngIf=\"createViaOldTrans\">\n <co-input-text [placeholder]=\"'TRANSACTION' | localize\" [(model)]=\"oldOrderId\" [required]=\"createViaOldTrans\" [disabled]=\"forceReadonly\"\n (modelChange)=\"oldOrderIdChange.emit($event)\"></co-input-text>\n <co-input-text [placeholder]=\"'PRODUCT' | localize\" [(model)]=\"oldGoodId\" [required]=\"createViaOldTrans\" [disabled]=\"forceReadonly\"\n (modelChange)=\"oldGoodIdChange.emit($event)\"></co-input-text>\n </div>\n </div>\n </div>\n </co-form>\n <co-dialog-catalog *ngIf=\"showCatalogPopup\"\n [showNavigation]=\"false\"\n [options]=\"catalogOptions\"\n [parameters]=\"catalogParameters\"\n [returnArticleOnTileClick]=\"true\"\n (closeClick)=\"showCatalogPopup = false\"\n (articleClicked)=\"handleCatalogArticleClick($event)\"\n >\n </co-dialog-catalog>\n <co-dialog-transaction-search *ngIf=\"showTransLinePopup\"\n [relation]=\"this.relation\"\n (lineClicked)=\"handleTransactinLineClick($event)\"\n (closeClick)=\"closeTransactionPopup()\">\n </co-dialog-transaction-search>\n </div>\n ",
61132
+ template: "\n <div class=\"transaction-header-popup-category-wrapper co-small-scrollbar\">\n <co-form>\n <div class=\"header-relation-content\">\n <div class=\"transaction-header-popup-section general\">\n <div *ngIf=\"!customerPortal\" class=\"transaction-header-popup-section-label\">\n <span [textContent]=\"'02'\"></span>\n <span class=\"label-description\" [textContent]=\"'SERVICE_DETAILS' | localize\"></span>\n </div>\n <div *ngIf=\"customerPortal\" class=\"transaction-header-popup-section-label\">\n <span class=\"label-description\" [textContent]=\"'ABOUT_ORDER' | localize\"></span>\n </div>\n <div class=\"create-transaction-buttons\" *ngIf=\"buttonsVisible\">\n <co-button [label]=\"'SEARCH_ORDER' | localize\" (click)=\"createOrderWithTransactionLineClicked()\" [disabled]=\"forceReadonly\"></co-button>\n <co-button *ngIf=\"!customerPortal\" [label]=\"'SEARCH_PRODUCT' | localize\" (click)=\"createOrderWithArticleClicked()\" [disabled]=\"forceReadonly\"></co-button>\n <co-button *ngIf=\"!customerPortal\" [label]=\"'WITHOUT_PRODUCT' | localize\" (click)=\"createOrderFromOldTrans()\" [disabled]=\"forceReadonly\"></co-button>\n </div>\n <div *ngIf=\"createViaTransLine\" class=\"create-via-transaction\">\n <div class=\"service-data-header\">\n <span class=\"data-description\" [textContent]=\"existingTransactionTitleText\"></span>\n <!-- <span class=\"toggle-change\" [textContent]=\"'CHANGE' | localize\" (click)=\"createOrderWithTransactionLineClicked(); forceReadonly = false\"></span>-->\n </div>\n <div *ngIf=\"existingTransactionLine\" class=\"create-via-transaction-result-display\">\n <co-image-display [model]=\"existingTransactionLine?.articleImageData\"></co-image-display>\n <span [textContent]=\"existingTransactionLine?.goodDescription\"></span>\n <span [textContent]=\"existingTransactionLine?.articleBoundConcatenatedText\"></span>\n <span [textContent]=\"existingTransactionLine?.price | currency: 'EUR'\"></span>\n </div>\n <div *ngIf=\"chosenTransactionLine\" class=\"create-via-transaction-result-display\">\n <co-image-display [model]=\"transactionImage\"></co-image-display>\n <span [textContent]=\"chosenTransactionLine?.goodDescription\"></span>\n </div>\n </div>\n <div *ngIf=\"createViaProduct\" class=\"create-via-product\">\n <div class=\"create-via-product-result-display\">\n <co-image-display [model]=\"chosenArticle?.imageData\"></co-image-display>\n <span [textContent]=\"chosenArticle?.description\"></span>\n <span [textContent]=\"chosenArticle?.price | currency: 'EUR'\"></span>\n </div>\n </div>\n <div *ngIf=\"createViaOldTrans\">\n <co-input-text [placeholder]=\"'TRANSACTION' | localize\" [(model)]=\"oldOrderId\" [required]=\"createViaOldTrans\" [disabled]=\"forceReadonly\"\n (modelChange)=\"oldOrderIdChange.emit($event)\"></co-input-text>\n <co-input-text [placeholder]=\"'PRODUCT' | localize\" [(model)]=\"oldGoodId\" [required]=\"createViaOldTrans\" [disabled]=\"forceReadonly\"\n (modelChange)=\"oldGoodIdChange.emit($event)\"></co-input-text>\n </div>\n </div>\n </div>\n </co-form>\n <co-dialog-catalog *ngIf=\"showCatalogPopup\"\n [showNavigation]=\"false\"\n [options]=\"catalogOptions\"\n [parameters]=\"catalogParameters\"\n [returnArticleOnTileClick]=\"true\"\n (closeClick)=\"showCatalogPopup = false\"\n (articleClicked)=\"handleCatalogArticleClick($event)\"\n >\n </co-dialog-catalog>\n <co-dialog-transaction-search *ngIf=\"showTransLinePopup\"\n [relation]=\"this.relation\"\n (lineClicked)=\"handleTransactinLineClick($event)\"\n (closeClick)=\"closeTransactionPopup()\">\n </co-dialog-transaction-search>\n </div>\n ",
61091
61133
  providers: [
61092
61134
  corecomponents_v12.FormMasterService,
61093
61135
  TransactionSearchService
@@ -61108,6 +61150,7 @@
61108
61150
  relation: [{ type: i0.Input }],
61109
61151
  oldOrderId: [{ type: i0.Input }],
61110
61152
  oldGoodId: [{ type: i0.Input }],
61153
+ customerPortal: [{ type: i0.Input }],
61111
61154
  existingTransaction: [{ type: i0.Input }],
61112
61155
  existingTransactionLine: [{ type: i0.Input }],
61113
61156
  buttonsVisible: [{ type: i0.Input }],