@colijnit/transaction 12.1.77 → 12.1.79

package/projects/transaction/src/lib/component/transaction-line/transaction-overview-line/transaction-overview-line.component.ts

@@ -0,0 +1,95 @@
+import {Component, HostBinding, HostListener, OnInit, ViewChild, ViewEncapsulation} from "@angular/core";
+import {StockStatus} from "@colijnit/transactionapi/build/enum/refcode/stock-status.enum";
+import {TransactionService} from "../../../service/transaction.service";
+import {DictionaryService} from "../../../service/dictionary.service";
+import {IconCacheService} from "../../../service/icon-cache.service";
+import {TransactionLineActionButtonsComponent} from "../../transaction-line-action-buttons/transaction-line-action-buttons.component";
+import {TransactionKind} from "@colijnit/transactionapi/build/enum/transaction-kind.enum";
+import {TransactionBaseComponent} from "../../core/base/transaction-base.component";
+import {TransactionTypeCategory} from "../../../enum/transaction-type-category.enum";
+
+@Component({
+  selector: "co-transaction-overview-line",
+  template: `
+    <co-transaction-base-line [transactionInfo]="transactionInfo" [transactionLine]="transactionLine" [preview]="preview" [selected]="selected">
+      <ng-container *ngIf="transactionLine.isArticle">
+        <div class="transaction-line-wrapper">
+          <div *ngIf=!preview class="transaction-line-extended-wrapper">
+            <div class="column1">
+              <co-transaction-line-commission-button [transactionLine]="transactionLine" [transactionInfo]="transactionInfo"></co-transaction-line-commission-button>
+              <co-transaction-line-warehouse-button [transactionLine]="transactionLine" [transactionInfo]="transactionInfo"></co-transaction-line-warehouse-button>
+              <co-transaction-line-statusbar [transactionLine]="transactionLine" [transactionInfo]="transactionInfo" [activeCategory]="category.SalesOrderOverview"></co-transaction-line-statusbar>
+            </div>
+            <div class="column2">
+              <co-transaction-line-delivery-button [transactionLine]="transactionLine" [transactionInfo]="transactionInfo"></co-transaction-line-delivery-button>
+              <co-transaction-line-delivery-date-button [transactionLine]="transactionLine" class="two-column"></co-transaction-line-delivery-date-button>
+            </div>
+          </div>
+          <div class="transaction-line-section">
+            <co-transaction-line-vat-button *ngIf="!preview" [transactionLine]="transactionLine" [transactionInfo]="transactionInfo"></co-transaction-line-vat-button>
+            <div class="transaction-line-totals">
+              <co-transaction-line-price class="transaction-line-totals-price price"
+                                         [transactionLine]="transactionLine"
+                                         [showLabel]="false"
+                                         [defaultEditMode]="false"
+              ></co-transaction-line-price>
+              <co-transaction-line-discount-button [transactionLine]="transactionLine" [transactionInfo]="transactionInfo"></co-transaction-line-discount-button>
+              <div *ngIf=!preview class="transaction-line-totals-amount">
+                <co-transaction-line-amount class="amount-number-picker" [transactionLine]="transactionLine" [transactionInfo]="transactionInfo"></co-transaction-line-amount>
+              </div>
+              <co-editable-label class="transaction-line-totals-total price"
+                                 [model]="transactionLine.displayNetLineTotal | coCurrency"
+                                 [editModel]="transactionLine.displayNetLineTotal"
+                                 [readonly]="true"
+                                 [commit]="!readonly"
+              ></co-editable-label>
+            </div>
+          </div>
+        </div>
+      </ng-container>
+    </co-transaction-base-line>
+  `,
+  encapsulation: ViewEncapsulation.None
+})
+export class TransactionOverviewLineComponent extends TransactionBaseComponent implements OnInit {
+  public readonly category: typeof TransactionTypeCategory = TransactionTypeCategory;
+
+  @ViewChild(TransactionLineActionButtonsComponent)
+  public transactionLineActionButtons: TransactionLineActionButtonsComponent;
+
+  @HostBinding("class.co-transaction-overview-line")
+  public showClass(): boolean {
+    return true;
+  }
+
+  @HostListener("mouseover", ["$event"])
+  public handleMouseOver(event: MouseEvent) {
+    this.mouseOver = true;
+  }
+
+  @HostListener("mouseleave", ["$event"])
+  public handleMouseLeave(event: MouseEvent) {
+    this.mouseOver = false;
+  }
+
+  public stock: StockStatus = StockStatus.Low;
+  public mouseOver: boolean = false;
+  public readonly: boolean = false;
+  public transactionKind: TransactionKind;
+
+  constructor(
+    public iconCacheService: IconCacheService,
+    protected transactionService: TransactionService,
+    private _dictionaryService: DictionaryService) {
+    super(transactionService);
+  }
+
+  public ngOnInit(): void {
+    this.transactionKind = this.transactionService.currentTransaction.transactionInfo.transactionKind;
+  }
+
+  public handleOpenArticleText(text: string): void {
+    this.transactionLineActionButtons.textToEdit = text;
+    this.transactionLineActionButtons.showArticleTextDialog();
+  }
+}

package/projects/transaction/src/lib/component/transaction-line/transaction-overview-line/transaction-overview-line.module.ts

@@ -0,0 +1,60 @@
+import {NgModule} from "@angular/core";
+import {CommonModule} from "@angular/common";
+import {ButtonModule, IconModule, InputNumberPickerModule} from "@colijnit/corecomponents_v12";
+import {TransactionArticleTextModule} from "../../shared/transaction-article-text/transaction-article-text.module";
+import {TransactionArticleTextOverviewModule} from "../../shared/transaction-article-text-overview/transaction-article-text-overview.module";
+import {CoreModule} from "../../core/core.module";
+import {PipeModule} from "../../../pipe/pipe.module";
+import {TransactionLineActionButtonsModule} from "../../transaction-line-action-buttons/transaction-line-action-buttons.module";
+import {EditableLabelModule} from "../../editable-label/editable-label.module";
+import {TransactionLineDescriptionModule} from "../../transaction-line-fields/transaction-line-description.module";
+import {TransactionOverviewLineComponent} from "./transaction-overview-line.component";
+import {TransactionBaseLineModule} from "../transaction-base-line/transaction-base-line.module";
+import {DragDropModule} from "@angular/cdk/drag-drop";
+import {TransactionLineCommissionButtonModule} from "../../transaction-line-fields/transaction-line-commission-button.module";
+import {TransactionLineWarehouseButtonModule} from "../../transaction-line-fields/transaction-line-warehouse-button.module";
+import {TransactionLineDeliveryButtonModule} from "../../transaction-line-fields/transaction-line-delivery-button.module";
+import {TransactionLineDeliveryDateButtonModule} from "../../transaction-line-fields/transaction-line-delivery-date-button.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 {TransactionLineStatusbarModule} from "../../transaction-line-statusbar/transaction-line-statusbar.module";
+import {TransactionLineAmountModule} from "../../transaction-line-fields/transaction-line-amount.module";
+import {TransactionLinePriceModule} from "../../transaction-line-fields/transaction-line-price/transaction-line-price.module";
+import {TransactionLineVatButtonModule} from "../../transaction-line-fields/transaction-line-vat-button.module";
+import {TransactionLineDiscountButtonModule} from "../../transaction-line-fields/transaction-line-discount-button.module";
+
+@NgModule({
+  imports: [
+    CommonModule,
+    CoreModule,
+    ButtonModule,
+    InputNumberPickerModule,
+    TransactionArticleTextModule,
+    TransactionArticleTextOverviewModule,
+    PipeModule,
+    TransactionLineActionButtonsModule,
+    IconModule,
+    EditableLabelModule,
+    TransactionLinePriceModule,
+    TransactionLineDescriptionModule,
+    TransactionBaseLineModule,
+    DragDropModule,
+    TransactionLineCommissionButtonModule,
+    TransactionLineWarehouseButtonModule,
+    TransactionLineDeliveryButtonModule,
+    TransactionLineDeliveryDateButtonModule,
+    DialogTransactionLineVatModule,
+    DialogTransactionLineDiscountModule,
+    TransactionLineStatusbarModule,
+    TransactionLineAmountModule,
+    TransactionLineVatButtonModule,
+    TransactionLineDiscountButtonModule
+  ],
+  declarations: [
+    TransactionOverviewLineComponent
+  ],
+  exports: [
+    TransactionOverviewLineComponent
+  ]
+})
+export class TransactionOverviewLineModule {}

package/projects/transaction/src/lib/component/transaction-line/transaction-purchase-line/transaction-purchase-line.component.ts

@@ -0,0 +1,105 @@
+import {Component, HostBinding, OnDestroy, OnInit, ViewEncapsulation} from "@angular/core";
+import {TransactionService} from "../../../service/transaction.service";
+import {IconCacheService} from "../../../service/icon-cache.service";
+import {Subscription} from "rxjs";
+import {TransactionEventService} from "../../../service/transaction-event.service";
+import {TransactionBaseComponent} from "../../core/base/transaction-base.component";
+import {TransactionTypeCategory} from "../../../enum/transaction-type-category.enum";
+
+@Component({
+  selector: "co-transaction-purchase-line",
+  template: `
+    <co-transaction-base-line [transactionInfo]="transactionInfo"
+                              [transactionLine]="transactionLine"
+                              [preview]="preview"
+                              [checkbox]="showCheckboxForLine"
+                              [checkboxValue]="selected"
+                              (checkboxValueChanged)="selected = $event">
+      <ng-container *ngIf="transactionLine.isArticle">
+        <div class="transaction-line-wrapper">
+          <div *ngIf=!preview class="transaction-line-extended-wrapper">
+            <div class="column1">
+              <co-transaction-line-commission-button [transactionLine]="transactionLine" [transactionInfo]="transactionInfo"></co-transaction-line-commission-button>
+              <co-transaction-line-warehouse-button [transactionLine]="transactionLine" [transactionInfo]="transactionInfo"></co-transaction-line-warehouse-button>
+              <co-transaction-line-delivery-date-button [transactionLine]="transactionLine" class="two-column"></co-transaction-line-delivery-date-button>
+            </div>
+            <div class="column2">
+              <co-transaction-line-delivery-button [transactionLine]="transactionLine" [transactionInfo]="transactionInfo"></co-transaction-line-delivery-button>
+              <co-transaction-line-statusbar
+                [transactionLine]="transactionLine"
+                [transactionInfo]="transactionInfo"
+                [activeCategory]="category.SalesOrderPurchase"></co-transaction-line-statusbar>
+            </div>
+            <div class="column3">
+              <co-transaction-line-supplier-button [transactionLine]="transactionLine" [transactionInfo]="transactionInfo"></co-transaction-line-supplier-button>
+            </div>
+          </div>
+          <div class="transaction-line-totals">
+            <co-transaction-line-price class="transaction-line-totals-price price"
+                                       [transactionLine]="transactionLine"
+                                       [showLabel]="false"
+                                       [defaultEditMode]="false"
+            ></co-transaction-line-price>
+            <div class="transaction-line-button custom-width transaction-line-totals-discount" (click)="showDialogDiscount = true">
+              <span class="co-transaction-overflow-ellipsis" [class.transaction-negative-value]="transactionLine.lineTotalDiscountAmount < 0"
+                    [textContent]="(transactionLine.lineTotalDiscountAmount | coCurrency) || ('DISCOUNT' | localize)"></span>
+            </div>
+            <div *ngIf=!preview class="transaction-line-totals-amount">
+              <co-transaction-line-amount class="amount-number-picker" [transactionLine]="transactionLine" [transactionInfo]="transactionInfo"></co-transaction-line-amount>
+            </div>
+            <co-editable-label class="transaction-line-totals-total price"
+                               [model]="transactionLine.displayNetLineTotal | coCurrency"
+                               [editModel]="transactionLine.displayNetLineTotal"
+                               [readonly]="readonly"
+                               [commit]="!readonly"
+            ></co-editable-label>
+          </div>
+        </div>
+      </ng-container>
+    </co-transaction-base-line>
+    <co-dialog-transaction-line-discount *ngIf="showDialogDiscount"
+                                         [transactionInfo]="transactionInfo"
+                                         [transactionLine]="transactionLine"
+                                         (close)="showDialogDiscount = false"
+    ></co-dialog-transaction-line-discount>
+  `,
+  encapsulation: ViewEncapsulation.None
+})
+export class TransactionPurchaseLineComponent extends TransactionBaseComponent implements OnInit, OnDestroy {
+  public readonly category: typeof TransactionTypeCategory = TransactionTypeCategory;
+
+  @HostBinding("class.co-transaction-purchase-line")
+  public showClass() {
+    return true;
+  }
+
+  public selected: boolean = false;
+  public showDialogDiscount: boolean = false;
+  public showCheckboxForLine: boolean = false;
+
+  private _subs: Subscription[] = [];
+
+  constructor(
+    public iconCacheService: IconCacheService,
+    protected transactionService: TransactionService,
+    private _transactionEventService: TransactionEventService) {
+    super(transactionService);
+  }
+
+  ngOnInit(): void {
+    this._subs.push(
+      this._transactionEventService.selectAllSalesOrderLinesForPurchase.subscribe((value) => {
+        this.selected = value;
+      })
+    );
+  }
+
+  ngOnDestroy(): void {
+    this._subs.forEach(s => s.unsubscribe());
+  }
+
+  protected transactionLineSet(): void {
+    this.showCheckboxForLine = this.transactionLine && this.transactionLine.commissionCode === "0";
+  }
+
+}

package/projects/transaction/src/lib/component/transaction-line/transaction-purchase-line/transaction-purchase-line.module.ts

@@ -0,0 +1,44 @@
+import {NgModule} from "@angular/core";
+import {CommonModule} from "@angular/common";
+import {TransactionPurchaseLineComponent} from "./transaction-purchase-line.component";
+import {TransactionBaseLineModule} from "../transaction-base-line/transaction-base-line.module";
+import {TransactionLineWarehouseButtonModule} from "../../transaction-line-fields/transaction-line-warehouse-button.module";
+import {TransactionLineDeliveryButtonModule} from "../../transaction-line-fields/transaction-line-delivery-button.module";
+import {TransactionLineDeliveryDateButtonModule} from "../../transaction-line-fields/transaction-line-delivery-date-button.module";
+import {TransactionLineStatusbarModule} from "../../transaction-line-statusbar/transaction-line-statusbar.module";
+import {PipeModule} from "../../../pipe/pipe.module";
+import {InputNumberPickerModule} from "@colijnit/corecomponents_v12";
+import {EditableLabelModule} from "../../editable-label/editable-label.module";
+import {DialogTransactionLineDiscountModule} from "../../dialog/transaction-line/dialog-transaction-line-discount/dialog-transaction-line-discount.module";
+import {TransactionLineAmountModule} from "../../transaction-line-fields/transaction-line-amount.module";
+import {TransactionLineCommissionButtonModule} from "../../transaction-line-fields/transaction-line-commission-button.module";
+import {TransactionLineSupplierButtonModule} from "../../transaction-line-fields/transaction-line-supplier-button.module";
+import {TransactionLinePriceModule} from "../../transaction-line-fields/transaction-line-price/transaction-line-price.module";
+
+@NgModule({
+  imports: [
+    CommonModule,
+    TransactionBaseLineModule,
+    TransactionLineWarehouseButtonModule,
+    TransactionLineDeliveryButtonModule,
+    TransactionLineDeliveryDateButtonModule,
+    TransactionLineStatusbarModule,
+    PipeModule,
+    InputNumberPickerModule,
+    EditableLabelModule,
+    DialogTransactionLineDiscountModule,
+    TransactionLineAmountModule,
+    TransactionLineCommissionButtonModule,
+    TransactionLineSupplierButtonModule,
+    TransactionLinePriceModule,
+    TransactionLinePriceModule
+  ],
+  declarations: [
+    TransactionPurchaseLineComponent
+  ],
+  exports: [
+    TransactionPurchaseLineComponent
+  ]
+})
+export class TransactionPurchaseLineModule {
+}

package/projects/transaction/src/lib/component/transaction-line/transaction-receive-goods-line/service/transaction-receive-goods.service.ts

@@ -0,0 +1,73 @@
+import {Injectable} from "@angular/core";
+import {TransactionService} from "../../../../service/transaction.service";
+import {Subject, Subscription} from "rxjs";
+import {TransactionEventService} from "../../../../service/transaction-event.service";
+import {
+  ReceiveGoodsForPurchaseOrderRequest
+} from "@colijnit/transactionapi/build/model/receive-goods-for-purchase-order-request.bo";
+import {
+  PurchaseOrderLineReceiptDetails
+} from "@colijnit/transactionapi/build/model/purchase-order-line-receipt-details.bo";
+import {TransactionInfoResponse} from "@colijnit/transactionapi/build/model/transaction-info-response.bo";
+import {AvailableStock} from "@colijnit/transactionapi/build/model/available-stock.bo";
+import {ExtendedTransactionLineViewModel} from "../../../../model/extended-transaction-line-view-model";
+
+@Injectable({
+  providedIn: "root"
+})
+export class TransactionReceiveGoodsService {
+
+  public lines: ExtendedTransactionLineViewModel[] = [];
+  public returnArticleSelected: Subject<AvailableStock> = new Subject<AvailableStock>();
+  public reloadAvailableStockData: Subject<void> = new Subject();
+
+  private _subscriptions: Subscription[] = [];
+
+  constructor(
+    private _transactionService: TransactionService,
+    private _transactionEventService: TransactionEventService,
+  ) {
+    this._subscriptions.push(
+      this._transactionEventService.commitReceivePurchaseOrders.subscribe((value => {
+        this.handleReceiveSelectedPurchaseOrders(value);
+      }))
+    )
+  }
+
+  public async handleReceiveSelectedPurchaseOrders(value: {date: Date, id: string}): Promise<boolean> {
+    const selectedLines: ExtendedTransactionLineViewModel[] = this.lines.filter((line) => line.selected && line.quantityToReceive > 0);
+
+    if (selectedLines.length > 0) {
+        const receivedGoodsRequest: ReceiveGoodsForPurchaseOrderRequest = new ReceiveGoodsForPurchaseOrderRequest();
+        receivedGoodsRequest.transId = selectedLines[0].transId;
+        receivedGoodsRequest.receivedDate = value.date;
+        receivedGoodsRequest.packingSlipNr = value.id;
+        receivedGoodsRequest.purchaseOrderLineReceiptDetailsDTOS = [];
+
+      selectedLines.forEach((line) => {
+          const detail: PurchaseOrderLineReceiptDetails = new PurchaseOrderLineReceiptDetails();
+          detail.lineNr = line.lineNr;
+          detail.quantityToReceive = line.quantityToReceive;
+          detail.warehouseNr = line.warehouseNumber;
+          detail.locationNr = line.locationNr;
+          receivedGoodsRequest.purchaseOrderLineReceiptDetailsDTOS.push(detail);
+        });
+
+      const response: TransactionInfoResponse = await this._transactionService.receiveGoodsForPurchaseOrder(receivedGoodsRequest);
+      if (response) {
+        this._handleAfterCommitReceivedOrders(selectedLines);
+      }
+      return !!response;
+    }
+    return false;
+  }
+
+  private _handleAfterCommitReceivedOrders(selectedLines: ExtendedTransactionLineViewModel[]): void {
+    selectedLines.forEach((line) => {
+      line.quantityReceived += line.quantityToReceive;
+      line.quantityToReceive -= line.quantityToReceive;
+      this._transactionEventService.transactionLineChanged.next(line);
+    });
+    this._transactionEventService.selectAllLines.next(false);
+  }
+}

package/projects/transaction/src/lib/component/transaction-line/transaction-receive-goods-line/style/_layout.scss

@@ -0,0 +1,41 @@
+@include export-module('cc-transaction-receive-goods-line-layout') {
+  .co-transaction-receive-goods-line {
+    font-family: 'Public sans';
+
+    .line-content-wrapper {
+      display: grid;
+      grid-template-columns:
+        60px
+        $tp-transaction-line-button-width
+        $tp-transaction-line-button-width
+        $tp-transaction-line-button-width
+        90px
+        30px
+        $tp-transaction-line-button-width;
+      grid-template-rows: $tp-transaction-line-button-height;
+      gap: 0 10px;
+      grid-template-areas:
+    ". . . . . . .";
+      padding: 8px;
+
+      co-transaction-line-statusbar {
+        align-self: center;
+      }
+    }
+
+    .print-button {
+      display: flex;
+      align-items: center;
+      padding: 0px 9px;
+      border: 1px solid #8a8f8f;
+      border-radius: 9px;
+      width: 55px;
+      justify-content: space-between;
+
+      co-icon {
+        width: 17px;
+        height: 17px;
+      }
+    }
+  }
+}

package/projects/transaction/src/lib/component/transaction-line/transaction-receive-goods-line/transaction-receive-goods-line.component.ts

@@ -0,0 +1,130 @@
+import {Component, HostBinding, OnInit, ViewEncapsulation} from "@angular/core";
+import {Icon} from "../../../enum/icon.enum";
+import {IconCacheService} from "../../../service/icon-cache.service";
+import {TransactionService} from "../../../service/transaction.service";
+import {TransactionEventService} from "../../../service/transaction-event.service";
+import {Subscription} from "rxjs";
+import {GoodsReceiptStatus} from "@colijnit/transactionapi/build/model/goods-receipt-status.bo";
+import {TransactionReceiveGoodsService} from "./service/transaction-receive-goods.service";
+import {ExtendedTransactionLineViewModel} from "../../../model/extended-transaction-line-view-model";
+import {TransactionKind} from "@colijnit/transactionapi/build/enum/transaction-kind.enum";
+import {TransactionTypeCategory} from "../../../enum/transaction-type-category.enum";
+import {TransactionBaseComponent} from "../../core/base/transaction-base.component";
+
+@Component({
+  selector: "co-transaction-receive-goods-line",
+  template: `
+    <co-transaction-base-line [transactionInfo]="transactionInfo" [transactionLine]="viewModel" [preview]="preview" [actionButtons]="false" (click)="handleLineClicked($event)" observeVisibility (visible)="handleRowVisible()">
+      <div class="line-content-wrapper" data-action="openSidePanel">
+        <co-transaction-line-statusbar [transactionLine]="transactionLine" [transactionInfo]="transactionInfo" [activeCategory]="transactionTypeCategory.PurchaseOrderReceivedGoods"></co-transaction-line-statusbar>
+        <co-transaction-line-warehouse-button [transactionLine]="viewModel" [readonly]="viewModel.quantityReceived === viewModel.amount" [transactionInfo]="transactionInfo"></co-transaction-line-warehouse-button>
+        <co-transaction-line-warehouse-location-button [readonly]="warehouseButtonReadonly()" [line]="viewModel"></co-transaction-line-warehouse-location-button>
+        <co-editable-label class="transaction-line-totals-total price"
+                           [model]="viewModel.amount.toString() + 'x'"
+                           [readonly]="true"
+        ></co-editable-label>
+        <div class="transaction-line-totals-amount"
+             [class.fully-delivered]="viewModel.quantityReceived === viewModel.amount"
+             [class.partially-delivered]="viewModel.quantityReceived !== viewModel.amount && viewModel.quantityReceived !== 0">
+          <co-input-number-picker class="amount-number-picker"
+                                  [(model)]="viewModel.quantityToReceive"
+                                  [min]="!allowPartialDelivery ? viewModel.amount : 1"
+                                  [max]="viewModel.amount - viewModel.quantityReceived"
+                                  [readonly]="readonly || !allowPartialDelivery || viewModel.quantityReceived === viewModel.amount"
+                                  (modelChange)="changeLineAmount($event)">
+          </co-input-number-picker>
+        </div>
+        <co-input-checkbox class="transaction-line-checkbox"
+                           [(model)]="viewModel.selected"
+                           [disabled]="viewModel.quantityReceived === viewModel.amount || viewModel.quantityToReceive < 0"
+        ></co-input-checkbox>
+        <div class="print-button">
+          <co-icon [iconData]="iconCacheService.getIcon(icons.PrintSolid)"></co-icon>
+          <span class="price" [textContent]="1"></span>
+        </div>
+      </div>
+    </co-transaction-base-line>
+  `,
+  encapsulation: ViewEncapsulation.None
+})
+export class TransactionReceiveGoodsLineComponent extends TransactionBaseComponent implements OnInit {
+  public readonly icons: typeof Icon = Icon;
+  public readonly transactionTypeCategory: typeof TransactionTypeCategory = TransactionTypeCategory;
+
+  public allowPartialDelivery: boolean;
+  public viewModel: ExtendedTransactionLineViewModel = new ExtendedTransactionLineViewModel();
+  public transactionKind: TransactionKind;
+
+  @HostBinding("class.co-transaction-receive-goods-line")
+  public showClass() {
+    return true;
+  }
+
+  private _subscriptions: Subscription[] = [];
+
+  constructor(
+    public iconCacheService: IconCacheService,
+    protected transactionService: TransactionService,
+    private _transactionService: TransactionService,
+    private _transactionEventService: TransactionEventService,
+    private _transactionReceiveGoodsService: TransactionReceiveGoodsService
+  ) {
+    super(transactionService);
+  }
+
+  public ngOnInit(): void {
+    this.allowPartialDelivery = this.transactionInfo.allowPartialDelivery;
+    this.transactionKind = this.transactionInfo.transactionKind;
+    this._initViewModel();
+
+    this._subscriptions.push(
+      this._transactionEventService.selectAllLines.subscribe((value) => {
+        this.viewModel.selected = this.viewModel.quantityReceived === this.viewModel.amount || this.viewModel.quantityToReceive < 0 ? false : value;
+      }),
+      this._transactionEventService.transactionLineChanged.subscribe((line) => {
+        if (line.lineNr === this.viewModel.lineNr) {
+          this.viewModel.quantityToReceive = line.quantityToReceive;
+          this.viewModel.quantityReceived = line.quantityReceived;
+        }
+      })
+    )
+  }
+
+  public ngOnDestroy(): void {
+    this._subscriptions.forEach(s => s.unsubscribe());
+    this._transactionReceiveGoodsService.lines = [];
+  }
+
+  private _initViewModel(): void {
+    Object.assign(this.viewModel, this.transactionLine);
+    this.viewModel.quantityToReceive = 0;
+    this.viewModel.quantityReceived = 0;
+    this.viewModel.lineNr = this.transactionLine.lineNr;
+    this.viewModel.transId = this.transactionInfo.id;
+  }
+
+  public async handleRowVisible(): Promise<void> {
+    if (this.transactionLine.isArticle) {
+      const goodsReceiptStatus: GoodsReceiptStatus = await this._transactionService.getGoodsReceiptStatus(this.transactionInfo.id, this.transactionLine.lineNr);
+      this.viewModel.quantityToReceive = goodsReceiptStatus.quantityToReceive;
+      this.viewModel.quantityReceived = goodsReceiptStatus.quantityReceived;
+      this.viewModel.selected = this.viewModel.quantityReceived !== this.viewModel.amount && !this.viewModel.isSerialNrRequired && !this.viewModel.isBatchNrRequired && this.viewModel.quantityToReceive > 0;
+      this._transactionReceiveGoodsService.lines.push(this.viewModel);
+    }
+  }
+
+  public changeLineAmount(amount: number): void {
+
+  }
+
+  public handleLineClicked(mouseClick: PointerEvent): void {
+    const target: HTMLElement = <HTMLElement>mouseClick.target;
+    if (target && target.dataset && target.dataset['action'] && target.dataset['action'] === 'openSidePanel') {
+      this._transactionEventService.openSidePanel.next(this.transactionLine);
+    }
+  }
+
+  public warehouseButtonReadonly(): boolean {
+    return this.viewModel.quantityReceived === this.viewModel.amount || !this.viewModel.isLocationRequired || this.viewModel.isBatchNrRequired || this.viewModel.isSerialNrRequired;
+  }
+}

package/projects/transaction/src/lib/component/transaction-line/transaction-receive-goods-line/transaction-receive-goods-line.module.ts

@@ -0,0 +1,46 @@
+import {NgModule} from "@angular/core";
+import {CommonModule} from "@angular/common";
+import {TransactionReceiveGoodsLineComponent} from "./transaction-receive-goods-line.component";
+import {TransactionBaseLineModule} from "../transaction-base-line/transaction-base-line.module";
+import {
+  TransactionLineWarehouseButtonModule
+} from "../../transaction-line-fields/transaction-line-warehouse-button.module";
+import {
+  TransactionLineWarehouseLocationModule
+} from "../../transaction-line-fields/transaction-line-warehouse-location.module";
+import {EditableLabelModule} from "../../editable-label/editable-label.module";
+import {
+    IconModule,
+    InputCheckboxModule,
+    InputNumberPickerModule,
+    ObserveVisibilityModule
+} from "@colijnit/corecomponents_v12";
+import {
+  TransactionLineWarehouseLocationButtonModule
+} from "../../transaction-line-fields/transaction-line-warehouse-location-button.module";
+import {TransactionLineStatusbarModule} from "../../transaction-line-statusbar/transaction-line-statusbar.module";
+
+
+@NgModule({
+    imports: [
+        CommonModule,
+        TransactionBaseLineModule,
+        TransactionLineWarehouseButtonModule,
+        TransactionLineWarehouseLocationModule,
+        EditableLabelModule,
+        InputNumberPickerModule,
+        InputCheckboxModule,
+        IconModule,
+        TransactionLineWarehouseLocationButtonModule,
+        ObserveVisibilityModule,
+        TransactionLineStatusbarModule
+    ],
+  declarations: [
+    TransactionReceiveGoodsLineComponent
+  ],
+  exports: [
+    TransactionReceiveGoodsLineComponent
+  ]
+})
+export class TransactionReceiveGoodsLineModule {
+}