@colijnit/transaction 261.20.52 → 261.20.54

package/projects/transaction/src/lib/component/delivery-planning-main/component/delivery-planning-overview/component/delivery-planning-overview-tile/delivery-planning-overview-tile.component.ts

@@ -1,543 +0,0 @@
-import {ChangeDetectorRef, Component, EventEmitter, HostBinding, Input, OnDestroy, OnInit, Output, ViewChild, ViewEncapsulation} from '@angular/core';
-import {PlanOrder} from '@colijnit/transactionapi/build/model/plan-order.bo';
-import {PlanningTransportWeekDay} from '@colijnit/transactionapi/build/model/planning-transport-week-day.bo';
-import {DeliveryPlanningService} from '../../../../../delivery-planning/service/delivery-planning.service';
-import {Icon} from '../../../../../../enum/icon.enum';
-import {IconCacheService} from '../../../../../../service/icon-cache.service';
-import {DeliveryPlanningTileModes} from '../../../../../../enum/delivery-planning-tile-modes.enum';
-import {Subscription} from 'rxjs';
-import {HourSchedulingExpandableComponent} from '@colijnit/corecomponents_v12';
-import {PlanOrderLine} from '@colijnit/transactionapi/build/model/plan-order-line.bo';
-import {TransactionService} from '../../../../../../service/transaction.service';
-import {OrderLinesPlannedRequest} from '@colijnit/transactionapi/build/model/order-lines-planned-request.bo';
-import {PlanningFilterObject} from '@colijnit/transactionapi/build/model/planning-filter-object.bo';
-import {GetRouteDepartureRequest} from '@colijnit/transactionapi/build/model/get-route-departure-request';
-import {TransactionDialogService} from '../../../../../../service/transaction-dialog.service';
-
-@Component({
-    selector: 'co-delivery-planning-overview-tile',
-    template: `
-        @if (showDropdown) {
-            <co-delivery-planning-overview-tile-dropdown></co-delivery-planning-overview-tile-dropdown>
-        }
-      <div class="delivery-planning-overview-tile-wrapper" [class.selected]="transportDay?.selected" >
-        <div class="header-tile-wrapper" (click)="expandedChange($event)">
-          <div class="header-title">
-            @if (!expanded) {
-              <co-icon [iconData]="iconCacheService.getIcon(icons.CaretDownSolid)"></co-icon>
-            }
-            @if (expanded) {
-              <co-icon [iconData]="iconCacheService.getIcon(icons.CaretUpSolid)"></co-icon>
-            }
-            <span class="header-title" [textContent]="transportDay?.transport?.registrationNumber"></span>
-          </div>
-          <div class="truck-header-tile">
-            <co-icon
-            [iconData]="iconCacheService.getIcon(icons.TruckContainerDuo)"></co-icon>
-          </div>
-      
-        </div>
-        <div class="planning-wrapper">
-          <div class="status-wrapper row">
-            <co-delivery-planning-tile-status
-              [currentVolume]="transportDay?.orderAmount"
-              [maxVolume]="transportDay?.maxOrderAmount"
-              [currentTimeTotal]="transportDay?.minutes"
-              [timeTotal]="transportDay?.maxMinutes">
-            </co-delivery-planning-tile-status>
-            @if (expanded) {
-              <co-icon class="small-icon" (click)="handleMapClicked($event, transportDay)" [iconData]="iconCacheService.getIcon(icons.MapMarker)"></co-icon>
-            }
-            @if (expanded) {
-              <co-icon class="small-icon" (click)="openSettingsDialog()"
-              [iconData]="iconCacheService.getIcon(icons.SlidersUpRegular)"></co-icon>
-            }
-<!--              @if (expanded) {-->
-<!--                  <co-icon class="small-icon" (click)="handleDropdownClicked($event)" [iconData]="iconCacheService.getIcon(icons.EllipsisLight)"></co-icon>-->
-<!--              }-->
-            @if (!expanded) {
-              <div class="planning-short-line-wrapper">
-                @for (order of transportDay?.plannedOrders; track order) {
-                  <co-delivery-planning-overview-short-line
-                    (deleteOrderEvent)="handleDeleteOrderClick($event)"
-                    [order]="order">
-                  </co-delivery-planning-overview-short-line>
-                }
-              </div>
-            }
-          </div>
-          <co-collapsible [expanded]="expanded">
-            <div class="tile-content-wrapper column">
-      
-              @if (tileMode === tileModes.Normal) {
-                <div class="planning-lines-wrapper"
-                  >
-                    
-                    @for (order of transportDay?.plannedOrders; track order; let i = $index) {
-
-                        <div class="normal-drop-zone"
-                             [class.is-active]="activeDropIndex === 0"
-                             (dragover)="allowInnerDrop($event)"
-                             (dragenter)="handleDropZoneEnter($event, 0)"
-                             (dragleave)="handleDropZoneLeave($event)"
-                             (drop)="handleReorderDrop($event, 0)"
-                        ></div>
-
-                        <co-delivery-planning-overview-tile-line class="normal-mode"
-                      (deleteOrderEvent)="handleDeleteOrderClick($event)"
-                      (deleteOrderLineEvent)="handleDeleteOrderLineClick($event)"
-                      (editOrderEvent)="handleEditOrderEvent($event)"
-                      [isActive]="true"
-                      [order]="order"
-                      [draggable]="true"
-                      (dragstart)="dragStart($event,order.transId)" 
-                      (dragend)="overrideDragEnd()"
-                      (moveOrderDownEvent)="moveOrderDownEvent.emit($event)"
-                      (moveOrderUpEvent)="moveOrderUpEvent.emit($event)"
-                      >
-                    </co-delivery-planning-overview-tile-line>
-
-                        <div class="normal-drop-zone"
-                             [class.is-active]="activeDropIndex === (i + 1)"
-                             (dragover)="allowInnerDrop($event)"
-                             (dragenter)="handleDropZoneEnter($event, i + 1)"
-                             (dragleave)="handleDropZoneLeave($event)"
-                             (drop)="handleReorderDrop($event, i + 1)"
-                        ></div>
-                  }
-
-                   
-                </div>
-              }
-      
-              @if (ordersLoaded && tileMode === tileModes.Calendar) {
-                <co-hour-scheduling-expandable #hourSchedulingComponent
-                  [schedule]="transportDay"
-                  [startTimeProp]="'startTime'"
-                  [endTimeProp]="'endTime'"
-                  [objectsProp]="'plannedOrders'"
-                  [childProp]="'transport'"
-                  [customTemplate]="customExpandableTemplateSeparate"
-                  [idProp]="'transId'"
-                  (timeChangeEvent)="handleTimeChangeEvent($event)"
-                  (drop)="handleDrop($event)"
-                  (newObjectPlanEvent)="handleCalendarPlanEvent($event)"
-                  (moveBetweenCalendarsEvent)="handleMoveBetweenCalendars($event)"
-                ></co-hour-scheduling-expandable>
-              }
-      
-              <ng-template #customExpandableTemplateSeparate let-onDragStartCustom="onDragStartCustom"
-                let-onSelectBlock="onSelectBlock" let-onResizeStart="onResizeStart" let-objects="objects">
-                <co-hour-scheduling-expandable-template [objects]="objects" [onSelectBlock]="onSelectBlock"
-                  [startTimeProp]="'start'"
-                  [endTimeProp]="'end'"
-                  [onResizeStart]="onResizeStart"
-                  [onDragStartCustom]="onDragStartCustom"
-                  [objectTemplate]="objectTemplate">
-                  <ng-template #objectTemplate let-obj="object">
-                    <co-delivery-planning-overview-tile-line
-                      (deleteOrderEvent)="handleDeleteOrderClick($event)"
-                      (deleteOrderLineEvent)="handleDeleteOrderLineClick($event)"
-                      (editOrderEvent)="handleEditOrderEvent($event)"
-                      (drop)="handleOrderSameTimeDrop($event, obj)"
-                      [order]="orderForObject(obj.id)">
-      
-                    </co-delivery-planning-overview-tile-line>
-                  </ng-template>
-                </co-hour-scheduling-expandable-template>
-              </ng-template>
-            </div>
-          </co-collapsible>
-        </div>
-      
-      </div>
-      `,
-    encapsulation: ViewEncapsulation.None,
-    standalone: false
-})
-export class DeliveryPlanningOverviewTileComponent implements OnInit, OnDestroy {
-  public readonly icons: typeof Icon = Icon;
-  public readonly tileModes: typeof DeliveryPlanningTileModes = DeliveryPlanningTileModes;
-
-  public ordersLoaded: boolean = false;
-  public activeDropIndex: number | null = null;
-
-  private _subs: Subscription[] = [];
-
-
-  @Input()
-  public disabled: boolean = false;
-
-  @Input()
-  public transportDay: PlanningTransportWeekDay;
-
-  @Output()
-  public transportSelected: EventEmitter<PlanningTransportWeekDay> = new EventEmitter<PlanningTransportWeekDay>();
-
-  @Output()
-  public expandedEvent: EventEmitter<PlanningTransportWeekDay> = new EventEmitter<PlanningTransportWeekDay>();
-
-  @Output()
-  public deleteOrderEvent: EventEmitter<{order: PlanOrder ,transport: PlanningTransportWeekDay}> = new EventEmitter<{order: PlanOrder ,transport: PlanningTransportWeekDay}>();
-
-  @Output()
-  public planOrderOnSameTimeEvent: EventEmitter<{ transId: number, start: Date, end: Date }> = new EventEmitter<{ transId: number,  start: Date, end: Date  }>();
-
-  @Output()
-  public deleteOrderLineEvent: EventEmitter<{ order: PlanOrder, line: PlanOrderLine }> = new EventEmitter<{
-    order: PlanOrder,
-    line: PlanOrderLine
-  }>();
-
-  @Output()
-  public editOrderEvent: EventEmitter<PlanOrder> = new EventEmitter<PlanOrder>();
-
-  @Output()
-  public getTransportOrdersEvent: EventEmitter<PlanningTransportWeekDay> = new EventEmitter<PlanningTransportWeekDay>();
-
-  @Output()
-  public timeChangeEvent: EventEmitter<PlanOrder> = new EventEmitter<PlanOrder>();
-
-  @Output()
-  public openSettingsDialogEvent: EventEmitter<PlanningTransportWeekDay> = new EventEmitter<PlanningTransportWeekDay>();
-
-  @Output()
-  public availabilityChecked: EventEmitter<{ transportDay: PlanningTransportWeekDay, available: boolean }> = new EventEmitter<{ transportDay: PlanningTransportWeekDay, available: boolean }>();
-
-  @Output()
-  public calendarPlanEvent: EventEmitter<{ currentHour: string, data: string }> = new EventEmitter<{
-    currentHour: string,
-    data: string
-  }>();
-
-  @Output()
-  public moveEvent: EventEmitter<{ hour: string, scheduledObject: Object }> = new EventEmitter<{
-    hour: string;
-    scheduledObject: Object
-  }>();
-
-  @Output()
-  public reorderOrderEvent: EventEmitter<{ transId: number, insertIndex: number }> =
-    new EventEmitter<{ transId: number, insertIndex: number }>();
-
-
-  @Output()
-  public moveOrderUpEvent: EventEmitter<PlanOrder> = new EventEmitter<PlanOrder>();
-
-  @Output()
-  public moveOrderDownEvent: EventEmitter<PlanOrder> = new EventEmitter<PlanOrder>();
-
-  @ViewChild('hourSchedulingComponent')
-  public hourSchedulingComp: HourSchedulingExpandableComponent;
-
-  public get tileMode() {
-    return this._deliveryPlanningService.currentTileMode;
-  }
-
-  public expanded: boolean;
-  public showDropdown: boolean = false;
-
-  @HostBinding('class.co-delivery-planning-overview-tile')
-  public showClass() {
-    return true;
-  }
-
-  constructor(
-    private _deliveryPlanningService: DeliveryPlanningService,
-    private _transaction: TransactionService,
-    private _changeDetector: ChangeDetectorRef,
-    public iconCacheService: IconCacheService,
-    public dialogService: TransactionDialogService
-  ) {
-  }
-
-  public get employeeView(): boolean {
-    return this._deliveryPlanningService.employeeView;
-  }
-
-  async ngOnInit(): Promise<void> {
-    if (this.transportDay) {
-      await this._deliveryPlanningService.getTransportOrders(this.transportDay);
-      this.ordersLoaded = true;
-      this.getTransportOrdersEvent.emit(this.transportDay);
-    }
-    this._subs.push(this._deliveryPlanningService.reRenderHourScheduling.subscribe(event => {
-      this.hourSchedulingComp?.renderObjects();
-      this._changeDetector.markForCheck();
-      this._changeDetector.detectChanges();
-    }));
-
-    this._subs.push(this._deliveryPlanningService.availabilityCheckEvent.subscribe(async (planOrder: PlanOrder) => {
-      await this.handleAvailabilityChecked(planOrder);
-      this._changeDetector.detectChanges();
-    }));
-
-  }
-
-  async ngOnDestroy(): Promise<void> {
-    this._subs.forEach((sub: Subscription) => {
-      sub.unsubscribe();
-    });
-  }
-
-  public handleDropZoneEnter(event: DragEvent, insertIndex: number): void {
-    event.preventDefault();
-    event.stopPropagation();
-    this.activeDropIndex = insertIndex;
-  }
-
-  public handleDropZoneLeave(event: DragEvent): void {
-    event.preventDefault();
-    event.stopPropagation();
-    this.activeDropIndex = null;
-  }
-
-  public overrideDragEnd(): void {
-    this.activeDropIndex = null;
-    this._deliveryPlanningService.dragging = false;
-    this._deliveryPlanningService.movingTransId = undefined as any; // or 0/null depending on your typing
-  }
-
-  public dragStart(dragEvent: DragEvent, transId: number) {
-    dragEvent.dataTransfer!.setData("text", JSON.stringify(transId));
-    this._deliveryPlanningService.movingTransId = transId;
-    this._deliveryPlanningService.dragging = true;
-    this.activeDropIndex = null;
-  }
-
-  public allowInnerDrop(event: DragEvent): void {
-    event.preventDefault();
-    event.stopPropagation();
-  }
-
-  public handleReorderDrop(event: DragEvent, insertIndex: number): void {
-    event.preventDefault();
-    event.stopPropagation();
-
-    const data: string = event.dataTransfer?.getData('text');
-    let transId: number = this._deliveryPlanningService.movingTransId;
-
-    if (data) {
-      try {
-        const parsed: unknown = JSON.parse(data);
-        if (typeof parsed === "number") {
-          transId = parsed;
-        } else if (typeof parsed === "string" && parsed && !isNaN(parseInt(parsed))) {
-          transId = parseInt(parsed);
-        }
-      } catch (e) {
-        // ignore, fallback to movingTransId
-      }
-    }
-
-    if (transId) {
-      this.reorderOrderEvent.emit({transId: transId, insertIndex: insertIndex});
-    }
-
-    this.resetDropState();
-    this._deliveryPlanningService.dragging = false;
-  }
-
-  // public dragStart(dragEvent: DragEvent, transId: number) {
-  //   dragEvent.dataTransfer!.setData('text', JSON.stringify(transId));
-  //   this._deliveryPlanningService.movingTransId = transId;
-  // }
-
-  public handleDrop(event: DragEvent) {
-    event.preventDefault();
-    event.stopPropagation();
-  }
-
-  public resetDropState(): void {
-    this.activeDropIndex = null;
-  }
-
-  public expandedChange(clickEvent: MouseEvent) {
-    clickEvent.stopPropagation();
-    this.expanded = !this.expanded;
-    if (this.expanded) {
-
-      this._deliveryPlanningService.getTransportOrders(this.transportDay).then(result => {
-        this.transportDay.plannedOrders = result.plannedOrders;
-      });
-    }
-  }
-
-  public handleDeleteOrderClick(order: PlanOrder) {
-    this.deleteOrderEvent.emit({order: order, transport: this.transportDay});
-  }
-
-  public handleDeleteOrderLineClick(data: { order: PlanOrder, line: PlanOrderLine }) {
-    this.deleteOrderLineEvent.emit(data);
-  }
-
-  public orderForObject(transId: number) {
-    return this.transportDay.plannedOrders.find(order => order.transId === transId);
-  }
-
-  public openSettingsDialog(event?: MouseEvent) {
-    event?.stopPropagation();
-    this.openSettingsDialogEvent.emit(this.transportDay);
-  }
-
-  public handleTimeChangeEvent(obj: PlanOrder | Object) {
-    this.timeChangeEvent.emit(obj as PlanOrder);
-  }
-
-  public handleCalendarPlanEvent(data: { currentHour: string, data: string }) {
-    this.calendarPlanEvent.emit(data);
-  }
-
-  public handleEditOrderEvent(planOrder: PlanOrder) {
-    this.editOrderEvent.emit(planOrder);
-  }
-
-  public async handleMoveBetweenCalendars(moveData: { hour: string, data: Object }) {
-    if (moveData && moveData.data) {
-      this.moveEvent.emit({
-        hour: moveData.hour,
-        scheduledObject: moveData?.data
-      });
-    }
-
-  }
-
-  public async handleAvailabilityChecked(planOrder: PlanOrder) {
-    let available: boolean = this.transportDay.availableOnDate;
-    available = await this.districtAvailabilityCheck(planOrder)
-    available = await this.deliveryMethodAvailabilityCheck(planOrder);
-    this.availabilityChecked.emit({transportDay: this.transportDay, available: available});
-  }
-
-  public async getOrderLinesPlanned(planOrder: PlanOrder) {
-    let request: OrderLinesPlannedRequest = new OrderLinesPlannedRequest();
-    let filterObj: PlanningFilterObject = new PlanningFilterObject();
-    request.planned = true;
-    request.planningId = this._deliveryPlanningService.currentPlanning.planningId;
-    request.transId = planOrder.transId;
-    request.plannedLineId = planOrder.plannedLineId;
-    filterObj.onlyCurrentWeek = true;
-    filterObj.beginCurrentWeek = new Date();
-    filterObj.checkOrderLines = 1;
-    request.filterObject = filterObj;
-    planOrder.lines.push(...await this._transaction.getOrderLinesPlanned(request));
-  }
-
-  public async deliveryMethodAvailabilityCheck(planOrder: PlanOrder): Promise<boolean> {
-    let available: boolean = true;
-    if(available) {
-      if (!planOrder.partDelivery) {
-        if (!this.transportDay?.deliveryMethods?.find(method => method === planOrder?.deliveryMethod?.toString())) {
-          available = false;
-        }
-
-      } else {
-        await this.getOrderLinesPlanned(planOrder);
-        planOrder.lines.forEach((line: PlanOrderLine) => {
-          if (!this.transportDay?.deliveryMethods?.find(method => method === line?.deliveryMethod)) {
-            available = false;
-          }
-        });
-      }
-      return available;
-    } else {
-      return available;
-    }
-  }
-
-  public async districtAvailabilityCheck(planOrder: PlanOrder): Promise<boolean> {
-    //If true: you can plan without rayons/districts. Orders without districts can go everywhere in this case. Does it have districts that it needs to match a district in the plan resource.
-    //If false: orders without district can not be planned. On a plan resource without districts you can't plan. Other than that same rules apply.
-
-    let available: boolean = true;
-    if(available) {
-      if (!this._deliveryPlanningService.planRayon) {
-        //We need districts so if they aren't there it's immediately no
-        if (!planOrder.districts || planOrder?.districts?.length) {
-          available = false;
-          return available;
-        }
-
-        //We need districts so if they aren't there it's immediately no
-        if (!this.transportDay.districts || this.transportDay?.districts?.length === 0) {
-          available = false;
-          return available;
-        }
-
-        //If they exist on the order we can check for matching, if there's no match then it's also no
-        if(planOrder.districts && planOrder.districts?.length > 0) {
-          if (!this._deliveryPlanningService.hasMatch(this.transportDay?.districts, planOrder?.districts)) {
-            available = false;
-          }
-        }
-      } else {
-        //Does the order have districts? Then we check for matching, otherwise it's all good.
-        if (planOrder.districts && planOrder?.districts?.length > 0) {
-          if (!this._deliveryPlanningService.hasMatch(this.transportDay?.districts, planOrder?.districts)) {
-            available = false;
-          }
-        }
-      }
-      return available;
-    } else {
-      return available;
-    }
-  }
-
-  public handleOrderSameTimeDrop(event: DragEvent, order: {start: Date, end: Date, id: number}) {
-    event.stopPropagation();
-    event.preventDefault();
-    this.planOrderOnSameTimeEvent.emit({start: order.start, end: order.end, transId: order.id});
-  }
-
-  public handleMapClicked(mouseEvent: MouseEvent, transport: PlanningTransportWeekDay): void {
-    mouseEvent.preventDefault();
-    mouseEvent.stopPropagation();
-    let departure: string;
-    let request: GetRouteDepartureRequest = new GetRouteDepartureRequest();
-    let addresses: string[] = [];
-
-    request.warehouse = this.transportDay.plannedOrders[0].lines[0].warehouse;
-    request.branch = this._transaction.currentBranch;
-
-    transport.plannedOrders?.forEach( (plannedOrder: PlanOrder) => {
-      if(plannedOrder.address.length > 0) {
-        addresses.push(plannedOrder.address);
-      }
-    });
-
-    if (request.warehouse == null || !(request.branch?.length > 0)) {
-      this.dialogService.showError("NO_WAREHOUSE_OR_BRANCH", true);
-      return;
-    }
-
-      this._transaction.getRouteDeparture(request).then((routeDeparture: string) => {
-        departure = routeDeparture;
-
-
-        if (!departure || departure.length === 0 || !addresses || addresses.length === 0) {
-          this.dialogService.showError("START_ADDRESS_AND_DESTINATIONS_REQUIRED", true);
-          return;
-        }
-
-        const points = [departure, ...addresses];
-        const encodedPoints = points.map(p => encodeURIComponent(p));
-        const url = 'https://www.google.nl/maps/dir/' + encodedPoints.join('/');
-
-        window.open(url, '_blank');
-      });
-
-
-
-  }
-
-  public handleDropdownClicked(event: MouseEvent): void {
-    event.stopPropagation();
-    event.preventDefault();
-    this.showDropdown = !this.showDropdown;
-  }
-
-
-
-}
-

package/projects/transaction/src/lib/component/delivery-planning-main/component/delivery-planning-overview/component/delivery-planning-overview-tile/delivery-planning-overview-tile.module.ts

@@ -1,57 +0,0 @@
-import {NgModule} from "@angular/core";
-import {CommonModule} from "@angular/common";
-import {DeliveryPlanningOverviewTileComponent} from "./delivery-planning-overview-tile.component";
-import {PipeModule} from "../../../../../../pipe/pipe.module";
-import {
-  CoDialogModule,
-  CollapsibleModule, HourSchedulingComponentModule, HourSchedulingExpandableComponentModule, HourSchedulingExpandableTemplateModule,
-  IconModule,
-  InputCheckboxModule,
-  ListOfValuesModule,
-  ButtonModule, InputTextModule
-} from '@colijnit/corecomponents_v12';
-import {
-  DeliveryPlanningOverviewTileLineModule
-} from "./component/delivery-planning-overview-tile-line/delivery-planning-overview-tile-line.module";
-import {
-  DeliveryPlanningTileStatusModule
-} from "./component/delivery-planning-tile-status/delivery-planning-tile-status.module";
-import {DragDropModule} from "@angular/cdk/drag-drop";
-import {
-    DeliveryPlanningOverviewShortLineModule
-} from "./component/delivery-planning-overview-short-line/delivery-planning-overview-short-line.module";
-import {
-  DefaultOkCancelButtonsModule
-} from "../../../../../core/base/components/default-ok-cancel-buttons/default-ok-cancel-buttons.module";
-import {DeliveryPlanningOverviewTileDropdownModule} from './component/delivery-planning-overview-tile-dropdown/delivery-planning-overview-tile-dropdown.module';
-
-@NgModule({
-  imports: [
-    CommonModule,
-    PipeModule,
-    CollapsibleModule,
-    DeliveryPlanningOverviewTileLineModule,
-    DeliveryPlanningTileStatusModule,
-    CoDialogModule,
-    InputTextModule,
-    ButtonModule,
-    DragDropModule,
-    ListOfValuesModule,
-    IconModule,
-    DeliveryPlanningOverviewShortLineModule,
-    DefaultOkCancelButtonsModule,
-    InputCheckboxModule,
-    HourSchedulingComponentModule,
-    HourSchedulingExpandableComponentModule,
-    HourSchedulingExpandableTemplateModule,
-    DeliveryPlanningOverviewTileDropdownModule
-  ],
-    declarations: [
-        DeliveryPlanningOverviewTileComponent
-    ],
-    exports: [
-        DeliveryPlanningOverviewTileComponent
-    ]
-})
-export class DeliveryPlanningOverviewTileModule {
-}