@colijnit/sharedcomponents 261.1.0 → 261.1.2

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

@@ -0,0 +1,191 @@
+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 {StockService} from '../../../service/stock.service';
+import {Tab} from '../../tab-bar/tab.interface';
+import {StockManagementWarehouses} from '@colijnit/articleapi/build/model/stock-management-warehouses.bo';
+import {PrintPriceStickers} from '@colijnit/sharedapi/build/model/print-price-stickers.bo';
+import {ArticleExtended} from '@colijnit/articleapi/build/model/article-extended.bo';
+import {ArticleFlat} from '@colijnit/articleapi/build/model/article-flat.bo';
+import {SharedCfgName} from '../../../enum/shared-cfg-name.enum';
+import {SharedComponentsDictionaryService} from '../../../translation/shared-components-dictionary.service';
+import {StockModuleScreenConfigService} from '../service/stock-module-screen-config.service';
+
+@Component({
+  selector: "co-stock-tabs",
+  template: `
+    <co-tab-bar [wareHouseLabel]="'CHOICES' | sharedLocalize"
+                [wareHouseSearchLabel]="'SEARCH' | sharedLocalize"
+                [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"
+                       [goodId]="article.goodId"
+                       [warehouseNo]="selectedWarehouse.warehouseNo"
+    ></co-stock-prognose>
+
+    <co-stock-location *ngIf="tabs[2].active"
+                       [articleStockInformation]="stockInformation"
+                       [goodId]="article.goodId"
+                       [warehouseNo]="selectedWarehouse.warehouseNo"
+                       [articleFlat]="articleFlat"
+                       [dataWareHouseCode]="warehouses"
+                       [showStockTransfer]="showStockTransfer"
+                       [selectedWarehouse]="selectedWarehouse"
+                       (transferIconClicked)="transferIconClicked.emit($event)"
+                       (sendMethodDialogClicked)="sendMethodDialogClicked.emit($event)"
+                       (showStockTransferChange)="onShowStockTransferChange($event)"
+    ></co-stock-location>
+
+    <co-order-tab *ngIf="tabs[3].active"
+                  [goodId]="article.goodId"
+                  (transferIconClicked)="transferIconClicked.emit($event)"
+                  (sendMethodDialogClicked)="sendMethodDialogClicked.emit($event)"
+                  (handleTransactionClick)="handleTransactionClick.emit($event)"
+    ></co-order-tab>
+
+    <co-order-stock-tab *ngIf="tabs[4].active"
+                        [goodId]="article.goodId"
+    ></co-order-stock-tab>
+
+    <co-stock-history *ngIf="historyTabs[0].active && tabs[5].active"
+                      [goodId]="article.goodId"
+    ></co-stock-history>
+
+    <co-order-supply-stock-history *ngIf="historyTabs[1].active && tabs[5].active"
+                                   [goodId]="article.goodId"
+    ></co-order-supply-stock-history>
+
+    <co-order-stock-commission-history *ngIf="historyTabs[2].active && tabs[5].active"
+                                       [goodId]="article.goodId"
+    ></co-order-stock-commission-history>
+
+    <co-order-stock-history *ngIf="historyTabs[3].active && tabs[5].active"
+                            [goodId]="article.goodId"
+    ></co-order-stock-history>
+
+    <co-allocation-stock-history *ngIf="historyTabs[4].active && tabs[5].active"
+                                 [goodId]="article.goodId"
+    ></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 showStockTransfer: boolean;
+
+  @Input()
+  public warehouses: StockManagementWarehouses[] = [];
+
+  @Output()
+  public readonly transferIconClicked: EventEmitter<ArticleStockBo> = new EventEmitter();
+
+  @Output()
+  public readonly sendMethodDialogClicked: EventEmitter<PrintPriceStickers> = new EventEmitter();
+
+  @Output()
+  public handleTransactionClick: EventEmitter<any> = new EventEmitter();
+
+  public selectedWarehouse: StockManagementWarehouses = new StockManagementWarehouses();
+  public tabs: Tab[] = [];
+  public historyTabs: Tab[] = [];
+
+  constructor(
+    private _stockService: StockService,
+    private _dictionaryService: SharedComponentsDictionaryService,
+    private _changeDetector: ChangeDetectorRef,
+    private _stockScreenConfigService: StockModuleScreenConfigService,
+  ) {
+  }
+
+  ngOnInit() {
+    this.tabs = [
+      {title: this._dictionaryService.get('OVERVIEW'), active: true, cfg: SharedCfgName.Overview},
+      {title: this._dictionaryService.get('STOCK_FORECAST'), active: false, cfg: SharedCfgName.InventoryForecast},
+      {title: this._dictionaryService.get('STOCK_DETAILS'), active: false, cfg: SharedCfgName.InventoryDetails},
+      {title: this._dictionaryService.get('ALREADY_IN_ORDER'), active: false, cfg: SharedCfgName.OverviewDetails},
+      {title: this._dictionaryService.get('IN_ORDER'), active: false, cfg: SharedCfgName.InOrder},
+      {title: this._dictionaryService.get('HISTORY'), active: false, cfg: SharedCfgName.History},
+    ];
+
+    if (this._stockScreenConfigService.immediatelyHidden(this.tabs[0].cfg)) {
+      this.tabs[0].active = false;
+      this.tabs.find((tab) => this._stockScreenConfigService.immediatelyVisible(tab.cfg)).active = true;
+    }
+
+    this.historyTabs = [
+      {title: this._dictionaryService.get('STOCK'), active: true, cfg: SharedCfgName.HistoryStock},
+      {
+        title: this._dictionaryService.get('ORDER_STOCK'),
+        active: false,
+        cfg: SharedCfgName.HistoryOrderStock
+      },
+      {
+        title: this._dictionaryService.get('ORDER_COMMISSION'),
+        active: false,
+        cfg: SharedCfgName.HistoryOrderCommission
+      },
+      {title: this._dictionaryService.get('ORDER'), active: false, cfg: SharedCfgName.HistoryOrder},
+      {
+        title: this._dictionaryService.get('ALLOCATION'),
+        active: false,
+        cfg: SharedCfgName.HistoryAssign
+      },
+    ];
+
+    if (this._stockScreenConfigService.immediatelyHidden(this.historyTabs[0].cfg)) {
+      this.historyTabs[0].active = false;
+      this.historyTabs.find((tab) => this._stockScreenConfigService.immediatelyVisible(tab.cfg)).active = true;
+    }
+  }
+
+  public onShowStockTransferChange(show: boolean): void {
+    this.showStockTransfer = show;
+  }
+
+  public handleLocationClicked(data: string): void {
+    this.tabs[0].active = false;
+    this.tabs[2].active = true;
+    let warehouse: StockManagementWarehouses = this.wareHouseForCode(parseInt(data));
+    this.selectedWarehouse = warehouse;
+    this.handleWarehouseSelected(this.selectedWarehouse);
+    this.getStockData(this.selectedWarehouse);
+  }
+
+  public handleWarehouseSelected(event: StockManagementWarehouses): void {
+    this.selectedWarehouse = event;
+  }
+
+  public getStockData(warehouse: StockManagementWarehouses): void {
+    this.handleWarehouseSelected(warehouse);
+    this._changeDetector.markForCheck();
+    this._changeDetector.detectChanges();
+  }
+
+  public wareHouseForCode(code: number) {
+    return this.warehouses.find(warehouse => warehouse.warehouseNo === code);
+  }
+}

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

@@ -0,0 +1,4 @@
+export interface CoDropDownListFields {
+  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' | sharedLocalize"></span>
+          </ng-container>
+          <div class="popup-wrapper">
+<!--
+            <co-drop-down-list [collection]="stockState"
+                               [fields]="stockStateDropdownField"
+                               [placeholder]="'STOCK_STATE' | sharedLocalize"
+                               [(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' | sharedLocalize" (click)="handleOkClick(selectedArticleDetailsData)"></co-button>
+              <co-button [textContent]="'CANCEL' | sharedLocalize" (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,264 @@
+import {
+  AfterViewInit,
+  ChangeDetectorRef,
+  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";
+import {ArticleFlat} from "@colijnit/articleapi/build/model/article-flat.bo";
+import {ArticleStockManagement} from "@colijnit/articleapi/build/model/article-stock-management";
+
+@Component({
+  selector: "co-stock-transfer",
+  template: `
+      <div class="stock-transfer">
+        <co-dialog
+                   (closeClick)="onCloseClick()"
+                   [showCloseIcon]="true"
+                   [modal]="true"
+                   [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]="'TRANSFER_STOCK' | sharedLocalize"></div>
+            </div>
+          </ng-template>
+          <div class="dialog-wrapper">
+            <div class="stock-transfer-columns">
+              <div *ngIf="articleToTransfer" class="stock-transfer-top-column">
+                <div class="transfer-items">
+                  <div class="transfer-item">
+                    <label class="item-label" [textContent]="'WAREHOUSE' | sharedLocalize"></label>
+                    <span class="item-value" [textContent]="articleToTransfer.warehouseDescription"></span>
+                  </div>
+                  <div class="transfer-item">
+                    <label class="item-label" [textContent]="'LOCATION' | sharedLocalize"></label>
+                    <span class="item-value" [textContent]="articleToTransfer.locationNo"></span>
+                  </div>
+                  <div class="transfer-item" *ngIf="articleToTransfer?.batchNo">
+                    <label class="item-label" [textContent]="'BATCH_NO' | sharedLocalize"></label>
+                    <span class="item-value" [textContent]="articleToTransfer.batchNo"></span>
+                  </div>
+                  <div class="transfer-item" *ngIf="articleToTransfer?.serialNo">
+                    <label class="item-label" [textContent]="'SERIE_NO' | sharedLocalize"></label>
+                    <span class="item-value" [textContent]="articleToTransfer.serialNo"></span>
+                  </div>
+                </div>
+                <div class="transfer-quantity">
+                  <co-input-number-picker
+                    [(model)]="articleToTransfer.amountTransfer"
+                    [min]="1"
+                    [label]="'QUANTITY' | sharedLocalize">
+                  </co-input-number-picker>
+                  <span *ngIf="transferFull" [textContent]="this.articleToTransfer.amountInStockFree + (' AVAILABLE' | sharedLocalize)"></span>
+                </div>
+              </div>
+              <div class="transfer-arrow-wrapper">
+                <span class="half-circle"></span>
+                <div class="icon-wrapper">
+                  <co-icon [iconData]="iconCacheService.getIcon(icons.ArrowDownRegular)"></co-icon>
+                </div>
+              </div>
+
+
+              <div class="stock-transfer-bottom-column">
+                <div class="transfer-bottom-row">
+                  <co-list-of-values [collection]="warehouses"
+                                     [displayField]="'warehouseDescription'"
+                                     (modelChange)="handleSelectedWarehouse($event)"
+                                     [label]="'WAREHOUSE' | sharedLocalize"
+                  >
+                  </co-list-of-values>
+                  <co-list-of-values [collection]="stockLocations"
+                                     [displayField]="'locationNo'"
+                                     (modelChange)="handleSelectedLocation($event)"
+                                     [label]="'LOCATION' | sharedLocalize"
+                  >
+                  </co-list-of-values>
+                </div>
+                <div class="transfer-bottom-row">
+                  <co-list-of-values [collection]="stockState"
+                                     [displayField]="'stateDescription'"
+                                     [label]="'STOCK_STATE' | sharedLocalize"
+                                     (modelChange)="handleSelectedStockState($event)"
+                  >
+                  </co-list-of-values>
+                </div>
+
+              </div>
+              <div class="transfer-sticker-buttons">
+                <co-button
+                           [label]="'STICKER' | sharedLocalize"
+                           (click)="handleStickerClick()"
+                           [iconData]="iconCacheService.getIcon(icons.BarcodeReadRegular)">
+                </co-button>
+              </div>
+            </div>
+          </div>
+          <ng-template #footerTemplate>
+            <div class="button-wrapper ok-cancel-buttons">
+              <co-button class="save-button"
+                         (click)="handleOkClick(articleToTransfer)"
+                         [iconData]="iconCacheService.getIcon(icons.CheckDuotone)">
+              </co-button>
+              <co-button class="cancel-button"
+                         (click)="onCloseClick()"
+                         [iconData]="iconCacheService.getIcon(icons.CrossSkinny)">
+              </co-button>
+            </div>
+          </ng-template>
+        </co-dialog>
+      </div>
+      <co-send-method-dialog *ngIf="showSendMethodDialog"
+                             (closeClick)="showSendMethodDialog = false">
+
+      </co-send-method-dialog>
+  `,
+  encapsulation: ViewEncapsulation.None
+})
+export class StockTransferComponent implements AfterViewInit {
+
+  @Input()
+  public stockSticker: PrintStockStickers;
+
+  @Input()
+  public article: ArticleStockBo;
+
+  @Input()
+  public articleToTransfer: ArticleDetailsBo;
+
+  @Input()
+  public allWarehouses: any[];
+
+  @Input()
+  public showStockTransfer: boolean;
+
+  @Input()
+  public selectedArticleDetailsData: ArticleDetailsBo = new ArticleDetailsBo();
+
+  @Input()
+  public articleFlat: ArticleFlat;
+
+  @Input()
+  public articleDetailsInformation: ArticleStockManagement = new ArticleStockManagement();
+
+  @Input()
+  public selectedWarehouse: StockManagementWarehouses;
+
+  @Input()
+  public selectedLocationNo: string;
+
+  @Input()
+  public articleStockInfo: ArticleDetailsBo[] = [];
+
+  @Input()
+  public stockLocations: StockLocation[] = [];
+
+  @Output()
+  public handleClick: EventEmitter<number> = new EventEmitter();
+
+  @Output()
+  public handleStickerClicked: EventEmitter<any> = new EventEmitter();
+
+  @Output()
+  public updateGridData: EventEmitter<ArticleDetailsBo[]> = new EventEmitter<ArticleDetailsBo[]>();
+
+  @Output()
+  public showStockTransferChange = new EventEmitter<boolean>();
+
+  public showSendMethodDialog: boolean = false;
+  public transferFull: boolean = false;
+  public warehouses: StockManagementWarehouses[] = [];
+  public stockState: StockStatus[] = [];
+
+  public locations: StockLocation[] = [];
+  public stockStatus: StockStatus[] = [];
+
+
+
+  public readonly icons: typeof Icon = Icon;
+
+  constructor(
+    private _stockService: StockService,
+    public iconCacheService: IconCacheService,
+    private _changeDetector: ChangeDetectorRef,
+  ) {
+  }
+
+  ngAfterViewInit() {
+    this.getStockManagementWarehouses();
+    this.getStockState();
+  }
+
+  public handleOkClick(data: ArticleDetailsBo): void {
+    if (this.articleToTransfer.amountTransfer > this.articleToTransfer.amountInStockFree) {
+      this.transferFull = true;
+    } else {
+      data.selected = true;
+      data.entryDate = new Date;
+      this._stockService.updateArticleDetails(data).then((result: boolean) => {
+        this.handleClick.emit();
+        this.showStockTransferChange.emit(false);
+        this._stockService.getArticleDetails(this.articleDetailsInformation).then((details) => {
+          this.articleStockInfo = details;
+          this.updateGridData.emit(details);
+        });
+      }).catch((result: string) => {
+        // Log failure message
+
+      });
+    }
+  }
+  public onCloseClick() {
+    this.showStockTransferChange.emit(false);
+  }
+  public handleSelectedWarehouse(event: StockManagementWarehouses): void {
+    this.articleToTransfer.targetWarehouse = event.warehouseNo;
+    this.selectedWarehouse = event;
+    this.getStockManagementLocations();
+  }
+
+  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(): void {
+    this._stockService.getStockManagementLocations(this.selectedWarehouse.warehouseNo).then((locations) => {
+      this.stockLocations = locations;
+    });
+  }
+
+  public getStockState(): void {
+    this._stockService.getStockState().then((state: StockStatus[]) => {
+      this.stockState = state;
+    });
+  }
+}