@colijnit/transaction 256.1.91 → 256.1.92

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.
@@ -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.91";
37
- this.publishDate = "12/06/2025, 17:27:18";
36
+ this.symVer = "256.1.92";
37
+ this.publishDate = "17-6-2025 19:27:11";
38
38
  }
39
39
  return Version;
40
40
  }());
@@ -27956,6 +27956,7 @@
27956
27956
  var _this = _super.apply(this, __spreadArray([], __read(arguments))) || this;
27957
27957
  _this.category = TransactionTypeCategory;
27958
27958
  _this.showCheckboxForLine = false;
27959
+ _this.refTransList = [];
27959
27960
  _this.statusBarConfigNames = {
27960
27961
  statusBarIB: _this.cfgNames.StatusBarIB,
27961
27962
  statusBarNT: _this.cfgNames.StatusBarNT,
@@ -27977,9 +27978,11 @@
27977
27978
  _this.detectChanges();
27978
27979
  }), this.transactionEventService.transactionLineChanged.subscribe(function (line) {
27979
27980
  if (_this.transactionLine && _this.transactionLine.lineNr === line.lineNr) {
27981
+ _this.refTransList = _this.transactionLine.refTransactions.concat(_this.transactionLine.refServiceTransactions);
27980
27982
  _this.detectChanges();
27981
27983
  }
27982
27984
  }), this.transactionEventService.transactionLineRefTransactionsChanged.subscribe(function (line) {
27985
+ _this.refTransList = _this.transactionLine.refTransactions.concat(_this.transactionLine.refServiceTransactions);
27983
27986
  _this.changeDetector.detectChanges();
27984
27987
  }));
27985
27988
  };
@@ -28003,7 +28006,7 @@
28003
28006
  TransactionPurchaseOverviewLineComponent.decorators = [
28004
28007
  { type: i0.Component, args: [{
28005
28008
  selector: "co-transaction-purchase-overview-line",
28006
- template: "\n <co-transaction-base-line\n [transactionInfo]=\"transactionInfo\"\n [transactionLine]=\"transactionLine\"\n [preview]=\"preview\"\n [isFirst]=\"isFirst\"\n (checkboxValueChanged)=\"selected = $event\">\n <div class=\"transaction-line-wrapper\">\n <div class=\"transaction-line-extended-wrapper\">\n <div class=\"column1 small-statusbar\">\n <co-transaction-line-statusbar\n [screenConfigurationObject]=\"cfgNames.StatusBar\"\n [configNames]=\"statusBarConfigNames\"\n [activeCategory]=\"category.PurchaseOrderOverview\">\n </co-transaction-line-statusbar>\n </div>\n <div class=\"column2 multi-list\">\n <co-transaction-navigation-button-list\n [refTransactions]=\"transactionLine.refTransactions\"\n (relationClick)=\"handleRelationNavigation($event)\"\n (transactionClick)=\"handleTransactionNavigation($event)\"></co-transaction-navigation-button-list>\n </div>\n <div class=\"column3 big-column\">\n\n <div class=\"transaction-field-wrapper\">\n <div class=\"inside-field\">\n <co-transaction-line-warehouse-button\n [screenConfigurationObject]=\"cfgNames.LineWarehouse\"\n [inputLabel]=\"true\"\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-delivery-button\n [screenConfigurationObject]=\"cfgNames.LineDeliveryMethod\"\n [inputLabel]=\"true\"\n ></co-transaction-line-delivery-button>\n </div>\n </div>\n <div class=\"transaction-field-wrapper\">\n <div class=\"inside-field\">\n <co-transaction-line-delivery-date-button class=\"two-column\"\n [screenConfigurationObject]=\"cfgNames.LineDeliveryDate\"\n [inputLabel]=\"true\"\n ></co-transaction-line-delivery-date-button>\n </div>\n </div>\n </div>\n <div class=\"column4\">\n <div class=\"transaction-field-wrapper\">\n <div class=\"inside-field\">\n <co-transaction-line-vat-button\n [screenConfigurationObject]=\"cfgNames.LineVat\"\n [inputLabel]=\"true\"\n ></co-transaction-line-vat-button>\n </div>\n </div>\n <div class=\"transaction-field-wrapper\">\n <div class=\"inside-field\">\n <co-transaction-line-price class=\"transaction-line-totals-price price\"\n [screenConfigurationObject]=\"cfgNames.LinePrice\"\n [showLabel]=\"false\"\n [defaultEditMode]=\"false\"\n [inputLabel]=\"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-discount-button\n [screenConfigurationObject]=\"cfgNames.LineDiscount\"\n [inputLabel]=\"true\"\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-amount class=\"amount-number-picker\"\n [screenConfigurationObject]=\"cfgNames.LineAmount\"\n [inputLabel]=\"true\"\n >\n </co-transaction-line-amount>\n </div>\n </div>\n <div class=\"transaction-field-wrapper\">\n <div class=\"inside-field\">\n <co-editable-label class=\"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 </div>\n </div>\n </co-transaction-base-line>\n ",
28009
+ template: "\n <co-transaction-base-line\n [transactionInfo]=\"transactionInfo\"\n [transactionLine]=\"transactionLine\"\n [preview]=\"preview\"\n [isFirst]=\"isFirst\"\n (checkboxValueChanged)=\"selected = $event\">\n <div class=\"transaction-line-wrapper\">\n <div class=\"transaction-line-extended-wrapper\">\n <div class=\"column1 small-statusbar\">\n <co-transaction-line-statusbar\n [screenConfigurationObject]=\"cfgNames.StatusBar\"\n [configNames]=\"statusBarConfigNames\"\n [activeCategory]=\"category.PurchaseOrderOverview\">\n </co-transaction-line-statusbar>\n </div>\n <div class=\"column2 multi-list\">\n <co-transaction-navigation-button-list\n [refTransactions]=\"refTransList\"\n (relationClick)=\"handleRelationNavigation($event)\"\n (transactionClick)=\"handleTransactionNavigation($event)\"></co-transaction-navigation-button-list>\n </div>\n <div class=\"column3 big-column\">\n\n <div class=\"transaction-field-wrapper\">\n <div class=\"inside-field\">\n <co-transaction-line-warehouse-button\n [screenConfigurationObject]=\"cfgNames.LineWarehouse\"\n [inputLabel]=\"true\"\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-delivery-button\n [screenConfigurationObject]=\"cfgNames.LineDeliveryMethod\"\n [inputLabel]=\"true\"\n ></co-transaction-line-delivery-button>\n </div>\n </div>\n <div class=\"transaction-field-wrapper\">\n <div class=\"inside-field\">\n <co-transaction-line-delivery-date-button class=\"two-column\"\n [screenConfigurationObject]=\"cfgNames.LineDeliveryDate\"\n [inputLabel]=\"true\"\n ></co-transaction-line-delivery-date-button>\n </div>\n </div>\n </div>\n <div class=\"column4\">\n <div class=\"transaction-field-wrapper\">\n <div class=\"inside-field\">\n <co-transaction-line-vat-button\n [screenConfigurationObject]=\"cfgNames.LineVat\"\n [inputLabel]=\"true\"\n ></co-transaction-line-vat-button>\n </div>\n </div>\n <div class=\"transaction-field-wrapper\">\n <div class=\"inside-field\">\n <co-transaction-line-price class=\"transaction-line-totals-price price\"\n [screenConfigurationObject]=\"cfgNames.LinePrice\"\n [showLabel]=\"false\"\n [defaultEditMode]=\"false\"\n [inputLabel]=\"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-discount-button\n [screenConfigurationObject]=\"cfgNames.LineDiscount\"\n [inputLabel]=\"true\"\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-amount class=\"amount-number-picker\"\n [screenConfigurationObject]=\"cfgNames.LineAmount\"\n [inputLabel]=\"true\"\n >\n </co-transaction-line-amount>\n </div>\n </div>\n <div class=\"transaction-field-wrapper\">\n <div class=\"inside-field\">\n <co-editable-label class=\"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 </div>\n </div>\n </co-transaction-base-line>\n ",
28007
28010
  encapsulation: i0.ViewEncapsulation.None,
28008
28011
  changeDetection: i0.ChangeDetectionStrategy.OnPush
28009
28012
  },] }
@@ -36658,12 +36661,28 @@
36658
36661
  this.showExtended = false;
36659
36662
  this.transactionClick.emit(transNr);
36660
36663
  };
36664
+ TransactionNavigationButtonListComponent.prototype.orderInsideLabelFunction = function (ref) {
36665
+ switch (ref.refTransactionType) {
36666
+ case transactionKind_enum.TransactionKind.SalesOrder:
36667
+ return 'SALES_ORDER';
36668
+ break;
36669
+ case transactionKind_enum.TransactionKind.PurchaseOrder:
36670
+ return 'PURCHASE_ORDER';
36671
+ break;
36672
+ case transactionKind_enum.TransactionKind.ServiceOrder:
36673
+ return 'SERVICE_ORDER';
36674
+ break;
36675
+ default:
36676
+ return this.insideLabel;
36677
+ break;
36678
+ }
36679
+ };
36661
36680
  return TransactionNavigationButtonListComponent;
36662
36681
  }());
36663
36682
  TransactionNavigationButtonListComponent.decorators = [
36664
36683
  { type: i0.Component, args: [{
36665
36684
  selector: "co-transaction-navigation-button-list",
36666
- 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-line-label *ngIf=\"inputLabel\" [class.red-label]=\"redService\"\n [insideLabel]=\"insideLabel\"></co-transaction-line-label>\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 ",
36685
+ 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-line-label *ngIf=\"inputLabel\" [class.red-label]=\"redService\"\n [insideLabel]=\"insideLabel\"></co-transaction-line-label>\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]=\"orderInsideLabelFunction(ref)\"></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 ",
36667
36686
  animations: [
36668
36687
  animations.trigger("showHideExtended", [
36669
36688
  animations.state("void", animations.style({ height: 0 })),
@@ -56628,7 +56647,7 @@
56628
56647
  TransactionHeaderCustomerPortalComponent.decorators = [
56629
56648
  { type: i0.Component, args: [{
56630
56649
  selector: 'co-transaction-header-customer-portal',
56631
- template: "\n <div class=\"transaction-header-customer-portal\">\n <div class=\"transaction-order-lines-wrapper\">\n <div class=\"transaction-order-info\" *ngIf=\"transaction.transactionInfo.transactionKind !== 'S'\">\n <div class=\"order-number-info\">\n <span [textContent]=\"'ORDER_NUMBER' | localize\"></span>\n <span [textContent]=\"transaction.transactionInfo.transactionNr\"></span>\n </div>\n <div class=\"order-details-info\">\n <div class=\"order-detail-section\">\n <co-icon [iconData]=\"iconCacheService.getIcon(icons.RegularCartShoppingClock)\" class=\"store-icon\"></co-icon>\n <div class=\"value\">\n <span [textContent]=\"transaction.transactionInfo.transactionDate | date:'dd-MM-yyyy'\" [title]=\"'TRANSACTION_DATE' | localize\"></span>\n </div>\n </div>\n <div class=\"order-detail-section\" *ngIf=\"transaction.transactionInfo.deliveryDate\">\n <co-icon [iconData]=\"iconCacheService.getIcon(icons.RegularTruckMovingClock)\" class=\"store-icon\"></co-icon>\n <div class=\"value\" *ngIf=\"!transaction.transactionInfo.deliveryDateDefinitive\">\n <span class=\"expected\" [textContent]=\"'EXPECTED_DELIVERY_WEEK' | localize\"></span>\n <span class=\"expected-label\">\n <span [textContent]=\"'WEEK' | localize\"></span><span [textContent]=\"getWeekNumber(transaction.transactionInfo.deliveryDate)\"></span>\n </span>\n </div>\n <div class=\"value\" *ngIf=\"transaction.transactionInfo.deliveryDateDefinitive\">\n <span [textContent]=\"transaction.transactionInfo.deliveryDate | date:'dd-MM-yyyy'\" [title]=\"'DELIVERY_DATE' | localize\"></span>\n </div>\n </div>\n <div class=\"order-detail-section\">\n <co-icon [iconData]=\"iconCacheService.getIcon(icons.RegularCartShoppingTag)\" class=\"store-icon\"></co-icon>\n <div class=\"value totals-wrapper\">\n <span [textContent]=\"transactionTotal?.netAmount | coCurrency: true\"></span>\n <div class=\"totals-summary\" *ngIf=\"transactionTotal?.totalDiscountAmount > 0 || transactionTotal?.orderTotalDeliveryCostsAmount > 0\">\n <co-icon [iconData]=\"iconCacheService.getIcon(icons.FileCircleInfoRegular)\" class=\"store-icon\"></co-icon>\n <div class=\"totals-dropdown\">\n <span class=\"summary gross\">\n <span [textContent]=\"'TOTAL_GROSS' | localize\"></span><span [textContent]=\"transactionTotal?.grossAmount | coCurrency: true\"></span>\n </span>\n <span class=\"summary discount\" *ngIf=\"transactionTotal?.totalDiscountAmount > 0\">\n <span [textContent]=\"'DELIVERY_COSTS' | localize\"></span><span [textContent]=\"transactionTotal?.totalDiscountAmount | coCurrency: true\"></span>\n </span>\n <span class=\"summary delivery\" *ngIf=\"transactionTotal?.orderTotalDeliveryCostsAmount > 0\">\n <span [textContent]=\"'DELIVERY_COSTS' | localize\"></span><span [textContent]=\"transactionTotal?.orderTotalDeliveryCostsAmount | coCurrency: true\"></span>\n </span>\n <span class=\"summary total\">\n <span [textContent]=\"'TOTAL_AMOUNT' | localize\"></span><span [textContent]=\"transactionTotal?.netAmount | coCurrency: true\"></span>\n </span>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n <div class=\"transaction-order-info service-wrapper\" *ngIf=\"transaction.transactionInfo.transactionKind == 'S'\">\n <div class=\"order-number-info\">\n <span [textContent]=\"'SERVICE_NUMBER' | localize\"></span>\n <span [textContent]=\"transaction.transactionInfo.transactionNr\"></span>\n </div>\n <div class=\"order-details-info\">\n <div class=\"order-detail-section\">\n <co-icon [iconData]=\"iconCacheService.getIcon(icons.RegularCartShoppingClock)\" class=\"store-icon\"></co-icon>\n <div class=\"value\">\n <span [textContent]=\"transaction.transactionInfo.transactionDate | date:'dd-MM-yyyy'\"></span>\n </div>\n </div>\n <div class=\"order-detail-section\" *ngIf=\"transaction.transactionInfo.deliveryDate\">\n <co-icon [iconData]=\"iconCacheService.getIcon(icons.RegularTruckMovingClock)\" class=\"store-icon\"></co-icon>\n <div class=\"value\" *ngIf=\"!transaction.transactionInfo.deliveryDateDefinitive\">\n <span class=\"expected\" [textContent]=\"'EXPECTED_DELIVERY_WEEK' | localize\"></span>\n <span class=\"expected-label\">\n <span [textContent]=\"'WEEK' | localize\"></span><span [textContent]=\"getWeekNumber(transaction.transactionInfo.deliveryDate)\"></span>\n </span>\n </div>\n <div class=\"value\" *ngIf=\"transaction.transactionInfo.deliveryDateDefinitive\">\n <span [textContent]=\"transaction.transactionInfo.deliveryDate | date:'dd-MM-yyyy'\"></span>\n </div>\n </div>\n <div class=\"order-detail-section\">\n <co-icon [iconData]=\"iconCacheService.getIcon(icons.RegularCartShoppingTag)\" class=\"store-icon\"></co-icon>\n <div class=\"value\">\n <span [textContent]=\"transactionTotal?.netAmount | coCurrency: true\"></span>\n </div>\n </div>\n </div>\n </div>\n </div>\n <div class=\"planning-request-button-wrapper\" *ngIf=\"showPreferredPlanning && !showPlanningDialog\"\n (click)=\"checkCanPlanDelivery()\">\n <div class=\"preferred-delivery-date\">\n <span [textContent]=\"'PREFERRED_DELIVERY_DATE_HEADER' | localize\"></span>\n <span [textContent]=\"transaction.transactionInfo.preferredDeliveryDate | date:'dd-MM-yyyy'\"></span>\n </div>\n <co-icon class=\"planning-request-button\" [class.co-transaction-check]=\"transaction.transactionInfo.deliveryDateDefinitive\"\n [iconData]=\"iconCacheService.getIcon(icons.CalendarDayRegular)\"></co-icon>\n </div>\n <co-dialog-transaction-planning-request\n *ngIf=\"showPlanningDialog\"\n (closeClick)=\"showPlanningDialog = false\">\n </co-dialog-transaction-planning-request>\n </div>\n ",
56650
+ template: "\n <div class=\"transaction-header-customer-portal\">\n <div class=\"transaction-order-lines-wrapper\">\n <div class=\"transaction-order-info\" *ngIf=\"transaction.transactionInfo.transactionKind !== 'S'\">\n <div class=\"order-number-info\">\n <span [textContent]=\"'ORDER_NUMBER' | localize\"></span>\n <span [textContent]=\"transaction.transactionInfo.transactionNr\"></span>\n </div>\n <div class=\"order-details-info\">\n <div class=\"order-detail-section\">\n <co-icon [iconData]=\"iconCacheService.getIcon(icons.RegularCartShoppingClock)\" class=\"store-icon\"></co-icon>\n <div class=\"value\">\n <span [textContent]=\"transaction.transactionInfo.transactionDate | date:'dd-MM-yyyy'\" [title]=\"'TRANSACTION_DATE' | localize\"></span>\n </div>\n </div>\n <div class=\"order-detail-section\" [ngClass]=\"transaction.transactionInfo.deliveryMethod\" *ngIf=\"transaction.transactionInfo.deliveryDate\">\n <co-icon [iconData]=\"iconCacheService.getIcon(icons.RegularTruckMovingClock)\" class=\"store-icon\"></co-icon>\n <div class=\"value\" *ngIf=\"!transaction.transactionInfo.deliveryDateDefinitive\">\n <span class=\"expected\" [textContent]=\"'EXPECTED_DELIVERY_WEEK' | localize\"></span>\n <span class=\"expected-label\">\n <span [textContent]=\"'WEEK' | localize\"></span><span [textContent]=\"getWeekNumber(transaction.transactionInfo.deliveryDate)\"></span>\n </span>\n </div>\n <div class=\"value\" *ngIf=\"transaction.transactionInfo.deliveryDateDefinitive\">\n <span [textContent]=\"transaction.transactionInfo.deliveryDate | date:'dd-MM-yyyy'\" [title]=\"'DELIVERY_DATE' | localize\"></span>\n </div>\n </div>\n <div class=\"order-detail-section\">\n <co-icon [iconData]=\"iconCacheService.getIcon(icons.RegularCartShoppingTag)\" class=\"store-icon\"></co-icon>\n <div class=\"value totals-wrapper\">\n <span [textContent]=\"transactionTotal?.netAmount | coCurrency: true\"></span>\n <div class=\"totals-summary\" *ngIf=\"transactionTotal?.totalDiscountAmount > 0 || transactionTotal?.orderTotalDeliveryCostsAmount > 0\">\n <co-icon [iconData]=\"iconCacheService.getIcon(icons.FileCircleInfoRegular)\" class=\"store-icon\"></co-icon>\n <div class=\"totals-dropdown\">\n <span class=\"summary gross\">\n <span [textContent]=\"'TOTAL_GROSS' | localize\"></span><span [textContent]=\"transactionTotal?.grossAmount | coCurrency: true\"></span>\n </span>\n <span class=\"summary discount\" *ngIf=\"transactionTotal?.totalDiscountAmount > 0\">\n <span [textContent]=\"'DELIVERY_COSTS' | localize\"></span><span [textContent]=\"transactionTotal?.totalDiscountAmount | coCurrency: true\"></span>\n </span>\n <span class=\"summary delivery\" *ngIf=\"transactionTotal?.orderTotalDeliveryCostsAmount > 0\">\n <span [textContent]=\"'DELIVERY_COSTS' | localize\"></span><span [textContent]=\"transactionTotal?.orderTotalDeliveryCostsAmount | coCurrency: true\"></span>\n </span>\n <span class=\"summary total\">\n <span [textContent]=\"'TOTAL_AMOUNT' | localize\"></span><span [textContent]=\"transactionTotal?.netAmount | coCurrency: true\"></span>\n </span>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n <div class=\"transaction-order-info service-wrapper\" *ngIf=\"transaction.transactionInfo.transactionKind == 'S'\">\n <div class=\"order-number-info\">\n <span [textContent]=\"'SERVICE_NUMBER' | localize\"></span>\n <span [textContent]=\"transaction.transactionInfo.transactionNr\"></span>\n </div>\n <div class=\"order-details-info\">\n <div class=\"order-detail-section\">\n <co-icon [iconData]=\"iconCacheService.getIcon(icons.RegularCartShoppingClock)\" class=\"store-icon\"></co-icon>\n <div class=\"value\">\n <span [textContent]=\"transaction.transactionInfo.transactionDate | date:'dd-MM-yyyy'\"></span>\n </div>\n </div>\n <div class=\"order-detail-section\" *ngIf=\"transaction.transactionInfo.deliveryDate\">\n <co-icon [iconData]=\"iconCacheService.getIcon(icons.RegularTruckMovingClock)\" class=\"store-icon\"></co-icon>\n <div class=\"value\" *ngIf=\"!transaction.transactionInfo.deliveryDateDefinitive\">\n <span class=\"expected\" [textContent]=\"'EXPECTED_DELIVERY_WEEK' | localize\"></span>\n <span class=\"expected-label\">\n <span [textContent]=\"'WEEK' | localize\"></span><span [textContent]=\"getWeekNumber(transaction.transactionInfo.deliveryDate)\"></span>\n </span>\n </div>\n <div class=\"value\" *ngIf=\"transaction.transactionInfo.deliveryDateDefinitive\">\n <span [textContent]=\"transaction.transactionInfo.deliveryDate | date:'dd-MM-yyyy'\"></span>\n </div>\n </div>\n <div class=\"order-detail-section\">\n <co-icon [iconData]=\"iconCacheService.getIcon(icons.RegularCartShoppingTag)\" class=\"store-icon\"></co-icon>\n <div class=\"value\">\n <span [textContent]=\"transactionTotal?.netAmount | coCurrency: true\"></span>\n </div>\n </div>\n </div>\n </div>\n </div>\n <div class=\"planning-request-button-wrapper\" *ngIf=\"showPreferredPlanning && !showPlanningDialog\"\n (click)=\"checkCanPlanDelivery()\">\n <div class=\"preferred-delivery-date\">\n <span [textContent]=\"'PREFERRED_DELIVERY_DATE_HEADER' | localize\"></span>\n <span [textContent]=\"transaction.transactionInfo.preferredDeliveryDate | date:'dd-MM-yyyy'\"></span>\n </div>\n <co-icon class=\"planning-request-button\" [class.co-transaction-check]=\"transaction.transactionInfo.deliveryDateDefinitive\"\n [iconData]=\"iconCacheService.getIcon(icons.CalendarDayRegular)\"></co-icon>\n </div>\n <co-dialog-transaction-planning-request\n *ngIf=\"showPlanningDialog\"\n (closeClick)=\"showPlanningDialog = false\">\n </co-dialog-transaction-planning-request>\n </div>\n ",
56632
56651
  encapsulation: i0.ViewEncapsulation.None
56633
56652
  },] }
56634
56653
  ];