@colijnit/transaction 256.1.91 → 256.1.93
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/bundles/colijnit-transaction.umd.js +26 -10
- package/bundles/colijnit-transaction.umd.js.map +1 -1
- package/colijnit-transaction.metadata.json +1 -1
- package/esm2015/lib/component/relation/relation-address/relation-address.component.js +15 -15
- package/esm2015/lib/component/transaction-header/transaction-header-customer-portal/transaction-header-customer-portal.component.js +2 -2
- package/esm2015/lib/component/transaction-line/transaction-purchase-overview-line/transaction-purchase-overview-line.component.js +5 -2
- package/esm2015/lib/component/transaction-navigation-button-list/transaction-navigation-button-list.component.js +19 -2
- package/esm2015/lib/transaction-version.js +3 -3
- package/fesm2015/colijnit-transaction.js +38 -19
- package/fesm2015/colijnit-transaction.js.map +1 -1
- package/lib/component/relation/relation-address/relation-address.component.d.ts +0 -2
- package/lib/component/transaction-line/transaction-purchase-overview-line/transaction-purchase-overview-line.component.d.ts +2 -0
- package/lib/component/transaction-navigation-button-list/transaction-navigation-button-list.component.d.ts +1 -0
- 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.
|
|
37
|
-
this.publishDate = "
|
|
36
|
+
this.symVer = "256.1.93";
|
|
37
|
+
this.publishDate = "18/06/2025, 07:48:42";
|
|
38
38
|
}
|
|
39
39
|
return Version;
|
|
40
40
|
}());
|
|
@@ -22590,7 +22590,7 @@
|
|
|
22590
22590
|
_this.transactionService = transactionService;
|
|
22591
22591
|
_this.addressChange = new i0.EventEmitter();
|
|
22592
22592
|
_this.countries = [];
|
|
22593
|
-
|
|
22593
|
+
// public addressTypes: CoDomainValue[] = [];
|
|
22594
22594
|
_this.fields = { text: "description", value: "code" };
|
|
22595
22595
|
_this.postalCodeCheckErrorMessage = "";
|
|
22596
22596
|
_this._prevPostalCodeForCheck = "";
|
|
@@ -22620,9 +22620,6 @@
|
|
|
22620
22620
|
_this.countries = countries;
|
|
22621
22621
|
_this._setSelectedAddress();
|
|
22622
22622
|
});
|
|
22623
|
-
this._connector.getAddressTypes('NL').then(function (codes) {
|
|
22624
|
-
_this.addressTypes = codes;
|
|
22625
|
-
});
|
|
22626
22623
|
return [2 /*return*/];
|
|
22627
22624
|
});
|
|
22628
22625
|
});
|
|
@@ -22712,7 +22709,7 @@
|
|
|
22712
22709
|
RelationAddressComponent.decorators = [
|
|
22713
22710
|
{ type: i0.Component, args: [{
|
|
22714
22711
|
selector: "co-relation-address",
|
|
22715
|
-
template: "\n <label *ngIf=label [textContent]=\"label | localize\"\n class=\"checkout-label-h3\"\n ></label>\n <div class=\"relation-address-data-row default\" [class.validation-error]=\"wrongAddress\">\n <co-input-text\n [(model)]=\"address.postalCode\"\n [placeholder]=\"'POSTAL_CODE' | localize\"\n (blur)=\"checkForPostalCodeCheckError()\"\n (modelChange)=\"handlePostalCodeChange()\"\n required\n ></co-input-text>\n <co-input-text class=\"default-width\"\n [(model)]=\"address.houseNo\"\n [placeholder]=\"'HOUSE_NO' | localize\"\n [digitsOnly]=\"true\"\n (blur)=\"checkForPostalCodeCheckError()\"\n (modelChange)=\"changeHouseNo()\"\n required\n ></co-input-text>\n <co-input-text\n [(model)]=\"address.houseNoAddition\"\n [placeholder]=\"'HOUSE_NO_ADDITION' | localize\"\n ></co-input-text>\n <span *ngIf=\"wrongAddress\" class=\"wrong-address\" [textContent]=\"'UNKNOWN_ADDRESS_CHECK_IT' | localize\"></span>\n </div>\n <div class=\"relation-address-data-row default\">\n <co-input-text\n [(model)]=\"address.streetName\"\n [placeholder]=\"'STREET' | localize\" required\n (modelChange)=\"handleStreetChange()\"></co-input-text>\n <co-input-text\n [(model)]=\"address.city\"\n [placeholder]=\"'CITY' | localize\" required\n (modelChange)=\"handleCityChange()\"></co-input-text>\n </div>\n <div class=\"relation-address-data-row default single\">\n <co-list-of-values\n [model]=\"countryModel\"\n [collection]=\"countries\"\n [displayField]=\"'description'\"\n [label]=\"'COUNTRY' | localize\"\n [required]=\"true\"\n (modelChange)=\"handleCountryChange($event)\"\n ></co-list-of-values>\n </div>\n <div class=\"relation-address-data-row default single\"
|
|
22712
|
+
template: "\n <label *ngIf=label [textContent]=\"label | localize\"\n class=\"checkout-label-h3\"\n ></label>\n <div class=\"relation-address-data-row default\" [class.validation-error]=\"wrongAddress\">\n <co-input-text\n [(model)]=\"address.postalCode\"\n [placeholder]=\"'POSTAL_CODE' | localize\"\n (blur)=\"checkForPostalCodeCheckError()\"\n (modelChange)=\"handlePostalCodeChange()\"\n required\n ></co-input-text>\n <co-input-text class=\"default-width\"\n [(model)]=\"address.houseNo\"\n [placeholder]=\"'HOUSE_NO' | localize\"\n [digitsOnly]=\"true\"\n (blur)=\"checkForPostalCodeCheckError()\"\n (modelChange)=\"changeHouseNo()\"\n required\n ></co-input-text>\n <co-input-text\n [(model)]=\"address.houseNoAddition\"\n [placeholder]=\"'HOUSE_NO_ADDITION' | localize\"\n ></co-input-text>\n <span *ngIf=\"wrongAddress\" class=\"wrong-address\" [textContent]=\"'UNKNOWN_ADDRESS_CHECK_IT' | localize\"></span>\n </div>\n <div class=\"relation-address-data-row default\">\n <co-input-text\n [(model)]=\"address.streetName\"\n [placeholder]=\"'STREET' | localize\" required\n (modelChange)=\"handleStreetChange()\"></co-input-text>\n <co-input-text\n [(model)]=\"address.city\"\n [placeholder]=\"'CITY' | localize\" required\n (modelChange)=\"handleCityChange()\"></co-input-text>\n </div>\n <div class=\"relation-address-data-row default single\">\n <co-list-of-values\n [model]=\"countryModel\"\n [collection]=\"countries\"\n [displayField]=\"'description'\"\n [label]=\"'COUNTRY' | localize\"\n [required]=\"true\"\n (modelChange)=\"handleCountryChange($event)\"\n ></co-list-of-values>\n </div>\n<!-- <div class=\"relation-address-data-row default single\">-->\n<!-- <co-list-of-values-->\n<!-- [(model)]=\"address.addressType\"-->\n<!-- [collection]=\"addressTypes\"-->\n<!-- [displayField]=\"'description'\"-->\n<!-- [label]=\"'ADDRESS_TYPE' | localize\"-->\n<!-- [required]=\"true\"-->\n<!-- ></co-list-of-values>-->\n<!-- </div>-->\n<!-- -->\n ",
|
|
22716
22713
|
encapsulation: i0.ViewEncapsulation.None
|
|
22717
22714
|
},] }
|
|
22718
22715
|
];
|
|
@@ -27956,6 +27953,7 @@
|
|
|
27956
27953
|
var _this = _super.apply(this, __spreadArray([], __read(arguments))) || this;
|
|
27957
27954
|
_this.category = TransactionTypeCategory;
|
|
27958
27955
|
_this.showCheckboxForLine = false;
|
|
27956
|
+
_this.refTransList = [];
|
|
27959
27957
|
_this.statusBarConfigNames = {
|
|
27960
27958
|
statusBarIB: _this.cfgNames.StatusBarIB,
|
|
27961
27959
|
statusBarNT: _this.cfgNames.StatusBarNT,
|
|
@@ -27977,9 +27975,11 @@
|
|
|
27977
27975
|
_this.detectChanges();
|
|
27978
27976
|
}), this.transactionEventService.transactionLineChanged.subscribe(function (line) {
|
|
27979
27977
|
if (_this.transactionLine && _this.transactionLine.lineNr === line.lineNr) {
|
|
27978
|
+
_this.refTransList = _this.transactionLine.refTransactions.concat(_this.transactionLine.refServiceTransactions);
|
|
27980
27979
|
_this.detectChanges();
|
|
27981
27980
|
}
|
|
27982
27981
|
}), this.transactionEventService.transactionLineRefTransactionsChanged.subscribe(function (line) {
|
|
27982
|
+
_this.refTransList = _this.transactionLine.refTransactions.concat(_this.transactionLine.refServiceTransactions);
|
|
27983
27983
|
_this.changeDetector.detectChanges();
|
|
27984
27984
|
}));
|
|
27985
27985
|
};
|
|
@@ -28003,7 +28003,7 @@
|
|
|
28003
28003
|
TransactionPurchaseOverviewLineComponent.decorators = [
|
|
28004
28004
|
{ type: i0.Component, args: [{
|
|
28005
28005
|
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]=\"
|
|
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]=\"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
28007
|
encapsulation: i0.ViewEncapsulation.None,
|
|
28008
28008
|
changeDetection: i0.ChangeDetectionStrategy.OnPush
|
|
28009
28009
|
},] }
|
|
@@ -36658,12 +36658,28 @@
|
|
|
36658
36658
|
this.showExtended = false;
|
|
36659
36659
|
this.transactionClick.emit(transNr);
|
|
36660
36660
|
};
|
|
36661
|
+
TransactionNavigationButtonListComponent.prototype.orderInsideLabelFunction = function (ref) {
|
|
36662
|
+
switch (ref.refTransactionType) {
|
|
36663
|
+
case transactionKind_enum.TransactionKind.SalesOrder:
|
|
36664
|
+
return 'SALES_ORDER';
|
|
36665
|
+
break;
|
|
36666
|
+
case transactionKind_enum.TransactionKind.PurchaseOrder:
|
|
36667
|
+
return 'PURCHASE_ORDER';
|
|
36668
|
+
break;
|
|
36669
|
+
case transactionKind_enum.TransactionKind.ServiceOrder:
|
|
36670
|
+
return 'SERVICE_ORDER';
|
|
36671
|
+
break;
|
|
36672
|
+
default:
|
|
36673
|
+
return this.insideLabel;
|
|
36674
|
+
break;
|
|
36675
|
+
}
|
|
36676
|
+
};
|
|
36661
36677
|
return TransactionNavigationButtonListComponent;
|
|
36662
36678
|
}());
|
|
36663
36679
|
TransactionNavigationButtonListComponent.decorators = [
|
|
36664
36680
|
{ type: i0.Component, args: [{
|
|
36665
36681
|
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]=\"
|
|
36682
|
+
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
36683
|
animations: [
|
|
36668
36684
|
animations.trigger("showHideExtended", [
|
|
36669
36685
|
animations.state("void", animations.style({ height: 0 })),
|
|
@@ -56628,7 +56644,7 @@
|
|
|
56628
56644
|
TransactionHeaderCustomerPortalComponent.decorators = [
|
|
56629
56645
|
{ type: i0.Component, args: [{
|
|
56630
56646
|
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 ",
|
|
56647
|
+
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
56648
|
encapsulation: i0.ViewEncapsulation.None
|
|
56633
56649
|
},] }
|
|
56634
56650
|
];
|