@colijnit/sharedcomponents 261.1.0 → 261.1.2

package/projects/sharedcomponents/src/lib/components/stock/components/stock-location/components/stock-location-popup/stock-location-popup.component.ts

@@ -0,0 +1,266 @@
+import {ChangeDetectorRef, Component, EventEmitter, Input, Output, ViewEncapsulation} from "@angular/core";
+import {IconCacheService} from "../../../../../../service/icon-cache.service";
+import {Icon} from "../../../../../../enum/icon.enum";
+import {StockService} from "../../../../../../service/stock.service";
+import {StockManagementWarehouses} from "@colijnit/articleapi/build/model/stock-management-warehouses.bo";
+import {ArticleStockManagement} from "@colijnit/articleapi/build/model/article-stock-management";
+import {ArticleDetailsBo} from "@colijnit/articleapi/build/model/article-details.bo";
+import {StockStatus} from "@colijnit/articleapi/build/model/stock-status.bo";
+import {ArticleFlat} from "@colijnit/articleapi/build/model/article-flat.bo";
+import {StockLocation} from "@colijnit/articleapi/build/model/stock-location.bo";
+
+@Component({
+  selector: "co-stock-location-popup",
+  template: `
+    <div class="stock-grid">
+      <co-dialog *ngIf="showConfirmationDialog"
+                 [showCloseIcon]="true"
+                 [modal]="true"
+                 (closeClick)="togglePopup()"
+                 [headerTemplate]="headerTemplate"
+                 [footerTemplate]="footerTemplate">
+        <ng-template #headerTemplate>
+          <div class="co-dialog-header-title-wrapper">
+            <co-icon [iconData]="iconCacheService.getIcon(icons.Cubes)"></co-icon>
+            <div class="co-dialog-header-title" [textContent]="'CONFIRM_STOCK_CHANGE' | sharedLocalize"></div>
+          </div>
+        </ng-template>
+        <div *ngIf="deleteStockLine" class="dialog-wrapper">
+          <span class="stock-header" [textContent]="'DELETE_STOCK_LINE?' | sharedLocalize"></span>
+        </div>
+        <div *ngIf="!deleteStockLine" class="dialog-wrapper">
+          <div class="stock-dialog-header">
+            <span class="stock-header" *ngIf="newStockLine" [textContent]="'NEW_STOCK_LINE' | sharedLocalize"></span>
+            <span class="stock-header" *ngIf="!newStockLine" [textContent]="'CHANGE_STOCK_LINE' | sharedLocalize"></span>
+          </div>
+          <div class="stock-dialog-row">
+            <co-input-text [model]="selectedWarehouse?.warehouseDescription"
+                           [placeholder]="'WAREHOUSE' | sharedLocalize"
+                           [readonly]="true"
+            ></co-input-text>
+            <co-input-text [(model)]="selectedArticleDetailsData.serialNo"
+                           [placeholder]="'SERIAL_NO' | sharedLocalize"
+                           [readonly]="false"
+            ></co-input-text>
+
+          </div>
+          <div class="stock-dialog-row">
+            <co-list-of-values *ngIf="articleFlat.locationRegistered"
+              [model]="locationForNumber(selectedArticleDetailsData.locationNo)"
+              [collection]="stockLocations"
+              [displayField]="'locationNo'"
+              [label]="'LOCATION' | sharedLocalize"
+              [required]="true"
+              (modelChange)="locationChanged($event)"
+            ></co-list-of-values>
+            <co-input-text [(model)]="selectedArticleDetailsData.batchNo"
+                           [placeholder]="'BATCH' | sharedLocalize"
+                           [readonly]="false"
+            ></co-input-text>
+          </div>
+          <div class="stock-dialog-row">
+            <div class="stock-dialog-row-row">
+              <co-input-text [model]="articleStockInfo[0]?.purchasePrice | currency:'EUR'"
+                             [placeholder]="'PURCHASE_PRICE' | sharedLocalize"
+                             [readonly]="false"
+              ></co-input-text>
+              <co-input-text [(model)]="articleStockInfo[0].currency"
+                             [placeholder]="'VALUTA' | sharedLocalize"
+                             [readonly]="false"
+              ></co-input-text>
+            </div>
+            <co-input-date [model]="selectedArticleDetailsData?.entryDate? selectedArticleDetailsData?.entryDate : newDate()"
+                           [placeholder]="'DATE' | sharedLocalize"
+                           [readonly]="false"
+            ></co-input-date>
+          </div>
+          <div class="stock-dialog-row">
+            <co-input-number-picker
+              [(model)]="selectedArticleDetailsData.amountInStock"
+              [label]="'STOCK' | sharedLocalize"
+              (modelChange)="amountInStockChanged($event)"
+              [min]="0"
+            ></co-input-number-picker>
+            <span class="filler"></span>
+          </div>
+        </div>
+        <ng-template #footerTemplate>
+          <div class="button-wrapper ok-cancel-buttons">
+            <span *ngIf="stockBelow" class="minimum-stock" [textContent]="'STOCK_BELOW_ZERO_TEXT' | sharedLocalize"></span>
+            <co-button class="save-button"
+                       (click)="handleOkClick()"
+                       [iconData]="iconCacheService.getIcon(icons.CheckDuotone)"
+                       [disabled]="disabled()">
+            </co-button>
+            <co-button class="cancel-button"
+                       (click)="togglePopup()"
+                       [iconData]="iconCacheService.getIcon(icons.CrossSkinny)">
+            </co-button>
+          </div>
+        </ng-template>
+      </co-dialog>
+    </div>
+  `,
+  encapsulation: ViewEncapsulation.None
+})
+export class StockLocationPopupComponent {
+  public readonly icons: typeof Icon = Icon;
+
+  private _selectedLocationNo: string;
+
+  @Input()
+  public editingRow: boolean = false;
+
+  @Input()
+  public showConfirmationDialog: boolean = false;
+
+  @Input()
+  public newStockLine: boolean = false;
+
+  @Input()
+  public deleteStockLine: boolean = false;
+
+  @Input()
+  public selectedArticleDetailsData: ArticleDetailsBo = new ArticleDetailsBo();
+
+  @Input()
+  public articleFlat: ArticleFlat;
+
+  @Input()
+  public articleDetailsInformation: ArticleStockManagement = new ArticleStockManagement()
+
+  @Input()
+  public selectedWarehouse: StockManagementWarehouses = new StockManagementWarehouses();
+
+  @Input()
+  public set selectedLocationNo(locationNo : string) {
+    this._selectedLocationNo = locationNo;
+  };
+
+  public get selectedLocationNo(): string {
+    return this._selectedLocationNo;
+  }
+
+  @Input()
+  public articleStockInfo: ArticleDetailsBo[] = [];
+
+  @Output()
+  public togglePopupEvent: EventEmitter<void> = new EventEmitter<void>();
+
+  @Output()
+  public saveEvent: EventEmitter<boolean> = new EventEmitter<boolean>();
+
+  @Output()
+  public updateGridData: EventEmitter<ArticleDetailsBo[]> = new EventEmitter<ArticleDetailsBo[]>();
+
+  @Input()
+  public stockLocations: StockLocation[] = [];
+
+  @Input()
+  public stockStatus: StockStatus[] = [];
+
+  public stockBelow: boolean = false;
+
+
+  constructor(
+    public iconCacheService: IconCacheService,
+    private _stockService: StockService,
+    private _changeDetector: ChangeDetectorRef,
+  ) {
+  }
+
+
+
+  public statusForId(id: number) {
+    return this.stockStatus.find(status => status.stockStateId === id) ? this.stockStatus.find(status => status.stockStateId === id) : 0 ;
+  }
+
+  public handleStockStatusChange(status: StockStatus) {
+    this.selectedArticleDetailsData.stockStateId = status.stockStateId;
+  }
+
+  public handleStockStatusRemarkChange(remark: string) {
+    this.selectedArticleDetailsData.stockStateRemark = remark;
+  }
+
+  public amountInStockChanged(data): void {
+    this.selectedArticleDetailsData.amountInStock = data;
+  }
+
+  public disabled() {
+    return (!this.selectedArticleDetailsData?.stockStateId && this.selectedArticleDetailsData?.stockStateRemark?.length <= 1);
+  }
+
+  public handleOkClick() {
+    if (this.selectedArticleDetailsData.stockAssigned >= this.selectedArticleDetailsData.amountInStock) {
+      this.stockBelow = true;
+    } else {
+      this.stockBelow = false;
+      this.handleStockChange();
+      this.saveEvent.emit(true);
+      this._changeDetector.detectChanges();
+      this.togglePopupEvent.emit();
+    }
+  }
+
+
+  public togglePopup() {
+    this.stockBelow = false;
+    this.togglePopupEvent.emit();
+  }
+
+  public getStockLocations(): void {
+    this._stockService.getStockManagementLocations(this.selectedWarehouse.warehouseNo).then((locations) => {
+      this.stockLocations = locations;
+    });
+  }
+
+  public locationForNumber(number: string) {
+    return this.stockLocations?.find(location => location.locationNo === number) ? this.stockLocations?.find(location => location.locationNo === number) : "" ;
+  }
+
+  public locationChanged(event: StockLocation): void {
+    this.selectedLocationNo = event.locationNo;
+    this.selectedArticleDetailsData.locationNo = event.locationNo;
+    if (this.articleStockInfo?.length === 1) {
+      this.handleStockChange();
+    }
+    this.getStockLocations()
+  }
+
+  public handleStockChange() {
+    this.selectedArticleDetailsData.selected = true;
+    if (this.articleFlat.goodId) {
+      this.selectedArticleDetailsData.goodId = this.articleFlat.goodId;
+    } else if (this.articleDetailsInformation.goodId) {
+      this.selectedArticleDetailsData.goodId = parseInt(this.articleDetailsInformation.goodId);
+    }
+    this.selectedArticleDetailsData.entryDate = new Date();
+    if (this.deleteStockLine) {
+      this.selectedWarehouse.warehouseNo = this.selectedArticleDetailsData.warehouseNo;
+      this.selectedArticleDetailsData.amountInStock = 0;
+    } else {
+      this.selectedArticleDetailsData.warehouseNo = this.selectedWarehouse.warehouseNo;
+      if (this.selectedLocationNo && this.articleFlat.locationRegistered) {
+        this.selectedArticleDetailsData.locationNo = this.selectedLocationNo?.toString();
+      }
+    }
+    //if (!this.selectedArticleDetailsData.amountInStock) {
+    //  this.selectedArticleDetailsData.amountInStock = 1;
+    // }
+    this._stockService.updateArticleDetails(this.selectedArticleDetailsData).then(result => {
+        this.articleDetailsInformation.goodId = this.selectedArticleDetailsData.goodId?.toString();
+        this.articleDetailsInformation.warehouseNumber = this.selectedArticleDetailsData.warehouseNo;
+        this._stockService.getArticleDetails(this.articleDetailsInformation).then((details) => {
+          this.articleStockInfo = details;
+          this.updateGridData.emit(details);
+        });
+      }
+    );
+  }
+
+  public newDate(): Date {
+    return new Date();
+  }
+
+}

package/projects/sharedcomponents/src/lib/components/stock/components/stock-location/stock-location.component.ts

@@ -0,0 +1,373 @@
+import {
+  ChangeDetectorRef,
+  Component,
+  EventEmitter,
+  Input,
+  OnDestroy,
+  OnInit,
+  Output,
+  ViewEncapsulation
+} from '@angular/core';
+import {ArticleStock as ArticleStockBo} from '@colijnit/articleapi/build/model/article-stock.bo';
+import {IconCacheService} from '../../../../service/icon-cache.service';
+import {Icon} from '../../../../enum/icon.enum';
+import {StockService} from '../../../../service/stock.service';
+import {StockManagementWarehouses} from '@colijnit/articleapi/build/model/stock-management-warehouses.bo';
+import {ArticleStockManagement} from '@colijnit/articleapi/build/model/article-stock-management';
+import {ArticleDetailsBo} from '@colijnit/articleapi/build/model/article-details.bo';
+import {StockLocation} from '@colijnit/articleapi/build/model/stock-location.bo';
+import {PrintPriceStickers} from '@colijnit/sharedapi/build/model/print-price-stickers.bo';
+import {StockStatus} from '@colijnit/articleapi/build/model/stock-status.bo';
+import {Subscription} from 'rxjs';
+import {ArticleExtended} from '@colijnit/articleapi/build/model/article-extended.bo';
+import {ArticleFlat} from '@colijnit/articleapi/build/model/article-flat.bo';
+import {BaseStockComponent} from '../../base/base-stock.component';
+
+@Component({
+  selector: 'co-stock-location',
+  template: `
+      <div class="stock-grid">
+          <div class="stock-transfer-wrapper">
+              <co-stock-transfer *ngIf="showStockTransfer"
+                                 class="stock-transfer-dialog"
+                                 [articleToTransfer]="articleDetails"
+                                 (handleStickerClicked)="handleStickerClicked.emit($event)"
+                                 [allWarehouses]="allWarehouses"
+                                 [stockLocations]="stockLocations"
+                                 [articleFlat]="articleFlat"
+                                 [showStockTransfer]="showStockTransfer"
+                                 (showStockTransferChange)="onShowStockTransferChange($event)">
+              </co-stock-transfer>
+          </div>
+          <co-stock-location-popup
+                  [selectedWarehouse]="selectedWarehouse"
+                  [articleFlat]="articleFlat"
+                  [selectedLocationNo]="selectedLocationNo"
+                  [stockLocations]="stockLocations"
+                  [articleDetailsInformation]="articleDetailsInformation"
+                  [articleStockInfo]="data"
+                  [selectedArticleDetailsData]="selectedArticleDetailsData"
+                  [showConfirmationDialog]="showConfirmationDialog"
+                  [newStockLine]="newStockLine"
+                  [deleteStockLine]="deleteStockLine"
+                  [stockStatus]="stockStatus"
+                  (togglePopupEvent)="handleTogglePopup()"
+                  (saveEvent)="handlePopupSave($event)"
+                  (updateGridData)="data = $event"
+
+          ></co-stock-location-popup>
+            <div  class="stock-transfer-add">
+              <co-icon class="menu-icon" [iconData]="iconCacheService.getIcon(icons.PlusRegular)"
+                       (click)="handleAddRow()"></co-icon>
+              <co-icon *ngIf="selectedRow" class="menu-icon" [iconData]="iconCacheService.getIcon(icons.ArrowRightArrowLeftRegular)"
+                       (click)="handleStockTransferClick(selectedRow)"></co-icon>
+              <co-icon *ngIf="selectedRow" class="menu-icon" [iconData]="iconCacheService.getIcon(icons.SolidBarcodeReadTag)"
+                       (click)="openSendMethodDialog(selectedRow)"></co-icon>
+              <co-icon *ngIf="selectedRow" class="menu-icon" [iconData]="iconCacheService.getIcon(icons.TrashCanRegular)"
+                       (click)="handleDeleteRow(selectedRow)"></co-icon>
+              <span *ngIf="cannotDelete" class="minimum-stock" [textContent]="'STOCK_BELOW_ZERO_TEXT' | sharedLocalize"></span>
+            </div>
+          <co-simple-grid [data]="data"
+                          class="simple-grid"
+                          [showAdd]="false"
+                          [inlineEdit]="false"
+                          [showToolbar]="true"
+                          (addRow)="handleAddRow()"
+                          (selectRow)="onRowSelected($event)">
+              <co-simple-grid-column [headerText]="'STOCK' | sharedLocalize" [field]="'amountInStock'">
+                  <ng-template #template let-row="row">
+                      <div class="stock-amount" (click)="onOkClickSendLocations(row)">
+                          <co-icon class="menu-icon" [iconData]="iconCacheService.getIcon(icons.EditPenRegular)"></co-icon>
+                          <span [textContent]="row['amountInStock']"></span>
+                      </div>
+                  </ng-template>
+              </co-simple-grid-column>
+              <co-simple-grid-column [width]="150" [headerText]="'LOCATION' | sharedLocalize" [field]="'locationNo'">
+                  <ng-template #editTemplate let-row="row">
+                      <co-list-of-values
+                              [model]="locationForNumber(row['locationNo'])"
+                              [collection]="stockLocations"
+                              [displayField]="'description'"
+                              [label]="'LOCATION' | sharedLocalize"
+                              [required]="true"
+                              (modelChange)="locationChanged(row, $event)"
+                      ></co-list-of-values>
+                  </ng-template>
+              </co-simple-grid-column>
+              <co-simple-grid-column *ngIf="articleFlat?.batch" [headerText]="'BATCH' | sharedLocalize" [field]="'batchNo'">
+                  <ng-template #editTemplate let-row="row">
+                      <co-input-text [model]="selectedArticleDetailsData.batchNo"
+                                     [placeholder]="'BATCH' | sharedLocalize"
+                                     (modelChange)="row['batchNo'] = $event"
+                      ></co-input-text>
+                  </ng-template>
+              </co-simple-grid-column>
+              <co-simple-grid-column *ngIf="articleFlat?.serial" [headerText]="'SERIAL_NO' | sharedLocalize" [field]="'serialNo'">
+                  <ng-template #editTemplate let-row="row">
+                      <co-input-text [model]="selectedArticleDetailsData.serialNo"
+                                     [placeholder]="'SERIAL_NO' | sharedLocalize"
+                                     (modelChange)="row['serialNo'] = $event"
+                      ></co-input-text>
+                  </ng-template>
+              </co-simple-grid-column>
+              <co-simple-grid-column [headerText]="'ALLOCATED' | sharedLocalize" [field]="'stockAssigned'">
+                  <ng-template #editTemplate let-row="row">
+                      <span [textContent]="row['stockAssigned']"></span>
+                  </ng-template>
+              </co-simple-grid-column>
+              <co-simple-grid-column [headerText]="'AVAILABLE_STOCK' | sharedLocalize" [field]="'amountInStockFree'">
+                  <ng-template #editTemplate let-row="row">
+                      <span [textContent]="row['amountInStockFree']"></span>
+                  </ng-template>
+              </co-simple-grid-column>
+              <co-simple-grid-column [headerText]="'VALUTA' | sharedLocalize" [field]="'currency'">
+                  <ng-template #editTemplate let-row="row">
+                      <span [textContent]="row['currency']"></span>
+                  </ng-template>
+              </co-simple-grid-column>
+              <co-simple-grid-column [headerText]="'PURCHASE_PRICE' | sharedLocalize" [field]="'purchasePrice'">
+                  <ng-template #editTemplate let-row="row">
+                      <span [textContent]="row['purchasePrice']"></span>
+                  </ng-template>
+              </co-simple-grid-column>
+              <co-simple-grid-column [headerText]="'SUPPLIERNR' | sharedLocalize" [field]="'supplierNo'">
+                  <ng-template #editTemplate let-row="row">
+                      <span [textContent]="row['supplierNo']"></span>
+                  </ng-template>
+              </co-simple-grid-column>
+          </co-simple-grid>
+      </div>
+      <co-send-method-dialog *ngIf="showSendMethodDialog"
+                             (closeClick)="showSendMethodDialog = false">
+
+      </co-send-method-dialog>
+  `,
+  encapsulation: ViewEncapsulation.None
+})
+export class StockLocationComponent extends BaseStockComponent implements OnInit, OnDestroy {
+  public readonly icons: typeof Icon = Icon;
+
+  @Input()
+  public set warehouseNo(value: number) {
+    if (this._warehouseNo !== value) {
+      this._warehouseNo = value;
+      this.getData();
+      this._getWarehouseLocations();
+    }
+  }
+
+  public get warehouseNo(): number {
+    return this._warehouseNo;
+  }
+
+  @Input()
+  public articleStockInformation: ArticleStockBo[] = [];
+
+  @Input()
+  public articleWarehouse: any[] = [];
+
+  @Input()
+  public allWarehouses: any[] = [];
+
+  @Input()
+  public showStockTransfer: boolean;
+
+  @Input()
+  public articleFlat: ArticleFlat;
+
+  @Input()
+  public dataWareHouseCode: StockManagementWarehouses[] = [];
+
+  @Output()
+  public readonly transferIconClicked: EventEmitter<ArticleStockBo> = new EventEmitter();
+
+  @Output()
+  public readonly sendMethodDialogClicked: EventEmitter<PrintPriceStickers> = new EventEmitter();
+
+  @Output() showStockTransferChange = new EventEmitter<boolean>();
+
+  @Output()
+  public handleStickerClicked: EventEmitter<any> = new EventEmitter();
+
+  public articleDetails: ArticleDetailsBo;
+  public showConfirmationDialog: boolean = false;
+  public newStockLine: boolean = false;
+  public deleteStockLine: boolean = false;
+  public cannotDelete: boolean = false;
+  public showConfirmStockRow: boolean = false;
+
+  public articleDetailsInformation: ArticleStockManagement = new ArticleStockManagement();
+
+  public stockStatus: StockStatus[] = [];
+  public selectedArticleDetailsData: ArticleDetailsBo = new ArticleDetailsBo();
+
+  public selectedLocationNo: string;
+  public data: ArticleDetailsBo[] = [];
+  @Input()
+  public selectedWarehouse: StockManagementWarehouses;
+  public stockLocations: StockLocation[] = [];
+
+  public selectedRow: ArticleDetailsBo | null = null;
+  public showSendMethodDialog: boolean = false;
+
+
+  private _warehouseNo: number;
+  private _subs: Subscription[] = [];
+
+  constructor(
+    public iconCacheService: IconCacheService,
+    private _stockService: StockService,
+    private _changeDetector: ChangeDetectorRef,
+  ) {
+    super();
+  }
+
+  ngOnInit() {
+    this._stockService.getStockState().then(result => {
+      this.stockStatus = result;
+    });
+  }
+
+  ngOnDestroy() {
+    this._subs.forEach(s => s.unsubscribe());
+  }
+
+  public onShowStockTransferChange(show: boolean) {
+    this.showStockTransfer = show;
+    this.showStockTransferChange.emit(this.showStockTransfer);
+  }
+
+  public onLocationDropdownClick(): void {
+    this._getWarehouseLocations();
+  }
+
+  public locationChanged(row: ArticleDetailsBo, event: StockLocation): void {
+    this.selectedLocationNo = event.locationNo;
+    row.locationNo = event.locationNo;
+    this.onLocationDropdownClick();
+  }
+
+  public amountInStockChanged(data): void {
+    this.selectedArticleDetailsData.amountInStock = data;
+  }
+
+  public openSendMethodDialog(data): void {
+    this.showSendMethodDialog = true;
+    this.sendMethodDialogClicked.emit(data);
+  }
+
+  public handleStockTransferClick(event: ArticleDetailsBo): void {
+    this.articleDetails = event;
+    this.showStockTransfer = true;
+  }
+  public onRowSelected(row: ArticleDetailsBo): void {
+    this.selectedRow = row;
+    this.cannotDelete = false;
+  }
+  public onOkClickSendLocations(row: ArticleDetailsBo): void {
+    this.selectedArticleDetailsData = row;
+    this.newStockLine = false;
+    this.showConfirmationDialog = true;
+  }
+  public handleDeleteRow(row: ArticleDetailsBo): void {
+    this.selectedArticleDetailsData = row;
+    if (this.selectedArticleDetailsData.stockAssigned > 0) {
+      this.deleteStockLine = false;
+      this.showConfirmationDialog = false;
+      this.cannotDelete = true;
+    } else {
+      this.deleteStockLine = true;
+      this.showConfirmationDialog = true;
+      this.cannotDelete = false;
+    }
+  }
+  public handleAddRow() {
+    if (!this.data?.length) {
+      this.data = [];
+    }
+    this.data.push(new ArticleDetailsBo());
+    this.selectedArticleDetailsData = this.data[(this.data.length - 1)];
+    this.newStockLine = true;
+    this.showConfirmationDialog = true;
+  }
+
+  public handleOkClick() {
+    this.selectedArticleDetailsData.selected = true;
+    if (this.articleFlat.goodId) {
+      this.selectedArticleDetailsData.goodId = this.articleFlat.goodId;
+    } else if (this.articleDetailsInformation.goodId) {
+      this.selectedArticleDetailsData.goodId = parseInt(this.articleDetailsInformation.goodId);
+    }
+    this.selectedArticleDetailsData.entryDate = new Date();
+    this.selectedArticleDetailsData.warehouseNo = this.warehouseNo;
+    if (this.selectedLocationNo) {
+      this.selectedArticleDetailsData.locationNo = this.selectedLocationNo?.toString();
+    }
+    this._stockService.updateArticleDetails(this.selectedArticleDetailsData).then(result => {
+        this.articleDetailsInformation.goodId = this.selectedArticleDetailsData.goodId?.toString();
+        this.articleDetailsInformation.warehouseNumber = this.selectedArticleDetailsData.warehouseNo;
+        this._stockService.getArticleDetails(this.articleDetailsInformation).then((details) => {
+          this.data = details;
+        });
+      }
+    );
+    this.showConfirmationDialog = false;
+    this._changeDetector.detectChanges();
+  }
+
+  public handleStockStatusChange(status: StockStatus) {
+    this.selectedArticleDetailsData.stockStateId = status.stockStateId;
+  }
+
+  public handleStockStatusRemarkChange(remark: string) {
+    this.selectedArticleDetailsData.stockStateRemark = remark;
+  }
+
+  public disabled() {
+    return (!this.selectedArticleDetailsData?.stockStateId && this.selectedArticleDetailsData?.stockStateRemark?.length <= 1);
+  }
+
+
+  public statusForId(id: number) {
+    return this.stockStatus.find(status => status.stockStateId === id);
+  }
+
+  public locationForNumber(number: number) {
+    return this.stockLocations?.find(location => location.locationNo === number?.toString());
+  }
+
+  public locationForDescription(locationNo: string): string {
+    // Find the location in stockLocations by locationNo
+    const location = this.stockLocations.find(loc => loc.locationNo === locationNo);
+    // If location is found and it has a non-empty description, return description
+    // If location is not found or description is empty, return locationNo
+    return location && location.description && location.description.trim() !== '' ? location.description : locationNo;
+  }
+
+  protected async getData(): Promise<void> {
+    const request: ArticleStockManagement = new ArticleStockManagement();
+    request.goodId = this.goodId.toString();
+    request.warehouseNumber = this.warehouseNo;
+    this._stockService.getArticleDetails(request).then((details) => {
+      this.data = details;
+    });
+    this._getWarehouseLocations();
+  }
+
+  private _getWarehouseLocations(): void {
+    this._stockService.getStockManagementLocations(this.warehouseNo).then((result: StockLocation[]) => {
+      this.stockLocations = result;
+    });
+  }
+
+  public handleTogglePopup() {
+    this.showConfirmationDialog = !this.showConfirmationDialog;
+  }
+
+  public handlePopupSave( saved: boolean) {
+    if(!saved) {
+      this.data.splice((this.data.length - 1), 1);
+    }
+  }
+
+}