@colijnit/transaction 262.1.2 → 262.1.4

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 (27) hide show
  1. package/fesm2022/colijnit-transaction.mjs +708 -683
  2. package/fesm2022/colijnit-transaction.mjs.map +1 -1
  3. package/index.d.ts +9 -3
  4. package/lib/component/returns/return-wizard/delivery-chooser/style/_layout.scss +12 -0
  5. package/lib/component/returns/return-wizard/delivery-chooser/style/_material-definition.scss +1 -0
  6. package/lib/component/returns/return-wizard/delivery-chooser/style/_theme.scss +4 -0
  7. package/lib/component/returns/return-wizard/delivery-chooser/style/material.scss +3 -0
  8. package/lib/component/returns/return-wizard/delivery-method-chooser/delivery-method-tile/style/_layout.scss +30 -0
  9. package/lib/component/returns/return-wizard/delivery-method-chooser/delivery-method-tile/style/_material-definition.scss +1 -0
  10. package/lib/component/returns/return-wizard/delivery-method-chooser/delivery-method-tile/style/_theme.scss +4 -0
  11. package/lib/component/returns/return-wizard/delivery-method-chooser/delivery-method-tile/style/material.scss +3 -0
  12. package/lib/component/returns/return-wizard/delivery-method-chooser/style/_layout.scss +11 -0
  13. package/lib/component/returns/return-wizard/delivery-method-chooser/style/_material-definition.scss +1 -0
  14. package/lib/component/returns/return-wizard/delivery-method-chooser/style/_theme.scss +4 -0
  15. package/lib/component/returns/return-wizard/delivery-method-chooser/style/material.scss +3 -0
  16. package/lib/component/transaction-line-interbranch-receive-goods/style/_layout.scss +78 -78
  17. package/lib/component/transaction-line-interbranch-receive-goods/style/_material-definition.scss +2 -2
  18. package/lib/component/transaction-line-interbranch-receive-goods/style/_theme.scss +4 -4
  19. package/lib/component/transaction-line-interbranch-receive-goods/style/material.scss +4 -4
  20. package/lib/component/transaction-quick-access/transaction-quick-access-interbranch-order-purchase/style/_layout.scss +27 -27
  21. package/lib/component/transaction-quick-access/transaction-quick-access-interbranch-order-purchase/style/_material-definition.scss +1 -1
  22. package/lib/component/transaction-quick-access/transaction-quick-access-interbranch-order-purchase/style/_theme.scss +4 -4
  23. package/lib/component/transaction-quick-access/transaction-quick-access-interbranch-order-purchase/style/material.scss +4 -4
  24. package/lib/component/transaction-quick-access/transaction-quick-access-interrbranch-received-goods/style/_layout.scss +73 -73
  25. package/lib/component/transaction-quick-access/transaction-quick-access-interrbranch-received-goods/style/_theme.scss +6 -6
  26. package/lib/component/transaction-quick-access/transaction-quick-access-interrbranch-received-goods/style/material.scss +4 -4
  27. package/package.json +3 -3
package/fesm2022/colijnit-transaction.mjs CHANGED
@@ -157,7 +157,7 @@ import { UserRoleType } from '@colijnit/ioneconnector/build/enum/user-role-type.
157
157
  import * as i9 from '@colijnit/relation';
158
158
  import { RelationContactOptionsModule } from '@colijnit/relation';
159
159
  import * as i2 from '@colijnit/sharedcomponents';
160
- import { sendMethodsWithIcon, CalendarView, DatePlanningModule, KeyPadModule, StockModule, StatusbarModule, FilesUploadModule, SendMethodDialogModule, AgendaEventPerDay, AgendaEvent, PreferredPlanningModule, ComponentActivityListComponent, DocsignModule, ActivityListModule, ComponentActivityListModule, TaskCreatorModule, FormBuilderUserFormModule, SimpleTagsModule } from '@colijnit/sharedcomponents';
160
+ import { AgendaEventPerDay, AgendaEvent, sendMethodsWithIcon, CalendarView, DatePlanningModule, KeyPadModule, StockModule, StatusbarModule, FilesUploadModule, SendMethodDialogModule, PreferredPlanningModule, ComponentActivityListComponent, DocsignModule, ActivityListModule, ComponentActivityListModule, TaskCreatorModule, FormBuilderUserFormModule, SimpleTagsModule } from '@colijnit/sharedcomponents';
161
161
  import { ReceiveGoodsForOrderRequest } from '@colijnit/transactionapi/build/model/receive-goods-for-order-request.bo';
162
162
  import { AllocateGoodsForSalesOrderRequest } from '@colijnit/transactionapi/build/model/allocate-goods-for-sales-order-request';
163
163
  import { CreateTransactionRequest } from '@colijnit/transactionapi/build/model/create-transaction-request';
@@ -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.2";
360
- publishDate = "28/04/2026, 16:58:19";
359
+ symVer = "262.1.4";
360
+ publishDate = "29-4-2026, 18:04:34";
361
361
  }
362
362
 
363
363
  class CheckoutModuleService extends BaseModuleService {
@@ -2904,6 +2904,16 @@ class TransactionConnectorAdapterService {
2904
2904
  return [];
2905
2905
  }
2906
2906
  }
2907
+ async getDeliveryMethodsForReturns() {
2908
+ const result = await this.connector.getDeliveryMethodsForReturns();
2909
+ if (result.validationResult && result.validationResult.success) {
2910
+ return this._boFactory.makeBOArrayFromRawBackendDataArray(DeliveryMethod, result.resultObjects);
2911
+ }
2912
+ else {
2913
+ this._handleExceptionFromResponse(result);
2914
+ return [];
2915
+ }
2916
+ }
2907
2917
  async getDeliveryOptions() {
2908
2918
  const result = await this.connector.getDeliveryOptions();
2909
2919
  if (result.validationResult && result.validationResult.success) {
@@ -8192,6 +8202,9 @@ class TransactionConnectorService {
8192
8202
  return this._adapterService.functionCall(this._adapterService.getDeliveryMethods);
8193
8203
  }).getValue();
8194
8204
  }
8205
+ async getDeliveryMethodsForReturns() {
8206
+ return this._adapterService.functionCall(this._adapterService.getDeliveryMethodsForReturns);
8207
+ }
8195
8208
  async getDeliveryOptions() {
8196
8209
  return this._selectMultipleCacheService.requestCache(DeliveryOption, () => {
8197
8210
  return this._adapterService.functionCall(this._adapterService.getDeliveryOptions);
@@ -11365,10 +11378,14 @@ class TransactionService extends PendingReasonService {
11365
11378
  }
11366
11379
  }
11367
11380
  async addSalesReturnLine(request) {
11368
- const lockSuccess = await this.tryToLockTransaction(this.currentTransaction.transactionInfo.id, this.currentTransaction.transactionInfo.version);
11381
+ let lockSuccess = true;
11382
+ if (this.currentTransaction.transactionInfo.id) {
11383
+ lockSuccess = await this.tryToLockTransaction(this.currentTransaction.transactionInfo.id, this.currentTransaction.transactionInfo.version);
11384
+ }
11369
11385
  if (lockSuccess) {
11370
11386
  const response = await this.connector.addSalesReturnLine(request);
11371
11387
  if (response) {
11388
+ await this.rememberCurrentTransaction(response);
11372
11389
  return await this.handleLineOperationStatuses(response);
11373
11390
  }
11374
11391
  else {
@@ -11472,6 +11489,10 @@ class TransactionService extends PendingReasonService {
11472
11489
  return true;
11473
11490
  }
11474
11491
  }
11492
+ async doDeliveryPlanningRequest(inputs) {
11493
+ let response = await this.connector.doDeliveryPlanningRequest(inputs);
11494
+ return (response && response.validationResult && response.validationResult.success);
11495
+ }
11475
11496
  getCommissionCodes(languageCode) {
11476
11497
  return this.connector.getCommissionCodes(languageCode);
11477
11498
  }
@@ -11524,6 +11545,9 @@ class TransactionService extends PendingReasonService {
11524
11545
  getDeliveryMethods() {
11525
11546
  return this.connector.getDeliveryMethods();
11526
11547
  }
11548
+ getDeliveryMethodsForReturns() {
11549
+ return this.connector.getDeliveryMethodsForReturns();
11550
+ }
11527
11551
  getDeliveryOptions() {
11528
11552
  return this.connector.getDeliveryOptions();
11529
11553
  }
@@ -12836,6 +12860,53 @@ class TransactionService extends PendingReasonService {
12836
12860
  async getTransactionPlanPeriods(transId) {
12837
12861
  return await this.connector.getTransactionPlanPeriods(transId);
12838
12862
  }
12863
+ async getAgendaEventsPerDayForPreferredPlanning(transId) {
12864
+ let planTimes = await this.getTransactionPlanPeriods(transId);
12865
+ return this._createEventsPerDayFromPlanTimes(planTimes);
12866
+ }
12867
+ _createEventsPerDayFromPlanTimes(planTimes) {
12868
+ const eventsPerDay = [];
12869
+ if (planTimes && planTimes.length > 0) {
12870
+ const len = planTimes.length;
12871
+ for (let i = 0; i < len; i++) {
12872
+ eventsPerDay.push(this._createAgendaEventPerDayFromPlanTimes(planTimes[i]));
12873
+ }
12874
+ }
12875
+ return eventsPerDay;
12876
+ }
12877
+ _createAgendaEventPerDayFromPlanTimes(planTimes) {
12878
+ const agendaEvent = new AgendaEventPerDay();
12879
+ agendaEvent.date = new Date(planTimes.planDate);
12880
+ agendaEvent.events = [];
12881
+ const len = planTimes.dayParts.length;
12882
+ for (let i = 0; i < len; i++) {
12883
+ const dayPart = planTimes.dayParts[i];
12884
+ if (dayPart.available) {
12885
+ agendaEvent.events.push(this._createAgendaEventFromDayPart(dayPart, agendaEvent.date));
12886
+ }
12887
+ }
12888
+ return agendaEvent;
12889
+ }
12890
+ _createAgendaEventFromDayPart(dayPart, date) {
12891
+ const event = new AgendaEvent();
12892
+ event.id = dayPart.dayPartId;
12893
+ event.dayPartNo = dayPart.dayPartNo;
12894
+ event.checked = dayPart.active;
12895
+ event.showCheckbox = true;
12896
+ event.date = new Date(date);
12897
+ const from = new Date(date);
12898
+ from.setHours(dayPart.timeHourStart);
12899
+ event.from = from;
12900
+ const to = new Date(date);
12901
+ to.setHours(dayPart.timeHourStop);
12902
+ event.to = to;
12903
+ event.fromString = event.from.toLocaleTimeString();
12904
+ event.toString = event.to.toLocaleTimeString();
12905
+ event.fromToRepresentation = event.fromString + " - " + event.toString;
12906
+ event.timeWindow = dayPart.onlinePlanning;
12907
+ event.description = dayPart.dayPartDescription;
12908
+ return event;
12909
+ }
12839
12910
  async getSupplierProducts(transId) {
12840
12911
  return await this.connector.getSupplierProducts(transId);
12841
12912
  }
@@ -45715,250 +45786,250 @@ class TransactionOrderTileComponent extends TransactionSearchTileBaseComponent {
45715
45786
  return `Week ${weekNumber}`;
45716
45787
  }
45717
45788
  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 });
45718
- 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: `
45719
-
45720
- <div class="transaction-order-lines-wrapper">
45721
- <div class="transaction-order-info">
45722
- @if (transaction.transType === 'R') {
45723
- <div class="order-detail-section">
45724
- <span [textContent]="'CREATED_ON' | localize"></span>
45725
- <span [textContent]="transaction.getTransDate() | date:'dd-MM-yyyy'" [title]="'TRANSACTION_DATE' | localize"></span>
45726
- </div>
45727
- <div class="order-detail-section">
45728
- <span [textContent]="'RETURN_NUMBER' | localize"></span>
45729
- <span [textContent]="transaction.transNr"></span>
45730
- </div>
45731
- }
45732
- @if (transaction.transType !== 'R') {
45733
- <div class="order-number-info">
45734
- <span [textContent]="(transaction.transactionKind === 'S' ? ('SERVICE_NUMBER' | localize) : ('ORDER_NUMBER' | localize))"></span>
45735
- <span [textContent]="transaction.transNr"></span>
45736
- </div>
45737
- <div class="order-details-info">
45738
- <div class="order-detail-section">
45739
- <co-icon [iconData]="iconCacheService.getIcon(icons.RegularCartShoppingClock)" class="store-icon"></co-icon>
45740
- <div class="value">
45741
- <span [textContent]="transaction.getTransDate() | date:'dd-MM-yyyy'" [title]="'TRANSACTION_DATE' | localize"></span>
45742
- </div>
45743
- </div>
45744
- @if (transaction.getDeliveryDate()) {
45745
- <div class="order-detail-section">
45746
- <co-icon [iconData]="iconCacheService.getIcon(icons.RegularTruckMovingClock)" class="store-icon"></co-icon>
45747
- @if (!transaction.deliveryDateDefinitive) {
45748
- <div class="value">
45749
- <span [textContent]="getWeekNumber(transaction.getDeliveryDate())"></span>
45750
- <span class="expected" [textContent]="'EXPECTED_DELIVERY_WEEK' | localize"></span>
45751
- </div>
45752
- }
45753
- @if (transaction.deliveryDateDefinitive) {
45754
- <div class="value">
45755
- <span [textContent]="transaction.getDeliveryDate() | date:'dd-MM-yyyy'" [title]="'DELIVERY_DATE' | localize"></span>
45756
- </div>
45757
- }
45758
- </div>
45759
- }
45760
- <div class="order-detail-section">
45761
- <co-icon [iconData]="iconCacheService.getIcon(icons.RegularCartShoppingTag)" class="store-icon"></co-icon>
45762
- <div class="value"><span
45763
- [textContent]="transaction.totalPriceWithVat | currency:'EUR'"></span>
45764
- </div>
45765
- </div>
45766
- </div>
45767
- }
45768
- </div>
45769
- </div>
45770
-
45771
- <!--div class="transaction-tile-wrapper" (click)="onTransactionClick(transaction)">
45772
- <div [class]="'type-indicator color-' + transaction.transactionKind"></div>
45773
- <div class="tile">
45774
- <div class="tile-header">
45775
- <div class="tile-upper-left">
45776
- <div class="transaction-tile-avatar">
45777
- <co-avatar [image]="transaction.execImage" [relationId]="transaction.handledBy"></co-avatar>
45778
- <span [textContent]="transaction.transNr"></span>
45779
- </div>
45780
- </div>
45781
- <div class="tile-upper-middle">
45782
- <co-icon [iconData]="iconCacheService.getIcon(icons.StoreLight)" class="store-icon"></co-icon>
45783
- <div class="text"><span [textContent]="transaction.branchNr"></span></div>
45784
- </div>
45785
-
45786
- <div class="tile-upper-right">
45787
- <div class="status-bar-wrapper" (click)="$event.stopPropagation()">
45788
- <co-transaction-statusbar
45789
- [screenConfigurationObject]="cfgNames.StatusBar"
45790
- [configNames]="statusBarConfigNames"
45791
- [transaction]="transaction">
45792
- </co-transaction-statusbar>
45793
- </div>
45794
- </div>
45795
- </div>
45796
- <div class="tile-body">
45797
- <div class="tile-middle-left">
45798
- <co-input-checkbox
45799
- *ngIf="showCheckbox"
45800
- [(model)]="transaction.selected"
45801
- (modelChange)="onSelectedClick(transaction)"
45802
- ></co-input-checkbox>
45803
- </div>
45804
- <div class="tile-middle-middle">
45805
- <div class="text"><span [textContent]="transaction.relationName"></span></div>
45806
- <div class="text"><span [textContent]="transaction.getAdres()"></span></div>
45807
- </div>
45808
- <div class="tile-middle-right"></div>
45809
- </div>
45810
- <div class="tile-footer">
45811
- <div class="tile-bottom-left order-info-section">
45812
- <co-icon [iconData]="iconCacheService.getIcon(icons.RegularCartShoppingClock)" class="store-icon"></co-icon>
45813
- <div class="value">
45814
- <span [textContent]="transaction.getTransDate() | date:'dd-MM-yyyy'"></span>
45815
- </div>
45816
- </div>
45817
- <div class="tile-bottom-middle order-info-section">
45818
- <div class="value" *ngIf="transaction.getDeliveryDate()">
45819
- <co-icon [iconData]="iconCacheService.getIcon(icons.RegularTruckMovingClock)" class="store-icon"></co-icon>
45820
- <span [textContent]="transaction.getDeliveryDate() | date:'dd-MM-yyyy'"></span>
45821
- <co-icon *ngIf="transaction.deliveryDateDefinitive; else indefinite"
45822
- [iconData]="iconCacheService.getIcon(icons.Lock)" class="lock-icon"></co-icon>
45823
- <ng-template #indefinite>
45824
- <co-icon [iconData]="iconCacheService.getIcon(icons.Unlock)" class="unlock-icon"></co-icon>
45825
- </ng-template>
45826
- </div>
45827
- </div>
45828
- <div class="tile-bottom-right order-info-section">
45829
- <co-icon [iconData]="iconCacheService.getIcon(icons.RegularCartShoppingTag)" class="store-icon"></co-icon>
45830
- <div class="value"><span
45831
- [textContent]="transaction.totalPriceWithVat | currency:'EUR'"></span>
45832
- </div>
45833
- </div>
45834
- </div>
45835
- </div>
45836
- </div-->
45789
+ 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: `
45790
+
45791
+ <div class="transaction-order-lines-wrapper">
45792
+ <div class="transaction-order-info">
45793
+ @if (transaction.transType === 'R') {
45794
+ <div class="order-detail-section">
45795
+ <span [textContent]="'CREATED_ON' | localize"></span>
45796
+ <span [textContent]="transaction.getTransDate() | date:'dd-MM-yyyy'" [title]="'TRANSACTION_DATE' | localize"></span>
45797
+ </div>
45798
+ <div class="order-detail-section">
45799
+ <span [textContent]="'RETURN_NUMBER' | localize"></span>
45800
+ <span [textContent]="transaction.transNr"></span>
45801
+ </div>
45802
+ }
45803
+ @if (transaction.transType !== 'R') {
45804
+ <div class="order-number-info">
45805
+ <span [textContent]="(transaction.transactionKind === 'S' ? ('SERVICE_NUMBER' | localize) : ('ORDER_NUMBER' | localize))"></span>
45806
+ <span [textContent]="transaction.transNr"></span>
45807
+ </div>
45808
+ <div class="order-details-info">
45809
+ <div class="order-detail-section">
45810
+ <co-icon [iconData]="iconCacheService.getIcon(icons.RegularCartShoppingClock)" class="store-icon"></co-icon>
45811
+ <div class="value">
45812
+ <span [textContent]="transaction.getTransDate() | date:'dd-MM-yyyy'" [title]="'TRANSACTION_DATE' | localize"></span>
45813
+ </div>
45814
+ </div>
45815
+ @if (transaction.getDeliveryDate()) {
45816
+ <div class="order-detail-section">
45817
+ <co-icon [iconData]="iconCacheService.getIcon(icons.RegularTruckMovingClock)" class="store-icon"></co-icon>
45818
+ @if (!transaction.deliveryDateDefinitive) {
45819
+ <div class="value">
45820
+ <span [textContent]="getWeekNumber(transaction.getDeliveryDate())"></span>
45821
+ <span class="expected" [textContent]="'EXPECTED_DELIVERY_WEEK' | localize"></span>
45822
+ </div>
45823
+ }
45824
+ @if (transaction.deliveryDateDefinitive) {
45825
+ <div class="value">
45826
+ <span [textContent]="transaction.getDeliveryDate() | date:'dd-MM-yyyy'" [title]="'DELIVERY_DATE' | localize"></span>
45827
+ </div>
45828
+ }
45829
+ </div>
45830
+ }
45831
+ <div class="order-detail-section">
45832
+ <co-icon [iconData]="iconCacheService.getIcon(icons.RegularCartShoppingTag)" class="store-icon"></co-icon>
45833
+ <div class="value"><span
45834
+ [textContent]="transaction.totalPriceWithVat | currency:'EUR'"></span>
45835
+ </div>
45836
+ </div>
45837
+ </div>
45838
+ }
45839
+ </div>
45840
+ </div>
45841
+
45842
+ <!--div class="transaction-tile-wrapper" (click)="onTransactionClick(transaction)">
45843
+ <div [class]="'type-indicator color-' + transaction.transactionKind"></div>
45844
+ <div class="tile">
45845
+ <div class="tile-header">
45846
+ <div class="tile-upper-left">
45847
+ <div class="transaction-tile-avatar">
45848
+ <co-avatar [image]="transaction.execImage" [relationId]="transaction.handledBy"></co-avatar>
45849
+ <span [textContent]="transaction.transNr"></span>
45850
+ </div>
45851
+ </div>
45852
+ <div class="tile-upper-middle">
45853
+ <co-icon [iconData]="iconCacheService.getIcon(icons.StoreLight)" class="store-icon"></co-icon>
45854
+ <div class="text"><span [textContent]="transaction.branchNr"></span></div>
45855
+ </div>
45856
+
45857
+ <div class="tile-upper-right">
45858
+ <div class="status-bar-wrapper" (click)="$event.stopPropagation()">
45859
+ <co-transaction-statusbar
45860
+ [screenConfigurationObject]="cfgNames.StatusBar"
45861
+ [configNames]="statusBarConfigNames"
45862
+ [transaction]="transaction">
45863
+ </co-transaction-statusbar>
45864
+ </div>
45865
+ </div>
45866
+ </div>
45867
+ <div class="tile-body">
45868
+ <div class="tile-middle-left">
45869
+ <co-input-checkbox
45870
+ *ngIf="showCheckbox"
45871
+ [(model)]="transaction.selected"
45872
+ (modelChange)="onSelectedClick(transaction)"
45873
+ ></co-input-checkbox>
45874
+ </div>
45875
+ <div class="tile-middle-middle">
45876
+ <div class="text"><span [textContent]="transaction.relationName"></span></div>
45877
+ <div class="text"><span [textContent]="transaction.getAdres()"></span></div>
45878
+ </div>
45879
+ <div class="tile-middle-right"></div>
45880
+ </div>
45881
+ <div class="tile-footer">
45882
+ <div class="tile-bottom-left order-info-section">
45883
+ <co-icon [iconData]="iconCacheService.getIcon(icons.RegularCartShoppingClock)" class="store-icon"></co-icon>
45884
+ <div class="value">
45885
+ <span [textContent]="transaction.getTransDate() | date:'dd-MM-yyyy'"></span>
45886
+ </div>
45887
+ </div>
45888
+ <div class="tile-bottom-middle order-info-section">
45889
+ <div class="value" *ngIf="transaction.getDeliveryDate()">
45890
+ <co-icon [iconData]="iconCacheService.getIcon(icons.RegularTruckMovingClock)" class="store-icon"></co-icon>
45891
+ <span [textContent]="transaction.getDeliveryDate() | date:'dd-MM-yyyy'"></span>
45892
+ <co-icon *ngIf="transaction.deliveryDateDefinitive; else indefinite"
45893
+ [iconData]="iconCacheService.getIcon(icons.Lock)" class="lock-icon"></co-icon>
45894
+ <ng-template #indefinite>
45895
+ <co-icon [iconData]="iconCacheService.getIcon(icons.Unlock)" class="unlock-icon"></co-icon>
45896
+ </ng-template>
45897
+ </div>
45898
+ </div>
45899
+ <div class="tile-bottom-right order-info-section">
45900
+ <co-icon [iconData]="iconCacheService.getIcon(icons.RegularCartShoppingTag)" class="store-icon"></co-icon>
45901
+ <div class="value"><span
45902
+ [textContent]="transaction.totalPriceWithVat | currency:'EUR'"></span>
45903
+ </div>
45904
+ </div>
45905
+ </div>
45906
+ </div>
45907
+ </div-->
45837
45908
  `, 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 });
45838
45909
  }
45839
45910
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TransactionOrderTileComponent, decorators: [{
45840
45911
  type: Component,
45841
45912
  args: [{
45842
45913
  selector: "co-transaction-order-tile",
45843
- template: `
45844
-
45845
- <div class="transaction-order-lines-wrapper">
45846
- <div class="transaction-order-info">
45847
- @if (transaction.transType === 'R') {
45848
- <div class="order-detail-section">
45849
- <span [textContent]="'CREATED_ON' | localize"></span>
45850
- <span [textContent]="transaction.getTransDate() | date:'dd-MM-yyyy'" [title]="'TRANSACTION_DATE' | localize"></span>
45851
- </div>
45852
- <div class="order-detail-section">
45853
- <span [textContent]="'RETURN_NUMBER' | localize"></span>
45854
- <span [textContent]="transaction.transNr"></span>
45855
- </div>
45856
- }
45857
- @if (transaction.transType !== 'R') {
45858
- <div class="order-number-info">
45859
- <span [textContent]="(transaction.transactionKind === 'S' ? ('SERVICE_NUMBER' | localize) : ('ORDER_NUMBER' | localize))"></span>
45860
- <span [textContent]="transaction.transNr"></span>
45861
- </div>
45862
- <div class="order-details-info">
45863
- <div class="order-detail-section">
45864
- <co-icon [iconData]="iconCacheService.getIcon(icons.RegularCartShoppingClock)" class="store-icon"></co-icon>
45865
- <div class="value">
45866
- <span [textContent]="transaction.getTransDate() | date:'dd-MM-yyyy'" [title]="'TRANSACTION_DATE' | localize"></span>
45867
- </div>
45868
- </div>
45869
- @if (transaction.getDeliveryDate()) {
45870
- <div class="order-detail-section">
45871
- <co-icon [iconData]="iconCacheService.getIcon(icons.RegularTruckMovingClock)" class="store-icon"></co-icon>
45872
- @if (!transaction.deliveryDateDefinitive) {
45873
- <div class="value">
45874
- <span [textContent]="getWeekNumber(transaction.getDeliveryDate())"></span>
45875
- <span class="expected" [textContent]="'EXPECTED_DELIVERY_WEEK' | localize"></span>
45876
- </div>
45877
- }
45878
- @if (transaction.deliveryDateDefinitive) {
45879
- <div class="value">
45880
- <span [textContent]="transaction.getDeliveryDate() | date:'dd-MM-yyyy'" [title]="'DELIVERY_DATE' | localize"></span>
45881
- </div>
45882
- }
45883
- </div>
45884
- }
45885
- <div class="order-detail-section">
45886
- <co-icon [iconData]="iconCacheService.getIcon(icons.RegularCartShoppingTag)" class="store-icon"></co-icon>
45887
- <div class="value"><span
45888
- [textContent]="transaction.totalPriceWithVat | currency:'EUR'"></span>
45889
- </div>
45890
- </div>
45891
- </div>
45892
- }
45893
- </div>
45894
- </div>
45895
-
45896
- <!--div class="transaction-tile-wrapper" (click)="onTransactionClick(transaction)">
45897
- <div [class]="'type-indicator color-' + transaction.transactionKind"></div>
45898
- <div class="tile">
45899
- <div class="tile-header">
45900
- <div class="tile-upper-left">
45901
- <div class="transaction-tile-avatar">
45902
- <co-avatar [image]="transaction.execImage" [relationId]="transaction.handledBy"></co-avatar>
45903
- <span [textContent]="transaction.transNr"></span>
45904
- </div>
45905
- </div>
45906
- <div class="tile-upper-middle">
45907
- <co-icon [iconData]="iconCacheService.getIcon(icons.StoreLight)" class="store-icon"></co-icon>
45908
- <div class="text"><span [textContent]="transaction.branchNr"></span></div>
45909
- </div>
45910
-
45911
- <div class="tile-upper-right">
45912
- <div class="status-bar-wrapper" (click)="$event.stopPropagation()">
45913
- <co-transaction-statusbar
45914
- [screenConfigurationObject]="cfgNames.StatusBar"
45915
- [configNames]="statusBarConfigNames"
45916
- [transaction]="transaction">
45917
- </co-transaction-statusbar>
45918
- </div>
45919
- </div>
45920
- </div>
45921
- <div class="tile-body">
45922
- <div class="tile-middle-left">
45923
- <co-input-checkbox
45924
- *ngIf="showCheckbox"
45925
- [(model)]="transaction.selected"
45926
- (modelChange)="onSelectedClick(transaction)"
45927
- ></co-input-checkbox>
45928
- </div>
45929
- <div class="tile-middle-middle">
45930
- <div class="text"><span [textContent]="transaction.relationName"></span></div>
45931
- <div class="text"><span [textContent]="transaction.getAdres()"></span></div>
45932
- </div>
45933
- <div class="tile-middle-right"></div>
45934
- </div>
45935
- <div class="tile-footer">
45936
- <div class="tile-bottom-left order-info-section">
45937
- <co-icon [iconData]="iconCacheService.getIcon(icons.RegularCartShoppingClock)" class="store-icon"></co-icon>
45938
- <div class="value">
45939
- <span [textContent]="transaction.getTransDate() | date:'dd-MM-yyyy'"></span>
45940
- </div>
45941
- </div>
45942
- <div class="tile-bottom-middle order-info-section">
45943
- <div class="value" *ngIf="transaction.getDeliveryDate()">
45944
- <co-icon [iconData]="iconCacheService.getIcon(icons.RegularTruckMovingClock)" class="store-icon"></co-icon>
45945
- <span [textContent]="transaction.getDeliveryDate() | date:'dd-MM-yyyy'"></span>
45946
- <co-icon *ngIf="transaction.deliveryDateDefinitive; else indefinite"
45947
- [iconData]="iconCacheService.getIcon(icons.Lock)" class="lock-icon"></co-icon>
45948
- <ng-template #indefinite>
45949
- <co-icon [iconData]="iconCacheService.getIcon(icons.Unlock)" class="unlock-icon"></co-icon>
45950
- </ng-template>
45951
- </div>
45952
- </div>
45953
- <div class="tile-bottom-right order-info-section">
45954
- <co-icon [iconData]="iconCacheService.getIcon(icons.RegularCartShoppingTag)" class="store-icon"></co-icon>
45955
- <div class="value"><span
45956
- [textContent]="transaction.totalPriceWithVat | currency:'EUR'"></span>
45957
- </div>
45958
- </div>
45959
- </div>
45960
- </div>
45961
- </div-->
45914
+ template: `
45915
+
45916
+ <div class="transaction-order-lines-wrapper">
45917
+ <div class="transaction-order-info">
45918
+ @if (transaction.transType === 'R') {
45919
+ <div class="order-detail-section">
45920
+ <span [textContent]="'CREATED_ON' | localize"></span>
45921
+ <span [textContent]="transaction.getTransDate() | date:'dd-MM-yyyy'" [title]="'TRANSACTION_DATE' | localize"></span>
45922
+ </div>
45923
+ <div class="order-detail-section">
45924
+ <span [textContent]="'RETURN_NUMBER' | localize"></span>
45925
+ <span [textContent]="transaction.transNr"></span>
45926
+ </div>
45927
+ }
45928
+ @if (transaction.transType !== 'R') {
45929
+ <div class="order-number-info">
45930
+ <span [textContent]="(transaction.transactionKind === 'S' ? ('SERVICE_NUMBER' | localize) : ('ORDER_NUMBER' | localize))"></span>
45931
+ <span [textContent]="transaction.transNr"></span>
45932
+ </div>
45933
+ <div class="order-details-info">
45934
+ <div class="order-detail-section">
45935
+ <co-icon [iconData]="iconCacheService.getIcon(icons.RegularCartShoppingClock)" class="store-icon"></co-icon>
45936
+ <div class="value">
45937
+ <span [textContent]="transaction.getTransDate() | date:'dd-MM-yyyy'" [title]="'TRANSACTION_DATE' | localize"></span>
45938
+ </div>
45939
+ </div>
45940
+ @if (transaction.getDeliveryDate()) {
45941
+ <div class="order-detail-section">
45942
+ <co-icon [iconData]="iconCacheService.getIcon(icons.RegularTruckMovingClock)" class="store-icon"></co-icon>
45943
+ @if (!transaction.deliveryDateDefinitive) {
45944
+ <div class="value">
45945
+ <span [textContent]="getWeekNumber(transaction.getDeliveryDate())"></span>
45946
+ <span class="expected" [textContent]="'EXPECTED_DELIVERY_WEEK' | localize"></span>
45947
+ </div>
45948
+ }
45949
+ @if (transaction.deliveryDateDefinitive) {
45950
+ <div class="value">
45951
+ <span [textContent]="transaction.getDeliveryDate() | date:'dd-MM-yyyy'" [title]="'DELIVERY_DATE' | localize"></span>
45952
+ </div>
45953
+ }
45954
+ </div>
45955
+ }
45956
+ <div class="order-detail-section">
45957
+ <co-icon [iconData]="iconCacheService.getIcon(icons.RegularCartShoppingTag)" class="store-icon"></co-icon>
45958
+ <div class="value"><span
45959
+ [textContent]="transaction.totalPriceWithVat | currency:'EUR'"></span>
45960
+ </div>
45961
+ </div>
45962
+ </div>
45963
+ }
45964
+ </div>
45965
+ </div>
45966
+
45967
+ <!--div class="transaction-tile-wrapper" (click)="onTransactionClick(transaction)">
45968
+ <div [class]="'type-indicator color-' + transaction.transactionKind"></div>
45969
+ <div class="tile">
45970
+ <div class="tile-header">
45971
+ <div class="tile-upper-left">
45972
+ <div class="transaction-tile-avatar">
45973
+ <co-avatar [image]="transaction.execImage" [relationId]="transaction.handledBy"></co-avatar>
45974
+ <span [textContent]="transaction.transNr"></span>
45975
+ </div>
45976
+ </div>
45977
+ <div class="tile-upper-middle">
45978
+ <co-icon [iconData]="iconCacheService.getIcon(icons.StoreLight)" class="store-icon"></co-icon>
45979
+ <div class="text"><span [textContent]="transaction.branchNr"></span></div>
45980
+ </div>
45981
+
45982
+ <div class="tile-upper-right">
45983
+ <div class="status-bar-wrapper" (click)="$event.stopPropagation()">
45984
+ <co-transaction-statusbar
45985
+ [screenConfigurationObject]="cfgNames.StatusBar"
45986
+ [configNames]="statusBarConfigNames"
45987
+ [transaction]="transaction">
45988
+ </co-transaction-statusbar>
45989
+ </div>
45990
+ </div>
45991
+ </div>
45992
+ <div class="tile-body">
45993
+ <div class="tile-middle-left">
45994
+ <co-input-checkbox
45995
+ *ngIf="showCheckbox"
45996
+ [(model)]="transaction.selected"
45997
+ (modelChange)="onSelectedClick(transaction)"
45998
+ ></co-input-checkbox>
45999
+ </div>
46000
+ <div class="tile-middle-middle">
46001
+ <div class="text"><span [textContent]="transaction.relationName"></span></div>
46002
+ <div class="text"><span [textContent]="transaction.getAdres()"></span></div>
46003
+ </div>
46004
+ <div class="tile-middle-right"></div>
46005
+ </div>
46006
+ <div class="tile-footer">
46007
+ <div class="tile-bottom-left order-info-section">
46008
+ <co-icon [iconData]="iconCacheService.getIcon(icons.RegularCartShoppingClock)" class="store-icon"></co-icon>
46009
+ <div class="value">
46010
+ <span [textContent]="transaction.getTransDate() | date:'dd-MM-yyyy'"></span>
46011
+ </div>
46012
+ </div>
46013
+ <div class="tile-bottom-middle order-info-section">
46014
+ <div class="value" *ngIf="transaction.getDeliveryDate()">
46015
+ <co-icon [iconData]="iconCacheService.getIcon(icons.RegularTruckMovingClock)" class="store-icon"></co-icon>
46016
+ <span [textContent]="transaction.getDeliveryDate() | date:'dd-MM-yyyy'"></span>
46017
+ <co-icon *ngIf="transaction.deliveryDateDefinitive; else indefinite"
46018
+ [iconData]="iconCacheService.getIcon(icons.Lock)" class="lock-icon"></co-icon>
46019
+ <ng-template #indefinite>
46020
+ <co-icon [iconData]="iconCacheService.getIcon(icons.Unlock)" class="unlock-icon"></co-icon>
46021
+ </ng-template>
46022
+ </div>
46023
+ </div>
46024
+ <div class="tile-bottom-right order-info-section">
46025
+ <co-icon [iconData]="iconCacheService.getIcon(icons.RegularCartShoppingTag)" class="store-icon"></co-icon>
46026
+ <div class="value"><span
46027
+ [textContent]="transaction.totalPriceWithVat | currency:'EUR'"></span>
46028
+ </div>
46029
+ </div>
46030
+ </div>
46031
+ </div>
46032
+ </div-->
45962
46033
  `,
45963
46034
  changeDetection: ChangeDetectionStrategy.OnPush,
45964
46035
  encapsulation: ViewEncapsulation.None,
@@ -46028,178 +46099,178 @@ class TransactionSearchSalesLineSelectTileComponent extends TransactionSearchTil
46028
46099
  }
46029
46100
  }
46030
46101
  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 });
46031
- 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: `
46032
- @if (!extendedTransactionSearch) {
46033
- <div class="co-transaction-search-sales-line-select-tile-wrapper " observeVisibility #observer=visibilityObserve
46034
- (visibilityChange)="handleVisibilityChange($event)">
46035
- <co-transaction-order-tile [transaction]="transaction" [showAvatar]="true">
46036
- </co-transaction-order-tile>
46037
- <div class="order-lines-container co-small-scrollbar">
46038
- <div class="order-lines">
46039
- @for (line of lines; track line) {
46040
- <div class="inner-lines">
46041
- <co-transaction-line-tile [line]="line" (click)="tileClicked(line)"></co-transaction-line-tile>
46042
- </div>
46043
- }
46044
- </div>
46045
- </div>
46046
- </div>
46047
- }
46048
- @if (extendedTransactionSearch) {
46049
- <div class="co-transaction-search-sales-line-select-tile-wrapper " observeVisibility #observer=visibilityObserve
46050
- (visibilityChange)="handleVisibilityChange($event)">
46051
- <co-transaction-order-tile [transaction]="transaction" [showAvatar]="true">
46052
- </co-transaction-order-tile>
46053
- <div class="order-lines-container" (click)="onTransactionClick(transaction)">
46054
- @if(returnWizardLayout) {
46055
- <div class="order-lines-wizard">
46056
- @for (line of lines; track line) {
46057
- <div class="inner-lines">
46058
- <co-transaction-line-tile [line]="line" [showPriceAmount]="true" ></co-transaction-line-tile>
46059
- </div>
46060
- }
46061
- </div>
46062
- }
46063
-
46064
- @if(!returnWizardLayout) {
46065
- @if (transaction.transactionKind !== 'S') {
46066
- <div class="order-lines">
46067
- @for (line of lines; track line) {
46068
- <div class="inner-lines">
46069
- <co-transaction-line-tile [line]="line" [showPriceAmount]="transaction.transType === 'R'" ></co-transaction-line-tile>
46070
- </div>
46071
- }
46072
- </div>
46073
- }
46074
- @if (transaction.transactionKind === 'S') {
46075
- <div class="service-lines">
46076
- <div class="service-line">
46077
- <div class="service-status">
46078
- <span class="service-label" [textContent]="'STATE' | localize"></span>
46079
- <span [textContent]="transaction.workflowStatusDescription"></span>
46080
- </div>
46081
- <div class="service-message">
46082
- <span class="service-label" [textContent]="'MESSAGE' | localize"></span>
46083
- <span class="message" [textContent]="transaction.serviceMessage"></span>
46084
- </div>
46085
- </div>
46086
- <div class="service-right-side">
46087
- <div class="service-priority">
46088
- <span class="service-label" [textContent]="'PRIORITY' | localize"></span>
46089
- <span
46090
- [ngClass]="getPriorityLabel(transaction.servicePriority).toLowerCase() | localize"
46091
- [textContent]="getPriorityLabel(transaction.servicePriority).toUpperCase() | localize"></span>
46092
- </div>
46093
- <div class="service-modified">
46094
- <span class="service-label" [textContent]="'MODIFIED' | localize"></span>
46095
- <span [textContent]="transaction.dateModified"></span>
46096
- </div>
46097
- <div class="service-created">
46098
- <span class="service-label" [textContent]="'CREATED_BY' | localize"></span>
46099
- <span [textContent]="transaction.relationName"></span>
46100
- </div>
46101
- </div>
46102
- </div>
46103
- }
46104
- }
46105
- <div class="show-order-wrapper">
46106
- <div class="show-order">
46107
- <co-icon [iconData]="iconCacheService.getIcon(icons.ChevronRightRegular)"></co-icon>
46108
- <span [textContent]="showOrderLabel() | localize"></span>
46109
- </div>
46110
- </div>
46111
- </div>
46112
- </div>
46113
- }
46102
+ 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: `
46103
+ @if (!extendedTransactionSearch) {
46104
+ <div class="co-transaction-search-sales-line-select-tile-wrapper " observeVisibility #observer=visibilityObserve
46105
+ (visibilityChange)="handleVisibilityChange($event)">
46106
+ <co-transaction-order-tile [transaction]="transaction" [showAvatar]="true">
46107
+ </co-transaction-order-tile>
46108
+ <div class="order-lines-container co-small-scrollbar">
46109
+ <div class="order-lines">
46110
+ @for (line of lines; track line) {
46111
+ <div class="inner-lines">
46112
+ <co-transaction-line-tile [line]="line" (click)="tileClicked(line)"></co-transaction-line-tile>
46113
+ </div>
46114
+ }
46115
+ </div>
46116
+ </div>
46117
+ </div>
46118
+ }
46119
+ @if (extendedTransactionSearch) {
46120
+ <div class="co-transaction-search-sales-line-select-tile-wrapper " observeVisibility #observer=visibilityObserve
46121
+ (visibilityChange)="handleVisibilityChange($event)">
46122
+ <co-transaction-order-tile [transaction]="transaction" [showAvatar]="true">
46123
+ </co-transaction-order-tile>
46124
+ <div class="order-lines-container" (click)="onTransactionClick(transaction)">
46125
+ @if(returnWizardLayout) {
46126
+ <div class="order-lines-wizard">
46127
+ @for (line of lines; track line) {
46128
+ <div class="inner-lines">
46129
+ <co-transaction-line-tile [line]="line" [showPriceAmount]="true" ></co-transaction-line-tile>
46130
+ </div>
46131
+ }
46132
+ </div>
46133
+ }
46134
+
46135
+ @if(!returnWizardLayout) {
46136
+ @if (transaction.transactionKind !== 'S') {
46137
+ <div class="order-lines">
46138
+ @for (line of lines; track line) {
46139
+ <div class="inner-lines">
46140
+ <co-transaction-line-tile [line]="line" [showPriceAmount]="transaction.transType === 'R'" ></co-transaction-line-tile>
46141
+ </div>
46142
+ }
46143
+ </div>
46144
+ }
46145
+ @if (transaction.transactionKind === 'S') {
46146
+ <div class="service-lines">
46147
+ <div class="service-line">
46148
+ <div class="service-status">
46149
+ <span class="service-label" [textContent]="'STATE' | localize"></span>
46150
+ <span [textContent]="transaction.workflowStatusDescription"></span>
46151
+ </div>
46152
+ <div class="service-message">
46153
+ <span class="service-label" [textContent]="'MESSAGE' | localize"></span>
46154
+ <span class="message" [textContent]="transaction.serviceMessage"></span>
46155
+ </div>
46156
+ </div>
46157
+ <div class="service-right-side">
46158
+ <div class="service-priority">
46159
+ <span class="service-label" [textContent]="'PRIORITY' | localize"></span>
46160
+ <span
46161
+ [ngClass]="getPriorityLabel(transaction.servicePriority).toLowerCase() | localize"
46162
+ [textContent]="getPriorityLabel(transaction.servicePriority).toUpperCase() | localize"></span>
46163
+ </div>
46164
+ <div class="service-modified">
46165
+ <span class="service-label" [textContent]="'MODIFIED' | localize"></span>
46166
+ <span [textContent]="transaction.dateModified"></span>
46167
+ </div>
46168
+ <div class="service-created">
46169
+ <span class="service-label" [textContent]="'CREATED_BY' | localize"></span>
46170
+ <span [textContent]="transaction.relationName"></span>
46171
+ </div>
46172
+ </div>
46173
+ </div>
46174
+ }
46175
+ }
46176
+ <div class="show-order-wrapper">
46177
+ <div class="show-order">
46178
+ <co-icon [iconData]="iconCacheService.getIcon(icons.ChevronRightRegular)"></co-icon>
46179
+ <span [textContent]="showOrderLabel() | localize"></span>
46180
+ </div>
46181
+ </div>
46182
+ </div>
46183
+ </div>
46184
+ }
46114
46185
  `, 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 });
46115
46186
  }
46116
46187
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TransactionSearchSalesLineSelectTileComponent, decorators: [{
46117
46188
  type: Component,
46118
46189
  args: [{
46119
46190
  selector: 'co-transaction-search-sales-line-select-tile',
46120
- template: `
46121
- @if (!extendedTransactionSearch) {
46122
- <div class="co-transaction-search-sales-line-select-tile-wrapper " observeVisibility #observer=visibilityObserve
46123
- (visibilityChange)="handleVisibilityChange($event)">
46124
- <co-transaction-order-tile [transaction]="transaction" [showAvatar]="true">
46125
- </co-transaction-order-tile>
46126
- <div class="order-lines-container co-small-scrollbar">
46127
- <div class="order-lines">
46128
- @for (line of lines; track line) {
46129
- <div class="inner-lines">
46130
- <co-transaction-line-tile [line]="line" (click)="tileClicked(line)"></co-transaction-line-tile>
46131
- </div>
46132
- }
46133
- </div>
46134
- </div>
46135
- </div>
46136
- }
46137
- @if (extendedTransactionSearch) {
46138
- <div class="co-transaction-search-sales-line-select-tile-wrapper " observeVisibility #observer=visibilityObserve
46139
- (visibilityChange)="handleVisibilityChange($event)">
46140
- <co-transaction-order-tile [transaction]="transaction" [showAvatar]="true">
46141
- </co-transaction-order-tile>
46142
- <div class="order-lines-container" (click)="onTransactionClick(transaction)">
46143
- @if(returnWizardLayout) {
46144
- <div class="order-lines-wizard">
46145
- @for (line of lines; track line) {
46146
- <div class="inner-lines">
46147
- <co-transaction-line-tile [line]="line" [showPriceAmount]="true" ></co-transaction-line-tile>
46148
- </div>
46149
- }
46150
- </div>
46151
- }
46152
-
46153
- @if(!returnWizardLayout) {
46154
- @if (transaction.transactionKind !== 'S') {
46155
- <div class="order-lines">
46156
- @for (line of lines; track line) {
46157
- <div class="inner-lines">
46158
- <co-transaction-line-tile [line]="line" [showPriceAmount]="transaction.transType === 'R'" ></co-transaction-line-tile>
46159
- </div>
46160
- }
46161
- </div>
46162
- }
46163
- @if (transaction.transactionKind === 'S') {
46164
- <div class="service-lines">
46165
- <div class="service-line">
46166
- <div class="service-status">
46167
- <span class="service-label" [textContent]="'STATE' | localize"></span>
46168
- <span [textContent]="transaction.workflowStatusDescription"></span>
46169
- </div>
46170
- <div class="service-message">
46171
- <span class="service-label" [textContent]="'MESSAGE' | localize"></span>
46172
- <span class="message" [textContent]="transaction.serviceMessage"></span>
46173
- </div>
46174
- </div>
46175
- <div class="service-right-side">
46176
- <div class="service-priority">
46177
- <span class="service-label" [textContent]="'PRIORITY' | localize"></span>
46178
- <span
46179
- [ngClass]="getPriorityLabel(transaction.servicePriority).toLowerCase() | localize"
46180
- [textContent]="getPriorityLabel(transaction.servicePriority).toUpperCase() | localize"></span>
46181
- </div>
46182
- <div class="service-modified">
46183
- <span class="service-label" [textContent]="'MODIFIED' | localize"></span>
46184
- <span [textContent]="transaction.dateModified"></span>
46185
- </div>
46186
- <div class="service-created">
46187
- <span class="service-label" [textContent]="'CREATED_BY' | localize"></span>
46188
- <span [textContent]="transaction.relationName"></span>
46189
- </div>
46190
- </div>
46191
- </div>
46192
- }
46193
- }
46194
- <div class="show-order-wrapper">
46195
- <div class="show-order">
46196
- <co-icon [iconData]="iconCacheService.getIcon(icons.ChevronRightRegular)"></co-icon>
46197
- <span [textContent]="showOrderLabel() | localize"></span>
46198
- </div>
46199
- </div>
46200
- </div>
46201
- </div>
46202
- }
46191
+ template: `
46192
+ @if (!extendedTransactionSearch) {
46193
+ <div class="co-transaction-search-sales-line-select-tile-wrapper " observeVisibility #observer=visibilityObserve
46194
+ (visibilityChange)="handleVisibilityChange($event)">
46195
+ <co-transaction-order-tile [transaction]="transaction" [showAvatar]="true">
46196
+ </co-transaction-order-tile>
46197
+ <div class="order-lines-container co-small-scrollbar">
46198
+ <div class="order-lines">
46199
+ @for (line of lines; track line) {
46200
+ <div class="inner-lines">
46201
+ <co-transaction-line-tile [line]="line" (click)="tileClicked(line)"></co-transaction-line-tile>
46202
+ </div>
46203
+ }
46204
+ </div>
46205
+ </div>
46206
+ </div>
46207
+ }
46208
+ @if (extendedTransactionSearch) {
46209
+ <div class="co-transaction-search-sales-line-select-tile-wrapper " observeVisibility #observer=visibilityObserve
46210
+ (visibilityChange)="handleVisibilityChange($event)">
46211
+ <co-transaction-order-tile [transaction]="transaction" [showAvatar]="true">
46212
+ </co-transaction-order-tile>
46213
+ <div class="order-lines-container" (click)="onTransactionClick(transaction)">
46214
+ @if(returnWizardLayout) {
46215
+ <div class="order-lines-wizard">
46216
+ @for (line of lines; track line) {
46217
+ <div class="inner-lines">
46218
+ <co-transaction-line-tile [line]="line" [showPriceAmount]="true" ></co-transaction-line-tile>
46219
+ </div>
46220
+ }
46221
+ </div>
46222
+ }
46223
+
46224
+ @if(!returnWizardLayout) {
46225
+ @if (transaction.transactionKind !== 'S') {
46226
+ <div class="order-lines">
46227
+ @for (line of lines; track line) {
46228
+ <div class="inner-lines">
46229
+ <co-transaction-line-tile [line]="line" [showPriceAmount]="transaction.transType === 'R'" ></co-transaction-line-tile>
46230
+ </div>
46231
+ }
46232
+ </div>
46233
+ }
46234
+ @if (transaction.transactionKind === 'S') {
46235
+ <div class="service-lines">
46236
+ <div class="service-line">
46237
+ <div class="service-status">
46238
+ <span class="service-label" [textContent]="'STATE' | localize"></span>
46239
+ <span [textContent]="transaction.workflowStatusDescription"></span>
46240
+ </div>
46241
+ <div class="service-message">
46242
+ <span class="service-label" [textContent]="'MESSAGE' | localize"></span>
46243
+ <span class="message" [textContent]="transaction.serviceMessage"></span>
46244
+ </div>
46245
+ </div>
46246
+ <div class="service-right-side">
46247
+ <div class="service-priority">
46248
+ <span class="service-label" [textContent]="'PRIORITY' | localize"></span>
46249
+ <span
46250
+ [ngClass]="getPriorityLabel(transaction.servicePriority).toLowerCase() | localize"
46251
+ [textContent]="getPriorityLabel(transaction.servicePriority).toUpperCase() | localize"></span>
46252
+ </div>
46253
+ <div class="service-modified">
46254
+ <span class="service-label" [textContent]="'MODIFIED' | localize"></span>
46255
+ <span [textContent]="transaction.dateModified"></span>
46256
+ </div>
46257
+ <div class="service-created">
46258
+ <span class="service-label" [textContent]="'CREATED_BY' | localize"></span>
46259
+ <span [textContent]="transaction.relationName"></span>
46260
+ </div>
46261
+ </div>
46262
+ </div>
46263
+ }
46264
+ }
46265
+ <div class="show-order-wrapper">
46266
+ <div class="show-order">
46267
+ <co-icon [iconData]="iconCacheService.getIcon(icons.ChevronRightRegular)"></co-icon>
46268
+ <span [textContent]="showOrderLabel() | localize"></span>
46269
+ </div>
46270
+ </div>
46271
+ </div>
46272
+ </div>
46273
+ }
46203
46274
  `,
46204
46275
  encapsulation: ViewEncapsulation.None,
46205
46276
  standalone: false
@@ -69347,166 +69418,166 @@ class TransactionSearchPurchaseOrderTileComponent extends TransactionSearchTileB
69347
69418
  }
69348
69419
  }
69349
69420
  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 });
69350
- 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: `
69351
- <div class="transaction-tile-wrapper" (click)="onTransactionClick(transaction)">
69352
- <div [class]="'type-indicator color-' + transaction.transactionKind"></div>
69353
- <div class="tile">
69354
- <div class="tile-header">
69355
- <div class="tile-upper-left">
69356
- <div class="transaction-tile-avatar">
69357
- <co-avatar [image]="transaction.execImage" [relationId]="transaction.handledBy"></co-avatar>
69358
- <span [textContent]="transaction.transNr"></span>
69359
- </div>
69360
- </div>
69361
- <div class="tile-upper-middle">
69362
- <co-icon [iconData]="iconCacheService.getIcon(icons.StoreLight)" class="store-icon"></co-icon>
69363
- <div class="text"><span [textContent]="transaction.branchNr"></span></div>
69364
- </div>
69365
-
69366
- <div class="tile-upper-right">
69367
- <div class="status-bar-wrapper" (click)="$event.stopPropagation()">
69368
- <co-transaction-statusbar
69369
- [screenConfigurationObject]="cfgNames.StatusBar"
69370
- [configNames]="statusBarConfigNames"
69371
- [transaction]="transaction">
69372
- </co-transaction-statusbar>
69373
- </div>
69374
- </div>
69375
- </div>
69376
- <div class="tile-body">
69377
- <div class="tile-middle-left">
69378
- @if (showCheckbox && !transaction.isInProgressForBatchJob) {
69379
- <co-input-checkbox
69380
- [(model)]="transaction.selected"
69381
- (modelChange)="onSelectedClick(transaction)">
69382
- </co-input-checkbox>
69383
- }
69384
- @if (showCheckbox && transaction.isInProgressForBatchJob) {
69385
- <co-icon
69386
- class="batch-info-icon"
69387
- [title]="'PART_OF_BATCH' | localize"
69388
- [iconData]="iconCacheService.getIcon(icons.CircleInfoRegular)">
69389
- </co-icon>
69390
- }
69391
- </div>
69392
- <div class="tile-middle-middle">
69393
- <div class="text"><span [textContent]="transaction.relationName"></span></div>
69394
- <div class="text"><span [textContent]="transaction.getAdres()"></span></div>
69395
- </div>
69396
- <div class="tile-middle-right"></div>
69397
- </div>
69398
- <div class="tile-footer">
69399
- <div class="tile-bottom-left order-info-section">
69400
- <co-icon [iconData]="iconCacheService.getIcon(icons.RegularCartShoppingClock)" class="store-icon"></co-icon>
69401
- <div class="value">
69402
- <span [textContent]="transaction.getTransDate() | date:'dd-MM-yyyy'"></span>
69403
- </div>
69404
- </div>
69405
- <div class="tile-bottom-middle order-info-section">
69406
- @if (transaction.getDeliveryDate()) {
69407
- <div class="value">
69408
- <co-icon [iconData]="iconCacheService.getIcon(icons.RegularTruckMovingClock)" class="store-icon"></co-icon>
69409
- <span [textContent]="transaction.getDeliveryDate() | date:'dd-MM-yyyy'"></span>
69410
- @if (transaction.deliveryDateDefinitive) {
69411
- <co-icon
69412
- [iconData]="iconCacheService.getIcon(icons.Lock)" class="lock-icon"></co-icon>
69413
- } @else {
69414
- <co-icon [iconData]="iconCacheService.getIcon(icons.Unlock)" class="unlock-icon"></co-icon>
69415
- }
69416
- </div>
69417
- }
69418
- </div>
69419
- <div class="tile-bottom-right order-info-section">
69420
- <co-icon [iconData]="iconCacheService.getIcon(icons.RegularCartShoppingTag)" class="store-icon"></co-icon>
69421
- <div class="value"><span
69422
- [textContent]="(transaction.totalPriceWithVat - transaction.totalPriceVat) | currency:'EUR'"></span></div>
69423
- </div>
69424
- </div>
69425
- </div>
69426
- </div>
69421
+ 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: `
69422
+ <div class="transaction-tile-wrapper" (click)="onTransactionClick(transaction)">
69423
+ <div [class]="'type-indicator color-' + transaction.transactionKind"></div>
69424
+ <div class="tile">
69425
+ <div class="tile-header">
69426
+ <div class="tile-upper-left">
69427
+ <div class="transaction-tile-avatar">
69428
+ <co-avatar [image]="transaction.execImage" [relationId]="transaction.handledBy"></co-avatar>
69429
+ <span [textContent]="transaction.transNr"></span>
69430
+ </div>
69431
+ </div>
69432
+ <div class="tile-upper-middle">
69433
+ <co-icon [iconData]="iconCacheService.getIcon(icons.StoreLight)" class="store-icon"></co-icon>
69434
+ <div class="text"><span [textContent]="transaction.branchNr"></span></div>
69435
+ </div>
69436
+
69437
+ <div class="tile-upper-right">
69438
+ <div class="status-bar-wrapper" (click)="$event.stopPropagation()">
69439
+ <co-transaction-statusbar
69440
+ [screenConfigurationObject]="cfgNames.StatusBar"
69441
+ [configNames]="statusBarConfigNames"
69442
+ [transaction]="transaction">
69443
+ </co-transaction-statusbar>
69444
+ </div>
69445
+ </div>
69446
+ </div>
69447
+ <div class="tile-body">
69448
+ <div class="tile-middle-left">
69449
+ @if (showCheckbox && !transaction.isInProgressForBatchJob) {
69450
+ <co-input-checkbox
69451
+ [(model)]="transaction.selected"
69452
+ (modelChange)="onSelectedClick(transaction)">
69453
+ </co-input-checkbox>
69454
+ }
69455
+ @if (showCheckbox && transaction.isInProgressForBatchJob) {
69456
+ <co-icon
69457
+ class="batch-info-icon"
69458
+ [title]="'PART_OF_BATCH' | localize"
69459
+ [iconData]="iconCacheService.getIcon(icons.CircleInfoRegular)">
69460
+ </co-icon>
69461
+ }
69462
+ </div>
69463
+ <div class="tile-middle-middle">
69464
+ <div class="text"><span [textContent]="transaction.relationName"></span></div>
69465
+ <div class="text"><span [textContent]="transaction.getAdres()"></span></div>
69466
+ </div>
69467
+ <div class="tile-middle-right"></div>
69468
+ </div>
69469
+ <div class="tile-footer">
69470
+ <div class="tile-bottom-left order-info-section">
69471
+ <co-icon [iconData]="iconCacheService.getIcon(icons.RegularCartShoppingClock)" class="store-icon"></co-icon>
69472
+ <div class="value">
69473
+ <span [textContent]="transaction.getTransDate() | date:'dd-MM-yyyy'"></span>
69474
+ </div>
69475
+ </div>
69476
+ <div class="tile-bottom-middle order-info-section">
69477
+ @if (transaction.getDeliveryDate()) {
69478
+ <div class="value">
69479
+ <co-icon [iconData]="iconCacheService.getIcon(icons.RegularTruckMovingClock)" class="store-icon"></co-icon>
69480
+ <span [textContent]="transaction.getDeliveryDate() | date:'dd-MM-yyyy'"></span>
69481
+ @if (transaction.deliveryDateDefinitive) {
69482
+ <co-icon
69483
+ [iconData]="iconCacheService.getIcon(icons.Lock)" class="lock-icon"></co-icon>
69484
+ } @else {
69485
+ <co-icon [iconData]="iconCacheService.getIcon(icons.Unlock)" class="unlock-icon"></co-icon>
69486
+ }
69487
+ </div>
69488
+ }
69489
+ </div>
69490
+ <div class="tile-bottom-right order-info-section">
69491
+ <co-icon [iconData]="iconCacheService.getIcon(icons.RegularCartShoppingTag)" class="store-icon"></co-icon>
69492
+ <div class="value"><span
69493
+ [textContent]="(transaction.totalPriceWithVat - transaction.totalPriceVat) | currency:'EUR'"></span></div>
69494
+ </div>
69495
+ </div>
69496
+ </div>
69497
+ </div>
69427
69498
  `, 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 });
69428
69499
  }
69429
69500
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TransactionSearchPurchaseOrderTileComponent, decorators: [{
69430
69501
  type: Component,
69431
69502
  args: [{
69432
69503
  selector: "co-transaction-search-purchase-order-tile",
69433
- template: `
69434
- <div class="transaction-tile-wrapper" (click)="onTransactionClick(transaction)">
69435
- <div [class]="'type-indicator color-' + transaction.transactionKind"></div>
69436
- <div class="tile">
69437
- <div class="tile-header">
69438
- <div class="tile-upper-left">
69439
- <div class="transaction-tile-avatar">
69440
- <co-avatar [image]="transaction.execImage" [relationId]="transaction.handledBy"></co-avatar>
69441
- <span [textContent]="transaction.transNr"></span>
69442
- </div>
69443
- </div>
69444
- <div class="tile-upper-middle">
69445
- <co-icon [iconData]="iconCacheService.getIcon(icons.StoreLight)" class="store-icon"></co-icon>
69446
- <div class="text"><span [textContent]="transaction.branchNr"></span></div>
69447
- </div>
69448
-
69449
- <div class="tile-upper-right">
69450
- <div class="status-bar-wrapper" (click)="$event.stopPropagation()">
69451
- <co-transaction-statusbar
69452
- [screenConfigurationObject]="cfgNames.StatusBar"
69453
- [configNames]="statusBarConfigNames"
69454
- [transaction]="transaction">
69455
- </co-transaction-statusbar>
69456
- </div>
69457
- </div>
69458
- </div>
69459
- <div class="tile-body">
69460
- <div class="tile-middle-left">
69461
- @if (showCheckbox && !transaction.isInProgressForBatchJob) {
69462
- <co-input-checkbox
69463
- [(model)]="transaction.selected"
69464
- (modelChange)="onSelectedClick(transaction)">
69465
- </co-input-checkbox>
69466
- }
69467
- @if (showCheckbox && transaction.isInProgressForBatchJob) {
69468
- <co-icon
69469
- class="batch-info-icon"
69470
- [title]="'PART_OF_BATCH' | localize"
69471
- [iconData]="iconCacheService.getIcon(icons.CircleInfoRegular)">
69472
- </co-icon>
69473
- }
69474
- </div>
69475
- <div class="tile-middle-middle">
69476
- <div class="text"><span [textContent]="transaction.relationName"></span></div>
69477
- <div class="text"><span [textContent]="transaction.getAdres()"></span></div>
69478
- </div>
69479
- <div class="tile-middle-right"></div>
69480
- </div>
69481
- <div class="tile-footer">
69482
- <div class="tile-bottom-left order-info-section">
69483
- <co-icon [iconData]="iconCacheService.getIcon(icons.RegularCartShoppingClock)" class="store-icon"></co-icon>
69484
- <div class="value">
69485
- <span [textContent]="transaction.getTransDate() | date:'dd-MM-yyyy'"></span>
69486
- </div>
69487
- </div>
69488
- <div class="tile-bottom-middle order-info-section">
69489
- @if (transaction.getDeliveryDate()) {
69490
- <div class="value">
69491
- <co-icon [iconData]="iconCacheService.getIcon(icons.RegularTruckMovingClock)" class="store-icon"></co-icon>
69492
- <span [textContent]="transaction.getDeliveryDate() | date:'dd-MM-yyyy'"></span>
69493
- @if (transaction.deliveryDateDefinitive) {
69494
- <co-icon
69495
- [iconData]="iconCacheService.getIcon(icons.Lock)" class="lock-icon"></co-icon>
69496
- } @else {
69497
- <co-icon [iconData]="iconCacheService.getIcon(icons.Unlock)" class="unlock-icon"></co-icon>
69498
- }
69499
- </div>
69500
- }
69501
- </div>
69502
- <div class="tile-bottom-right order-info-section">
69503
- <co-icon [iconData]="iconCacheService.getIcon(icons.RegularCartShoppingTag)" class="store-icon"></co-icon>
69504
- <div class="value"><span
69505
- [textContent]="(transaction.totalPriceWithVat - transaction.totalPriceVat) | currency:'EUR'"></span></div>
69506
- </div>
69507
- </div>
69508
- </div>
69509
- </div>
69504
+ template: `
69505
+ <div class="transaction-tile-wrapper" (click)="onTransactionClick(transaction)">
69506
+ <div [class]="'type-indicator color-' + transaction.transactionKind"></div>
69507
+ <div class="tile">
69508
+ <div class="tile-header">
69509
+ <div class="tile-upper-left">
69510
+ <div class="transaction-tile-avatar">
69511
+ <co-avatar [image]="transaction.execImage" [relationId]="transaction.handledBy"></co-avatar>
69512
+ <span [textContent]="transaction.transNr"></span>
69513
+ </div>
69514
+ </div>
69515
+ <div class="tile-upper-middle">
69516
+ <co-icon [iconData]="iconCacheService.getIcon(icons.StoreLight)" class="store-icon"></co-icon>
69517
+ <div class="text"><span [textContent]="transaction.branchNr"></span></div>
69518
+ </div>
69519
+
69520
+ <div class="tile-upper-right">
69521
+ <div class="status-bar-wrapper" (click)="$event.stopPropagation()">
69522
+ <co-transaction-statusbar
69523
+ [screenConfigurationObject]="cfgNames.StatusBar"
69524
+ [configNames]="statusBarConfigNames"
69525
+ [transaction]="transaction">
69526
+ </co-transaction-statusbar>
69527
+ </div>
69528
+ </div>
69529
+ </div>
69530
+ <div class="tile-body">
69531
+ <div class="tile-middle-left">
69532
+ @if (showCheckbox && !transaction.isInProgressForBatchJob) {
69533
+ <co-input-checkbox
69534
+ [(model)]="transaction.selected"
69535
+ (modelChange)="onSelectedClick(transaction)">
69536
+ </co-input-checkbox>
69537
+ }
69538
+ @if (showCheckbox && transaction.isInProgressForBatchJob) {
69539
+ <co-icon
69540
+ class="batch-info-icon"
69541
+ [title]="'PART_OF_BATCH' | localize"
69542
+ [iconData]="iconCacheService.getIcon(icons.CircleInfoRegular)">
69543
+ </co-icon>
69544
+ }
69545
+ </div>
69546
+ <div class="tile-middle-middle">
69547
+ <div class="text"><span [textContent]="transaction.relationName"></span></div>
69548
+ <div class="text"><span [textContent]="transaction.getAdres()"></span></div>
69549
+ </div>
69550
+ <div class="tile-middle-right"></div>
69551
+ </div>
69552
+ <div class="tile-footer">
69553
+ <div class="tile-bottom-left order-info-section">
69554
+ <co-icon [iconData]="iconCacheService.getIcon(icons.RegularCartShoppingClock)" class="store-icon"></co-icon>
69555
+ <div class="value">
69556
+ <span [textContent]="transaction.getTransDate() | date:'dd-MM-yyyy'"></span>
69557
+ </div>
69558
+ </div>
69559
+ <div class="tile-bottom-middle order-info-section">
69560
+ @if (transaction.getDeliveryDate()) {
69561
+ <div class="value">
69562
+ <co-icon [iconData]="iconCacheService.getIcon(icons.RegularTruckMovingClock)" class="store-icon"></co-icon>
69563
+ <span [textContent]="transaction.getDeliveryDate() | date:'dd-MM-yyyy'"></span>
69564
+ @if (transaction.deliveryDateDefinitive) {
69565
+ <co-icon
69566
+ [iconData]="iconCacheService.getIcon(icons.Lock)" class="lock-icon"></co-icon>
69567
+ } @else {
69568
+ <co-icon [iconData]="iconCacheService.getIcon(icons.Unlock)" class="unlock-icon"></co-icon>
69569
+ }
69570
+ </div>
69571
+ }
69572
+ </div>
69573
+ <div class="tile-bottom-right order-info-section">
69574
+ <co-icon [iconData]="iconCacheService.getIcon(icons.RegularCartShoppingTag)" class="store-icon"></co-icon>
69575
+ <div class="value"><span
69576
+ [textContent]="(transaction.totalPriceWithVat - transaction.totalPriceVat) | currency:'EUR'"></span></div>
69577
+ </div>
69578
+ </div>
69579
+ </div>
69580
+ </div>
69510
69581
  `,
69511
69582
  encapsulation: ViewEncapsulation.None,
69512
69583
  standalone: false
@@ -81765,24 +81836,12 @@ class DialogTransactionPlanningRequest extends DialogTransactionHeaderBaseCompon
81765
81836
  }
81766
81837
  }
81767
81838
  async _getSelectableDayParts() {
81768
- this._applySelectedDate(this.selectedDate);
81769
- this.selectableDayParts.length = 0;
81770
81839
  if (this.transaction && this.transaction.transactionInfo.transactionKind === TransactionKind.SalesOrder) {
81771
- const eventsPerDay = [];
81772
- let planTimes = await this.transactionService.getTransactionPlanPeriods(this.transaction.transactionInfo.id);
81773
- if (planTimes && planTimes.length > 0) {
81774
- const len = planTimes.length;
81775
- let firstDayFound = false;
81776
- for (let i = 0; i < len; i++) {
81777
- const planTime = this._boFactory.makeWithRawBackendData(PlanTimes, planTimes[i]);
81778
- eventsPerDay.push(this._createAgendaEventPerDayFromPlanTimes(planTime));
81779
- if (!firstDayFound && planTime.dayParts && planTime.dayParts.length > 0) {
81780
- this.selectedDate = planTime.planDate;
81781
- firstDayFound = true;
81782
- }
81783
- }
81784
- return this.selectableDayParts = eventsPerDay;
81840
+ this.selectableDayParts = await this.transactionService.getAgendaEventsPerDayForPreferredPlanning(this.transaction.transactionInfo.id);
81841
+ if (this.selectableDayParts.length > 0) {
81842
+ this._applySelectedDate(this.selectableDayParts[0].date);
81785
81843
  }
81844
+ return this.selectableDayParts;
81786
81845
  }
81787
81846
  }
81788
81847
  _applySelectedDate(date, initial = false) {
@@ -81794,40 +81853,6 @@ class DialogTransactionPlanningRequest extends DialogTransactionHeaderBaseCompon
81794
81853
  this.startDate = useInitial ? this.firstDeliveryDate : this._getFirstDayOfWeek(this.selectedDate);
81795
81854
  this.endDate = this._getLastDayOfWeek(this.selectedDate);
81796
81855
  }
81797
- _createAgendaEventPerDayFromPlanTimes(planTimes) {
81798
- const agendaEvent = new AgendaEventPerDay();
81799
- agendaEvent.date = new Date(planTimes.planDate);
81800
- const events = [];
81801
- agendaEvent.events = events;
81802
- const len = planTimes.dayParts.length;
81803
- for (let i = 0; i < len; i++) {
81804
- const dayPart = planTimes.dayParts[i];
81805
- if (dayPart.available) {
81806
- events.push(this._createAgendaEventFromDayPart(dayPart, agendaEvent.date));
81807
- }
81808
- }
81809
- return agendaEvent;
81810
- }
81811
- _createAgendaEventFromDayPart(dayPart, date) {
81812
- const event = new AgendaEvent();
81813
- event.id = dayPart.dayPartId;
81814
- event.dayPartNo = dayPart.dayPartNo;
81815
- event.checked = dayPart.active;
81816
- event.showCheckbox = true;
81817
- event.date = new Date(date);
81818
- const from = new Date(date);
81819
- from.setHours(dayPart.timeHourStart);
81820
- event.from = from;
81821
- const to = new Date(date);
81822
- to.setHours(dayPart.timeHourStop);
81823
- event.to = to;
81824
- event.fromString = event.from.toLocaleTimeString(this._locale, { hour: "2-digit", minute: "2-digit" });
81825
- event.toString = event.to.toLocaleTimeString(this._locale, { hour: "2-digit", minute: "2-digit" });
81826
- event.fromToRepresentation = event.fromString + " - " + event.toString;
81827
- event.timeWindow = dayPart.onlinePlanning;
81828
- event.description = dayPart.dayPartDescription;
81829
- return event;
81830
- }
81831
81856
  _getFirstDayOfWeek(date) {
81832
81857
  if (!this._validDate(date)) {
81833
81858
  return null;
@@ -81858,82 +81883,82 @@ class DialogTransactionPlanningRequest extends DialogTransactionHeaderBaseCompon
81858
81883
  return result;
81859
81884
  }
81860
81885
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: DialogTransactionPlanningRequest, deps: [{ token: LOCALE_ID }, { token: TransactionHeaderService }, { token: TransactionEventService }, { token: IconCacheService }, { token: TransactionScreenConfigurationService }, { token: TransactionImageService }, { token: DictionaryService }, { token: TransactionService }, { token: i0.ChangeDetectorRef }, { token: TransactionConnectorService }], target: i0.ɵɵFactoryTarget.Component });
81861
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: DialogTransactionPlanningRequest, isStandalone: false, selector: "co-dialog-transaction-planning-request", outputs: { closeClick: "closeClick" }, host: { properties: { "class.co-dialog-transaction-planning-request": "this.showClass" } }, usesInheritance: true, ngImport: i0, template: `
81862
- <co-dialog [headerTemplate]="dialogHeader" [footerTemplate]="footerTemplate" [showCloseIcon]="useModel"
81863
- (closeClick)="closeDialog($event)">
81864
- @if (loaded) {
81865
- <div>
81866
- <co-preferred-planning
81867
- [selectedDate]="selectedDate"
81868
- [eventsPerDay]="selectableDayParts"
81869
- [buttonLabel]="'PREFERRED_DELIVERY_DATE_CONFIRM' | localize"
81870
- [loadMoreButtonText]="'PREFERRED_DELIVERY_DATE_LOAD_MORE' | localize"
81871
- [disclaimerHeader]="'PREFERRED_DELIVERY_DATE_DISCLAIMER_HEADER' | localize"
81872
- [headerDescription]="'PREFERRED_DELIVERY_DATE_DESCRIPTION' | localize"
81873
- [disclaimerDescription]="'PREFERRED_DELIVERY_DATE_DISCLAIMER_DESCRIPTION' | localize"
81874
- (buttonClick)="handleConfirmClick($event)"
81875
- (selected)="setSelected($event)"
81876
- >
81877
- </co-preferred-planning>
81878
- </div>
81879
- }
81880
- <ng-template #dialogHeader>
81881
- <div class="co-dialog-header-title" [textContent]="'PREFERRED_DELIVERY_DATE_HEADER' | localize"></div>
81882
- </ng-template>
81883
- <ng-template #footerTemplate>
81884
- @if (!useModel) {
81885
- <div class="co-dialog-footer-button-wrapper">
81886
- <co-button class="save-button"
81887
- [iconData]="iconCacheService.getIcon(icons.CheckDuotone)"
81888
- (click)="handleOkClick()"></co-button>
81889
- <co-button class="close-button"
81890
- [iconData]="iconCacheService.getIcon(icons.Crossskinny)"
81891
- (click)="closeDialog($event)"></co-button>
81892
- </div>
81893
- }
81894
- </ng-template>
81895
- </co-dialog>
81896
- `, isInline: true, dependencies: [{ kind: "component", type: i1$1.CoDialogComponent, selector: "co-dialog", inputs: ["customCssClass", "headerTemplate", "footerTemplate", "showCloseIcon", "modal", "borderless"], outputs: ["closeClick"] }, { kind: "component", type: i1$1.ButtonComponent, selector: "co-button", inputs: ["label", "iconData", "iconDataRight", "isToggleButton", "isToggled", "hidden", "disabled"], outputs: ["onClick", "clickedWhileDisabled", "isToggledChange"] }, { kind: "component", type: i2.PreferredPlanningComponent, selector: "co-preferred-planning", inputs: ["firstAvailableDate", "buttonLabel", "headerText", "headerDescription", "disclaimerHeader", "disclaimerDescription", "loadMoreButtonText", "eventsPerDay", "selectedDate"], outputs: ["buttonClick", "selected"] }, { kind: "pipe", type: LocalizePipe, name: "localize" }], encapsulation: i0.ViewEncapsulation.None });
81886
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: DialogTransactionPlanningRequest, isStandalone: false, selector: "co-dialog-transaction-planning-request", outputs: { closeClick: "closeClick" }, host: { properties: { "class.co-dialog-transaction-planning-request": "this.showClass" } }, usesInheritance: true, ngImport: i0, template: `
81887
+ <co-dialog [headerTemplate]="dialogHeader" [footerTemplate]="footerTemplate" [showCloseIcon]="useModel"
81888
+ (closeClick)="closeDialog($event)">
81889
+ @if (loaded) {
81890
+ <div>
81891
+ <co-preferred-planning
81892
+ [selectedDate]="selectedDate"
81893
+ [eventsPerDay]="selectableDayParts"
81894
+ [buttonLabel]="'PREFERRED_DELIVERY_DATE_CONFIRM' | localize"
81895
+ [loadMoreButtonText]="'PREFERRED_DELIVERY_DATE_LOAD_MORE' | localize"
81896
+ [disclaimerHeader]="'PREFERRED_DELIVERY_DATE_DISCLAIMER_HEADER' | localize"
81897
+ [headerDescription]="'PREFERRED_DELIVERY_DATE_DESCRIPTION' | localize"
81898
+ [disclaimerDescription]="'PREFERRED_DELIVERY_DATE_DISCLAIMER_DESCRIPTION' | localize"
81899
+ (buttonClick)="handleConfirmClick($event)"
81900
+ (selected)="setSelected($event)"
81901
+ >
81902
+ </co-preferred-planning>
81903
+ </div>
81904
+ }
81905
+ <ng-template #dialogHeader>
81906
+ <div class="co-dialog-header-title" [textContent]="'PREFERRED_DELIVERY_DATE_HEADER' | localize"></div>
81907
+ </ng-template>
81908
+ <ng-template #footerTemplate>
81909
+ @if (!useModel) {
81910
+ <div class="co-dialog-footer-button-wrapper">
81911
+ <co-button class="save-button"
81912
+ [iconData]="iconCacheService.getIcon(icons.CheckDuotone)"
81913
+ (click)="handleOkClick()"></co-button>
81914
+ <co-button class="close-button"
81915
+ [iconData]="iconCacheService.getIcon(icons.Crossskinny)"
81916
+ (click)="closeDialog($event)"></co-button>
81917
+ </div>
81918
+ }
81919
+ </ng-template>
81920
+ </co-dialog>
81921
+ `, isInline: true, dependencies: [{ kind: "component", type: i1$1.CoDialogComponent, selector: "co-dialog", inputs: ["customCssClass", "headerTemplate", "footerTemplate", "showCloseIcon", "modal", "borderless"], outputs: ["closeClick"] }, { kind: "component", type: i1$1.ButtonComponent, selector: "co-button", inputs: ["label", "iconData", "iconDataRight", "isToggleButton", "isToggled", "hidden", "disabled"], outputs: ["onClick", "clickedWhileDisabled", "isToggledChange"] }, { kind: "component", type: i2.PreferredPlanningComponent, selector: "co-preferred-planning", inputs: ["firstAvailableDate", "buttonLabel", "headerText", "headerDescription", "disclaimerHeader", "disclaimerDescription", "loadMoreButtonText", "showDisclaimer", "showConfirmButton", "verticalLayout", "eventsPerDay", "selectedDate"], outputs: ["buttonClick", "selected"] }, { kind: "pipe", type: LocalizePipe, name: "localize" }], encapsulation: i0.ViewEncapsulation.None });
81897
81922
  }
81898
81923
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: DialogTransactionPlanningRequest, decorators: [{
81899
81924
  type: Component,
81900
81925
  args: [{
81901
81926
  selector: "co-dialog-transaction-planning-request",
81902
- template: `
81903
- <co-dialog [headerTemplate]="dialogHeader" [footerTemplate]="footerTemplate" [showCloseIcon]="useModel"
81904
- (closeClick)="closeDialog($event)">
81905
- @if (loaded) {
81906
- <div>
81907
- <co-preferred-planning
81908
- [selectedDate]="selectedDate"
81909
- [eventsPerDay]="selectableDayParts"
81910
- [buttonLabel]="'PREFERRED_DELIVERY_DATE_CONFIRM' | localize"
81911
- [loadMoreButtonText]="'PREFERRED_DELIVERY_DATE_LOAD_MORE' | localize"
81912
- [disclaimerHeader]="'PREFERRED_DELIVERY_DATE_DISCLAIMER_HEADER' | localize"
81913
- [headerDescription]="'PREFERRED_DELIVERY_DATE_DESCRIPTION' | localize"
81914
- [disclaimerDescription]="'PREFERRED_DELIVERY_DATE_DISCLAIMER_DESCRIPTION' | localize"
81915
- (buttonClick)="handleConfirmClick($event)"
81916
- (selected)="setSelected($event)"
81917
- >
81918
- </co-preferred-planning>
81919
- </div>
81920
- }
81921
- <ng-template #dialogHeader>
81922
- <div class="co-dialog-header-title" [textContent]="'PREFERRED_DELIVERY_DATE_HEADER' | localize"></div>
81923
- </ng-template>
81924
- <ng-template #footerTemplate>
81925
- @if (!useModel) {
81926
- <div class="co-dialog-footer-button-wrapper">
81927
- <co-button class="save-button"
81928
- [iconData]="iconCacheService.getIcon(icons.CheckDuotone)"
81929
- (click)="handleOkClick()"></co-button>
81930
- <co-button class="close-button"
81931
- [iconData]="iconCacheService.getIcon(icons.Crossskinny)"
81932
- (click)="closeDialog($event)"></co-button>
81933
- </div>
81934
- }
81935
- </ng-template>
81936
- </co-dialog>
81927
+ template: `
81928
+ <co-dialog [headerTemplate]="dialogHeader" [footerTemplate]="footerTemplate" [showCloseIcon]="useModel"
81929
+ (closeClick)="closeDialog($event)">
81930
+ @if (loaded) {
81931
+ <div>
81932
+ <co-preferred-planning
81933
+ [selectedDate]="selectedDate"
81934
+ [eventsPerDay]="selectableDayParts"
81935
+ [buttonLabel]="'PREFERRED_DELIVERY_DATE_CONFIRM' | localize"
81936
+ [loadMoreButtonText]="'PREFERRED_DELIVERY_DATE_LOAD_MORE' | localize"
81937
+ [disclaimerHeader]="'PREFERRED_DELIVERY_DATE_DISCLAIMER_HEADER' | localize"
81938
+ [headerDescription]="'PREFERRED_DELIVERY_DATE_DESCRIPTION' | localize"
81939
+ [disclaimerDescription]="'PREFERRED_DELIVERY_DATE_DISCLAIMER_DESCRIPTION' | localize"
81940
+ (buttonClick)="handleConfirmClick($event)"
81941
+ (selected)="setSelected($event)"
81942
+ >
81943
+ </co-preferred-planning>
81944
+ </div>
81945
+ }
81946
+ <ng-template #dialogHeader>
81947
+ <div class="co-dialog-header-title" [textContent]="'PREFERRED_DELIVERY_DATE_HEADER' | localize"></div>
81948
+ </ng-template>
81949
+ <ng-template #footerTemplate>
81950
+ @if (!useModel) {
81951
+ <div class="co-dialog-footer-button-wrapper">
81952
+ <co-button class="save-button"
81953
+ [iconData]="iconCacheService.getIcon(icons.CheckDuotone)"
81954
+ (click)="handleOkClick()"></co-button>
81955
+ <co-button class="close-button"
81956
+ [iconData]="iconCacheService.getIcon(icons.Crossskinny)"
81957
+ (click)="closeDialog($event)"></co-button>
81958
+ </div>
81959
+ }
81960
+ </ng-template>
81961
+ </co-dialog>
81937
81962
  `,
81938
81963
  encapsulation: ViewEncapsulation.None,
81939
81964
  standalone: false