@colijnit/sharedcomponents 1.0.55 → 1.0.56

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

@@ -0,0 +1,276 @@
+import {ChangeDetectorRef, Component, EventEmitter, Input, OnInit, Output, ViewEncapsulation} from '@angular/core';
+import {Icon} from "../../../enum/icon.enum";
+import {ArticleStock as ArticleStockBo} from "@colijnit/articleapi/build/model/article-stock.bo";
+import {GetStockHistoryRequest} from "@colijnit/articleapi/build/model/get-stock-history-request";
+import {StockService} from "../../../service/stock.service";
+import {StockHistoryBo} from "@colijnit/articleapi/build/model/stock-history.bo";
+import {Tab} from "../../tab-bar/tab.interface";
+import {ArticleTransaction} from "@colijnit/articleapi/build/model/article-transaction";
+import {ArticleTransaction as ArticleTransactionBo} from "@colijnit/articleapi/build/model/article-transaction.bo";
+import {StockManagementWarehouses} from "@colijnit/articleapi/build/model/stock-management-warehouses.bo";
+import {PrintPriceStickers} from "@colijnit/sharedapi/build/model/print-price-stickers.bo";
+import {StockForecast} from "@colijnit/articleapi/build/model/stock-forecast.bo";
+import {ArticleStockManagement} from "@colijnit/articleapi/build/model/article-stock-management";
+import {ArticleDetailsBo} from "@colijnit/articleapi/build/model/article-details.bo";
+import {LocalizeService} from '../../../localization/localize.service';
+import {ArticleExtended} from "@colijnit/articleapi/build/model/article-extended.bo";
+import {ArticleFlat} from "@colijnit/articleapi/build/model/article-flat.bo";
+
+@Component({
+  selector: "co-stock-tabs",
+  template: `
+    <co-tab-bar [wareHouseLabel]="'CHOICES' | localize"
+                [wareHouseSearchLabel]="'SEARCH' | localize"
+                [tabs]="tabs"
+                [dataWareHouseCode]="warehouses"
+                [selectedWarehouse]="selectedWarehouse"
+                [secondaryTabs]="historyTabs"
+                [ActivateSecondaryTabs]="tabs[5].active"
+                [showWarehouseSelection]="tabs[1].active || tabs[2].active"
+                (warehouseSelected)="handleWarehouseSelected($event)"
+    ></co-tab-bar>
+
+    <co-stock-tab *ngIf="tabs[0].active"
+                  [articleStockInformation]="stockInformation"
+                  (locationClicked)="handleLocationClicked($event)"
+    ></co-stock-tab>
+
+    <co-stock-prognose *ngIf="tabs[1].active"
+                       [stockPrognose]="stockPrognose"
+    ></co-stock-prognose>
+
+    <co-stock-location *ngIf="tabs[2].active"
+                       [articleStockInfo]="articleDetails"
+                       [articleStockInformation]="stockInformation"
+                       [article]="article"
+                       [articleFlat]="articleFlat"
+                       [selectedWarehouse]="selectedWarehouse"
+                       [dataWareHouseCode]="warehouses"
+                       (transferIconClicked)="transferIconClicked.emit($event)"
+                       (sendMethodDialogClicked)="sendMethodDialogClicked.emit($event)"
+
+    ></co-stock-location>
+
+    <co-order-tab *ngIf="tabs[3].active"
+                  [articleStockInformation]="stockInformation"
+                  [inOrderInformation]="inOrderInformation"
+                  (transferIconClicked)="transferIconClicked.emit($event)"
+                  (sendMethodDialogClicked)="sendMethodDialogClicked.emit($event)"
+    ></co-order-tab>
+
+    <co-order-stock-tab *ngIf="tabs[4].active"
+                        [orderInformation]="orderInformation"
+    ></co-order-stock-tab>
+
+    <co-stock-history *ngIf="historyTabs[0].active && tabs[5].active"
+                      [stockHistory]="stockHistory"
+    ></co-stock-history>
+
+    <co-order-supply-stock-history *ngIf="historyTabs[1].active && tabs[5].active"
+                                   [orderSupplyStockHistory]="orderSupplyStockHistory"
+    ></co-order-supply-stock-history>
+
+    <co-order-stock-commission-history *ngIf="historyTabs[2].active && tabs[5].active"
+                                       [orderStockCommissionHistory]="orderCommissionStockHistory"
+    ></co-order-stock-commission-history>
+
+    <co-order-stock-history *ngIf="historyTabs[3].active && tabs[5].active"
+                            [orderStockHistory]="orderStockHistory"
+    ></co-order-stock-history>
+
+    <co-allocation-stock-history *ngIf="historyTabs[4].active && tabs[5].active"
+                                 [allocationStockHistory]="orderAllocationStockHistory"
+    ></co-allocation-stock-history>
+
+  `,
+  encapsulation: ViewEncapsulation.None
+})
+export class StockTabsComponent implements OnInit {
+  public readonly icons: typeof Icon = Icon;
+
+  @Input()
+  public stockInformation: ArticleStockBo[] = [];
+
+  @Input()
+  public article: ArticleExtended;
+
+  @Input()
+  public articleFlat: ArticleFlat;
+
+
+  @Input()
+  public warehouses: StockManagementWarehouses[] = [];
+
+  @Output()
+  public readonly transferIconClicked: EventEmitter<ArticleStockBo> = new EventEmitter();
+
+  @Output()
+  public readonly sendMethodDialogClicked: EventEmitter<PrintPriceStickers> = new EventEmitter();
+
+
+  public selectedLocationNo: string;
+  public stockHistory: StockHistoryBo[] = [];
+  public orderSupplyStockHistory: StockHistoryBo[] = [];
+  public orderCommissionStockHistory: StockHistoryBo[] = [];
+  public orderStockHistory: StockHistoryBo[] = [];
+  public orderAllocationStockHistory: StockHistoryBo[] = [];
+  public inOrderInformation: ArticleTransactionBo[] = [];
+  public orderInformation: ArticleTransactionBo[] = [];
+  public stockPrognose: StockForecast[] = [];
+  public selectedWarehouse: StockManagementWarehouses;
+  public articleDetailsInformation: ArticleStockManagement = new ArticleStockManagement()
+  public showWarehouseSelection: boolean = false;
+  public articleDetails: ArticleDetailsBo[] = [];
+
+  public tabs: Tab[] = [];
+  public historyTabs: Tab[] = [];
+
+  constructor(
+    private _stockService: StockService,
+    private _localizeService: LocalizeService,
+    private _changeDetector: ChangeDetectorRef,
+  ) {
+  }
+
+  ngOnInit() {
+    this.tabs = [
+      {title: this._localizeService.get('OVERVIEW'), active: true},
+      {title: this._localizeService.get('STOCK_FORECAST'), active: false},
+      {title: this._localizeService.get('STOCK_DETAILS'), active: false},
+      {title: this._localizeService.get('ALREADY_IN_ORDER'), active: false},
+      {title: this._localizeService.get('IN_ORDER'), active: false},
+      {title: this._localizeService.get('HISTORY'), active: false},
+    ];
+
+    this.historyTabs = [
+      {title: this._localizeService.get('STOCK'), active: true},
+      {
+        title: this._localizeService.get('ORDER_STOCK'),
+        active: false
+      },
+      {
+        title: this._localizeService.get('ORDER_COMMISSION'),
+        active: false
+      },
+      {title: this._localizeService.get('ORDER'), active: false},
+      {
+        title: this._localizeService.get('ALLOCATION'),
+        active: false
+      },
+    ];
+
+
+  }
+
+  public handleLocationClicked(data: StockManagementWarehouses): void {
+    this.tabs[0].active = false;
+    this.tabs[2].active = true;
+    this.selectedWarehouse = this.wareHouseForCode(data.warehouseNo);
+    this.handleWarehouseSelected(this.selectedWarehouse);
+    this.getStockData(data);
+  }
+
+  public getStockHistory(): void {
+    const stockHistoryInformation: GetStockHistoryRequest = new GetStockHistoryRequest();
+    stockHistoryInformation.type = "V";
+    stockHistoryInformation.goodId = this.article.goodId.toString();
+    this._stockService.getStockHistory(stockHistoryInformation).then(result => {
+      this.stockHistory = result
+    });
+  }
+
+  public getOrderSupplyStockHistory(): void {
+    const stockHistoryInformation: GetStockHistoryRequest = new GetStockHistoryRequest();
+    stockHistoryInformation.type = "O";
+    stockHistoryInformation.goodId = this.article.goodId.toString();
+    this._stockService.getStockHistory(stockHistoryInformation).then(result => {
+      this.orderSupplyStockHistory = result;
+    });
+  }
+
+  public getOrderCommissionStockHistory(): void {
+    const stockHistoryInformation: GetStockHistoryRequest = new GetStockHistoryRequest();
+    stockHistoryInformation.type = "C";
+    stockHistoryInformation.goodId = this.article.goodId.toString();
+    this._stockService.getStockHistory(stockHistoryInformation).then(result => {
+      this.orderCommissionStockHistory = result;
+    });
+  }
+
+  public getOrderStockHistory(): void {
+    const stockHistoryInformation: GetStockHistoryRequest = new GetStockHistoryRequest();
+    stockHistoryInformation.type = "B";
+    stockHistoryInformation.goodId = this.article.goodId.toString();
+    this._stockService.getStockHistory(stockHistoryInformation).then(result => {
+      this.orderStockHistory = result;
+    });
+  }
+
+  public getAllocationStockHistory(): void {
+    const stockHistoryInformation: GetStockHistoryRequest = new GetStockHistoryRequest();
+    stockHistoryInformation.type = "T";
+    stockHistoryInformation.goodId = this.article.goodId.toString();
+    this._stockService.getStockHistory(stockHistoryInformation).then(result => {
+      this.orderAllocationStockHistory = result;
+    });
+  }
+
+  public getInOrderData(): void {
+    const inOrderData: ArticleTransaction = new ArticleTransaction();
+    inOrderData.type = "V";
+    inOrderData.goodId = this.stockInformation[0].goodId.toString();
+    this._stockService.getArticleTransaction(inOrderData).then(result => {
+      this.inOrderInformation = result;
+    });
+  }
+
+  public getOrderData(): void {
+    const orderData: ArticleTransaction = new ArticleTransaction();
+    orderData.type = "I";
+    orderData.goodId = this.stockInformation[0].goodId.toString();
+    this._stockService.getArticleTransaction(orderData).then(result => {
+      this.orderInformation = result;
+    });
+  }
+
+  public getStockPrognose(warehouseNo: number): void {
+    this._stockService.stockPrognose(this.article.goodId, warehouseNo).then(result => {
+      this.stockPrognose = result;
+    });
+  }
+
+  public handleWarehouseSelected(event: StockManagementWarehouses): void {
+    this.selectedWarehouse = event;
+    this._stockService.warehouseSelected.emit(event);
+    if (this.tabs[1].active) {
+      this.getStockPrognose(this.selectedWarehouse.warehouseNo);
+    }
+    if (this.tabs[2].active) {
+      this.articleDetailsInformation.warehouseNumber = event.warehouseNo;
+      this.articleDetailsInformation.goodId = this.article.goodId.toString();
+      this._stockService.getArticleDetails(this.articleDetailsInformation).then((details) => {
+        this.articleDetails = details;
+      });
+    }
+
+  }
+
+  public getStockData(warehouse: StockManagementWarehouses) {
+    this.handleWarehouseSelected(warehouse);
+    this.getStockPrognose(warehouse.warehouseNo);
+    this.getOrderData();
+    this.getInOrderData();
+    this.getAllocationStockHistory();
+    this.getOrderStockHistory();
+    this.getOrderCommissionStockHistory();
+    this.getOrderSupplyStockHistory();
+    this.getStockHistory();
+    this._changeDetector.markForCheck();
+    this._changeDetector.detectChanges();
+
+  }
+
+  public wareHouseForCode(code: number) {
+    return this.warehouses.find(warehouse => warehouse.warehouseNo === code);
+  }
+}

package/{lib/components/stock/stock-transfer/co-drop-down-list-fields.interface.d.ts → projects/sharedcomponents/src/lib/components/stock/stock-transfer/co-drop-down-list-fields.interface.ts}

@@ -1,4 +1,4 @@
 export interface CoDropDownListFields {
-    text: string;
-    value: string;
+  text: string;
+  value: string;
 }

package/projects/sharedcomponents/src/lib/components/stock/stock-transfer/stock-change-amount.component.ts

@@ -0,0 +1,77 @@
+import {AfterViewInit, Component, EventEmitter, Input, Output, ViewEncapsulation} from "@angular/core";
+import {StockService} from "../../../service/stock.service";
+import {StockStatus} from "@colijnit/articleapi/build/model/stock-status.bo";
+import {CoDropDownListFields} from "./co-drop-down-list-fields.interface";
+import {ArticleDetailsBo} from "@colijnit/articleapi/build/model/article-details.bo";
+
+@Component({
+  selector: "co-stock-change-amount",
+  template: `
+      <div class="stock-transfer">
+        <co-dialog-wizard [showCloseIcon]="true" (closeClick)="closeDialogClick()">
+          <ng-container header>
+            <span [textContent]="'STOCK_CHANGE_REASON' | localize"></span>
+          </ng-container>
+          <div class="popup-wrapper">
+<!--
+            <co-drop-down-list [collection]="stockState"
+                               [fields]="stockStateDropdownField"
+                               [placeholder]="'STOCK_STATE' | localize"
+                               [(model)]="selectedArticleDetailsData.stockStateId"
+            ></co-drop-down-list>
+-->
+
+            <co-input-textarea [(model)]="selectedArticleDetailsData.stockStateRemark"
+
+            ></co-input-textarea>
+            <div class="ok-cancel-buttons">
+              <co-button [textContent]="'OK' | localize" (click)="handleOkClick(selectedArticleDetailsData)"></co-button>
+              <co-button [textContent]="'CANCEL' | localize" (click)="handleCancelClick()"></co-button>
+            </div>
+          </div>
+        </co-dialog-wizard>
+      </div>
+  `,
+  encapsulation: ViewEncapsulation.None
+})
+export class StockChangeAmountComponent implements AfterViewInit {
+
+  @Input()
+  public selectedArticleDetailsData: ArticleDetailsBo;
+
+  @Output()
+  public readonly closeStockChangeAmount: EventEmitter<any> = new EventEmitter();
+
+  public stockState: StockStatus[] = [];
+  public stockStateDropdownField: CoDropDownListFields = {text: "stateDescription", value: "stockStateId"};
+
+  constructor(
+    private _stockService: StockService
+  ) {
+  }
+
+  ngAfterViewInit() {
+    this.getStockState();
+  }
+
+  public closeDialogClick(): void {
+    this.closeStockChangeAmount.emit();
+  }
+
+  public async handleOkClick(data: ArticleDetailsBo): Promise<void> {
+    data.selected = true;
+    data.entryDate = new Date();
+    await this._stockService.updateArticleDetails(data);
+  }
+
+  public handleCancelClick(): void {
+    this.closeStockChangeAmount.emit();
+  }
+
+  public getStockState(): void {
+    this._stockService.getStockState().then((state: StockStatus[]) => {
+      this.stockState = state;
+    });
+  }
+
+}

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

@@ -0,0 +1,178 @@
+import {AfterViewInit, Component, EventEmitter, Input, Output, ViewEncapsulation} from "@angular/core";
+import {PrintStockStickers} from "@colijnit/articleapi/build/model/print-stock-stickers";
+import {StockService} from "../../../service/stock.service";
+import {CoDropDownListFields} from "./co-drop-down-list-fields.interface";
+import {ArticleStock as ArticleStockBo} from "@colijnit/articleapi/build/model/article-stock.bo";
+import {ArticleDetailsBo} from "@colijnit/articleapi/build/model/article-details.bo";
+import {StockManagementWarehouses} from "@colijnit/articleapi/build/model/stock-management-warehouses.bo";
+import {StockStatus} from "@colijnit/articleapi/build/model/stock-status.bo";
+import {StockLocation} from "@colijnit/articleapi/build/model/stock-location.bo";
+import {IconCacheService} from "../../../service/icon-cache.service";
+import {Icon} from "../../../enum/icon.enum";
+
+@Component({
+  selector: "co-stock-transfer",
+  template: `
+      <div class="stock-transfer">
+        <span [textContent]="'TRANSFER_STOCK' | localize"></span>
+        <div class="stock-transfer-columns">
+          <div *ngIf="articleToTransfer" class="stock-transfer-left-column">
+            <co-input-text [readonly]="true"
+                           [(model)]="articleToTransfer.warehouseDescription"
+                           [placeholder]="'STANDARD_WAREHOUSE' | localize"
+            >
+            </co-input-text>
+            <co-input-text [readonly]="true"
+                           [(model)]="articleToTransfer.locationNo"
+                           [placeholder]="'STANDARD_LOCATION' | localize">
+            </co-input-text>
+            <co-input-text [readonly]="true"
+                           [(model)]="articleToTransfer.batchItem"
+                           [placeholder]="'BATCH_NO' | localize">
+            </co-input-text>
+            <co-input-text [readonly]="true"
+                           [(model)]="articleToTransfer.serialNo"
+                           [placeholder]="'SERIE_NO' | localize">
+            </co-input-text>
+            <co-input-text
+              [(model)]="articleToTransfer.amountTransfer"
+              [placeholder]="'Aantal' | localize">
+            </co-input-text>
+          </div>
+
+          <div class="icon-wrapper">
+            <co-icon [iconData]="iconCacheService.getIcon(icons.ArrowFatRight)"></co-icon>
+          </div>
+
+          <div class="stock-transfer-right-column">
+
+            <co-list-of-values [collection]="warehouses"
+                               [displayField]="'warehouseDescription'"
+                               (modelChange)="handleSelectedWarehouse($event)"
+                               [label]="'Magazijn' | localize"
+                               >
+            </co-list-of-values>
+            <co-list-of-values [collection]="locations"
+                               [displayField]="'description'"
+                               (modelChange)="handleSelectedLocation($event)"
+                               [label]="'Locatie' | localize"
+            >
+            </co-list-of-values>
+            <co-list-of-values [collection]="stockState"
+                               [displayField]="'stateDescription'"
+                               [label]="'Voorraadstatus' | localize"
+                               (modelChange)="handleSelectedStockState($event)"
+            >
+            </co-list-of-values>
+
+            <co-input-text [placeholder]="'Omschrijving' | localize"
+                           [(model)]="articleToTransfer.stockStateRemark">
+            </co-input-text>
+          </div>
+        </div>
+
+        <div class="ok-cancel-buttons">
+          <co-button [textContent]="'OK' | localize" (click)="handleOkClick(articleToTransfer)"></co-button>
+          <co-button [textContent]="'STICKER' | localize" (click)="handleStickerClick()"></co-button>
+        </div>
+      </div>
+  `,
+  encapsulation: ViewEncapsulation.None
+})
+export class StockTransferComponent implements AfterViewInit {
+
+  @Input()
+  public stockSticker: PrintStockStickers;
+
+  @Input()
+  public article: ArticleStockBo;
+
+  @Input()
+  public articleToTransfer: ArticleDetailsBo;
+
+  @Input()
+  public articleWarehouse: any[];
+
+  @Input()
+  public allWarehouses: any[];
+
+  @Output()
+  public handleClick: EventEmitter<any> = new EventEmitter();
+
+  @Output()
+  public handleStickerClicked: EventEmitter<any> = new EventEmitter();
+
+  public allWarehousesDropdownFields: CoDropDownListFields = {text: "warehouseDescription", value: "warehouseNo"};
+  public allLocationDropdownFields: CoDropDownListFields = {text: "locationNo", value: "locationNo"};
+
+  public showSendMethodDialog: boolean = false;
+  public warehouses: StockManagementWarehouses[] = [];
+  public stockState: StockStatus[] = [];
+  public stockStateDropdownField: CoDropDownListFields = {text: "stateDescription", value: "stockStateId"};
+  public locations: StockLocation[] = [];
+  public selectedWarehouse: StockManagementWarehouses;
+
+  public readonly icons: typeof Icon = Icon;
+
+  constructor(
+    private _stockService: StockService,
+    public iconCacheService: IconCacheService
+  ) {
+  }
+
+  ngAfterViewInit() {
+    this.getStockManagementWarehouses();
+    this.getStockState();
+  }
+
+  public handleOkClick(data: ArticleDetailsBo): void {
+    data.selected = true;
+    data.entryDate = new Date;
+    this._stockService.updateArticleDetails(data).then( result => {
+      this.handleClick.emit();
+    });
+
+  }
+
+  public handleCancelClick(): void {
+    this.handleClick.emit();
+  }
+
+  public handleSelectedWarehouse(event: StockManagementWarehouses): void {
+    this.articleToTransfer.targetWarehouse = event.warehouseNo;
+    this.selectedWarehouse = event;
+    this.getStockManagementLocations(this.selectedWarehouse.warehouseNo);
+  }
+
+  public handleSelectedLocation(event: StockLocation): void {
+    this.articleToTransfer.targetLocation = event.locationNo;
+  }
+
+  public handleSelectedStockState(event: StockStatus): void {
+    this.articleToTransfer.stockStateId = event.stockStateId;
+  }
+
+  public handleStickerClick(): void {
+    this.handleStickerClicked.emit();
+    this.showSendMethodDialog = true;
+  }
+
+  public getStockManagementWarehouses(): void {
+    this._stockService.getStockManagementWarehouses().then((warehouses) => {
+      this.warehouses = warehouses;
+    })
+  }
+
+  public getStockManagementLocations(data): void {
+    this._stockService.getStockManagementLocations(data).then((locations) => {
+      this.locations = locations;
+    })
+  }
+
+  public getStockState(): void {
+    this._stockService.getStockState().then((state: StockStatus[]) => {
+      this.stockState = state;
+    });
+  }
+
+}