@colijnit/sharedcomponents 1.0.56 → 1.0.58

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

@@ -1,276 +0,0 @@
-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/projects/sharedcomponents/src/lib/components/stock/stock-transfer/stock-change-amount.component.ts

@@ -1,77 +0,0 @@
-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

@@ -1,178 +0,0 @@
-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;
-    });
-  }
-
-}