@colijnit/transaction 262.1.6 → 262.1.7

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 (15) hide show
  1. package/fesm2022/colijnit-transaction.mjs +617 -614
  2. package/fesm2022/colijnit-transaction.mjs.map +1 -1
  3. package/lib/component/transaction-line-interbranch-receive-goods/style/_layout.scss +78 -78
  4. package/lib/component/transaction-line-interbranch-receive-goods/style/_material-definition.scss +2 -2
  5. package/lib/component/transaction-line-interbranch-receive-goods/style/_theme.scss +4 -4
  6. package/lib/component/transaction-line-interbranch-receive-goods/style/material.scss +4 -4
  7. package/lib/component/transaction-quick-access/transaction-quick-access-interbranch-order-purchase/style/_layout.scss +27 -27
  8. package/lib/component/transaction-quick-access/transaction-quick-access-interbranch-order-purchase/style/_material-definition.scss +1 -1
  9. package/lib/component/transaction-quick-access/transaction-quick-access-interbranch-order-purchase/style/_theme.scss +4 -4
  10. package/lib/component/transaction-quick-access/transaction-quick-access-interbranch-order-purchase/style/material.scss +4 -4
  11. package/lib/component/transaction-quick-access/transaction-quick-access-interrbranch-received-goods/style/_layout.scss +73 -73
  12. package/lib/component/transaction-quick-access/transaction-quick-access-interrbranch-received-goods/style/_theme.scss +6 -6
  13. package/lib/component/transaction-quick-access/transaction-quick-access-interrbranch-received-goods/style/material.scss +4 -4
  14. package/package.json +1 -1
  15. package/colijnit-transaction-262.1.5.tgz +0 -0
package/fesm2022/colijnit-transaction.mjs CHANGED
@@ -356,8 +356,8 @@ import { DateField } from '@colijnit/ioneconnector/build/factory/decorators/date
356
356
  class Version {
357
357
  name = "@colijnit/transaction";
358
358
  description = "Colijn IT transaction package";
359
- symVer = "262.1.6";
360
- publishDate = "6-5-2026, 15:15:13";
359
+ symVer = "262.1.7";
360
+ publishDate = "6-5-2026, 17:56:25";
361
361
  }
362
362
 
363
363
  class CheckoutModuleService extends BaseModuleService {
@@ -30015,18 +30015,23 @@ class CustomerLanguagesComponent {
30015
30015
  async ngOnInit() {
30016
30016
  this._connector.getLanguages().then((languages) => {
30017
30017
  this.customerLanguages = languages;
30018
- this._setSelectedCustomerLanguage();
30018
+ if (this.model) {
30019
+ this._setSelectedCustomerLanguage();
30020
+ }
30021
+ if (!this._model && this.defaultValue !== null && this.defaultValue !== undefined) {
30022
+ this.handleCustomerLanguageChange(this.customerLanguages.find(c => c.code === this.defaultValue.toString()));
30023
+ }
30019
30024
  });
30020
30025
  }
30021
30026
  handleCustomerLanguageChange(customerLanguage) {
30022
30027
  this.selectedCustomerLanguage = customerLanguage;
30023
- this.modelChange.emit(this.selectedCustomerLanguage.code);
30028
+ this._model = this.selectedCustomerLanguage.code;
30029
+ this.modelChange.emit(this._model);
30024
30030
  }
30025
30031
  _setSelectedCustomerLanguage() {
30026
30032
  if (!this.customerLanguages) {
30027
30033
  return;
30028
30034
  }
30029
- this._model ??= this.defaultValue?.toString();
30030
30035
  this.selectedCustomerLanguage = this.customerLanguages.find(c => c.code === this.model);
30031
30036
  }
30032
30037
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: CustomerLanguagesComponent, deps: [{ token: TransactionConnectorService }], target: i0.ɵɵFactoryTarget.Component });
@@ -32696,9 +32701,9 @@ class TransactionHeaderDeliveryMethodComponent extends TransactionFilterPopupHea
32696
32701
  propsForLabel = [{ label: 'code' }, { label: 'description' }];
32697
32702
  ngOnInit() {
32698
32703
  this.transactionService.getDeliveryMethods().then((methods) => {
32699
- this.collection = methods.filter(m => m.webshop).slice();
32704
+ this.collection = methods;
32700
32705
  if (this.filterOnWizard) {
32701
- this.collection = methods.filter(m => m.webshop && m.wizard).slice();
32706
+ this.collection = methods.filter(m => m.wizard).slice();
32702
32707
  }
32703
32708
  if (this.transactionInfo.deliveryMethod) {
32704
32709
  this.selectedIdx = this.collection.findIndex(d => d.code === this.transactionInfo.deliveryMethod);
@@ -32756,56 +32761,56 @@ class TransactionHeaderDeliveryMethodComponent extends TransactionFilterPopupHea
32756
32761
  static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: TransactionHeaderDeliveryMethodComponent, isStandalone: false, selector: "co-transaction-header-delivery-method", inputs: { showAsCarousel: "showAsCarousel", filterOnWizard: "filterOnWizard" }, outputs: { deliveryMethodChange: "deliveryMethodChange" }, providers: [{
32757
32762
  provide: SCREEN_CONFIG_ADAPTER_COMPONENT_INTERFACE_NAME,
32758
32763
  useExisting: forwardRef(() => TransactionHeaderDeliveryMethodComponent)
32759
- }], usesInheritance: true, ngImport: i0, template: `
32760
- @if (showAsCarousel) {
32761
- <co-carousel>
32762
- @for (method of collection; track method; let index = $index) {
32763
- <co-delivery-type-tile #carouselItem
32764
- [method]="method"
32765
- [selected]="selectedIdx === index"
32766
- [tooltip]="tooltipMessage"
32767
- (selectedChange)="setDeliveryType($event)"
32768
- ></co-delivery-type-tile>
32769
- }
32770
- </co-carousel>
32771
- }
32772
- @if (!showAsCarousel) {
32773
- <co-transaction-line-checkbox-list
32774
- [committing]="committing"
32775
- [collection]="viewModelsFiltered"
32776
- [readonly]="transactionHeaderService.readonly"
32777
- [tooltip]="tooltipMessage"
32778
- (checked)="handleChecked($event)"
32779
- ></co-transaction-line-checkbox-list>
32780
- }
32764
+ }], usesInheritance: true, ngImport: i0, template: `
32765
+ @if (showAsCarousel) {
32766
+ <co-carousel>
32767
+ @for (method of collection; track method; let index = $index) {
32768
+ <co-delivery-type-tile #carouselItem
32769
+ [method]="method"
32770
+ [selected]="selectedIdx === index"
32771
+ [tooltip]="tooltipMessage"
32772
+ (selectedChange)="setDeliveryType($event)"
32773
+ ></co-delivery-type-tile>
32774
+ }
32775
+ </co-carousel>
32776
+ }
32777
+ @if (!showAsCarousel) {
32778
+ <co-transaction-line-checkbox-list
32779
+ [committing]="committing"
32780
+ [collection]="viewModelsFiltered"
32781
+ [readonly]="transactionHeaderService.readonly"
32782
+ [tooltip]="tooltipMessage"
32783
+ (checked)="handleChecked($event)"
32784
+ ></co-transaction-line-checkbox-list>
32785
+ }
32781
32786
  `, isInline: true, dependencies: [{ kind: "component", type: DeliveryTypeTileComponent, selector: "co-delivery-type-tile", inputs: ["selected", "method"], outputs: ["selectedChange"] }, { kind: "component", type: TransactionLineCheckboxListComponent, selector: "co-transaction-line-checkbox-list", inputs: ["collection", "readonly", "committing"], outputs: ["checked"] }, { kind: "component", type: i1$1.CarouselComponent, selector: "co-carousel" }, { kind: "directive", type: i1$1.TooltipDirective, selector: "[tooltip]", inputs: ["tooltip"] }], encapsulation: i0.ViewEncapsulation.None });
32782
32787
  }
32783
32788
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TransactionHeaderDeliveryMethodComponent, decorators: [{
32784
32789
  type: Component,
32785
32790
  args: [{
32786
32791
  selector: "co-transaction-header-delivery-method",
32787
- template: `
32788
- @if (showAsCarousel) {
32789
- <co-carousel>
32790
- @for (method of collection; track method; let index = $index) {
32791
- <co-delivery-type-tile #carouselItem
32792
- [method]="method"
32793
- [selected]="selectedIdx === index"
32794
- [tooltip]="tooltipMessage"
32795
- (selectedChange)="setDeliveryType($event)"
32796
- ></co-delivery-type-tile>
32797
- }
32798
- </co-carousel>
32799
- }
32800
- @if (!showAsCarousel) {
32801
- <co-transaction-line-checkbox-list
32802
- [committing]="committing"
32803
- [collection]="viewModelsFiltered"
32804
- [readonly]="transactionHeaderService.readonly"
32805
- [tooltip]="tooltipMessage"
32806
- (checked)="handleChecked($event)"
32807
- ></co-transaction-line-checkbox-list>
32808
- }
32792
+ template: `
32793
+ @if (showAsCarousel) {
32794
+ <co-carousel>
32795
+ @for (method of collection; track method; let index = $index) {
32796
+ <co-delivery-type-tile #carouselItem
32797
+ [method]="method"
32798
+ [selected]="selectedIdx === index"
32799
+ [tooltip]="tooltipMessage"
32800
+ (selectedChange)="setDeliveryType($event)"
32801
+ ></co-delivery-type-tile>
32802
+ }
32803
+ </co-carousel>
32804
+ }
32805
+ @if (!showAsCarousel) {
32806
+ <co-transaction-line-checkbox-list
32807
+ [committing]="committing"
32808
+ [collection]="viewModelsFiltered"
32809
+ [readonly]="transactionHeaderService.readonly"
32810
+ [tooltip]="tooltipMessage"
32811
+ (checked)="handleChecked($event)"
32812
+ ></co-transaction-line-checkbox-list>
32813
+ }
32809
32814
  `,
32810
32815
  providers: [{
32811
32816
  provide: SCREEN_CONFIG_ADAPTER_COMPONENT_INTERFACE_NAME,
@@ -32957,8 +32962,7 @@ class TransactionHeaderDeliveryOptionsComponent extends TransactionHeaderBaseCom
32957
32962
  }
32958
32963
  }), this.transactionEventService.refreshDeliveryOptions.subscribe(() => {
32959
32964
  this.transactionService.getDeliveryMethods().then((methods) => {
32960
- const deliveryMethods = methods.filter(m => m.webshop);
32961
- this._getDeliveryOptionsForMethod(deliveryMethods.find(d => d.code === this.transactionInfo.deliveryMethod));
32965
+ this._getDeliveryOptionsForMethod(methods.find(d => d.code === this.transactionInfo.deliveryMethod));
32962
32966
  });
32963
32967
  }));
32964
32968
  }
@@ -32987,8 +32991,7 @@ class TransactionHeaderDeliveryOptionsComponent extends TransactionHeaderBaseCom
32987
32991
  this._deliveryOptionsLoaded = true;
32988
32992
  super.transactionInfoSet();
32989
32993
  this.transactionService.getDeliveryMethods().then((methods) => {
32990
- const deliveryMethods = methods.filter(m => m.webshop);
32991
- this._getDeliveryOptionsForMethod(deliveryMethods.find(d => d.code === this.transactionInfo.deliveryMethod));
32994
+ this._getDeliveryOptionsForMethod(methods.find(d => d.code === this.transactionInfo.deliveryMethod));
32992
32995
  });
32993
32996
  }
32994
32997
  _getDeliveryOptionsForMethod(method) {
@@ -34190,7 +34193,7 @@ class CheckoutOverviewDeliveryEditComponent {
34190
34193
  this.deliveryCosts = this.calculateDeliveryCosts();
34191
34194
  this.assemblyCosts = this.calculateAssemblyCosts();
34192
34195
  this.service.getDeliveryMethods().then((methods) => {
34193
- this.deliveryMethods = methods.filter(m => m.webshop);
34196
+ this.deliveryMethods = methods;
34194
34197
  this.currentDeliveryMethod = this.deliveryMethods.find(d => d.code === this.transaction.transactionInfo.deliveryMethod);
34195
34198
  });
34196
34199
  this.service.getDeliveryOptions().then((options) => {
@@ -45812,250 +45815,250 @@ class TransactionOrderTileComponent extends TransactionSearchTileBaseComponent {
45812
45815
  return `Week ${weekNumber}`;
45813
45816
  }
45814
45817
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TransactionOrderTileComponent, deps: [{ token: IconCacheService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
45815
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: TransactionOrderTileComponent, isStandalone: false, selector: "co-transaction-order-tile", inputs: { showAvatar: "showAvatar" }, usesInheritance: true, ngImport: i0, template: `
45816
-
45817
- <div class="transaction-order-lines-wrapper">
45818
- <div class="transaction-order-info">
45819
- @if (transaction.transType === 'R') {
45820
- <div class="order-detail-section">
45821
- <span [textContent]="'CREATED_ON' | localize"></span>
45822
- <span [textContent]="transaction.getTransDate() | date:'dd-MM-yyyy'" [title]="'TRANSACTION_DATE' | localize"></span>
45823
- </div>
45824
- <div class="order-detail-section">
45825
- <span [textContent]="'RETURN_NUMBER' | localize"></span>
45826
- <span [textContent]="transaction.transNr"></span>
45827
- </div>
45828
- }
45829
- @if (transaction.transType !== 'R') {
45830
- <div class="order-number-info">
45831
- <span [textContent]="(transaction.transactionKind === 'S' ? ('SERVICE_NUMBER' | localize) : ('ORDER_NUMBER' | localize))"></span>
45832
- <span [textContent]="transaction.transNr"></span>
45833
- </div>
45834
- <div class="order-details-info">
45835
- <div class="order-detail-section">
45836
- <co-icon [iconData]="iconCacheService.getIcon(icons.RegularCartShoppingClock)" class="store-icon"></co-icon>
45837
- <div class="value">
45838
- <span [textContent]="transaction.getTransDate() | date:'dd-MM-yyyy'" [title]="'TRANSACTION_DATE' | localize"></span>
45839
- </div>
45840
- </div>
45841
- @if (transaction.getDeliveryDate()) {
45842
- <div class="order-detail-section">
45843
- <co-icon [iconData]="iconCacheService.getIcon(icons.RegularTruckMovingClock)" class="store-icon"></co-icon>
45844
- @if (!transaction.deliveryDateDefinitive) {
45845
- <div class="value">
45846
- <span [textContent]="getWeekNumber(transaction.getDeliveryDate())"></span>
45847
- <span class="expected" [textContent]="'EXPECTED_DELIVERY_WEEK' | localize"></span>
45848
- </div>
45849
- }
45850
- @if (transaction.deliveryDateDefinitive) {
45851
- <div class="value">
45852
- <span [textContent]="transaction.getDeliveryDate() | date:'dd-MM-yyyy'" [title]="'DELIVERY_DATE' | localize"></span>
45853
- </div>
45854
- }
45855
- </div>
45856
- }
45857
- <div class="order-detail-section">
45858
- <co-icon [iconData]="iconCacheService.getIcon(icons.RegularCartShoppingTag)" class="store-icon"></co-icon>
45859
- <div class="value"><span
45860
- [textContent]="transaction.totalPriceWithVat | currency:'EUR'"></span>
45861
- </div>
45862
- </div>
45863
- </div>
45864
- }
45865
- </div>
45866
- </div>
45867
-
45868
- <!--div class="transaction-tile-wrapper" (click)="onTransactionClick(transaction)">
45869
- <div [class]="'type-indicator color-' + transaction.transactionKind"></div>
45870
- <div class="tile">
45871
- <div class="tile-header">
45872
- <div class="tile-upper-left">
45873
- <div class="transaction-tile-avatar">
45874
- <co-avatar [image]="transaction.execImage" [relationId]="transaction.handledBy"></co-avatar>
45875
- <span [textContent]="transaction.transNr"></span>
45876
- </div>
45877
- </div>
45878
- <div class="tile-upper-middle">
45879
- <co-icon [iconData]="iconCacheService.getIcon(icons.StoreLight)" class="store-icon"></co-icon>
45880
- <div class="text"><span [textContent]="transaction.branchNr"></span></div>
45881
- </div>
45882
-
45883
- <div class="tile-upper-right">
45884
- <div class="status-bar-wrapper" (click)="$event.stopPropagation()">
45885
- <co-transaction-statusbar
45886
- [screenConfigurationObject]="cfgNames.StatusBar"
45887
- [configNames]="statusBarConfigNames"
45888
- [transaction]="transaction">
45889
- </co-transaction-statusbar>
45890
- </div>
45891
- </div>
45892
- </div>
45893
- <div class="tile-body">
45894
- <div class="tile-middle-left">
45895
- <co-input-checkbox
45896
- *ngIf="showCheckbox"
45897
- [(model)]="transaction.selected"
45898
- (modelChange)="onSelectedClick(transaction)"
45899
- ></co-input-checkbox>
45900
- </div>
45901
- <div class="tile-middle-middle">
45902
- <div class="text"><span [textContent]="transaction.relationName"></span></div>
45903
- <div class="text"><span [textContent]="transaction.getAdres()"></span></div>
45904
- </div>
45905
- <div class="tile-middle-right"></div>
45906
- </div>
45907
- <div class="tile-footer">
45908
- <div class="tile-bottom-left order-info-section">
45909
- <co-icon [iconData]="iconCacheService.getIcon(icons.RegularCartShoppingClock)" class="store-icon"></co-icon>
45910
- <div class="value">
45911
- <span [textContent]="transaction.getTransDate() | date:'dd-MM-yyyy'"></span>
45912
- </div>
45913
- </div>
45914
- <div class="tile-bottom-middle order-info-section">
45915
- <div class="value" *ngIf="transaction.getDeliveryDate()">
45916
- <co-icon [iconData]="iconCacheService.getIcon(icons.RegularTruckMovingClock)" class="store-icon"></co-icon>
45917
- <span [textContent]="transaction.getDeliveryDate() | date:'dd-MM-yyyy'"></span>
45918
- <co-icon *ngIf="transaction.deliveryDateDefinitive; else indefinite"
45919
- [iconData]="iconCacheService.getIcon(icons.Lock)" class="lock-icon"></co-icon>
45920
- <ng-template #indefinite>
45921
- <co-icon [iconData]="iconCacheService.getIcon(icons.Unlock)" class="unlock-icon"></co-icon>
45922
- </ng-template>
45923
- </div>
45924
- </div>
45925
- <div class="tile-bottom-right order-info-section">
45926
- <co-icon [iconData]="iconCacheService.getIcon(icons.RegularCartShoppingTag)" class="store-icon"></co-icon>
45927
- <div class="value"><span
45928
- [textContent]="transaction.totalPriceWithVat | currency:'EUR'"></span>
45929
- </div>
45930
- </div>
45931
- </div>
45932
- </div>
45933
- </div-->
45818
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: TransactionOrderTileComponent, isStandalone: false, selector: "co-transaction-order-tile", inputs: { showAvatar: "showAvatar" }, usesInheritance: true, ngImport: i0, template: `
45819
+
45820
+ <div class="transaction-order-lines-wrapper">
45821
+ <div class="transaction-order-info">
45822
+ @if (transaction.transType === 'R') {
45823
+ <div class="order-detail-section">
45824
+ <span [textContent]="'CREATED_ON' | localize"></span>
45825
+ <span [textContent]="transaction.getTransDate() | date:'dd-MM-yyyy'" [title]="'TRANSACTION_DATE' | localize"></span>
45826
+ </div>
45827
+ <div class="order-detail-section">
45828
+ <span [textContent]="'RETURN_NUMBER' | localize"></span>
45829
+ <span [textContent]="transaction.transNr"></span>
45830
+ </div>
45831
+ }
45832
+ @if (transaction.transType !== 'R') {
45833
+ <div class="order-number-info">
45834
+ <span [textContent]="(transaction.transactionKind === 'S' ? ('SERVICE_NUMBER' | localize) : ('ORDER_NUMBER' | localize))"></span>
45835
+ <span [textContent]="transaction.transNr"></span>
45836
+ </div>
45837
+ <div class="order-details-info">
45838
+ <div class="order-detail-section">
45839
+ <co-icon [iconData]="iconCacheService.getIcon(icons.RegularCartShoppingClock)" class="store-icon"></co-icon>
45840
+ <div class="value">
45841
+ <span [textContent]="transaction.getTransDate() | date:'dd-MM-yyyy'" [title]="'TRANSACTION_DATE' | localize"></span>
45842
+ </div>
45843
+ </div>
45844
+ @if (transaction.getDeliveryDate()) {
45845
+ <div class="order-detail-section">
45846
+ <co-icon [iconData]="iconCacheService.getIcon(icons.RegularTruckMovingClock)" class="store-icon"></co-icon>
45847
+ @if (!transaction.deliveryDateDefinitive) {
45848
+ <div class="value">
45849
+ <span [textContent]="getWeekNumber(transaction.getDeliveryDate())"></span>
45850
+ <span class="expected" [textContent]="'EXPECTED_DELIVERY_WEEK' | localize"></span>
45851
+ </div>
45852
+ }
45853
+ @if (transaction.deliveryDateDefinitive) {
45854
+ <div class="value">
45855
+ <span [textContent]="transaction.getDeliveryDate() | date:'dd-MM-yyyy'" [title]="'DELIVERY_DATE' | localize"></span>
45856
+ </div>
45857
+ }
45858
+ </div>
45859
+ }
45860
+ <div class="order-detail-section">
45861
+ <co-icon [iconData]="iconCacheService.getIcon(icons.RegularCartShoppingTag)" class="store-icon"></co-icon>
45862
+ <div class="value"><span
45863
+ [textContent]="transaction.totalPriceWithVat | currency:'EUR'"></span>
45864
+ </div>
45865
+ </div>
45866
+ </div>
45867
+ }
45868
+ </div>
45869
+ </div>
45870
+
45871
+ <!--div class="transaction-tile-wrapper" (click)="onTransactionClick(transaction)">
45872
+ <div [class]="'type-indicator color-' + transaction.transactionKind"></div>
45873
+ <div class="tile">
45874
+ <div class="tile-header">
45875
+ <div class="tile-upper-left">
45876
+ <div class="transaction-tile-avatar">
45877
+ <co-avatar [image]="transaction.execImage" [relationId]="transaction.handledBy"></co-avatar>
45878
+ <span [textContent]="transaction.transNr"></span>
45879
+ </div>
45880
+ </div>
45881
+ <div class="tile-upper-middle">
45882
+ <co-icon [iconData]="iconCacheService.getIcon(icons.StoreLight)" class="store-icon"></co-icon>
45883
+ <div class="text"><span [textContent]="transaction.branchNr"></span></div>
45884
+ </div>
45885
+
45886
+ <div class="tile-upper-right">
45887
+ <div class="status-bar-wrapper" (click)="$event.stopPropagation()">
45888
+ <co-transaction-statusbar
45889
+ [screenConfigurationObject]="cfgNames.StatusBar"
45890
+ [configNames]="statusBarConfigNames"
45891
+ [transaction]="transaction">
45892
+ </co-transaction-statusbar>
45893
+ </div>
45894
+ </div>
45895
+ </div>
45896
+ <div class="tile-body">
45897
+ <div class="tile-middle-left">
45898
+ <co-input-checkbox
45899
+ *ngIf="showCheckbox"
45900
+ [(model)]="transaction.selected"
45901
+ (modelChange)="onSelectedClick(transaction)"
45902
+ ></co-input-checkbox>
45903
+ </div>
45904
+ <div class="tile-middle-middle">
45905
+ <div class="text"><span [textContent]="transaction.relationName"></span></div>
45906
+ <div class="text"><span [textContent]="transaction.getAdres()"></span></div>
45907
+ </div>
45908
+ <div class="tile-middle-right"></div>
45909
+ </div>
45910
+ <div class="tile-footer">
45911
+ <div class="tile-bottom-left order-info-section">
45912
+ <co-icon [iconData]="iconCacheService.getIcon(icons.RegularCartShoppingClock)" class="store-icon"></co-icon>
45913
+ <div class="value">
45914
+ <span [textContent]="transaction.getTransDate() | date:'dd-MM-yyyy'"></span>
45915
+ </div>
45916
+ </div>
45917
+ <div class="tile-bottom-middle order-info-section">
45918
+ <div class="value" *ngIf="transaction.getDeliveryDate()">
45919
+ <co-icon [iconData]="iconCacheService.getIcon(icons.RegularTruckMovingClock)" class="store-icon"></co-icon>
45920
+ <span [textContent]="transaction.getDeliveryDate() | date:'dd-MM-yyyy'"></span>
45921
+ <co-icon *ngIf="transaction.deliveryDateDefinitive; else indefinite"
45922
+ [iconData]="iconCacheService.getIcon(icons.Lock)" class="lock-icon"></co-icon>
45923
+ <ng-template #indefinite>
45924
+ <co-icon [iconData]="iconCacheService.getIcon(icons.Unlock)" class="unlock-icon"></co-icon>
45925
+ </ng-template>
45926
+ </div>
45927
+ </div>
45928
+ <div class="tile-bottom-right order-info-section">
45929
+ <co-icon [iconData]="iconCacheService.getIcon(icons.RegularCartShoppingTag)" class="store-icon"></co-icon>
45930
+ <div class="value"><span
45931
+ [textContent]="transaction.totalPriceWithVat | currency:'EUR'"></span>
45932
+ </div>
45933
+ </div>
45934
+ </div>
45935
+ </div>
45936
+ </div-->
45934
45937
  `, isInline: true, dependencies: [{ kind: "component", type: i1$1.IconComponent, selector: "co-icon", inputs: ["icon", "iconData"] }, { kind: "pipe", type: i2$1.CurrencyPipe, name: "currency" }, { kind: "pipe", type: i2$1.DatePipe, name: "date" }, { kind: "pipe", type: LocalizePipe, name: "localize" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
45935
45938
  }
45936
45939
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TransactionOrderTileComponent, decorators: [{
45937
45940
  type: Component,
45938
45941
  args: [{
45939
45942
  selector: "co-transaction-order-tile",
45940
- template: `
45941
-
45942
- <div class="transaction-order-lines-wrapper">
45943
- <div class="transaction-order-info">
45944
- @if (transaction.transType === 'R') {
45945
- <div class="order-detail-section">
45946
- <span [textContent]="'CREATED_ON' | localize"></span>
45947
- <span [textContent]="transaction.getTransDate() | date:'dd-MM-yyyy'" [title]="'TRANSACTION_DATE' | localize"></span>
45948
- </div>
45949
- <div class="order-detail-section">
45950
- <span [textContent]="'RETURN_NUMBER' | localize"></span>
45951
- <span [textContent]="transaction.transNr"></span>
45952
- </div>
45953
- }
45954
- @if (transaction.transType !== 'R') {
45955
- <div class="order-number-info">
45956
- <span [textContent]="(transaction.transactionKind === 'S' ? ('SERVICE_NUMBER' | localize) : ('ORDER_NUMBER' | localize))"></span>
45957
- <span [textContent]="transaction.transNr"></span>
45958
- </div>
45959
- <div class="order-details-info">
45960
- <div class="order-detail-section">
45961
- <co-icon [iconData]="iconCacheService.getIcon(icons.RegularCartShoppingClock)" class="store-icon"></co-icon>
45962
- <div class="value">
45963
- <span [textContent]="transaction.getTransDate() | date:'dd-MM-yyyy'" [title]="'TRANSACTION_DATE' | localize"></span>
45964
- </div>
45965
- </div>
45966
- @if (transaction.getDeliveryDate()) {
45967
- <div class="order-detail-section">
45968
- <co-icon [iconData]="iconCacheService.getIcon(icons.RegularTruckMovingClock)" class="store-icon"></co-icon>
45969
- @if (!transaction.deliveryDateDefinitive) {
45970
- <div class="value">
45971
- <span [textContent]="getWeekNumber(transaction.getDeliveryDate())"></span>
45972
- <span class="expected" [textContent]="'EXPECTED_DELIVERY_WEEK' | localize"></span>
45973
- </div>
45974
- }
45975
- @if (transaction.deliveryDateDefinitive) {
45976
- <div class="value">
45977
- <span [textContent]="transaction.getDeliveryDate() | date:'dd-MM-yyyy'" [title]="'DELIVERY_DATE' | localize"></span>
45978
- </div>
45979
- }
45980
- </div>
45981
- }
45982
- <div class="order-detail-section">
45983
- <co-icon [iconData]="iconCacheService.getIcon(icons.RegularCartShoppingTag)" class="store-icon"></co-icon>
45984
- <div class="value"><span
45985
- [textContent]="transaction.totalPriceWithVat | currency:'EUR'"></span>
45986
- </div>
45987
- </div>
45988
- </div>
45989
- }
45990
- </div>
45991
- </div>
45992
-
45993
- <!--div class="transaction-tile-wrapper" (click)="onTransactionClick(transaction)">
45994
- <div [class]="'type-indicator color-' + transaction.transactionKind"></div>
45995
- <div class="tile">
45996
- <div class="tile-header">
45997
- <div class="tile-upper-left">
45998
- <div class="transaction-tile-avatar">
45999
- <co-avatar [image]="transaction.execImage" [relationId]="transaction.handledBy"></co-avatar>
46000
- <span [textContent]="transaction.transNr"></span>
46001
- </div>
46002
- </div>
46003
- <div class="tile-upper-middle">
46004
- <co-icon [iconData]="iconCacheService.getIcon(icons.StoreLight)" class="store-icon"></co-icon>
46005
- <div class="text"><span [textContent]="transaction.branchNr"></span></div>
46006
- </div>
46007
-
46008
- <div class="tile-upper-right">
46009
- <div class="status-bar-wrapper" (click)="$event.stopPropagation()">
46010
- <co-transaction-statusbar
46011
- [screenConfigurationObject]="cfgNames.StatusBar"
46012
- [configNames]="statusBarConfigNames"
46013
- [transaction]="transaction">
46014
- </co-transaction-statusbar>
46015
- </div>
46016
- </div>
46017
- </div>
46018
- <div class="tile-body">
46019
- <div class="tile-middle-left">
46020
- <co-input-checkbox
46021
- *ngIf="showCheckbox"
46022
- [(model)]="transaction.selected"
46023
- (modelChange)="onSelectedClick(transaction)"
46024
- ></co-input-checkbox>
46025
- </div>
46026
- <div class="tile-middle-middle">
46027
- <div class="text"><span [textContent]="transaction.relationName"></span></div>
46028
- <div class="text"><span [textContent]="transaction.getAdres()"></span></div>
46029
- </div>
46030
- <div class="tile-middle-right"></div>
46031
- </div>
46032
- <div class="tile-footer">
46033
- <div class="tile-bottom-left order-info-section">
46034
- <co-icon [iconData]="iconCacheService.getIcon(icons.RegularCartShoppingClock)" class="store-icon"></co-icon>
46035
- <div class="value">
46036
- <span [textContent]="transaction.getTransDate() | date:'dd-MM-yyyy'"></span>
46037
- </div>
46038
- </div>
46039
- <div class="tile-bottom-middle order-info-section">
46040
- <div class="value" *ngIf="transaction.getDeliveryDate()">
46041
- <co-icon [iconData]="iconCacheService.getIcon(icons.RegularTruckMovingClock)" class="store-icon"></co-icon>
46042
- <span [textContent]="transaction.getDeliveryDate() | date:'dd-MM-yyyy'"></span>
46043
- <co-icon *ngIf="transaction.deliveryDateDefinitive; else indefinite"
46044
- [iconData]="iconCacheService.getIcon(icons.Lock)" class="lock-icon"></co-icon>
46045
- <ng-template #indefinite>
46046
- <co-icon [iconData]="iconCacheService.getIcon(icons.Unlock)" class="unlock-icon"></co-icon>
46047
- </ng-template>
46048
- </div>
46049
- </div>
46050
- <div class="tile-bottom-right order-info-section">
46051
- <co-icon [iconData]="iconCacheService.getIcon(icons.RegularCartShoppingTag)" class="store-icon"></co-icon>
46052
- <div class="value"><span
46053
- [textContent]="transaction.totalPriceWithVat | currency:'EUR'"></span>
46054
- </div>
46055
- </div>
46056
- </div>
46057
- </div>
46058
- </div-->
45943
+ template: `
45944
+
45945
+ <div class="transaction-order-lines-wrapper">
45946
+ <div class="transaction-order-info">
45947
+ @if (transaction.transType === 'R') {
45948
+ <div class="order-detail-section">
45949
+ <span [textContent]="'CREATED_ON' | localize"></span>
45950
+ <span [textContent]="transaction.getTransDate() | date:'dd-MM-yyyy'" [title]="'TRANSACTION_DATE' | localize"></span>
45951
+ </div>
45952
+ <div class="order-detail-section">
45953
+ <span [textContent]="'RETURN_NUMBER' | localize"></span>
45954
+ <span [textContent]="transaction.transNr"></span>
45955
+ </div>
45956
+ }
45957
+ @if (transaction.transType !== 'R') {
45958
+ <div class="order-number-info">
45959
+ <span [textContent]="(transaction.transactionKind === 'S' ? ('SERVICE_NUMBER' | localize) : ('ORDER_NUMBER' | localize))"></span>
45960
+ <span [textContent]="transaction.transNr"></span>
45961
+ </div>
45962
+ <div class="order-details-info">
45963
+ <div class="order-detail-section">
45964
+ <co-icon [iconData]="iconCacheService.getIcon(icons.RegularCartShoppingClock)" class="store-icon"></co-icon>
45965
+ <div class="value">
45966
+ <span [textContent]="transaction.getTransDate() | date:'dd-MM-yyyy'" [title]="'TRANSACTION_DATE' | localize"></span>
45967
+ </div>
45968
+ </div>
45969
+ @if (transaction.getDeliveryDate()) {
45970
+ <div class="order-detail-section">
45971
+ <co-icon [iconData]="iconCacheService.getIcon(icons.RegularTruckMovingClock)" class="store-icon"></co-icon>
45972
+ @if (!transaction.deliveryDateDefinitive) {
45973
+ <div class="value">
45974
+ <span [textContent]="getWeekNumber(transaction.getDeliveryDate())"></span>
45975
+ <span class="expected" [textContent]="'EXPECTED_DELIVERY_WEEK' | localize"></span>
45976
+ </div>
45977
+ }
45978
+ @if (transaction.deliveryDateDefinitive) {
45979
+ <div class="value">
45980
+ <span [textContent]="transaction.getDeliveryDate() | date:'dd-MM-yyyy'" [title]="'DELIVERY_DATE' | localize"></span>
45981
+ </div>
45982
+ }
45983
+ </div>
45984
+ }
45985
+ <div class="order-detail-section">
45986
+ <co-icon [iconData]="iconCacheService.getIcon(icons.RegularCartShoppingTag)" class="store-icon"></co-icon>
45987
+ <div class="value"><span
45988
+ [textContent]="transaction.totalPriceWithVat | currency:'EUR'"></span>
45989
+ </div>
45990
+ </div>
45991
+ </div>
45992
+ }
45993
+ </div>
45994
+ </div>
45995
+
45996
+ <!--div class="transaction-tile-wrapper" (click)="onTransactionClick(transaction)">
45997
+ <div [class]="'type-indicator color-' + transaction.transactionKind"></div>
45998
+ <div class="tile">
45999
+ <div class="tile-header">
46000
+ <div class="tile-upper-left">
46001
+ <div class="transaction-tile-avatar">
46002
+ <co-avatar [image]="transaction.execImage" [relationId]="transaction.handledBy"></co-avatar>
46003
+ <span [textContent]="transaction.transNr"></span>
46004
+ </div>
46005
+ </div>
46006
+ <div class="tile-upper-middle">
46007
+ <co-icon [iconData]="iconCacheService.getIcon(icons.StoreLight)" class="store-icon"></co-icon>
46008
+ <div class="text"><span [textContent]="transaction.branchNr"></span></div>
46009
+ </div>
46010
+
46011
+ <div class="tile-upper-right">
46012
+ <div class="status-bar-wrapper" (click)="$event.stopPropagation()">
46013
+ <co-transaction-statusbar
46014
+ [screenConfigurationObject]="cfgNames.StatusBar"
46015
+ [configNames]="statusBarConfigNames"
46016
+ [transaction]="transaction">
46017
+ </co-transaction-statusbar>
46018
+ </div>
46019
+ </div>
46020
+ </div>
46021
+ <div class="tile-body">
46022
+ <div class="tile-middle-left">
46023
+ <co-input-checkbox
46024
+ *ngIf="showCheckbox"
46025
+ [(model)]="transaction.selected"
46026
+ (modelChange)="onSelectedClick(transaction)"
46027
+ ></co-input-checkbox>
46028
+ </div>
46029
+ <div class="tile-middle-middle">
46030
+ <div class="text"><span [textContent]="transaction.relationName"></span></div>
46031
+ <div class="text"><span [textContent]="transaction.getAdres()"></span></div>
46032
+ </div>
46033
+ <div class="tile-middle-right"></div>
46034
+ </div>
46035
+ <div class="tile-footer">
46036
+ <div class="tile-bottom-left order-info-section">
46037
+ <co-icon [iconData]="iconCacheService.getIcon(icons.RegularCartShoppingClock)" class="store-icon"></co-icon>
46038
+ <div class="value">
46039
+ <span [textContent]="transaction.getTransDate() | date:'dd-MM-yyyy'"></span>
46040
+ </div>
46041
+ </div>
46042
+ <div class="tile-bottom-middle order-info-section">
46043
+ <div class="value" *ngIf="transaction.getDeliveryDate()">
46044
+ <co-icon [iconData]="iconCacheService.getIcon(icons.RegularTruckMovingClock)" class="store-icon"></co-icon>
46045
+ <span [textContent]="transaction.getDeliveryDate() | date:'dd-MM-yyyy'"></span>
46046
+ <co-icon *ngIf="transaction.deliveryDateDefinitive; else indefinite"
46047
+ [iconData]="iconCacheService.getIcon(icons.Lock)" class="lock-icon"></co-icon>
46048
+ <ng-template #indefinite>
46049
+ <co-icon [iconData]="iconCacheService.getIcon(icons.Unlock)" class="unlock-icon"></co-icon>
46050
+ </ng-template>
46051
+ </div>
46052
+ </div>
46053
+ <div class="tile-bottom-right order-info-section">
46054
+ <co-icon [iconData]="iconCacheService.getIcon(icons.RegularCartShoppingTag)" class="store-icon"></co-icon>
46055
+ <div class="value"><span
46056
+ [textContent]="transaction.totalPriceWithVat | currency:'EUR'"></span>
46057
+ </div>
46058
+ </div>
46059
+ </div>
46060
+ </div>
46061
+ </div-->
46059
46062
  `,
46060
46063
  changeDetection: ChangeDetectionStrategy.OnPush,
46061
46064
  encapsulation: ViewEncapsulation.None,
@@ -46125,178 +46128,178 @@ class TransactionSearchSalesLineSelectTileComponent extends TransactionSearchTil
46125
46128
  }
46126
46129
  }
46127
46130
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TransactionSearchSalesLineSelectTileComponent, deps: [{ token: IconCacheService }, { token: TransactionService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
46128
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: TransactionSearchSalesLineSelectTileComponent, isStandalone: false, selector: "co-transaction-search-sales-line-select-tile", inputs: { extendedTransactionSearch: "extendedTransactionSearch", returnWizardLayout: "returnWizardLayout" }, outputs: { lineClicked: "lineClicked", transactionClick: "transactionClick" }, host: { properties: { "class.co-transaction-search-sales-line-select-tile": "this.showClass" } }, usesInheritance: true, ngImport: i0, template: `
46129
- @if (!extendedTransactionSearch) {
46130
- <div class="co-transaction-search-sales-line-select-tile-wrapper " observeVisibility #observer=visibilityObserve
46131
- (visibilityChange)="handleVisibilityChange($event)">
46132
- <co-transaction-order-tile [transaction]="transaction" [showAvatar]="true">
46133
- </co-transaction-order-tile>
46134
- <div class="order-lines-container co-small-scrollbar">
46135
- <div class="order-lines">
46136
- @for (line of lines; track line) {
46137
- <div class="inner-lines">
46138
- <co-transaction-line-tile [line]="line" (click)="tileClicked(line)"></co-transaction-line-tile>
46139
- </div>
46140
- }
46141
- </div>
46142
- </div>
46143
- </div>
46144
- }
46145
- @if (extendedTransactionSearch) {
46146
- <div class="co-transaction-search-sales-line-select-tile-wrapper " observeVisibility #observer=visibilityObserve
46147
- (visibilityChange)="handleVisibilityChange($event)">
46148
- <co-transaction-order-tile [transaction]="transaction" [showAvatar]="true">
46149
- </co-transaction-order-tile>
46150
- <div class="order-lines-container" (click)="onTransactionClick(transaction)">
46151
- @if(returnWizardLayout) {
46152
- <div class="order-lines-wizard">
46153
- @for (line of lines; track line) {
46154
- <div class="inner-lines">
46155
- <co-transaction-line-tile [line]="line" [showPriceAmount]="true" ></co-transaction-line-tile>
46156
- </div>
46157
- }
46158
- </div>
46159
- }
46160
-
46161
- @if(!returnWizardLayout) {
46162
- @if (transaction.transactionKind !== 'S') {
46163
- <div class="order-lines">
46164
- @for (line of lines; track line) {
46165
- <div class="inner-lines">
46166
- <co-transaction-line-tile [line]="line" [showPriceAmount]="transaction.transType === 'R'" ></co-transaction-line-tile>
46167
- </div>
46168
- }
46169
- </div>
46170
- }
46171
- @if (transaction.transactionKind === 'S') {
46172
- <div class="service-lines">
46173
- <div class="service-line">
46174
- <div class="service-status">
46175
- <span class="service-label" [textContent]="'STATE' | localize"></span>
46176
- <span [textContent]="transaction.workflowStatusDescription"></span>
46177
- </div>
46178
- <div class="service-message">
46179
- <span class="service-label" [textContent]="'MESSAGE' | localize"></span>
46180
- <span class="message" [textContent]="transaction.serviceMessage"></span>
46181
- </div>
46182
- </div>
46183
- <div class="service-right-side">
46184
- <div class="service-priority">
46185
- <span class="service-label" [textContent]="'PRIORITY' | localize"></span>
46186
- <span
46187
- [ngClass]="getPriorityLabel(transaction.servicePriority).toLowerCase() | localize"
46188
- [textContent]="getPriorityLabel(transaction.servicePriority).toUpperCase() | localize"></span>
46189
- </div>
46190
- <div class="service-modified">
46191
- <span class="service-label" [textContent]="'MODIFIED' | localize"></span>
46192
- <span [textContent]="transaction.dateModified"></span>
46193
- </div>
46194
- <div class="service-created">
46195
- <span class="service-label" [textContent]="'CREATED_BY' | localize"></span>
46196
- <span [textContent]="transaction.relationName"></span>
46197
- </div>
46198
- </div>
46199
- </div>
46200
- }
46201
- }
46202
- <div class="show-order-wrapper">
46203
- <div class="show-order">
46204
- <co-icon [iconData]="iconCacheService.getIcon(icons.ChevronRightRegular)"></co-icon>
46205
- <span [textContent]="showOrderLabel() | localize"></span>
46206
- </div>
46207
- </div>
46208
- </div>
46209
- </div>
46210
- }
46131
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: TransactionSearchSalesLineSelectTileComponent, isStandalone: false, selector: "co-transaction-search-sales-line-select-tile", inputs: { extendedTransactionSearch: "extendedTransactionSearch", returnWizardLayout: "returnWizardLayout" }, outputs: { lineClicked: "lineClicked", transactionClick: "transactionClick" }, host: { properties: { "class.co-transaction-search-sales-line-select-tile": "this.showClass" } }, usesInheritance: true, ngImport: i0, template: `
46132
+ @if (!extendedTransactionSearch) {
46133
+ <div class="co-transaction-search-sales-line-select-tile-wrapper " observeVisibility #observer=visibilityObserve
46134
+ (visibilityChange)="handleVisibilityChange($event)">
46135
+ <co-transaction-order-tile [transaction]="transaction" [showAvatar]="true">
46136
+ </co-transaction-order-tile>
46137
+ <div class="order-lines-container co-small-scrollbar">
46138
+ <div class="order-lines">
46139
+ @for (line of lines; track line) {
46140
+ <div class="inner-lines">
46141
+ <co-transaction-line-tile [line]="line" (click)="tileClicked(line)"></co-transaction-line-tile>
46142
+ </div>
46143
+ }
46144
+ </div>
46145
+ </div>
46146
+ </div>
46147
+ }
46148
+ @if (extendedTransactionSearch) {
46149
+ <div class="co-transaction-search-sales-line-select-tile-wrapper " observeVisibility #observer=visibilityObserve
46150
+ (visibilityChange)="handleVisibilityChange($event)">
46151
+ <co-transaction-order-tile [transaction]="transaction" [showAvatar]="true">
46152
+ </co-transaction-order-tile>
46153
+ <div class="order-lines-container" (click)="onTransactionClick(transaction)">
46154
+ @if(returnWizardLayout) {
46155
+ <div class="order-lines-wizard">
46156
+ @for (line of lines; track line) {
46157
+ <div class="inner-lines">
46158
+ <co-transaction-line-tile [line]="line" [showPriceAmount]="true" ></co-transaction-line-tile>
46159
+ </div>
46160
+ }
46161
+ </div>
46162
+ }
46163
+
46164
+ @if(!returnWizardLayout) {
46165
+ @if (transaction.transactionKind !== 'S') {
46166
+ <div class="order-lines">
46167
+ @for (line of lines; track line) {
46168
+ <div class="inner-lines">
46169
+ <co-transaction-line-tile [line]="line" [showPriceAmount]="transaction.transType === 'R'" ></co-transaction-line-tile>
46170
+ </div>
46171
+ }
46172
+ </div>
46173
+ }
46174
+ @if (transaction.transactionKind === 'S') {
46175
+ <div class="service-lines">
46176
+ <div class="service-line">
46177
+ <div class="service-status">
46178
+ <span class="service-label" [textContent]="'STATE' | localize"></span>
46179
+ <span [textContent]="transaction.workflowStatusDescription"></span>
46180
+ </div>
46181
+ <div class="service-message">
46182
+ <span class="service-label" [textContent]="'MESSAGE' | localize"></span>
46183
+ <span class="message" [textContent]="transaction.serviceMessage"></span>
46184
+ </div>
46185
+ </div>
46186
+ <div class="service-right-side">
46187
+ <div class="service-priority">
46188
+ <span class="service-label" [textContent]="'PRIORITY' | localize"></span>
46189
+ <span
46190
+ [ngClass]="getPriorityLabel(transaction.servicePriority).toLowerCase() | localize"
46191
+ [textContent]="getPriorityLabel(transaction.servicePriority).toUpperCase() | localize"></span>
46192
+ </div>
46193
+ <div class="service-modified">
46194
+ <span class="service-label" [textContent]="'MODIFIED' | localize"></span>
46195
+ <span [textContent]="transaction.dateModified"></span>
46196
+ </div>
46197
+ <div class="service-created">
46198
+ <span class="service-label" [textContent]="'CREATED_BY' | localize"></span>
46199
+ <span [textContent]="transaction.relationName"></span>
46200
+ </div>
46201
+ </div>
46202
+ </div>
46203
+ }
46204
+ }
46205
+ <div class="show-order-wrapper">
46206
+ <div class="show-order">
46207
+ <co-icon [iconData]="iconCacheService.getIcon(icons.ChevronRightRegular)"></co-icon>
46208
+ <span [textContent]="showOrderLabel() | localize"></span>
46209
+ </div>
46210
+ </div>
46211
+ </div>
46212
+ </div>
46213
+ }
46211
46214
  `, isInline: true, dependencies: [{ kind: "directive", type: i1$1.ObserveVisibilityDirective, selector: "[observeVisibility]", inputs: ["threshold"], outputs: ["visibilityChange"], exportAs: ["visibilityObserve"] }, { kind: "directive", type: i2$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: TransactionLineTileComponent, selector: "co-transaction-line-tile", inputs: ["line", "showPriceAmount"] }, { kind: "component", type: TransactionOrderTileComponent, selector: "co-transaction-order-tile", inputs: ["showAvatar"] }, { kind: "component", type: i1$1.IconComponent, selector: "co-icon", inputs: ["icon", "iconData"] }, { kind: "pipe", type: LocalizePipe, name: "localize" }], encapsulation: i0.ViewEncapsulation.None });
46212
46215
  }
46213
46216
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TransactionSearchSalesLineSelectTileComponent, decorators: [{
46214
46217
  type: Component,
46215
46218
  args: [{
46216
46219
  selector: 'co-transaction-search-sales-line-select-tile',
46217
- template: `
46218
- @if (!extendedTransactionSearch) {
46219
- <div class="co-transaction-search-sales-line-select-tile-wrapper " observeVisibility #observer=visibilityObserve
46220
- (visibilityChange)="handleVisibilityChange($event)">
46221
- <co-transaction-order-tile [transaction]="transaction" [showAvatar]="true">
46222
- </co-transaction-order-tile>
46223
- <div class="order-lines-container co-small-scrollbar">
46224
- <div class="order-lines">
46225
- @for (line of lines; track line) {
46226
- <div class="inner-lines">
46227
- <co-transaction-line-tile [line]="line" (click)="tileClicked(line)"></co-transaction-line-tile>
46228
- </div>
46229
- }
46230
- </div>
46231
- </div>
46232
- </div>
46233
- }
46234
- @if (extendedTransactionSearch) {
46235
- <div class="co-transaction-search-sales-line-select-tile-wrapper " observeVisibility #observer=visibilityObserve
46236
- (visibilityChange)="handleVisibilityChange($event)">
46237
- <co-transaction-order-tile [transaction]="transaction" [showAvatar]="true">
46238
- </co-transaction-order-tile>
46239
- <div class="order-lines-container" (click)="onTransactionClick(transaction)">
46240
- @if(returnWizardLayout) {
46241
- <div class="order-lines-wizard">
46242
- @for (line of lines; track line) {
46243
- <div class="inner-lines">
46244
- <co-transaction-line-tile [line]="line" [showPriceAmount]="true" ></co-transaction-line-tile>
46245
- </div>
46246
- }
46247
- </div>
46248
- }
46249
-
46250
- @if(!returnWizardLayout) {
46251
- @if (transaction.transactionKind !== 'S') {
46252
- <div class="order-lines">
46253
- @for (line of lines; track line) {
46254
- <div class="inner-lines">
46255
- <co-transaction-line-tile [line]="line" [showPriceAmount]="transaction.transType === 'R'" ></co-transaction-line-tile>
46256
- </div>
46257
- }
46258
- </div>
46259
- }
46260
- @if (transaction.transactionKind === 'S') {
46261
- <div class="service-lines">
46262
- <div class="service-line">
46263
- <div class="service-status">
46264
- <span class="service-label" [textContent]="'STATE' | localize"></span>
46265
- <span [textContent]="transaction.workflowStatusDescription"></span>
46266
- </div>
46267
- <div class="service-message">
46268
- <span class="service-label" [textContent]="'MESSAGE' | localize"></span>
46269
- <span class="message" [textContent]="transaction.serviceMessage"></span>
46270
- </div>
46271
- </div>
46272
- <div class="service-right-side">
46273
- <div class="service-priority">
46274
- <span class="service-label" [textContent]="'PRIORITY' | localize"></span>
46275
- <span
46276
- [ngClass]="getPriorityLabel(transaction.servicePriority).toLowerCase() | localize"
46277
- [textContent]="getPriorityLabel(transaction.servicePriority).toUpperCase() | localize"></span>
46278
- </div>
46279
- <div class="service-modified">
46280
- <span class="service-label" [textContent]="'MODIFIED' | localize"></span>
46281
- <span [textContent]="transaction.dateModified"></span>
46282
- </div>
46283
- <div class="service-created">
46284
- <span class="service-label" [textContent]="'CREATED_BY' | localize"></span>
46285
- <span [textContent]="transaction.relationName"></span>
46286
- </div>
46287
- </div>
46288
- </div>
46289
- }
46290
- }
46291
- <div class="show-order-wrapper">
46292
- <div class="show-order">
46293
- <co-icon [iconData]="iconCacheService.getIcon(icons.ChevronRightRegular)"></co-icon>
46294
- <span [textContent]="showOrderLabel() | localize"></span>
46295
- </div>
46296
- </div>
46297
- </div>
46298
- </div>
46299
- }
46220
+ template: `
46221
+ @if (!extendedTransactionSearch) {
46222
+ <div class="co-transaction-search-sales-line-select-tile-wrapper " observeVisibility #observer=visibilityObserve
46223
+ (visibilityChange)="handleVisibilityChange($event)">
46224
+ <co-transaction-order-tile [transaction]="transaction" [showAvatar]="true">
46225
+ </co-transaction-order-tile>
46226
+ <div class="order-lines-container co-small-scrollbar">
46227
+ <div class="order-lines">
46228
+ @for (line of lines; track line) {
46229
+ <div class="inner-lines">
46230
+ <co-transaction-line-tile [line]="line" (click)="tileClicked(line)"></co-transaction-line-tile>
46231
+ </div>
46232
+ }
46233
+ </div>
46234
+ </div>
46235
+ </div>
46236
+ }
46237
+ @if (extendedTransactionSearch) {
46238
+ <div class="co-transaction-search-sales-line-select-tile-wrapper " observeVisibility #observer=visibilityObserve
46239
+ (visibilityChange)="handleVisibilityChange($event)">
46240
+ <co-transaction-order-tile [transaction]="transaction" [showAvatar]="true">
46241
+ </co-transaction-order-tile>
46242
+ <div class="order-lines-container" (click)="onTransactionClick(transaction)">
46243
+ @if(returnWizardLayout) {
46244
+ <div class="order-lines-wizard">
46245
+ @for (line of lines; track line) {
46246
+ <div class="inner-lines">
46247
+ <co-transaction-line-tile [line]="line" [showPriceAmount]="true" ></co-transaction-line-tile>
46248
+ </div>
46249
+ }
46250
+ </div>
46251
+ }
46252
+
46253
+ @if(!returnWizardLayout) {
46254
+ @if (transaction.transactionKind !== 'S') {
46255
+ <div class="order-lines">
46256
+ @for (line of lines; track line) {
46257
+ <div class="inner-lines">
46258
+ <co-transaction-line-tile [line]="line" [showPriceAmount]="transaction.transType === 'R'" ></co-transaction-line-tile>
46259
+ </div>
46260
+ }
46261
+ </div>
46262
+ }
46263
+ @if (transaction.transactionKind === 'S') {
46264
+ <div class="service-lines">
46265
+ <div class="service-line">
46266
+ <div class="service-status">
46267
+ <span class="service-label" [textContent]="'STATE' | localize"></span>
46268
+ <span [textContent]="transaction.workflowStatusDescription"></span>
46269
+ </div>
46270
+ <div class="service-message">
46271
+ <span class="service-label" [textContent]="'MESSAGE' | localize"></span>
46272
+ <span class="message" [textContent]="transaction.serviceMessage"></span>
46273
+ </div>
46274
+ </div>
46275
+ <div class="service-right-side">
46276
+ <div class="service-priority">
46277
+ <span class="service-label" [textContent]="'PRIORITY' | localize"></span>
46278
+ <span
46279
+ [ngClass]="getPriorityLabel(transaction.servicePriority).toLowerCase() | localize"
46280
+ [textContent]="getPriorityLabel(transaction.servicePriority).toUpperCase() | localize"></span>
46281
+ </div>
46282
+ <div class="service-modified">
46283
+ <span class="service-label" [textContent]="'MODIFIED' | localize"></span>
46284
+ <span [textContent]="transaction.dateModified"></span>
46285
+ </div>
46286
+ <div class="service-created">
46287
+ <span class="service-label" [textContent]="'CREATED_BY' | localize"></span>
46288
+ <span [textContent]="transaction.relationName"></span>
46289
+ </div>
46290
+ </div>
46291
+ </div>
46292
+ }
46293
+ }
46294
+ <div class="show-order-wrapper">
46295
+ <div class="show-order">
46296
+ <co-icon [iconData]="iconCacheService.getIcon(icons.ChevronRightRegular)"></co-icon>
46297
+ <span [textContent]="showOrderLabel() | localize"></span>
46298
+ </div>
46299
+ </div>
46300
+ </div>
46301
+ </div>
46302
+ }
46300
46303
  `,
46301
46304
  encapsulation: ViewEncapsulation.None,
46302
46305
  standalone: false
@@ -69461,166 +69464,166 @@ class TransactionSearchPurchaseOrderTileComponent extends TransactionSearchTileB
69461
69464
  }
69462
69465
  }
69463
69466
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TransactionSearchPurchaseOrderTileComponent, deps: [{ token: IconCacheService }, { token: i0.ChangeDetectorRef }, { token: TransactionEventService }], target: i0.ɵɵFactoryTarget.Component });
69464
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: TransactionSearchPurchaseOrderTileComponent, isStandalone: false, selector: "co-transaction-search-purchase-order-tile", usesInheritance: true, ngImport: i0, template: `
69465
- <div class="transaction-tile-wrapper" (click)="onTransactionClick(transaction)">
69466
- <div [class]="'type-indicator color-' + transaction.transactionKind"></div>
69467
- <div class="tile">
69468
- <div class="tile-header">
69469
- <div class="tile-upper-left">
69470
- <div class="transaction-tile-avatar">
69471
- <co-avatar [image]="transaction.execImage" [relationId]="transaction.handledBy"></co-avatar>
69472
- <span [textContent]="transaction.transNr"></span>
69473
- </div>
69474
- </div>
69475
- <div class="tile-upper-middle">
69476
- <co-icon [iconData]="iconCacheService.getIcon(icons.StoreLight)" class="store-icon"></co-icon>
69477
- <div class="text"><span [textContent]="transaction.branchNr"></span></div>
69478
- </div>
69479
-
69480
- <div class="tile-upper-right">
69481
- <div class="status-bar-wrapper" (click)="$event.stopPropagation()">
69482
- <co-transaction-statusbar
69483
- [screenConfigurationObject]="cfgNames.StatusBar"
69484
- [configNames]="statusBarConfigNames"
69485
- [transaction]="transaction">
69486
- </co-transaction-statusbar>
69487
- </div>
69488
- </div>
69489
- </div>
69490
- <div class="tile-body">
69491
- <div class="tile-middle-left">
69492
- @if (showCheckbox && !transaction.isInProgressForBatchJob) {
69493
- <co-input-checkbox
69494
- [(model)]="transaction.selected"
69495
- (modelChange)="onSelectedClick(transaction)">
69496
- </co-input-checkbox>
69497
- }
69498
- @if (showCheckbox && transaction.isInProgressForBatchJob) {
69499
- <co-icon
69500
- class="batch-info-icon"
69501
- [title]="'PART_OF_BATCH' | localize"
69502
- [iconData]="iconCacheService.getIcon(icons.CircleInfoRegular)">
69503
- </co-icon>
69504
- }
69505
- </div>
69506
- <div class="tile-middle-middle">
69507
- <div class="text"><span [textContent]="transaction.relationName"></span></div>
69508
- <div class="text"><span [textContent]="transaction.getAdres()"></span></div>
69509
- </div>
69510
- <div class="tile-middle-right"></div>
69511
- </div>
69512
- <div class="tile-footer">
69513
- <div class="tile-bottom-left order-info-section">
69514
- <co-icon [iconData]="iconCacheService.getIcon(icons.RegularCartShoppingClock)" class="store-icon"></co-icon>
69515
- <div class="value">
69516
- <span [textContent]="transaction.getTransDate() | date:'dd-MM-yyyy'"></span>
69517
- </div>
69518
- </div>
69519
- <div class="tile-bottom-middle order-info-section">
69520
- @if (transaction.getDeliveryDate()) {
69521
- <div class="value">
69522
- <co-icon [iconData]="iconCacheService.getIcon(icons.RegularTruckMovingClock)" class="store-icon"></co-icon>
69523
- <span [textContent]="transaction.getDeliveryDate() | date:'dd-MM-yyyy'"></span>
69524
- @if (transaction.deliveryDateDefinitive) {
69525
- <co-icon
69526
- [iconData]="iconCacheService.getIcon(icons.Lock)" class="lock-icon"></co-icon>
69527
- } @else {
69528
- <co-icon [iconData]="iconCacheService.getIcon(icons.Unlock)" class="unlock-icon"></co-icon>
69529
- }
69530
- </div>
69531
- }
69532
- </div>
69533
- <div class="tile-bottom-right order-info-section">
69534
- <co-icon [iconData]="iconCacheService.getIcon(icons.RegularCartShoppingTag)" class="store-icon"></co-icon>
69535
- <div class="value"><span
69536
- [textContent]="(transaction.totalPriceWithVat - transaction.totalPriceVat) | currency:'EUR'"></span></div>
69537
- </div>
69538
- </div>
69539
- </div>
69540
- </div>
69467
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: TransactionSearchPurchaseOrderTileComponent, isStandalone: false, selector: "co-transaction-search-purchase-order-tile", usesInheritance: true, ngImport: i0, template: `
69468
+ <div class="transaction-tile-wrapper" (click)="onTransactionClick(transaction)">
69469
+ <div [class]="'type-indicator color-' + transaction.transactionKind"></div>
69470
+ <div class="tile">
69471
+ <div class="tile-header">
69472
+ <div class="tile-upper-left">
69473
+ <div class="transaction-tile-avatar">
69474
+ <co-avatar [image]="transaction.execImage" [relationId]="transaction.handledBy"></co-avatar>
69475
+ <span [textContent]="transaction.transNr"></span>
69476
+ </div>
69477
+ </div>
69478
+ <div class="tile-upper-middle">
69479
+ <co-icon [iconData]="iconCacheService.getIcon(icons.StoreLight)" class="store-icon"></co-icon>
69480
+ <div class="text"><span [textContent]="transaction.branchNr"></span></div>
69481
+ </div>
69482
+
69483
+ <div class="tile-upper-right">
69484
+ <div class="status-bar-wrapper" (click)="$event.stopPropagation()">
69485
+ <co-transaction-statusbar
69486
+ [screenConfigurationObject]="cfgNames.StatusBar"
69487
+ [configNames]="statusBarConfigNames"
69488
+ [transaction]="transaction">
69489
+ </co-transaction-statusbar>
69490
+ </div>
69491
+ </div>
69492
+ </div>
69493
+ <div class="tile-body">
69494
+ <div class="tile-middle-left">
69495
+ @if (showCheckbox && !transaction.isInProgressForBatchJob) {
69496
+ <co-input-checkbox
69497
+ [(model)]="transaction.selected"
69498
+ (modelChange)="onSelectedClick(transaction)">
69499
+ </co-input-checkbox>
69500
+ }
69501
+ @if (showCheckbox && transaction.isInProgressForBatchJob) {
69502
+ <co-icon
69503
+ class="batch-info-icon"
69504
+ [title]="'PART_OF_BATCH' | localize"
69505
+ [iconData]="iconCacheService.getIcon(icons.CircleInfoRegular)">
69506
+ </co-icon>
69507
+ }
69508
+ </div>
69509
+ <div class="tile-middle-middle">
69510
+ <div class="text"><span [textContent]="transaction.relationName"></span></div>
69511
+ <div class="text"><span [textContent]="transaction.getAdres()"></span></div>
69512
+ </div>
69513
+ <div class="tile-middle-right"></div>
69514
+ </div>
69515
+ <div class="tile-footer">
69516
+ <div class="tile-bottom-left order-info-section">
69517
+ <co-icon [iconData]="iconCacheService.getIcon(icons.RegularCartShoppingClock)" class="store-icon"></co-icon>
69518
+ <div class="value">
69519
+ <span [textContent]="transaction.getTransDate() | date:'dd-MM-yyyy'"></span>
69520
+ </div>
69521
+ </div>
69522
+ <div class="tile-bottom-middle order-info-section">
69523
+ @if (transaction.getDeliveryDate()) {
69524
+ <div class="value">
69525
+ <co-icon [iconData]="iconCacheService.getIcon(icons.RegularTruckMovingClock)" class="store-icon"></co-icon>
69526
+ <span [textContent]="transaction.getDeliveryDate() | date:'dd-MM-yyyy'"></span>
69527
+ @if (transaction.deliveryDateDefinitive) {
69528
+ <co-icon
69529
+ [iconData]="iconCacheService.getIcon(icons.Lock)" class="lock-icon"></co-icon>
69530
+ } @else {
69531
+ <co-icon [iconData]="iconCacheService.getIcon(icons.Unlock)" class="unlock-icon"></co-icon>
69532
+ }
69533
+ </div>
69534
+ }
69535
+ </div>
69536
+ <div class="tile-bottom-right order-info-section">
69537
+ <co-icon [iconData]="iconCacheService.getIcon(icons.RegularCartShoppingTag)" class="store-icon"></co-icon>
69538
+ <div class="value"><span
69539
+ [textContent]="(transaction.totalPriceWithVat - transaction.totalPriceVat) | currency:'EUR'"></span></div>
69540
+ </div>
69541
+ </div>
69542
+ </div>
69543
+ </div>
69541
69544
  `, isInline: true, dependencies: [{ kind: "component", type: AvatarComponent, selector: "co-avatar", inputs: ["image", "relationId", "relation", "showBranchNr"] }, { kind: "component", type: i1$1.IconComponent, selector: "co-icon", inputs: ["icon", "iconData"] }, { kind: "component", type: TransactionStatusbarComponent, selector: "co-transaction-statusbar", inputs: ["configNames", "transaction"] }, { kind: "directive", type: i1$1.ScreenConfigurationDirective, selector: "[screenConfigurationObject]", inputs: ["screenConfigurationObject", "dataName", "screenConfigNativeElement", "noModuleService"] }, { kind: "component", type: i1$1.InputCheckboxComponent, selector: "co-input-checkbox", inputs: ["cssClass", "clickableLabel"], outputs: ["modelChange"] }, { kind: "pipe", type: i2$1.CurrencyPipe, name: "currency" }, { kind: "pipe", type: i2$1.DatePipe, name: "date" }, { kind: "pipe", type: LocalizePipe, name: "localize" }], encapsulation: i0.ViewEncapsulation.None });
69542
69545
  }
69543
69546
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TransactionSearchPurchaseOrderTileComponent, decorators: [{
69544
69547
  type: Component,
69545
69548
  args: [{
69546
69549
  selector: "co-transaction-search-purchase-order-tile",
69547
- template: `
69548
- <div class="transaction-tile-wrapper" (click)="onTransactionClick(transaction)">
69549
- <div [class]="'type-indicator color-' + transaction.transactionKind"></div>
69550
- <div class="tile">
69551
- <div class="tile-header">
69552
- <div class="tile-upper-left">
69553
- <div class="transaction-tile-avatar">
69554
- <co-avatar [image]="transaction.execImage" [relationId]="transaction.handledBy"></co-avatar>
69555
- <span [textContent]="transaction.transNr"></span>
69556
- </div>
69557
- </div>
69558
- <div class="tile-upper-middle">
69559
- <co-icon [iconData]="iconCacheService.getIcon(icons.StoreLight)" class="store-icon"></co-icon>
69560
- <div class="text"><span [textContent]="transaction.branchNr"></span></div>
69561
- </div>
69562
-
69563
- <div class="tile-upper-right">
69564
- <div class="status-bar-wrapper" (click)="$event.stopPropagation()">
69565
- <co-transaction-statusbar
69566
- [screenConfigurationObject]="cfgNames.StatusBar"
69567
- [configNames]="statusBarConfigNames"
69568
- [transaction]="transaction">
69569
- </co-transaction-statusbar>
69570
- </div>
69571
- </div>
69572
- </div>
69573
- <div class="tile-body">
69574
- <div class="tile-middle-left">
69575
- @if (showCheckbox && !transaction.isInProgressForBatchJob) {
69576
- <co-input-checkbox
69577
- [(model)]="transaction.selected"
69578
- (modelChange)="onSelectedClick(transaction)">
69579
- </co-input-checkbox>
69580
- }
69581
- @if (showCheckbox && transaction.isInProgressForBatchJob) {
69582
- <co-icon
69583
- class="batch-info-icon"
69584
- [title]="'PART_OF_BATCH' | localize"
69585
- [iconData]="iconCacheService.getIcon(icons.CircleInfoRegular)">
69586
- </co-icon>
69587
- }
69588
- </div>
69589
- <div class="tile-middle-middle">
69590
- <div class="text"><span [textContent]="transaction.relationName"></span></div>
69591
- <div class="text"><span [textContent]="transaction.getAdres()"></span></div>
69592
- </div>
69593
- <div class="tile-middle-right"></div>
69594
- </div>
69595
- <div class="tile-footer">
69596
- <div class="tile-bottom-left order-info-section">
69597
- <co-icon [iconData]="iconCacheService.getIcon(icons.RegularCartShoppingClock)" class="store-icon"></co-icon>
69598
- <div class="value">
69599
- <span [textContent]="transaction.getTransDate() | date:'dd-MM-yyyy'"></span>
69600
- </div>
69601
- </div>
69602
- <div class="tile-bottom-middle order-info-section">
69603
- @if (transaction.getDeliveryDate()) {
69604
- <div class="value">
69605
- <co-icon [iconData]="iconCacheService.getIcon(icons.RegularTruckMovingClock)" class="store-icon"></co-icon>
69606
- <span [textContent]="transaction.getDeliveryDate() | date:'dd-MM-yyyy'"></span>
69607
- @if (transaction.deliveryDateDefinitive) {
69608
- <co-icon
69609
- [iconData]="iconCacheService.getIcon(icons.Lock)" class="lock-icon"></co-icon>
69610
- } @else {
69611
- <co-icon [iconData]="iconCacheService.getIcon(icons.Unlock)" class="unlock-icon"></co-icon>
69612
- }
69613
- </div>
69614
- }
69615
- </div>
69616
- <div class="tile-bottom-right order-info-section">
69617
- <co-icon [iconData]="iconCacheService.getIcon(icons.RegularCartShoppingTag)" class="store-icon"></co-icon>
69618
- <div class="value"><span
69619
- [textContent]="(transaction.totalPriceWithVat - transaction.totalPriceVat) | currency:'EUR'"></span></div>
69620
- </div>
69621
- </div>
69622
- </div>
69623
- </div>
69550
+ template: `
69551
+ <div class="transaction-tile-wrapper" (click)="onTransactionClick(transaction)">
69552
+ <div [class]="'type-indicator color-' + transaction.transactionKind"></div>
69553
+ <div class="tile">
69554
+ <div class="tile-header">
69555
+ <div class="tile-upper-left">
69556
+ <div class="transaction-tile-avatar">
69557
+ <co-avatar [image]="transaction.execImage" [relationId]="transaction.handledBy"></co-avatar>
69558
+ <span [textContent]="transaction.transNr"></span>
69559
+ </div>
69560
+ </div>
69561
+ <div class="tile-upper-middle">
69562
+ <co-icon [iconData]="iconCacheService.getIcon(icons.StoreLight)" class="store-icon"></co-icon>
69563
+ <div class="text"><span [textContent]="transaction.branchNr"></span></div>
69564
+ </div>
69565
+
69566
+ <div class="tile-upper-right">
69567
+ <div class="status-bar-wrapper" (click)="$event.stopPropagation()">
69568
+ <co-transaction-statusbar
69569
+ [screenConfigurationObject]="cfgNames.StatusBar"
69570
+ [configNames]="statusBarConfigNames"
69571
+ [transaction]="transaction">
69572
+ </co-transaction-statusbar>
69573
+ </div>
69574
+ </div>
69575
+ </div>
69576
+ <div class="tile-body">
69577
+ <div class="tile-middle-left">
69578
+ @if (showCheckbox && !transaction.isInProgressForBatchJob) {
69579
+ <co-input-checkbox
69580
+ [(model)]="transaction.selected"
69581
+ (modelChange)="onSelectedClick(transaction)">
69582
+ </co-input-checkbox>
69583
+ }
69584
+ @if (showCheckbox && transaction.isInProgressForBatchJob) {
69585
+ <co-icon
69586
+ class="batch-info-icon"
69587
+ [title]="'PART_OF_BATCH' | localize"
69588
+ [iconData]="iconCacheService.getIcon(icons.CircleInfoRegular)">
69589
+ </co-icon>
69590
+ }
69591
+ </div>
69592
+ <div class="tile-middle-middle">
69593
+ <div class="text"><span [textContent]="transaction.relationName"></span></div>
69594
+ <div class="text"><span [textContent]="transaction.getAdres()"></span></div>
69595
+ </div>
69596
+ <div class="tile-middle-right"></div>
69597
+ </div>
69598
+ <div class="tile-footer">
69599
+ <div class="tile-bottom-left order-info-section">
69600
+ <co-icon [iconData]="iconCacheService.getIcon(icons.RegularCartShoppingClock)" class="store-icon"></co-icon>
69601
+ <div class="value">
69602
+ <span [textContent]="transaction.getTransDate() | date:'dd-MM-yyyy'"></span>
69603
+ </div>
69604
+ </div>
69605
+ <div class="tile-bottom-middle order-info-section">
69606
+ @if (transaction.getDeliveryDate()) {
69607
+ <div class="value">
69608
+ <co-icon [iconData]="iconCacheService.getIcon(icons.RegularTruckMovingClock)" class="store-icon"></co-icon>
69609
+ <span [textContent]="transaction.getDeliveryDate() | date:'dd-MM-yyyy'"></span>
69610
+ @if (transaction.deliveryDateDefinitive) {
69611
+ <co-icon
69612
+ [iconData]="iconCacheService.getIcon(icons.Lock)" class="lock-icon"></co-icon>
69613
+ } @else {
69614
+ <co-icon [iconData]="iconCacheService.getIcon(icons.Unlock)" class="unlock-icon"></co-icon>
69615
+ }
69616
+ </div>
69617
+ }
69618
+ </div>
69619
+ <div class="tile-bottom-right order-info-section">
69620
+ <co-icon [iconData]="iconCacheService.getIcon(icons.RegularCartShoppingTag)" class="store-icon"></co-icon>
69621
+ <div class="value"><span
69622
+ [textContent]="(transaction.totalPriceWithVat - transaction.totalPriceVat) | currency:'EUR'"></span></div>
69623
+ </div>
69624
+ </div>
69625
+ </div>
69626
+ </div>
69624
69627
  `,
69625
69628
  encapsulation: ViewEncapsulation.None,
69626
69629
  standalone: false