@colijnit/transaction 12.1.77 → 12.1.78

package/projects/transaction/src/lib/component/transaction-grid/transaction-grid/transaction-grid.component.ts

@@ -0,0 +1,91 @@
+import {ApplicationRef, Component, ComponentFactoryResolver, ElementRef, EmbeddedViewRef, EventEmitter, HostBinding, Injector, Input, Output, Type, ViewChild, ViewEncapsulation} from "@angular/core";
+import {TransactionTypeCategory} from "../../../enum/transaction-type-category.enum";
+import {TransactionMappingService} from "../../../service/transaction-mapping.service";
+import {TransactionGridBaseComponent} from "../../core/base/transaction-grid-base.component";
+import {TransactionLineInfo} from "@colijnit/transactionapi/build/model/transaction-line-info.bo";
+import {TransactionBaseComponent} from "../../core/base/transaction-base.component";
+import {TransactionService} from "../../../service/transaction.service";
+
+@Component({
+  selector: "co-transaction-grid",
+  template: `
+    <div #transactionGrid class="transaction-grid-wrapper">
+    </div>
+  `,
+  encapsulation: ViewEncapsulation.None
+})
+export class TransactionGridComponent extends TransactionBaseComponent {
+  @ViewChild('transactionGrid', { read: ElementRef }) set container(content) {
+    if (content) {
+      this._transactionGridContainer = content;
+      this._prepareContent();
+    }
+  }
+
+  @Input()
+  public set activeCategory(value: TransactionTypeCategory) {
+    this._activeCategory = value;
+    this._prepareContent();
+  }
+
+  public get activeCategory(): TransactionTypeCategory {
+    return this._activeCategory;
+  }
+
+  @Output()
+  public sidePanelClicked: EventEmitter<TransactionLineInfo> = new EventEmitter<TransactionLineInfo>();
+
+  @HostBinding("class.co-transaction-grid")
+  public showClass() {
+    return true;
+  }
+
+  private _transactionGridContainer: ElementRef;
+  private _activeCategory: TransactionTypeCategory;
+  private _componentRef: any;
+
+  constructor(
+    protected transactionService: TransactionService,
+    private _mappingService: TransactionMappingService,
+    private _compFactoryResolver: ComponentFactoryResolver,
+    private appRef: ApplicationRef,
+    private injector: Injector
+  ) {
+    super(transactionService);
+  }
+
+  protected transactionSet() {
+    this._prepareContent();
+  }
+
+  private _prepareContent(): void {
+    if (!this.transactionKind || !this._activeCategory || !this._transactionGridContainer) {
+      return;
+    }
+    const componentClass: Type<TransactionGridBaseComponent> = this._mappingService.getTransactionGridComponent(this.transactionKind, this.activeCategory);
+
+    if (this._componentRef) {
+      this._componentRef.destroy();
+    }
+    if (!componentClass) {
+      return;
+    }
+
+    this._componentRef = this._compFactoryResolver
+      .resolveComponentFactory(componentClass)
+      .create(this.injector);
+
+    this.appRef.attachView(this._componentRef.hostView);
+
+    this._componentRef.instance.transaction = this.transaction;
+    this._componentRef.instance.sidePanelClicked = this.sidePanelClicked;
+
+    const domElem = (this._componentRef.hostView as EmbeddedViewRef<any>)
+      .rootNodes[0] as HTMLElement;
+
+    this._transactionGridContainer.nativeElement.appendChild(domElem);
+    this._componentRef.onDestroy(() => {
+      this.appRef.detachView(this._componentRef.hostView);
+    });
+  }
+}

package/projects/transaction/src/lib/component/transaction-grid/transaction-grid/transaction-grid.module.ts

@@ -0,0 +1,17 @@
+import {NgModule} from "@angular/core";
+import {CommonModule} from "@angular/common";
+import {TransactionGridComponent} from "./transaction-grid.component";
+
+@NgModule({
+  imports: [
+    CommonModule
+  ],
+  declarations: [
+    TransactionGridComponent
+  ],
+  exports: [
+    TransactionGridComponent
+  ]
+})
+export class TransactionGridModule {
+}

package/projects/transaction/src/lib/component/transaction-grid/transaction-history-grid/transaction-history-grid.component.ts

@@ -0,0 +1,102 @@
+import {
+  Component,
+  ContentChildren,
+  EventEmitter,
+  HostBinding,
+  Input,
+  Output,
+  QueryList,
+  ViewEncapsulation
+} from "@angular/core";
+import {SimpleGridColumnDirective} from "@colijnit/corecomponents_v12";
+import {StatusType} from "../../../enum/status-type.enum";
+import {Icon} from "../../../enum/icon.enum";
+import {IconCacheService} from "../../../service/icon-cache.service";
+
+@Component({
+  selector: "co-transaction-history-grid",
+  template: `
+    <div class="history-grid-wrapper">
+      <div class="delete-button-wrapper">
+        <co-grid-toolbar-button
+          (buttonClick)="handleDeleteClick()"
+          [iconData]="iconsService.getIcon(icons.TrashBin)"
+          [disabled]="!selectedRow"
+        ></co-grid-toolbar-button>
+      </div>
+      <co-simple-grid [data]="collection" [extraColumns]="extraColumns" (selectRow)="handleSelectRow($event)">
+        <co-simple-grid-column [headerText]="'DELIVERY_DATE' | localize" [order]="20" [width]="100">
+          <ng-template #template let-row="row">
+            <div class="row-container">
+              <span class="row" [textContent]="row.date | date"></span>
+              <span class="correction" *ngFor="let correction of row.corrections" [textContent]="correction.date | date"></span>
+            </div>
+          </ng-template>
+        </co-simple-grid-column>
+
+        <co-simple-grid-column [headerText]="'AMOUNT' | localize" [order]="30" [width]="70">
+          <ng-template #template let-row="row">
+            <div class="row-container">
+              <span class="row" [textContent]="row.quantity"></span>
+              <span class="correction" *ngFor="let correction of row.corrections" [textContent]="correction.quantity"></span>
+            </div>
+          </ng-template>
+        </co-simple-grid-column>
+
+        <co-simple-grid-column [headerText]="'REFERENCE' | localize" [order]="50">
+          <ng-template #template let-row="row">
+            <div class="row-container">
+              <span class="row" [textContent]="row.reference"></span>
+              <span class="correction" *ngFor="let correction of row.corrections" [textContent]="correction.reference"></span>
+            </div>
+          </ng-template>
+        </co-simple-grid-column>
+
+        <co-simple-grid-column [headerText]="'USER' | localize" [order]="70">
+          <ng-template #template let-row="row">
+            <div class="row-container">
+              <span class="row" [textContent]="row.username"></span>
+              <span class="correction" *ngFor="let correction of row.corrections" [textContent]="correction.username"></span>
+            </div>
+          </ng-template>
+        </co-simple-grid-column>
+      </co-simple-grid>
+    </div>
+  `,
+  encapsulation: ViewEncapsulation.None
+})
+export class TransactionHistoryGridComponent {
+  public readonly statusType: typeof StatusType = StatusType;
+  public readonly icons: typeof Icon = Icon;
+
+  @ContentChildren(SimpleGridColumnDirective) set content(columnComponents: QueryList<SimpleGridColumnDirective>) {
+    this.extraColumns = columnComponents.toArray();
+  }
+
+  @Input()
+  public collection: any;
+
+  @Output()
+  public deleteSelectedRow: EventEmitter<any> = new EventEmitter<any>();
+
+  @HostBinding("class.co-transaction-history-grid")
+  public showClass(): boolean {
+    return true;
+  }
+
+  public extraColumns: SimpleGridColumnDirective[] = [];
+  public selectedRow: any;
+
+  constructor(
+    public iconsService: IconCacheService
+  ) {}
+
+  public handleSelectRow(row: any): void {
+    this.selectedRow = row;
+  }
+
+  public handleDeleteClick(): void {
+    this.deleteSelectedRow.next(this.selectedRow);
+  }
+
+}

package/projects/transaction/src/lib/component/transaction-grid/transaction-history-grid/transaction-history-grid.module.ts

@@ -0,0 +1,26 @@
+import {NgModule} from "@angular/core";
+import {CommonModule} from "@angular/common";
+import {CoreModule} from "../../core/core.module";
+import {TransactionHistoryGridComponent} from "./transaction-history-grid.component";
+import {GridToolbarButtonModule, SimpleGridModule} from "@colijnit/corecomponents_v12";
+import {PipeModule} from "../../../pipe/pipe.module";
+import {TransactionHistoryGridStatusModule} from "../../transaction-history-grid-status/transaction-history-grid-status.module";
+
+@NgModule({
+    imports: [
+        CommonModule,
+        CoreModule,
+        SimpleGridModule,
+        PipeModule,
+        TransactionHistoryGridStatusModule,
+        GridToolbarButtonModule
+    ],
+  declarations: [
+    TransactionHistoryGridComponent
+  ],
+  exports: [
+    TransactionHistoryGridComponent
+  ]
+})
+export class TransactionHistoryGridModule {
+}

package/projects/transaction/src/lib/component/transaction-grid/transaction-lines-grid/transaction-lines-grid.component.ts

@@ -0,0 +1,119 @@
+import {Component, HostBinding, ViewEncapsulation} from "@angular/core";
+import {TransactionKind} from "@colijnit/transactionapi/build/enum/transaction-kind.enum";
+import {TransactionLineInfo} from "@colijnit/transactionapi/build/model/transaction-line-info.bo";
+import {DialogService} from "../../../service/dialog.service";
+import {TransactionImageService} from "../../../service/transaction-image.service";
+import {TransactionService} from "../../../service/transaction.service";
+import {TransactionGridBaseComponent} from "../../core/base/transaction-grid-base.component";
+
+@Component({
+  selector: "co-transaction-lines-grid",
+  template: `
+    <co-transaction-base-grid [transaction]="transaction" (sidePanelClicked)="openSidePanel($event)">
+      <co-simple-grid-column [field]="'warehouseNumber'" [width]="50" [order]="40" [textAlign]="align.Right">
+        <ng-template #headerTemplate>
+          <icon class="transaction-grid-header-icon" [icon]="icons.Warehouse"></icon>
+        </ng-template>
+        <ng-template #template let-row = "row">
+          <div [textContent]="row.warehouseNumber" (click)="openWarehouseDialog(row)"></div>
+        </ng-template>
+      </co-simple-grid-column>
+      <co-simple-grid-column [field]="''" [width]="50" [order]="45" [textAlign]="align.Right">
+        <ng-template #headerTemplate>
+          <icon class="transaction-grid-header-icon" [icon]="icons.DeliveryTruck"></icon>
+        </ng-template>
+      </co-simple-grid-column>
+      <co-simple-grid-column [field]="''" [width]="50" [order]="46" [textAlign]="align.Right">
+        <ng-template #headerTemplate>
+          <icon class="transaction-grid-header-icon" [icon]="icons.DeliveryTruck"></icon>
+        </ng-template>
+        <ng-template #template let-row = "row">
+          <div [textContent]="row.commissionCode" (click)="openCommissionCodeDialog(row)"></div>
+        </ng-template>
+      </co-simple-grid-column>
+      <co-simple-grid-column [headerText]="'AMOUNT' | localize" [field]="'amount'" [textAlign]="align.Right" [width]="75" [resizable]="false" [order]="50"></co-simple-grid-column>
+      <co-simple-grid-column [headerText]="'TO_DELIVER' | localize" [textAlign]="align.Right" [width]="75" [resizable]="false" [order]="60"></co-simple-grid-column>
+      <co-simple-grid-column [headerText]="'STATUS' | localize" [textAlign]="align.Left" [width]="100" [resizable]="false" [order]="70">
+        <ng-template #template let-row = "row">
+          <co-transaction-line-statusbar [transactionLine]="row" [transactionInfo]="transactionInfo"></co-transaction-line-statusbar>
+        </ng-template>
+      </co-simple-grid-column>
+      <co-simple-grid-column [headerText]="'PRICE' | localize" [textAlign]="align.Right" [order]="80">
+        <ng-template #template let-row = "row">
+          <div [textContent]="row.price | priceDisplay"></div>
+        </ng-template>
+      </co-simple-grid-column>
+      <co-simple-grid-column [headerText]="'DISCOUNT' | localize" [textAlign]="align.Right" [width]="100" [resizable]="false" [order]="90">
+        <ng-template #template let-row = "row">
+          <div class="transaction-lines-grid-line-label" [textContent]="row.lineTotalDiscountAmount | priceDisplay"></div>
+        </ng-template>
+      </co-simple-grid-column>
+      <co-simple-grid-column [headerText]="'SUBTOTAL' | localize" [textAlign]="align.Right" [width]="100" [resizable]="false" [order]="100">
+        <ng-template #template let-row = "row">
+          <div class="transaction-lines-grid-line-label" [textContent]="row.lineTotalDiscountAmount | priceDisplay"></div>
+          <div [textContent]="row.netLineTotal | priceDisplay"></div>
+        </ng-template>
+      </co-simple-grid-column>
+      <co-simple-grid-column [headerText]="'DELIVERY_DATE' | localize" [textAlign]="align.Right" [width]="100" [resizable]="false" [order]="110">
+        <ng-template #template let-row = "row">
+          <div [textContent]="row.deliveryDate | date:'dd MMM yyyy'"></div>
+        </ng-template>
+      </co-simple-grid-column>
+    </co-transaction-base-grid>
+    <co-dialog-transaction-line-commission-code *ngIf="showDialogCommissionCode"
+                                                [transactionInfo]="transactionInfo"
+                                                [transactionLine]="currentTransactionLine"
+                                                (close)="showDialogCommissionCode = false"
+    ></co-dialog-transaction-line-commission-code>
+    <co-dialog-transaction-line-warehouse *ngIf="showDialogWarehouse"
+                                          [transactionInfo]="transactionInfo"
+                                          [transactionLine]="currentTransactionLine"
+                                          (close)="showDialogWarehouse = false">
+    </co-dialog-transaction-line-warehouse>
+  `,
+  encapsulation: ViewEncapsulation.None
+})
+export class TransactionLinesGridComponent extends TransactionGridBaseComponent {
+
+  @HostBinding("class.co-transaction-lines-grid")
+  public showClass(): boolean {
+    return true;
+  }
+
+  public currentTransactionLine: TransactionLineInfo;
+  public showDialogCommissionCode: boolean = false;
+  public showDialogWarehouse: boolean = false;
+  public transactionKind: TransactionKind;
+
+  constructor(
+    protected imageService: TransactionImageService,
+    protected transactionService: TransactionService,
+    private _dialogService: DialogService
+  ) {
+    super(transactionService, imageService);
+  }
+
+  public ngOnInit(): void {
+    this.transactionKind = this.transactionService.currentTransaction.transactionInfo.transactionKind;
+  }
+
+  public changeLineAmount(row: TransactionLineInfo, amount: number): void {
+     this.transactionService.changeTransactionLineQuantity(this.transactionInfo.uuid, row.uuid, amount).then((success: boolean) => {
+      if (!success) {
+        return;
+      } else {
+        row.amount = amount;
+      }
+    });
+  }
+
+  public openCommissionCodeDialog(row: TransactionLineInfo): void {
+    this.currentTransactionLine = row;
+    this.showDialogCommissionCode = true;
+  }
+
+  public openWarehouseDialog(row: TransactionLineInfo): void {
+    this.currentTransactionLine = row;
+    this.showDialogWarehouse = true;
+  }
+}

package/projects/transaction/src/lib/component/transaction-grid/transaction-lines-grid/transaction-lines-grid.module.ts

@@ -0,0 +1,48 @@
+import {NgModule} from "@angular/core";
+import {CommonModule} from "@angular/common";
+import { StatusbarModule } from "@colijnit/sharedcomponents";
+import {CoreModule} from "../../core/core.module";
+import { TransactionLineStatusbarModule } from "../../transaction-line-statusbar/transaction-line-statusbar.module";
+import {TransactionLinesGridComponent} from "./transaction-lines-grid.component";
+import {ButtonModule, InputNumberPickerModule, PriceDisplayPipeModule, SimpleGridModule} from "@colijnit/corecomponents_v12";
+import {PipeModule} from "../../../pipe/pipe.module";
+import {TransactionBaseGridModule} from "../transaction-base-grid/transaction-base-grid.module";
+import {DialogTransactionLineCommissionCodeModule} from "../../dialog/transaction-line/dialog-transaction-line-commission-code/dialog-transaction-line-commission-code.module";
+import {DialogTransactionLineWarehouseModule} from "../../dialog/transaction-line/dialog-transaction-line-warehouse/dialog-transaction-line-warehouse.module";
+import {DialogTransactionLineDeliveryMethodModule} from "../../dialog/transaction-line/dialog-transaction-line-delivery-method/dialog-transaction-line-delivery-method.module";
+import {DialogTransactionLineVatModule} from "../../dialog/transaction-line/dialog-transaction-line-vat/dialog-transaction-line-vat.module";
+import {DialogTransactionLineDiscountModule} from "../../dialog/transaction-line/dialog-transaction-line-discount/dialog-transaction-line-discount.module";
+import {DialogTransactionLinePriceListModule} from "../../dialog/transaction-line/dialog-transaction-line-price-list/dialog-transaction-line-price-list.module";
+import {
+  DialogTransactionLineWarehouseCcModule
+} from "../../dialog/transaction-line/dialog-transaction-line-warehouse-cc/dialog-transaction-line-warehouse-cc.module";
+
+@NgModule({
+  imports: [
+    CommonModule,
+    CoreModule,
+    SimpleGridModule,
+    InputNumberPickerModule,
+    PipeModule,
+    ButtonModule,
+    PriceDisplayPipeModule,
+    TransactionBaseGridModule,
+    DialogTransactionLineCommissionCodeModule,
+    DialogTransactionLineWarehouseModule,
+    DialogTransactionLineWarehouseCcModule,
+    DialogTransactionLineDeliveryMethodModule,
+    DialogTransactionLineVatModule,
+    DialogTransactionLineDiscountModule,
+    DialogTransactionLinePriceListModule,
+    StatusbarModule,
+    TransactionLineStatusbarModule
+  ],
+  declarations: [
+    TransactionLinesGridComponent
+  ],
+  exports: [
+    TransactionLinesGridComponent
+  ]
+})
+export class TransactionLinesGridModule {
+}

package/projects/transaction/src/lib/component/transaction-grid/transaction-order-confirmation-grid/transaction-order-confirmation-grid.component.ts

@@ -0,0 +1,48 @@
+import {Component, HostBinding, ViewEncapsulation} from "@angular/core";
+import {TransactionGridBaseComponent} from "../../core/base/transaction-grid-base.component";
+
+@Component({
+  selector: "co-transaction-order-confirmation-grid",
+  template: `
+    <co-transaction-base-grid [transaction]="transaction" (sidePanelClicked)="openSidePanel($event)">
+      <co-simple-grid-column [width]="100" [field]="'location'" [textAlign]="align.Center" [order]="40">
+        <ng-template #template let-row = "row">
+          <div class="co-transaction-grid-location-icon-wrapper">
+            <icon class="co-transaction-grid-menu-icon" [icon]="icons.Warehouse"></icon>
+            <span [textContent]="'98'"></span>
+          </div>
+          <div class="co-transaction-grid-location-icon-wrapper">
+            <icon class="co-transaction-grid-menu-icon" [icon]="icons.MapMarker"></icon>
+            <span [textContent]="'A01'"></span>
+          </div>
+          <div class="co-transaction-grid-location-icon-wrapper">
+            <icon class="co-transaction-grid-menu-icon" [icon]="icons.Truck"></icon>
+            <span [textContent]="'Black'"></span>
+          </div>
+        </ng-template>
+      </co-simple-grid-column>
+      <co-simple-grid-column [headerText]="'IN_ORDER' | localize" [field]="'inOrder'" [order]="50"></co-simple-grid-column>
+      <co-simple-grid-column [headerText]="'GROSS_PRICE' | localize" [field]="'grossPrice'" [order]="51"></co-simple-grid-column>
+      <co-simple-grid-column [headerText]="'DISCOUNT' | localize" [field]="'discount'" [order]="52"></co-simple-grid-column>
+      <co-simple-grid-column [headerText]="'NETTO_PRICE' | localize" [field]="'nettoPrice'" [order]="53"></co-simple-grid-column>
+      <co-simple-grid-column [headerText]="'CONFIRMED' | localize" [field]="'confirmed'" [order]="54"></co-simple-grid-column>
+      <co-simple-grid-column [field]="'commitButton'" [order]="55" [textAlign]="align.Center">
+        <ng-template #headerTemplate let-row = "row">
+          <co-input-checkbox></co-input-checkbox>
+        </ng-template>
+        <ng-template #template let-row = "row">
+          <co-input-checkbox></co-input-checkbox>
+        </ng-template>
+      </co-simple-grid-column>
+      <co-simple-grid-column [headerText]="'DELIVERY_DATE' | localize" [field]="'deliveryDate'" [order]="56"></co-simple-grid-column>
+    </co-transaction-base-grid>
+  `,
+  encapsulation: ViewEncapsulation.None
+})
+export class TransactionOrderConfirmationGridComponent extends TransactionGridBaseComponent {
+
+  @HostBinding("class.co-transaction-order-confirmation-grid")
+  public showClass(): boolean {
+    return true;
+  }
+}

package/projects/transaction/src/lib/component/transaction-grid/transaction-order-confirmation-grid/transaction-order-confirmation-grid.module.ts

@@ -0,0 +1,28 @@
+import {NgModule} from "@angular/core";
+import {CommonModule} from "@angular/common";
+import {CoreModule} from "../../core/core.module";
+import {PipeModule} from "../../../pipe/pipe.module";
+import {ButtonModule, InputCheckboxModule, SimpleGridModule} from "@colijnit/corecomponents_v12";
+import {TransactionOrderConfirmationGridComponent} from "./transaction-order-confirmation-grid.component";
+import {TransactionBaseGridModule} from "../transaction-base-grid/transaction-base-grid.module";
+
+@NgModule({
+  imports: [
+    CommonModule,
+    CoreModule,
+    PipeModule,
+    SimpleGridModule,
+    ButtonModule,
+    InputCheckboxModule,
+    TransactionBaseGridModule
+  ],
+  declarations: [
+    TransactionOrderConfirmationGridComponent
+  ],
+  exports: [
+    TransactionOrderConfirmationGridComponent
+  ]
+})
+export class TransactionOrderConfirmationGridModule {
+
+}