@colijnit/transaction 261.20.14 → 261.20.15

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 (3) hide show
  1. package/fesm2022/colijnit-transaction.mjs +374 -379
  2. package/fesm2022/colijnit-transaction.mjs.map +1 -1
  3. package/package.json +1 -1
package/fesm2022/colijnit-transaction.mjs CHANGED
@@ -335,8 +335,8 @@ import { DateField } from '@colijnit/ioneconnector/build/factory/decorators/date
335
335
  class Version {
336
336
  name = "@colijnit/transaction";
337
337
  description = "Colijn IT transaction package";
338
- symVer = "261.20.14";
339
- publishDate = "2-3-2026, 18:21:00";
338
+ symVer = "261.20.15";
339
+ publishDate = "2-3-2026, 18:42:55";
340
340
  }
341
341
 
342
342
  class CheckoutModuleService extends BaseModuleService {
@@ -22520,23 +22520,19 @@ class DeliveryPlanningService {
22520
22520
  if (index === -1) {
22521
22521
  throw new Error("Item not found in array");
22522
22522
  }
22523
- let newIndex = direction === "up" ? index - 1 : index + 1;
22524
- // Ensure newIndex is within bounds
22523
+ const newIndex = direction === "up" ? index - 1 : index + 1;
22525
22524
  if (newIndex < 0 || newIndex >= array.length) {
22526
- return; // Do nothing if already at the first or last position
22525
+ return;
22527
22526
  }
22528
- const originalDuration = item.endTime.getTime() - item.startTime.getTime();
22529
22527
  const swapItem = array[newIndex];
22530
- // Assign new start time based on the swapped item's original start time
22528
+ // Swap the time windows (clone dates to prevent shared references)
22529
+ const itemStart = item.startTime;
22530
+ const itemEnd = item.endTime;
22531
22531
  item.startTime = new Date(swapItem.startTime.getTime());
22532
- item.endTime = new Date(item.startTime.getTime() + originalDuration);
22533
- // Ensure the swapped item doesn't overlap
22534
- const swapDuration = swapItem.endTime.getTime() - swapItem.startTime.getTime();
22535
- if (item.endTime.getTime() > swapItem.startTime.getTime()) {
22536
- swapItem.startTime = new Date(item.endTime.getTime()); // Adjust start time to avoid overlap
22537
- swapItem.endTime = new Date(swapItem.startTime.getTime() + swapDuration);
22538
- }
22539
- // Swap positions in the array
22532
+ item.endTime = new Date(swapItem.endTime.getTime());
22533
+ swapItem.startTime = new Date(itemStart.getTime());
22534
+ swapItem.endTime = new Date(itemEnd.getTime());
22535
+ // If you also want the visual/order in the list to swap:
22540
22536
  [array[index], array[newIndex]] = [array[newIndex], array[index]];
22541
22537
  }
22542
22538
  async deliveryMethodAvailabilityCheck(planOrder, transportDay) {
@@ -22854,242 +22850,242 @@ class DeliveryPlanningOverviewTileLineComponent {
22854
22850
  this.deliveryPlanningService.transactionNavigation.next({ transactionNr: transNr, transactionKind: this.order.type });
22855
22851
  }
22856
22852
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: DeliveryPlanningOverviewTileLineComponent, deps: [{ token: IconCacheService }, { token: DeliveryPlanningService }], target: i0.ɵɵFactoryTarget.Component });
22857
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: DeliveryPlanningOverviewTileLineComponent, isStandalone: false, selector: "co-delivery-planning-overview-tile-line", inputs: { order: "order", isActive: "isActive", linesActive: "linesActive" }, outputs: { deleteOrderEvent: "deleteOrderEvent", deleteOrderLineEvent: "deleteOrderLineEvent", editOrderEvent: "editOrderEvent", moveOrderUpEvent: "moveOrderUpEvent", moveOrderDownEvent: "moveOrderDownEvent", transactionClick: "transactionClick" }, host: { properties: { "class.co-delivery-planning-overview-tile-line": "this.showClass" } }, ngImport: i0, template: `
22858
- <div class="planning-line-wrapper"
22859
- [class.normal-mode]="isActive"
22860
- [class.active-lines]="linesActive"
22861
- [ngClass]="'color-' + (order?.type || 'unknown')">
22862
- <div class="planning-line-content">
22863
- <div class="planning-line-left">
22864
- <div class="line-expand-icon" (click)="showNormalOrderLines($event)">
22865
- @if (!linesActive) {
22866
- <co-icon [iconData]="iconCacheService.getIcon(icons.ChevronDownRegular)"></co-icon>
22867
- }
22868
- @if (linesActive) {
22869
- <co-icon [iconData]="iconCacheService.getIcon(icons.ChevronUpRegular)"></co-icon>
22870
- }
22871
- </div>
22872
- <div class="line-content-left">
22873
- <div class="line-content-link">
22874
- <co-icon
22875
- [iconData]="iconCacheService.getIcon(icons.DetailView)"
22876
- (click)="handleTransactionNavigationClick($event, order?.transactionNr?.toString())"
22877
- ></co-icon>
22878
- </div>
22879
- <div class="line-content-data">
22880
- <div class="planning-address">
22881
- <span [textContent]="order?.shortAddress"></span>
22882
- </div>
22883
- <div class="planning-relation">
22884
- <span [textContent]="order?.relationName"></span>
22885
- </div>
22886
- </div>
22887
- </div>
22888
- </div>
22889
- <div class="planning-line-right">
22890
- <div class="line-content-right">
22891
- <div class="planning-time" (click)="handleEditOrderEvent(order)">
22892
- <co-icon (click)="handleEditOrderEvent(order)" [iconData]="iconCacheService.getIcon(icons.DetailView)"></co-icon>
22893
- <span [textContent]="(order?.startTime | date: 'HH:mm') + ' - ' + (order?.endTime | date: 'HH:mm')"></span>
22894
- </div>
22895
- <div class="planning-order">
22896
- <co-icon [iconData]="iconCacheService.getIcon(icons.CartShoppingRegular)"></co-icon>
22897
- <span [textContent]="order?.transactionNr"></span>
22898
- </div>
22899
- </div>
22900
- <div class="planning-line-actions">
22901
- <co-icon (click)="handleDeleteOrderClick($event, order)"
22902
- [iconData]="iconCacheService.getIcon(icons.TrashCanRegular)"></co-icon>
22903
- </div>
22904
- </div>
22905
- </div>
22906
- @if (linesActive) {
22907
- <div class="order-line-list-wrapper">
22908
- <div class="top-order-lines">
22909
- <span class="products"
22910
- [class.active]="viewMode === 'products'"
22911
- (click)="switchViewMode('products', $event)"
22912
- [textContent]="'PRODUCTS' | localize"></span>
22913
- <span class="tasks"
22914
- [class.active]="viewMode === 'tasks'"
22915
- (click)="switchViewMode('tasks', $event)"
22916
- [textContent]="'TASKS' | localize"></span>
22917
- </div>
22918
- @if (viewMode === 'products') {
22919
- <div class="order-lines-wrapper products">
22920
- <div class="lines-header">
22921
- <span class="desc" [textContent]="'DESCRIPTION' | localize"></span>
22922
- <span class="qty" [textContent]="'QUANTITY' | localize"></span>
22923
- <span class="mnt" [textContent]="'ASSEMBLY' | localize"></span>
22924
- <span class="vlm" [textContent]="'VOLUME' | localize"></span>
22925
- </div>
22926
- @for (line of getPlannedLines(order?.lines); track line) {
22927
- <div class="order-lines">
22928
- <div class="lines-content">
22929
- <span class="desc" [textContent]="line.description"></span>
22930
- <span class="qty" [textContent]="line.amountPlanned"></span>
22931
- <span class="mnt" [textContent]="line.deliveryFactor"></span>
22932
- <span class="vlm" [textContent]="line.volume"></span>
22933
- @if (linesActive || isActive) {
22934
- <co-icon class="remove-line" (click)="handleDeleteOrderLineClick(order, line)"
22935
- [iconData]="iconCacheService.getIcon(icons.TrashCanRegular)"></co-icon>
22936
- }
22937
- </div>
22938
- </div>
22939
- }
22940
- </div>
22941
- }
22942
- @if (viewMode === 'tasks') {
22943
- <div class="order-lines-wrapper tasks">
22944
- <div class="lines-header">
22945
- <span class="desc" [textContent]="'DESCRIPTION' | localize"></span>
22946
- <span class="qty" [textContent]="'ID' | localize"></span>
22947
- <span class="mnt" [textContent]="'STATE' | localize"></span>
22948
- <span class="vlm" [textContent]="'DATE' | localize"></span>
22949
- </div>
22950
- @for (task of getPlannedTasks(order?.tasks); track task) {
22951
- <div class="order-lines">
22952
- <div class="lines-content">
22953
- <span class="desc" [textContent]="task.name"></span>
22954
- <span class="qty" [textContent]="task.taskId"></span>
22955
- <span class="mnt" [textContent]="task.state"></span>
22956
- <span class="vlm" [textContent]="task.creationDate"></span>
22957
- </div>
22958
- </div>
22959
- }
22960
- </div>
22961
- }
22962
- </div>
22963
- }
22964
-
22965
- </div>
22966
- @if (linesActive) {
22967
- <div class="reorder-buttons">
22968
- <co-icon [iconData]="iconCacheService.getIcon(icons.ChevronUpRegular)" (click)="handleMoveOrderUp()"></co-icon>
22969
- <co-icon [iconData]="iconCacheService.getIcon(icons.ChevronDownRegular)" (click)="handleMoveOrderDown()"></co-icon>
22970
- </div>
22971
- }
22853
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: DeliveryPlanningOverviewTileLineComponent, isStandalone: false, selector: "co-delivery-planning-overview-tile-line", inputs: { order: "order", isActive: "isActive", linesActive: "linesActive" }, outputs: { deleteOrderEvent: "deleteOrderEvent", deleteOrderLineEvent: "deleteOrderLineEvent", editOrderEvent: "editOrderEvent", moveOrderUpEvent: "moveOrderUpEvent", moveOrderDownEvent: "moveOrderDownEvent", transactionClick: "transactionClick" }, host: { properties: { "class.co-delivery-planning-overview-tile-line": "this.showClass" } }, ngImport: i0, template: `
22854
+ <div class="planning-line-wrapper"
22855
+ [class.normal-mode]="isActive"
22856
+ [class.active-lines]="linesActive"
22857
+ [ngClass]="'color-' + (order?.type || 'unknown')">
22858
+ <div class="planning-line-content">
22859
+ <div class="planning-line-left">
22860
+ <div class="line-expand-icon" (click)="showNormalOrderLines($event)">
22861
+ @if (!linesActive) {
22862
+ <co-icon [iconData]="iconCacheService.getIcon(icons.ChevronDownRegular)"></co-icon>
22863
+ }
22864
+ @if (linesActive) {
22865
+ <co-icon [iconData]="iconCacheService.getIcon(icons.ChevronUpRegular)"></co-icon>
22866
+ }
22867
+ </div>
22868
+ <div class="line-content-left">
22869
+ <div class="line-content-link">
22870
+ <co-icon
22871
+ [iconData]="iconCacheService.getIcon(icons.DetailView)"
22872
+ (click)="handleTransactionNavigationClick($event, order?.transactionNr?.toString())"
22873
+ ></co-icon>
22874
+ </div>
22875
+ <div class="line-content-data">
22876
+ <div class="planning-address">
22877
+ <span [textContent]="order?.shortAddress"></span>
22878
+ </div>
22879
+ <div class="planning-relation">
22880
+ <span [textContent]="order?.relationName"></span>
22881
+ </div>
22882
+ </div>
22883
+ </div>
22884
+ </div>
22885
+ <div class="planning-line-right">
22886
+ <div class="line-content-right">
22887
+ <div class="planning-time" (click)="handleEditOrderEvent(order)">
22888
+ <co-icon (click)="handleEditOrderEvent(order)" [iconData]="iconCacheService.getIcon(icons.DetailView)"></co-icon>
22889
+ <span [textContent]="(order?.startTime | date: 'HH:mm') + ' - ' + (order?.endTime | date: 'HH:mm')"></span>
22890
+ </div>
22891
+ <div class="planning-order">
22892
+ <co-icon [iconData]="iconCacheService.getIcon(icons.CartShoppingRegular)"></co-icon>
22893
+ <span [textContent]="order?.transactionNr"></span>
22894
+ </div>
22895
+ </div>
22896
+ <div class="planning-line-actions">
22897
+ <co-icon (click)="handleDeleteOrderClick($event, order)"
22898
+ [iconData]="iconCacheService.getIcon(icons.TrashCanRegular)"></co-icon>
22899
+ </div>
22900
+ </div>
22901
+ </div>
22902
+ @if (linesActive) {
22903
+ <div class="order-line-list-wrapper">
22904
+ <div class="top-order-lines">
22905
+ <span class="products"
22906
+ [class.active]="viewMode === 'products'"
22907
+ (click)="switchViewMode('products', $event)"
22908
+ [textContent]="'PRODUCTS' | localize"></span>
22909
+ <span class="tasks"
22910
+ [class.active]="viewMode === 'tasks'"
22911
+ (click)="switchViewMode('tasks', $event)"
22912
+ [textContent]="'TASKS' | localize"></span>
22913
+ </div>
22914
+ @if (viewMode === 'products') {
22915
+ <div class="order-lines-wrapper products">
22916
+ <div class="lines-header">
22917
+ <span class="desc" [textContent]="'DESCRIPTION' | localize"></span>
22918
+ <span class="qty" [textContent]="'QUANTITY' | localize"></span>
22919
+ <span class="mnt" [textContent]="'ASSEMBLY' | localize"></span>
22920
+ <span class="vlm" [textContent]="'VOLUME' | localize"></span>
22921
+ </div>
22922
+ @for (line of getPlannedLines(order?.lines); track line) {
22923
+ <div class="order-lines">
22924
+ <div class="lines-content">
22925
+ <span class="desc" [textContent]="line.description"></span>
22926
+ <span class="qty" [textContent]="line.amountPlanned"></span>
22927
+ <span class="mnt" [textContent]="line.deliveryFactor"></span>
22928
+ <span class="vlm" [textContent]="line.volume"></span>
22929
+ @if (linesActive || isActive) {
22930
+ <co-icon class="remove-line" (click)="handleDeleteOrderLineClick(order, line)"
22931
+ [iconData]="iconCacheService.getIcon(icons.TrashCanRegular)"></co-icon>
22932
+ }
22933
+ </div>
22934
+ </div>
22935
+ }
22936
+ </div>
22937
+ }
22938
+ @if (viewMode === 'tasks') {
22939
+ <div class="order-lines-wrapper tasks">
22940
+ <div class="lines-header">
22941
+ <span class="desc" [textContent]="'DESCRIPTION' | localize"></span>
22942
+ <span class="qty" [textContent]="'ID' | localize"></span>
22943
+ <span class="mnt" [textContent]="'STATE' | localize"></span>
22944
+ <span class="vlm" [textContent]="'DATE' | localize"></span>
22945
+ </div>
22946
+ @for (task of getPlannedTasks(order?.tasks); track task) {
22947
+ <div class="order-lines">
22948
+ <div class="lines-content">
22949
+ <span class="desc" [textContent]="task.name"></span>
22950
+ <span class="qty" [textContent]="task.taskId"></span>
22951
+ <span class="mnt" [textContent]="task.state"></span>
22952
+ <span class="vlm" [textContent]="task.creationDate"></span>
22953
+ </div>
22954
+ </div>
22955
+ }
22956
+ </div>
22957
+ }
22958
+ </div>
22959
+ }
22960
+
22961
+ </div>
22962
+ @if (linesActive) {
22963
+ <div class="reorder-buttons">
22964
+ <co-icon [iconData]="iconCacheService.getIcon(icons.ChevronUpRegular)" (click)="handleMoveOrderUp()"></co-icon>
22965
+ <co-icon [iconData]="iconCacheService.getIcon(icons.ChevronDownRegular)" (click)="handleMoveOrderDown()"></co-icon>
22966
+ </div>
22967
+ }
22972
22968
  `, isInline: true, dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i1$1.IconComponent, selector: "co-icon", inputs: ["icon", "iconData"] }, { kind: "pipe", type: i2.DatePipe, name: "date" }, { kind: "pipe", type: LocalizePipe, name: "localize" }], encapsulation: i0.ViewEncapsulation.None });
22973
22969
  }
22974
22970
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: DeliveryPlanningOverviewTileLineComponent, decorators: [{
22975
22971
  type: Component,
22976
22972
  args: [{
22977
22973
  selector: "co-delivery-planning-overview-tile-line",
22978
- template: `
22979
- <div class="planning-line-wrapper"
22980
- [class.normal-mode]="isActive"
22981
- [class.active-lines]="linesActive"
22982
- [ngClass]="'color-' + (order?.type || 'unknown')">
22983
- <div class="planning-line-content">
22984
- <div class="planning-line-left">
22985
- <div class="line-expand-icon" (click)="showNormalOrderLines($event)">
22986
- @if (!linesActive) {
22987
- <co-icon [iconData]="iconCacheService.getIcon(icons.ChevronDownRegular)"></co-icon>
22988
- }
22989
- @if (linesActive) {
22990
- <co-icon [iconData]="iconCacheService.getIcon(icons.ChevronUpRegular)"></co-icon>
22991
- }
22992
- </div>
22993
- <div class="line-content-left">
22994
- <div class="line-content-link">
22995
- <co-icon
22996
- [iconData]="iconCacheService.getIcon(icons.DetailView)"
22997
- (click)="handleTransactionNavigationClick($event, order?.transactionNr?.toString())"
22998
- ></co-icon>
22999
- </div>
23000
- <div class="line-content-data">
23001
- <div class="planning-address">
23002
- <span [textContent]="order?.shortAddress"></span>
23003
- </div>
23004
- <div class="planning-relation">
23005
- <span [textContent]="order?.relationName"></span>
23006
- </div>
23007
- </div>
23008
- </div>
23009
- </div>
23010
- <div class="planning-line-right">
23011
- <div class="line-content-right">
23012
- <div class="planning-time" (click)="handleEditOrderEvent(order)">
23013
- <co-icon (click)="handleEditOrderEvent(order)" [iconData]="iconCacheService.getIcon(icons.DetailView)"></co-icon>
23014
- <span [textContent]="(order?.startTime | date: 'HH:mm') + ' - ' + (order?.endTime | date: 'HH:mm')"></span>
23015
- </div>
23016
- <div class="planning-order">
23017
- <co-icon [iconData]="iconCacheService.getIcon(icons.CartShoppingRegular)"></co-icon>
23018
- <span [textContent]="order?.transactionNr"></span>
23019
- </div>
23020
- </div>
23021
- <div class="planning-line-actions">
23022
- <co-icon (click)="handleDeleteOrderClick($event, order)"
23023
- [iconData]="iconCacheService.getIcon(icons.TrashCanRegular)"></co-icon>
23024
- </div>
23025
- </div>
23026
- </div>
23027
- @if (linesActive) {
23028
- <div class="order-line-list-wrapper">
23029
- <div class="top-order-lines">
23030
- <span class="products"
23031
- [class.active]="viewMode === 'products'"
23032
- (click)="switchViewMode('products', $event)"
23033
- [textContent]="'PRODUCTS' | localize"></span>
23034
- <span class="tasks"
23035
- [class.active]="viewMode === 'tasks'"
23036
- (click)="switchViewMode('tasks', $event)"
23037
- [textContent]="'TASKS' | localize"></span>
23038
- </div>
23039
- @if (viewMode === 'products') {
23040
- <div class="order-lines-wrapper products">
23041
- <div class="lines-header">
23042
- <span class="desc" [textContent]="'DESCRIPTION' | localize"></span>
23043
- <span class="qty" [textContent]="'QUANTITY' | localize"></span>
23044
- <span class="mnt" [textContent]="'ASSEMBLY' | localize"></span>
23045
- <span class="vlm" [textContent]="'VOLUME' | localize"></span>
23046
- </div>
23047
- @for (line of getPlannedLines(order?.lines); track line) {
23048
- <div class="order-lines">
23049
- <div class="lines-content">
23050
- <span class="desc" [textContent]="line.description"></span>
23051
- <span class="qty" [textContent]="line.amountPlanned"></span>
23052
- <span class="mnt" [textContent]="line.deliveryFactor"></span>
23053
- <span class="vlm" [textContent]="line.volume"></span>
23054
- @if (linesActive || isActive) {
23055
- <co-icon class="remove-line" (click)="handleDeleteOrderLineClick(order, line)"
23056
- [iconData]="iconCacheService.getIcon(icons.TrashCanRegular)"></co-icon>
23057
- }
23058
- </div>
23059
- </div>
23060
- }
23061
- </div>
23062
- }
23063
- @if (viewMode === 'tasks') {
23064
- <div class="order-lines-wrapper tasks">
23065
- <div class="lines-header">
23066
- <span class="desc" [textContent]="'DESCRIPTION' | localize"></span>
23067
- <span class="qty" [textContent]="'ID' | localize"></span>
23068
- <span class="mnt" [textContent]="'STATE' | localize"></span>
23069
- <span class="vlm" [textContent]="'DATE' | localize"></span>
23070
- </div>
23071
- @for (task of getPlannedTasks(order?.tasks); track task) {
23072
- <div class="order-lines">
23073
- <div class="lines-content">
23074
- <span class="desc" [textContent]="task.name"></span>
23075
- <span class="qty" [textContent]="task.taskId"></span>
23076
- <span class="mnt" [textContent]="task.state"></span>
23077
- <span class="vlm" [textContent]="task.creationDate"></span>
23078
- </div>
23079
- </div>
23080
- }
23081
- </div>
23082
- }
23083
- </div>
23084
- }
23085
-
23086
- </div>
23087
- @if (linesActive) {
23088
- <div class="reorder-buttons">
23089
- <co-icon [iconData]="iconCacheService.getIcon(icons.ChevronUpRegular)" (click)="handleMoveOrderUp()"></co-icon>
23090
- <co-icon [iconData]="iconCacheService.getIcon(icons.ChevronDownRegular)" (click)="handleMoveOrderDown()"></co-icon>
23091
- </div>
23092
- }
22974
+ template: `
22975
+ <div class="planning-line-wrapper"
22976
+ [class.normal-mode]="isActive"
22977
+ [class.active-lines]="linesActive"
22978
+ [ngClass]="'color-' + (order?.type || 'unknown')">
22979
+ <div class="planning-line-content">
22980
+ <div class="planning-line-left">
22981
+ <div class="line-expand-icon" (click)="showNormalOrderLines($event)">
22982
+ @if (!linesActive) {
22983
+ <co-icon [iconData]="iconCacheService.getIcon(icons.ChevronDownRegular)"></co-icon>
22984
+ }
22985
+ @if (linesActive) {
22986
+ <co-icon [iconData]="iconCacheService.getIcon(icons.ChevronUpRegular)"></co-icon>
22987
+ }
22988
+ </div>
22989
+ <div class="line-content-left">
22990
+ <div class="line-content-link">
22991
+ <co-icon
22992
+ [iconData]="iconCacheService.getIcon(icons.DetailView)"
22993
+ (click)="handleTransactionNavigationClick($event, order?.transactionNr?.toString())"
22994
+ ></co-icon>
22995
+ </div>
22996
+ <div class="line-content-data">
22997
+ <div class="planning-address">
22998
+ <span [textContent]="order?.shortAddress"></span>
22999
+ </div>
23000
+ <div class="planning-relation">
23001
+ <span [textContent]="order?.relationName"></span>
23002
+ </div>
23003
+ </div>
23004
+ </div>
23005
+ </div>
23006
+ <div class="planning-line-right">
23007
+ <div class="line-content-right">
23008
+ <div class="planning-time" (click)="handleEditOrderEvent(order)">
23009
+ <co-icon (click)="handleEditOrderEvent(order)" [iconData]="iconCacheService.getIcon(icons.DetailView)"></co-icon>
23010
+ <span [textContent]="(order?.startTime | date: 'HH:mm') + ' - ' + (order?.endTime | date: 'HH:mm')"></span>
23011
+ </div>
23012
+ <div class="planning-order">
23013
+ <co-icon [iconData]="iconCacheService.getIcon(icons.CartShoppingRegular)"></co-icon>
23014
+ <span [textContent]="order?.transactionNr"></span>
23015
+ </div>
23016
+ </div>
23017
+ <div class="planning-line-actions">
23018
+ <co-icon (click)="handleDeleteOrderClick($event, order)"
23019
+ [iconData]="iconCacheService.getIcon(icons.TrashCanRegular)"></co-icon>
23020
+ </div>
23021
+ </div>
23022
+ </div>
23023
+ @if (linesActive) {
23024
+ <div class="order-line-list-wrapper">
23025
+ <div class="top-order-lines">
23026
+ <span class="products"
23027
+ [class.active]="viewMode === 'products'"
23028
+ (click)="switchViewMode('products', $event)"
23029
+ [textContent]="'PRODUCTS' | localize"></span>
23030
+ <span class="tasks"
23031
+ [class.active]="viewMode === 'tasks'"
23032
+ (click)="switchViewMode('tasks', $event)"
23033
+ [textContent]="'TASKS' | localize"></span>
23034
+ </div>
23035
+ @if (viewMode === 'products') {
23036
+ <div class="order-lines-wrapper products">
23037
+ <div class="lines-header">
23038
+ <span class="desc" [textContent]="'DESCRIPTION' | localize"></span>
23039
+ <span class="qty" [textContent]="'QUANTITY' | localize"></span>
23040
+ <span class="mnt" [textContent]="'ASSEMBLY' | localize"></span>
23041
+ <span class="vlm" [textContent]="'VOLUME' | localize"></span>
23042
+ </div>
23043
+ @for (line of getPlannedLines(order?.lines); track line) {
23044
+ <div class="order-lines">
23045
+ <div class="lines-content">
23046
+ <span class="desc" [textContent]="line.description"></span>
23047
+ <span class="qty" [textContent]="line.amountPlanned"></span>
23048
+ <span class="mnt" [textContent]="line.deliveryFactor"></span>
23049
+ <span class="vlm" [textContent]="line.volume"></span>
23050
+ @if (linesActive || isActive) {
23051
+ <co-icon class="remove-line" (click)="handleDeleteOrderLineClick(order, line)"
23052
+ [iconData]="iconCacheService.getIcon(icons.TrashCanRegular)"></co-icon>
23053
+ }
23054
+ </div>
23055
+ </div>
23056
+ }
23057
+ </div>
23058
+ }
23059
+ @if (viewMode === 'tasks') {
23060
+ <div class="order-lines-wrapper tasks">
23061
+ <div class="lines-header">
23062
+ <span class="desc" [textContent]="'DESCRIPTION' | localize"></span>
23063
+ <span class="qty" [textContent]="'ID' | localize"></span>
23064
+ <span class="mnt" [textContent]="'STATE' | localize"></span>
23065
+ <span class="vlm" [textContent]="'DATE' | localize"></span>
23066
+ </div>
23067
+ @for (task of getPlannedTasks(order?.tasks); track task) {
23068
+ <div class="order-lines">
23069
+ <div class="lines-content">
23070
+ <span class="desc" [textContent]="task.name"></span>
23071
+ <span class="qty" [textContent]="task.taskId"></span>
23072
+ <span class="mnt" [textContent]="task.state"></span>
23073
+ <span class="vlm" [textContent]="task.creationDate"></span>
23074
+ </div>
23075
+ </div>
23076
+ }
23077
+ </div>
23078
+ }
23079
+ </div>
23080
+ }
23081
+
23082
+ </div>
23083
+ @if (linesActive) {
23084
+ <div class="reorder-buttons">
23085
+ <co-icon [iconData]="iconCacheService.getIcon(icons.ChevronUpRegular)" (click)="handleMoveOrderUp()"></co-icon>
23086
+ <co-icon [iconData]="iconCacheService.getIcon(icons.ChevronDownRegular)" (click)="handleMoveOrderDown()"></co-icon>
23087
+ </div>
23088
+ }
23093
23089
  `,
23094
23090
  encapsulation: ViewEncapsulation.None,
23095
23091
  standalone: false
@@ -23488,6 +23484,7 @@ class DeliveryPlanningOverviewTileComponent {
23488
23484
  }
23489
23485
  }
23490
23486
  handleOrderSameTimeDrop(event, order) {
23487
+ event.stopPropagation();
23491
23488
  event.preventDefault();
23492
23489
  this.planOrderOnSameTimeEvent.emit({ start: order.start, end: order.end, transId: order.id });
23493
23490
  }
@@ -24937,14 +24934,12 @@ class DeliveryPlanningOverviewComponent {
24937
24934
  this.openPlanningPopup(planOrder, transportDay, week);
24938
24935
  }
24939
24936
  handleMoveOrderUp(planOrder, planningTransportWeek, transportDay) {
24940
- const oldWeek = [];
24941
- planningTransportWeek.forEach(val => oldWeek.push(Object.assign({}, val)));
24937
+ const oldWeek = structuredClone(planningTransportWeek);
24942
24938
  this.deliveryPlanningService.reorderItem(transportDay.plannedOrders, planOrder, 'up');
24943
24939
  this.updatePlanningTransportEvent.emit({ oldWeek: oldWeek, week: planningTransportWeek, action: DeliveryPlanningUpdateActions.PlanOrder });
24944
24940
  }
24945
24941
  handleMoveOrderDown(planOrder, planningTransportWeek, transportDay) {
24946
- const oldWeek = [];
24947
- planningTransportWeek.forEach(val => oldWeek.push(Object.assign({}, val)));
24942
+ const oldWeek = structuredClone(planningTransportWeek);
24948
24943
  this.deliveryPlanningService.reorderItem(transportDay.plannedOrders, planOrder, 'down');
24949
24944
  this.updatePlanningTransportEvent.emit({ oldWeek: oldWeek, week: planningTransportWeek, action: DeliveryPlanningUpdateActions.PlanOrder });
24950
24945
  }
@@ -24968,8 +24963,8 @@ class DeliveryPlanningOverviewComponent {
24968
24963
  }
24969
24964
  async handlePlanOrderOnSameTime(order, transportWeekDay, week) {
24970
24965
  const planOrder = await this._transactionCon.getPlanOrder(this.deliveryPlanningService.currentTransId);
24971
- planOrder.startTime = order.start;
24972
- planOrder.endTime = order.end;
24966
+ planOrder.startTime = new Date(order.start);
24967
+ planOrder.endTime = new Date(order.end);
24973
24968
  await this._planCalendar(transportWeekDay, week, planOrder);
24974
24969
  }
24975
24970
  async _planCalendar(transportWeekDay, week, planOrder) {
@@ -24984,136 +24979,136 @@ class DeliveryPlanningOverviewComponent {
24984
24979
  }
24985
24980
  }
24986
24981
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: DeliveryPlanningOverviewComponent, deps: [{ token: DeliveryPlanningService }, { token: TransactionService }, { token: TransactionConnectorService }, { token: TransactionDialogService }, { token: i0.ChangeDetectorRef }, { token: DictionaryService }, { token: IconCacheService }, { token: TransactionEventService }], target: i0.ɵɵFactoryTarget.Component });
24987
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: DeliveryPlanningOverviewComponent, isStandalone: false, selector: "co-delivery-planning-overview", inputs: { employeeView: "employeeView", currentMode: "currentMode", currentViewMode: "currentViewMode", currentPlanningViewMode: "currentPlanningViewMode" }, outputs: { updatePlanningTransportEvent: "updatePlanningTransportEvent", resetPlanningTransportEvent: "resetPlanningTransportEvent" }, host: { listeners: { "window:resize": "onResize($event)" }, properties: { "class.co-delivery-planning-overview": "this.showClass" } }, viewQueries: [{ propertyName: "rowContainer", first: true, predicate: ["rowContainer"], descendants: true }, { propertyName: "columnElem", first: true, predicate: ["columnElem"], descendants: true }, { propertyName: "planningPopupComponent", first: true, predicate: ["planningPopup"], descendants: true }, { propertyName: "tiles", predicate: DeliveryPlanningOverviewTileComponent, descendants: true }], ngImport: i0, template: `
24988
- <div class="delivery-planning-wrapper">
24989
- @if (showNoteDialog) {
24990
- <co-delivery-planning-overview-popup #planningPopup (closeEvent)="showNoteDialog = false"
24991
- (onSucceededPlanAction)="handlePopupPlanEvent($event)"></co-delivery-planning-overview-popup>
24992
- }
24993
- @if (showSettingsDialog) {
24994
- <co-delivery-planning-overview-tile-settings-popup [transportDay]="selectedTransportDay"
24995
- (onCancelAction)="handleSettingsReset()"
24996
- (closeEvent)="showSettingsDialog = false"></co-delivery-planning-overview-tile-settings-popup>
24997
- }
24998
- <div class="delivery-overview-wrapper" [ngClass]="columnClasses" [class.sidebar]="currentViewMode === 'DAYS_AROUND'">
24999
- <div class="tile-view-modes row">
25000
- <co-icon (click)="currentTileMode = tileModes.Normal" [class.active]="currentTileMode === tileModes.Normal"
25001
- [iconData]="iconCacheService.getIcon(icons.CalendarLinesRegular)"></co-icon>
25002
- <co-icon (click)="currentTileMode = tileModes.Calendar" [class.active]="currentTileMode === tileModes.Calendar"
25003
- [iconData]="iconCacheService.getIcon(icons.CalendarDayRegular)"></co-icon>
25004
- </div>
25005
- <div class="planning-component-wrapper">
25006
- <co-date-planning [view]="currentViewMode" [selectedDate]="currentDate()"
25007
- (rangeChange)="handleDateRangeChange($event)"
25008
- (selectedDateChange)="handleDateRangeChange($event)"
25009
- (viewChange)="onChangeView($event)"></co-date-planning>
25010
- </div>
25011
-
25012
- @for (transportWeekRow of planTransportWeekArr; track transportWeekRow) {
25013
- <div class="row date-planning" [class.employee-view]="employeeView" #rowContainer>
25014
- @for (transPortDay of filterWeekArray(transportWeekRow); track transPortDay; let i = $index) {
25015
- <div class="column" [ngClass]="columnClasses" #columnElem
25016
- >
25017
- <co-delivery-planning-overview-tile
25018
- [class.disabled]="!transPortDay?.availableOnDate || transPortDay?.maxMinutes === 0 || checkAvailable(transPortDay)"
25019
- [disabled]="!transPortDay?.availableOnDate || transPortDay?.maxMinutes === 0"
25020
- (dragover)="allowDrop($event, transPortDay)"
25021
- (click)="selectTransportDay(transPortDay)"
25022
- (drop)="dropped($event, transportWeekRow, transPortDay, filterWeekArray(transportWeekRow))"
25023
- (dragend)="dragEnd($event)"
25024
- (transportSelected)="selectTransportDay($event)"
25025
- [transportDay]="transPortDay"
25026
- (deleteOrderEvent)="handleDeleteOrder($event, transportWeekRow)"
25027
- (timeChangeEvent)="handleTimeChangeEvent(transPortDay, transportWeekRow,$event)"
25028
- (openSettingsDialogEvent)="openSettingsDialog($event)"
25029
- (calendarPlanEvent)="handleCalendarPlanEvent($event, transPortDay, transportWeekRow)"
25030
- (deleteOrderLineEvent)="handleDeleteLine($event, transPortDay, transportWeekRow)"
25031
- (editOrderEvent)="handleEditPlannedOrder($event, transPortDay, transportWeekRow)"
25032
- (moveEvent)="handleMoveEvent($event,transPortDay, transportWeekRow, planTransportWeekArr)"
25033
- (availabilityChecked)="handleAvailabilityChecked($event)"
25034
- (moveOrderUpEvent)="handleMoveOrderUp($event, transportWeekRow, transPortDay)"
25035
- (moveOrderDownEvent)="handleMoveOrderDown($event, transportWeekRow, transPortDay)"
25036
- (planOrderOnSameTimeEvent)="handlePlanOrderOnSameTime($event, transPortDay, transportWeekRow)"
25037
- ></co-delivery-planning-overview-tile>
25038
- </div>
25039
- }
25040
- </div>
25041
- }
25042
-
25043
-
25044
- </div>
25045
-
25046
- </div>
25047
-
25048
-
24982
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: DeliveryPlanningOverviewComponent, isStandalone: false, selector: "co-delivery-planning-overview", inputs: { employeeView: "employeeView", currentMode: "currentMode", currentViewMode: "currentViewMode", currentPlanningViewMode: "currentPlanningViewMode" }, outputs: { updatePlanningTransportEvent: "updatePlanningTransportEvent", resetPlanningTransportEvent: "resetPlanningTransportEvent" }, host: { listeners: { "window:resize": "onResize($event)" }, properties: { "class.co-delivery-planning-overview": "this.showClass" } }, viewQueries: [{ propertyName: "rowContainer", first: true, predicate: ["rowContainer"], descendants: true }, { propertyName: "columnElem", first: true, predicate: ["columnElem"], descendants: true }, { propertyName: "planningPopupComponent", first: true, predicate: ["planningPopup"], descendants: true }, { propertyName: "tiles", predicate: DeliveryPlanningOverviewTileComponent, descendants: true }], ngImport: i0, template: `
24983
+ <div class="delivery-planning-wrapper">
24984
+ @if (showNoteDialog) {
24985
+ <co-delivery-planning-overview-popup #planningPopup (closeEvent)="showNoteDialog = false"
24986
+ (onSucceededPlanAction)="handlePopupPlanEvent($event)"></co-delivery-planning-overview-popup>
24987
+ }
24988
+ @if (showSettingsDialog) {
24989
+ <co-delivery-planning-overview-tile-settings-popup [transportDay]="selectedTransportDay"
24990
+ (onCancelAction)="handleSettingsReset()"
24991
+ (closeEvent)="showSettingsDialog = false"></co-delivery-planning-overview-tile-settings-popup>
24992
+ }
24993
+ <div class="delivery-overview-wrapper" [ngClass]="columnClasses" [class.sidebar]="currentViewMode === 'DAYS_AROUND'">
24994
+ <div class="tile-view-modes row">
24995
+ <co-icon (click)="currentTileMode = tileModes.Normal" [class.active]="currentTileMode === tileModes.Normal"
24996
+ [iconData]="iconCacheService.getIcon(icons.CalendarLinesRegular)"></co-icon>
24997
+ <co-icon (click)="currentTileMode = tileModes.Calendar" [class.active]="currentTileMode === tileModes.Calendar"
24998
+ [iconData]="iconCacheService.getIcon(icons.CalendarDayRegular)"></co-icon>
24999
+ </div>
25000
+ <div class="planning-component-wrapper">
25001
+ <co-date-planning [view]="currentViewMode" [selectedDate]="currentDate()"
25002
+ (rangeChange)="handleDateRangeChange($event)"
25003
+ (selectedDateChange)="handleDateRangeChange($event)"
25004
+ (viewChange)="onChangeView($event)"></co-date-planning>
25005
+ </div>
25006
+
25007
+ @for (transportWeekRow of planTransportWeekArr; track transportWeekRow) {
25008
+ <div class="row date-planning" [class.employee-view]="employeeView" #rowContainer>
25009
+ @for (transPortDay of filterWeekArray(transportWeekRow); track transPortDay; let i = $index) {
25010
+ <div class="column" [ngClass]="columnClasses" #columnElem
25011
+ >
25012
+ <co-delivery-planning-overview-tile
25013
+ [class.disabled]="!transPortDay?.availableOnDate || transPortDay?.maxMinutes === 0 || checkAvailable(transPortDay)"
25014
+ [disabled]="!transPortDay?.availableOnDate || transPortDay?.maxMinutes === 0"
25015
+ (dragover)="allowDrop($event, transPortDay)"
25016
+ (click)="selectTransportDay(transPortDay)"
25017
+ (drop)="dropped($event, transportWeekRow, transPortDay, filterWeekArray(transportWeekRow))"
25018
+ (dragend)="dragEnd($event)"
25019
+ (transportSelected)="selectTransportDay($event)"
25020
+ [transportDay]="transPortDay"
25021
+ (deleteOrderEvent)="handleDeleteOrder($event, transportWeekRow)"
25022
+ (timeChangeEvent)="handleTimeChangeEvent(transPortDay, transportWeekRow,$event)"
25023
+ (openSettingsDialogEvent)="openSettingsDialog($event)"
25024
+ (calendarPlanEvent)="handleCalendarPlanEvent($event, transPortDay, transportWeekRow)"
25025
+ (deleteOrderLineEvent)="handleDeleteLine($event, transPortDay, transportWeekRow)"
25026
+ (editOrderEvent)="handleEditPlannedOrder($event, transPortDay, transportWeekRow)"
25027
+ (moveEvent)="handleMoveEvent($event,transPortDay, transportWeekRow, planTransportWeekArr)"
25028
+ (availabilityChecked)="handleAvailabilityChecked($event)"
25029
+ (moveOrderUpEvent)="handleMoveOrderUp($event, transportWeekRow, transPortDay)"
25030
+ (moveOrderDownEvent)="handleMoveOrderDown($event, transportWeekRow, transPortDay)"
25031
+ (planOrderOnSameTimeEvent)="handlePlanOrderOnSameTime($event, transPortDay, transportWeekRow)"
25032
+ ></co-delivery-planning-overview-tile>
25033
+ </div>
25034
+ }
25035
+ </div>
25036
+ }
25037
+
25038
+
25039
+ </div>
25040
+
25041
+ </div>
25042
+
25043
+
25049
25044
  `, isInline: true, dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i10.DatePlanningComponent, selector: "co-date-planning", inputs: ["calendarNavigation", "customEventObject", "showButton", "selectedDate", "firstAvailableDate", "buttonLabel", "eventsPerDay", "view", "viewSelection"], outputs: ["eventChecked", "selectedDateChange", "rangeChange", "viewChange", "buttonClick"] }, { kind: "component", type: DeliveryPlanningOverviewTileComponent, selector: "co-delivery-planning-overview-tile", inputs: ["disabled", "transportDay"], outputs: ["transportSelected", "expandedEvent", "deleteOrderEvent", "planOrderOnSameTimeEvent", "deleteOrderLineEvent", "editOrderEvent", "getTransportOrdersEvent", "timeChangeEvent", "openSettingsDialogEvent", "availabilityChecked", "calendarPlanEvent", "moveEvent", "moveOrderUpEvent", "moveOrderDownEvent"] }, { kind: "component", type: i1$1.IconComponent, selector: "co-icon", inputs: ["icon", "iconData"] }, { kind: "component", type: DeliveryPlanningOverviewPopupComponent, selector: "co-delivery-planning-overview-popup", outputs: ["closeEvent", "onSucceededPlanAction"] }, { kind: "component", type: DeliveryPlanningOverviewTileSettingsPopupComponent, selector: "co-delivery-planning-overview-tile-settings-popup", inputs: ["transportDay"], outputs: ["closeEvent", "onCancelAction"] }], encapsulation: i0.ViewEncapsulation.None });
25050
25045
  }
25051
25046
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: DeliveryPlanningOverviewComponent, decorators: [{
25052
25047
  type: Component,
25053
25048
  args: [{
25054
25049
  selector: 'co-delivery-planning-overview',
25055
- template: `
25056
- <div class="delivery-planning-wrapper">
25057
- @if (showNoteDialog) {
25058
- <co-delivery-planning-overview-popup #planningPopup (closeEvent)="showNoteDialog = false"
25059
- (onSucceededPlanAction)="handlePopupPlanEvent($event)"></co-delivery-planning-overview-popup>
25060
- }
25061
- @if (showSettingsDialog) {
25062
- <co-delivery-planning-overview-tile-settings-popup [transportDay]="selectedTransportDay"
25063
- (onCancelAction)="handleSettingsReset()"
25064
- (closeEvent)="showSettingsDialog = false"></co-delivery-planning-overview-tile-settings-popup>
25065
- }
25066
- <div class="delivery-overview-wrapper" [ngClass]="columnClasses" [class.sidebar]="currentViewMode === 'DAYS_AROUND'">
25067
- <div class="tile-view-modes row">
25068
- <co-icon (click)="currentTileMode = tileModes.Normal" [class.active]="currentTileMode === tileModes.Normal"
25069
- [iconData]="iconCacheService.getIcon(icons.CalendarLinesRegular)"></co-icon>
25070
- <co-icon (click)="currentTileMode = tileModes.Calendar" [class.active]="currentTileMode === tileModes.Calendar"
25071
- [iconData]="iconCacheService.getIcon(icons.CalendarDayRegular)"></co-icon>
25072
- </div>
25073
- <div class="planning-component-wrapper">
25074
- <co-date-planning [view]="currentViewMode" [selectedDate]="currentDate()"
25075
- (rangeChange)="handleDateRangeChange($event)"
25076
- (selectedDateChange)="handleDateRangeChange($event)"
25077
- (viewChange)="onChangeView($event)"></co-date-planning>
25078
- </div>
25079
-
25080
- @for (transportWeekRow of planTransportWeekArr; track transportWeekRow) {
25081
- <div class="row date-planning" [class.employee-view]="employeeView" #rowContainer>
25082
- @for (transPortDay of filterWeekArray(transportWeekRow); track transPortDay; let i = $index) {
25083
- <div class="column" [ngClass]="columnClasses" #columnElem
25084
- >
25085
- <co-delivery-planning-overview-tile
25086
- [class.disabled]="!transPortDay?.availableOnDate || transPortDay?.maxMinutes === 0 || checkAvailable(transPortDay)"
25087
- [disabled]="!transPortDay?.availableOnDate || transPortDay?.maxMinutes === 0"
25088
- (dragover)="allowDrop($event, transPortDay)"
25089
- (click)="selectTransportDay(transPortDay)"
25090
- (drop)="dropped($event, transportWeekRow, transPortDay, filterWeekArray(transportWeekRow))"
25091
- (dragend)="dragEnd($event)"
25092
- (transportSelected)="selectTransportDay($event)"
25093
- [transportDay]="transPortDay"
25094
- (deleteOrderEvent)="handleDeleteOrder($event, transportWeekRow)"
25095
- (timeChangeEvent)="handleTimeChangeEvent(transPortDay, transportWeekRow,$event)"
25096
- (openSettingsDialogEvent)="openSettingsDialog($event)"
25097
- (calendarPlanEvent)="handleCalendarPlanEvent($event, transPortDay, transportWeekRow)"
25098
- (deleteOrderLineEvent)="handleDeleteLine($event, transPortDay, transportWeekRow)"
25099
- (editOrderEvent)="handleEditPlannedOrder($event, transPortDay, transportWeekRow)"
25100
- (moveEvent)="handleMoveEvent($event,transPortDay, transportWeekRow, planTransportWeekArr)"
25101
- (availabilityChecked)="handleAvailabilityChecked($event)"
25102
- (moveOrderUpEvent)="handleMoveOrderUp($event, transportWeekRow, transPortDay)"
25103
- (moveOrderDownEvent)="handleMoveOrderDown($event, transportWeekRow, transPortDay)"
25104
- (planOrderOnSameTimeEvent)="handlePlanOrderOnSameTime($event, transPortDay, transportWeekRow)"
25105
- ></co-delivery-planning-overview-tile>
25106
- </div>
25107
- }
25108
- </div>
25109
- }
25110
-
25111
-
25112
- </div>
25113
-
25114
- </div>
25115
-
25116
-
25050
+ template: `
25051
+ <div class="delivery-planning-wrapper">
25052
+ @if (showNoteDialog) {
25053
+ <co-delivery-planning-overview-popup #planningPopup (closeEvent)="showNoteDialog = false"
25054
+ (onSucceededPlanAction)="handlePopupPlanEvent($event)"></co-delivery-planning-overview-popup>
25055
+ }
25056
+ @if (showSettingsDialog) {
25057
+ <co-delivery-planning-overview-tile-settings-popup [transportDay]="selectedTransportDay"
25058
+ (onCancelAction)="handleSettingsReset()"
25059
+ (closeEvent)="showSettingsDialog = false"></co-delivery-planning-overview-tile-settings-popup>
25060
+ }
25061
+ <div class="delivery-overview-wrapper" [ngClass]="columnClasses" [class.sidebar]="currentViewMode === 'DAYS_AROUND'">
25062
+ <div class="tile-view-modes row">
25063
+ <co-icon (click)="currentTileMode = tileModes.Normal" [class.active]="currentTileMode === tileModes.Normal"
25064
+ [iconData]="iconCacheService.getIcon(icons.CalendarLinesRegular)"></co-icon>
25065
+ <co-icon (click)="currentTileMode = tileModes.Calendar" [class.active]="currentTileMode === tileModes.Calendar"
25066
+ [iconData]="iconCacheService.getIcon(icons.CalendarDayRegular)"></co-icon>
25067
+ </div>
25068
+ <div class="planning-component-wrapper">
25069
+ <co-date-planning [view]="currentViewMode" [selectedDate]="currentDate()"
25070
+ (rangeChange)="handleDateRangeChange($event)"
25071
+ (selectedDateChange)="handleDateRangeChange($event)"
25072
+ (viewChange)="onChangeView($event)"></co-date-planning>
25073
+ </div>
25074
+
25075
+ @for (transportWeekRow of planTransportWeekArr; track transportWeekRow) {
25076
+ <div class="row date-planning" [class.employee-view]="employeeView" #rowContainer>
25077
+ @for (transPortDay of filterWeekArray(transportWeekRow); track transPortDay; let i = $index) {
25078
+ <div class="column" [ngClass]="columnClasses" #columnElem
25079
+ >
25080
+ <co-delivery-planning-overview-tile
25081
+ [class.disabled]="!transPortDay?.availableOnDate || transPortDay?.maxMinutes === 0 || checkAvailable(transPortDay)"
25082
+ [disabled]="!transPortDay?.availableOnDate || transPortDay?.maxMinutes === 0"
25083
+ (dragover)="allowDrop($event, transPortDay)"
25084
+ (click)="selectTransportDay(transPortDay)"
25085
+ (drop)="dropped($event, transportWeekRow, transPortDay, filterWeekArray(transportWeekRow))"
25086
+ (dragend)="dragEnd($event)"
25087
+ (transportSelected)="selectTransportDay($event)"
25088
+ [transportDay]="transPortDay"
25089
+ (deleteOrderEvent)="handleDeleteOrder($event, transportWeekRow)"
25090
+ (timeChangeEvent)="handleTimeChangeEvent(transPortDay, transportWeekRow,$event)"
25091
+ (openSettingsDialogEvent)="openSettingsDialog($event)"
25092
+ (calendarPlanEvent)="handleCalendarPlanEvent($event, transPortDay, transportWeekRow)"
25093
+ (deleteOrderLineEvent)="handleDeleteLine($event, transPortDay, transportWeekRow)"
25094
+ (editOrderEvent)="handleEditPlannedOrder($event, transPortDay, transportWeekRow)"
25095
+ (moveEvent)="handleMoveEvent($event,transPortDay, transportWeekRow, planTransportWeekArr)"
25096
+ (availabilityChecked)="handleAvailabilityChecked($event)"
25097
+ (moveOrderUpEvent)="handleMoveOrderUp($event, transportWeekRow, transPortDay)"
25098
+ (moveOrderDownEvent)="handleMoveOrderDown($event, transportWeekRow, transPortDay)"
25099
+ (planOrderOnSameTimeEvent)="handlePlanOrderOnSameTime($event, transPortDay, transportWeekRow)"
25100
+ ></co-delivery-planning-overview-tile>
25101
+ </div>
25102
+ }
25103
+ </div>
25104
+ }
25105
+
25106
+
25107
+ </div>
25108
+
25109
+ </div>
25110
+
25111
+
25117
25112
  `,
25118
25113
  encapsulation: ViewEncapsulation.None,
25119
25114
  standalone: false
@@ -75641,9 +75636,9 @@ class TransactionHeaderPopupComponent {
75641
75636
  }
75642
75637
  _prepareCategories() {
75643
75638
  //If we are forbidden from altering the relation on the order and there isn't one in the first place. Do not show this tab.
75644
- if ((!this._transactionHeaderService.canAlterRelationForTransaction()) &&
75639
+ if (!((!this._transactionHeaderService.canAlterRelationForTransaction()) &&
75645
75640
  ((this._transactionHeaderService.transaction.transactionInfo.relation === null || this._transactionHeaderService.transaction.transactionInfo.relation === undefined)
75646
- || (this._transactionHeaderService.transaction.transactionInfo.relation.id === null || this._transactionHeaderService.transaction.transactionInfo.relation.id === undefined))) {
75641
+ || (this._transactionHeaderService.transaction.transactionInfo.relation.relationId === null || this._transactionHeaderService.transaction.transactionInfo.relation.relationId === undefined)))) {
75647
75642
  if (this._transactionScreenConfigurationService.getObjectConfigurationFor(this.cfgNames.RelationInfoHeader).immediatelyVisible() &&
75648
75643
  (this._transactionScreenConfigurationService.getObjectConfigurationFor(this.cfgNames.RelationClientDataHeader).immediatelyVisible() ||
75649
75644
  this._transactionScreenConfigurationService.getObjectConfigurationFor(this.cfgNames.RelationPreferencesHeader).immediatelyVisible())) {
@@ -79448,7 +79443,7 @@ class TransactionSalesPersonInputComponent {
79448
79443
  (clickOutside)="close.emit()">
79449
79444
 
79450
79445
  <co-dialog-header-search
79451
- [title]="'SALES_PERSON' | localize"
79446
+ [title]="'SALESPERSON' | localize"
79452
79447
  [icon]="icons.UserRegular"
79453
79448
  (search)="handleSearch($event)">
79454
79449
  </co-dialog-header-search>
@@ -79486,7 +79481,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
79486
79481
  (clickOutside)="close.emit()">
79487
79482
 
79488
79483
  <co-dialog-header-search
79489
- [title]="'SALES_PERSON' | localize"
79484
+ [title]="'SALESPERSON' | localize"
79490
79485
  [icon]="icons.UserRegular"
79491
79486
  (search)="handleSearch($event)">
79492
79487
  </co-dialog-header-search>