@colijnit/transaction 261.20.52 → 261.20.53

package/projects/transaction/src/lib/component/transaction-container-connection/transaction-container/transaction-container.component.ts

@@ -1,193 +0,0 @@
-import {
-  Component,
-  ElementRef,
-  EventEmitter,
-  HostBinding, Input, OnDestroy,
-  OnInit,
-  Output, Renderer2,
-  ViewChild,
-  ViewEncapsulation
-} from '@angular/core';
-import {Icon} from '../../../enum/icon.enum';
-import {IconCacheService} from '../../../service/icon-cache.service';
-import {TransactionService} from '../../../service/transaction.service';
-import {Container} from "@colijnit/mainapi/build/model/container.bo";
-import {ContainerInfo} from "@colijnit/mainapi/build/model/container-info.bo";
-import {ContainerType} from "@colijnit/mainapi/build/model/container-type.bo";
-import {BatchDeliveryCategory} from "../../../enum/batch-delivery-category.enum";
-import {Subscription} from "rxjs";
-import {TransactionEventService} from "../../../service/transaction-event.service";
-import {SearchViewModeService} from "../../search/search-view-mode.service";
-import {SearchViewMode} from "../../../enum/search-view-mode.enum";
-
-@Component({
-    selector: 'co-transaction-container',
-    template: `
-  <div class="transaction-container-content">
-    <co-button class="container-button" [class.buttonActive]="this.chosenContainer"
-      [iconData]="iconCacheService.getIcon(icons.ContainerStorageRegularFull)"
-      (onClick)="containerModeButtonClickHandler()"
-    ></co-button>
-    @if (this.chosenContainer) {
-      <co-button class="container-button"
-        [iconData]="this.containerContentsModeActive ? iconCacheService.getIcon(icons.RegularContainerStorageCircleArrowRight) : iconCacheService.getIcon(icons.RegularContainerStorageCircleArrowLeft)"
-        (onClick)="addRemoveOrdersButtonClickHandler()"
-      ></co-button>
-    }
-    @if (this.chosenContainer) {
-      <div class="container-information" >
-        <span class="container-information-label" [textContent]="getContainerInfoLabel()" [class.small-container-label]="!fullscreen"></span>
-        <div class="container-load-bar" [class.small-container-bar]="!fullscreen">
-          <div class="container-load-bar-fill" #fillBar></div>
-          <span class="container-contents-label" [textContent]="getContainerContentsLabel()"></span>
-        </div>
-        <co-icon class="info-icon" [iconData]="iconCacheService.getIcon(icons.CircleInfoRegular)"></co-icon>
-      </div>
-    }
-    @if (this.chosenContainer) {
-      <co-button class="container-button"  [class.buttonActive]="this.containerContentsModeActive"
-        [iconData]="iconCacheService.getIcon(icons.ContainerStorageRegularFull)"
-        (onClick)="switchAddRemoveClicked()"
-      ></co-button>
-    }
-  </div>
-
-  @if (showContainerDialog) {
-    <co-transaction-container-choice-dialog
-      (containerChoiceMade)="containerChosenHandler($event)"
-      (cancelClicked)="showContainerDialog = false">
-    </co-transaction-container-choice-dialog>
-  }
-  `,
-    encapsulation: ViewEncapsulation.None,
-    standalone: false
-})
-export class TransactionContainerComponent implements OnInit, OnDestroy  {
-  public readonly icons = Icon;
-
-  @HostBinding('class.co-transaction-container')
-  public showClass(): boolean {
-    return true;
-  }
-
-  @ViewChild("fillBar")
-  public fillBar!: ElementRef<HTMLDivElement>;
-
-  @Input()
-  public fullscreen: boolean;
-
-  @Output()
-  public containerChoiceMade: EventEmitter<Container> = new EventEmitter<Container>();
-
-  @Output()
-  public containerContentModeChanged: EventEmitter<ContainerInfo> = new EventEmitter<ContainerInfo>();
-
-  @Output()
-  public fillContainerClicked: EventEmitter<Container> = new EventEmitter<Container>();
-
-  @Output()
-  public removeFromContainerClicked: EventEmitter<Container> = new EventEmitter<Container>();
-
-
-  public showContainerDialog: boolean = false;
-
-  public containers: Container[] = [];
-
-  public chosenContainer: Container;
-  public chosenContainerInfo: ContainerInfo;
-
-  public containerContentsModeActive: boolean = false;
-
-  private _subs: Subscription[] = [];
-
-  constructor(
-    public iconCacheService: IconCacheService,
-    public transactionService: TransactionService,
-    public searchViewModeService: SearchViewModeService,
-    private _eventService: TransactionEventService,
-    private _renderer: Renderer2,
-  ) {
-  }
-
-  ngOnInit() {
-    this._subs.push(
-      this._eventService.fillContainerSuccess.subscribe(() => {
-        this.reloadContainerData();
-      }),
-      this._eventService.removeFromContainerSuccess.subscribe(() => {
-        this.reloadContainerData();
-      })
-    );
-  }
-
-  ngOnDestroy(): void {
-    this._subs.forEach(sub => sub.unsubscribe());
-  }
-
-  public containerModeButtonClickHandler(): void {
-    if (this.chosenContainer) {
-      this.chosenContainer = null;
-      this.chosenContainerInfo = null;
-      this.containerChoiceMade.emit(null);
-    } else {
-      this.showContainerDialog = true;
-    }
-  }
-
-  public addRemoveOrdersButtonClickHandler(): void {
-    if (this.containerContentsModeActive) {
-      this.removeFromContainerClicked.emit();
-    } else {
-      this.fillContainerClicked.emit();
-    }
-  }
-
-  public switchAddRemoveClicked(): void {
-    this.containerContentsModeActive = ! this.containerContentsModeActive;
-    if (this.containerContentsModeActive) {
-       this.containerContentModeChanged.emit(this.chosenContainerInfo);
-    } else {
-       this.containerContentModeChanged.emit(null);
-    }
-  }
-
-  public async containerChosenHandler(container: Container): Promise<void> {
-    this.chosenContainer = container;
-    this.showContainerDialog = false;
-
-    this.chosenContainerInfo = await this.transactionService.getContainerInfo(container.containerId);
-    if (this.chosenContainerInfo.containerVolume && !isNaN(this.chosenContainerInfo.containerVolume)) {
-      const percentage: number = (this.chosenContainerInfo.packedVolume / this.chosenContainerInfo.containerVolume) * 100;
-      this._renderer.setStyle(this.fillBar.nativeElement, 'width', ((percentage > 100) ? 100 : percentage) + '%');
-    } else {
-      this._renderer.setStyle(this.fillBar.nativeElement, 'width', '0px');
-    }
-
-    this.containerChoiceMade.emit(container);
-  }
-
-  public async reloadContainerData(): Promise<void> {
-    if (this.chosenContainer) {
-      const reloadedContainer: Container = await this.transactionService.getContainer(this.chosenContainer.containerId);
-      this.containerChosenHandler(reloadedContainer);
-    }
-  }
-
-  public getContainerInfoLabel(): string {
-    if (this.chosenContainer) {
-      return this.chosenContainer.containerNr;
-    } else {
-      return "";
-    }
-  }
-
-  public getContainerContentsLabel(): string {
-    if (this.chosenContainerInfo) {
-      return this.chosenContainerInfo.packedVolume + "/" + this.chosenContainerInfo.containerVolume;
-    } else {
-      return "";
-    }
-  }
-
-  protected readonly viewMode = SearchViewMode;
-}

package/projects/transaction/src/lib/component/transaction-container-connection/transaction-container/transaction-container.module.ts

@@ -1,41 +0,0 @@
-import {NgModule} from "@angular/core";
-import {CommonModule} from "@angular/common";
-import {CoreModule} from "../../core/core.module";
-import {
-  ButtonModule,
-  CoDialogModule,
-  IconModule,
-  InputCheckboxModule, InputDatePickerModule,
-  InputTextModule,
-  ListOfValuesModule
-} from '@colijnit/corecomponents_v12';
-import {PipeModule} from "../../../pipe/pipe.module";
-import {TransactionContainerComponent} from './transaction-container.component';
-import {
-  TransactionContainerChoiceDialogModule
-} from "../transaction-container-choice-dialog/transaction-container-choice-dialog.module";
-
-
-@NgModule({
-  imports: [
-    CommonModule,
-    CoreModule,
-    CoDialogModule,
-    IconModule,
-    PipeModule,
-    ButtonModule,
-    InputCheckboxModule,
-    ListOfValuesModule,
-    InputTextModule,
-    InputDatePickerModule,
-    TransactionContainerChoiceDialogModule
-  ],
-  declarations: [
-    TransactionContainerComponent
-  ],
-  exports: [
-    TransactionContainerComponent
-  ]
-})
-export class TransactionContainerModule {
-}

package/projects/transaction/src/lib/component/transaction-container-connection/transaction-container-choice-dialog/transaction-container-choice-dialog.component.ts

@@ -1,304 +0,0 @@
-import {Component, EventEmitter, HostBinding, OnInit, Output, ViewEncapsulation} from '@angular/core';
-import {Icon} from '../../../enum/icon.enum';
-import {IconCacheService} from '../../../service/icon-cache.service';
-import {TransactionService} from '../../../service/transaction.service';
-import {Container} from "@colijnit/mainapi/build/model/container.bo";
-import {ContainerInfo} from "@colijnit/mainapi/build/model/container-info.bo";
-import {ContainerType} from "@colijnit/mainapi/build/model/container-type.bo";
-import {Currency} from "@colijnit/mainapi/build/model/currency.bo";
-
-@Component({
-    selector: 'co-transaction-container-choice-dialog',
-    template: `
-      <co-dialog
-        [headerTemplate]="headerTemplate"
-        [footerTemplate]="footerTemplate"
-        (closeClick)="cancelButtonClicked()">
-        <ng-template #headerTemplate class="header-class">
-          <co-icon [iconData]="iconCacheService.getIcon(icons.ContainerStorageRegularFull)"></co-icon>
-          <div class="co-dialog-header-title" [textContent]="'CONTAINER_INFO' | localize"></div>
-        </ng-template>
-
-        <div class="transport-dialog-contents">
-          <div class="button-div">
-            @if (!newContainerModeActive) {
-              <co-button [label]="'NEW'  | localize" class="new-container-button"
-              [iconData]="iconCacheService.getIcon(icons.PlusSimple)" (click)="newContainerButtonClicked()"></co-button>
-            }
-          </div>
-          <div class="transport-dialog-contents-paragraph">
-            <div class="transport-dialog-contents-column">
-              <span class="column-title" [textContent]="'CONTAINER_DATA' | localize"></span>
-              @if (!newContainerModeActive) {
-                <co-list-of-values
-                  [label]="'CONTAINER' | localize"
-                  [collection]="containers"
-                  [displayField]="'containerNr'"
-                  [(model)]="chosenContainer"
-                  (modelChange)="containerChosen()"
-                ></co-list-of-values>
-              }
-              @if (newContainerModeActive) {
-                <co-input-text
-                  [placeholder]="'CONTAINER_NR' | localize"
-                  [readonly]="false"
-                  [(model)]="chosenContainer.containerNr">
-                </co-input-text>
-              }
-              <co-list-of-values [label]="'TYPE' | localize"
-                [collection]="containerTypes"
-                [displayField]="'description'"
-                [readonly]="(!newContainerModeActive && !this.chosenContainer.containerId)"
-                [(model)]="chosenContainerType"
-                (modelChange)="containerTypeChosen()">
-              </co-list-of-values>
-              <co-input-text [placeholder]="'REMARK' | localize"
-                [readonly]="(!newContainerModeActive && !this.chosenContainer.containerId)"
-                [(model)]="chosenContainer.state">
-              </co-input-text>
-            </div>
-            <div class="transport-dialog-contents-column">
-              <span class="column-title" [textContent]="'CONTENTS_AND_COST' | localize"></span>
-              <co-input-text [placeholder]="'VOLUME' | localize"
-                [readonly]="(!newContainerModeActive && !this.chosenContainer.containerId)"
-                [digitsOnly]="true"
-                [(model)]="chosenContainer.volume">
-              </co-input-text>
-              @if (!newContainerModeActive) {
-                <co-input-text
-                  [placeholder]="'YET_TO_USE' | localize"
-                  [readonly]="true"
-                  [digitsOnly]="true"
-                  [model]="chosenContainerInfo?.containerVolume - chosenContainerInfo?.packedVolume">
-                </co-input-text>
-              }
-              <co-list-of-values [label]="'DISTRIBUTION' | localize"
-                [collection]="distributionValues"
-                [displayField]="'text'"
-                [readonly]="(!newContainerModeActive && !this.chosenContainer.containerId)"
-                [(model)]="chosenCostDist"
-                (modelChange)="costDistChosen()">
-              </co-list-of-values>
-              <div class="currency-section">
-                <co-list-of-values [label]="'CURRENCY' | localize"
-                  [collection]="currencies"
-                  [displayField]="'unit'"
-                  [readonly]="(!newContainerModeActive && !this.chosenContainer.containerId)"
-                  [(model)]="chosenCurrency"
-                  (modelChange)="currencyChosen()">
-                </co-list-of-values>
-                <co-input-text class="currency-field"
-                  [placeholder]="'TRANSPORT_COST' | localize"
-                  [readonly]="(!newContainerModeActive && !this.chosenContainer.containerId)"
-                  [(model)]="chosenContainer.transportationCosts">
-                </co-input-text>
-              </div>
-              <co-input-checkbox [label]="'VOLUME_RESTRICTED' | localize"
-                [readonly]="(!newContainerModeActive && !this.chosenContainer.containerId)"
-                [(model)]="chosenContainer.volumeLimited">
-              </co-input-checkbox>
-            </div>
-          </div>
-          <div class="transport-dialog-contents-paragraph">
-            <div class="transport-dialog-contents-column">
-              <span class="column-title" [textContent]="'PLANNING_INFO' | localize"></span>
-              <co-input-date
-                [placeholder]="'LOADING_DATE' | localize"
-                [readonly]="(!newContainerModeActive && !this.chosenContainer.containerId)"
-                [firstDayOfWeek]="firstDayOfWeek"
-                [(model)]="chosenContainer.loadingDate"></co-input-date>
-              <co-input-date
-                [placeholder]="'SHIPPING_DATE' | localize"
-                [readonly]="(!newContainerModeActive && !this.chosenContainer.containerId)"
-                [firstDayOfWeek]="firstDayOfWeek"
-                [(model)]="chosenContainer.departureDate"></co-input-date>
-            </div>
-            <div class="transport-dialog-contents-column">
-              <span class="column-title" [textContent]="\n\n"></span>
-              <co-input-date
-                [placeholder]="'ETA_AT_PORT' | localize"
-                [readonly]="(!newContainerModeActive && !this.chosenContainer.containerId)"
-                [firstDayOfWeek]="firstDayOfWeek"
-                [(model)]="chosenContainer.arrivalHarborDate"></co-input-date>
-              <co-input-date
-                [placeholder]="'ARRIVAL_DATE' | localize"
-                [readonly]="(!newContainerModeActive && !this.chosenContainer.containerId)"
-                [firstDayOfWeek]="firstDayOfWeek"
-                [(model)]="chosenContainer.arrivalDate"></co-input-date>
-            </div>
-          </div>
-        </div>
-
-        <ng-template #footerTemplate>
-          <div class="co-dialog-footer-button-wrapper">
-            @if (chosenContainer.containerId || newContainerModeActive) {
-              <co-button
-                class="save-button"
-                [iconData]="iconCacheService.getIcon(icons.CheckDuotone)"
-                (click)="saveButtonClicked()">
-              </co-button>
-            }
-            <co-button
-              class="close-button"
-              [iconData]="iconCacheService.getIcon(icons.Crossskinny)"
-              (click)="cancelButtonClicked()">
-            </co-button>
-          </div>
-        </ng-template>
-      </co-dialog>
-      `,
-    encapsulation: ViewEncapsulation.None,
-    standalone: false
-})
-export class TransactionContainerChoiceDialogComponent  implements OnInit  {
-  @HostBinding('class.co-transaction-container-choice-dialog')
-  public showClass(): boolean {
-    return true;
-  }
-
-  @Output()
-  public containerChoiceMade: EventEmitter<Container> = new EventEmitter<Container>();
-
-  @Output()
-  public cancelClicked: EventEmitter<void> = new EventEmitter<void>();
-
-  public readonly icons = Icon;
-
-  public containers: Container[] = [];
-  public containerTypes: ContainerType[] = [];
-  public distributionValues: {text, value}[] = [{text: "Volume", value: "V"}, {text: "Price", value: "P"}];
-  public currencies: Currency[] = [];
-
-  public chosenContainer: Container = new Container();
-  public chosenContainerType: ContainerType;
-  public chosenContainerInfo: ContainerInfo;
-  public chosenCostDist: {text, value};
-  public chosenCurrency: Currency;
-
-  public newContainerModeActive: boolean = false;
-
-  public get firstDayOfWeek(): string {
-    return this.transactionService.firstDayOfWeek;
-  }
-
-  constructor(
-    public iconCacheService: IconCacheService,
-    public transactionService: TransactionService
-  ) {
-  }
-
-
-  ngOnInit() {
-    this.getCollections();
-  }
-
-  public containerChosen(): void {
-    if (this.chosenContainer && this.chosenContainer.containerId) {
-      this.transactionService.getContainerInfo(this.chosenContainer.containerId).then(info => {
-        this.chosenContainerInfo = info;
-      });
-      this.setChosenContainerTypeFromContainer();
-      this.setChosenCostDistFromContainer();
-      this.setChosenCurrencyFromContainer();
-    }
-  }
-
-  public containerTypeChosen(): void {
-    if (this.chosenContainer) {
-      this.setChosenContainerTypeToContainer();
-    }
-  }
-
-  public costDistChosen(): void {
-    if (this.chosenContainer) {
-      this.setChosenCostDistToContainer();
-    }
-  }
-
-  public currencyChosen(): void {
-    if (this.chosenContainer) {
-      this.setChosenCurrencyToContainer();
-    }
-  }
-
-  public newContainerButtonClicked(): void {
-    this.chosenContainer = new Container();
-    this.setChosenContainerTypeFromContainer();
-    this.setChosenCostDistFromContainer();
-    this.setChosenCurrencyFromContainer();
-    this.chosenContainerInfo = null;
-    this.newContainerModeActive = true;
-  }
-
-  public async saveButtonClicked(): Promise<void> {
-    let result: Container;
-    if (this.newContainerModeActive && this.chosenContainer && !this.chosenContainer.containerId) {
-      result = await this.transactionService.createContainer(this.chosenContainer)
-    } else {
-      result = await this.transactionService.updateContainer(this.chosenContainer)
-    }
-    if (result && result.containerId) {
-      this.containerChoiceMade.emit(result);
-    }
-  }
-
-  public cancelButtonClicked(): void {
-    this.cancelClicked.emit();
-  }
-
-  private getCollections(): void {
-    this.transactionService.getContainers().then(containerList => {
-      this.containers = containerList;
-    });
-    this.transactionService.getContainerTypes().then(types => {
-      this.containerTypes = types;
-      this.setChosenContainerTypeToContainer();
-    });
-    this.transactionService.getCurrencies().then(cur => {
-      this.currencies = cur;
-      this.setChosenCurrencyFromContainer();
-    });
-  }
-
-  private setChosenContainerTypeFromContainer(): void {
-     if (this.chosenContainer && this.chosenContainer.containerType && this.containerTypes && this.containerTypes.length > 0) {
-       this.chosenContainerType = this.containerTypes.find(ct => ct.containerType === this.chosenContainer.containerType);
-     } else {
-       this.chosenContainerType = null;
-     }
-  }
-
-  private setChosenContainerTypeToContainer() : void {
-    if (this.chosenContainer) {
-      this.chosenContainer.containerType = this.chosenContainerType ? this.chosenContainerType.containerType : null;
-    }
-  }
-
-  private setChosenCostDistFromContainer(): void {
-     if (this.chosenContainer && this.chosenContainer.distributionTransportCost) {
-       this.chosenCostDist = this.distributionValues.find(ct => ct.value === this.chosenContainer.distributionTransportCost);
-     } else {
-       this.chosenCostDist = null;
-     }
-  }
-
-  private setChosenCostDistToContainer() : void {
-    if (this.chosenContainer) {
-      this.chosenContainer.distributionTransportCost = this.chosenCostDist ? this.chosenCostDist.value : null;
-    }
-  }
-
-  private setChosenCurrencyFromContainer(): void {
-     if (this.chosenContainer && this.chosenContainer.currencyCode) {
-       this.chosenCurrency = this.currencies.find(cur => cur.code === this.chosenContainer.currencyCode);
-     } else {
-       this.chosenCurrency = null;
-     }
-  }
-
-  private setChosenCurrencyToContainer() : void {
-    if (this.chosenContainer) {
-      this.chosenContainer.currencyCode = this.chosenCurrency ? this.chosenCurrency.code : null;
-    }
-  }
-}

package/projects/transaction/src/lib/component/transaction-container-connection/transaction-container-choice-dialog/transaction-container-choice-dialog.module.ts

@@ -1,36 +0,0 @@
-import {NgModule} from "@angular/core";
-import {CommonModule} from "@angular/common";
-import {CoreModule} from "../../core/core.module";
-import {
-  ButtonModule,
-  CoDialogModule,
-  IconModule,
-  InputCheckboxModule, InputDatePickerModule,
-  InputTextModule,
-  ListOfValuesModule
-} from '@colijnit/corecomponents_v12';
-import {PipeModule} from "../../../pipe/pipe.module";
-import {TransactionContainerChoiceDialogComponent} from './transaction-container-choice-dialog.component';
-
-@NgModule({
-  imports: [
-    CommonModule,
-    CoreModule,
-    CoDialogModule,
-    IconModule,
-    PipeModule,
-    ButtonModule,
-    InputCheckboxModule,
-    ListOfValuesModule,
-    InputTextModule,
-    InputDatePickerModule
-  ],
-  declarations: [
-    TransactionContainerChoiceDialogComponent
-  ],
-  exports: [
-    TransactionContainerChoiceDialogComponent
-  ]
-})
-export class TransactionContainerChoiceDialogModule {
-}