@colijnit/sharedcomponents 255.1.21 → 255.1.22

package/fesm2015/colijnit-sharedcomponents.js

@@ -1,6 +1,6 @@
 import { __awaiter, __decorate } from 'tslib';
 import * as i0 from '@angular/core';
-import { EventEmitter, Component, ViewEncapsulation, ViewChild, ElementRef, Input, Output, HostBinding, NgModule, Injectable, ChangeDetectorRef, Inject, LOCALE_ID, ViewChildren, HostListener, Pipe, Renderer2, NgZone, Directive, ViewContainerRef, ComponentFactoryResolver, forwardRef, ContentChild } from '@angular/core';
+import { EventEmitter, Component, ViewEncapsulation, ViewChild, ElementRef, Input, Output, HostBinding, NgModule, Injectable, ChangeDetectorRef, Inject, LOCALE_ID, Directive, ViewChildren, HostListener, Pipe, Renderer2, NgZone, ViewContainerRef, ComponentFactoryResolver, forwardRef, ContentChild } from '@angular/core';
 import { trigger, state, style, transition, animate } from '@angular/animations';
 import { PDFDocument } from 'pdf-lib';
 import * as PDFJS from 'pdfjs-dist/legacy/build/pdf';
@@ -1678,7 +1678,7 @@ class StockComponent {
             this.articleExtended = articleOrGoodId;
             this._goodId = articleOrGoodId.goodId;
         }
-        else if (typeof articleOrGoodId === "number") {
+        else if (typeof articleOrGoodId === 'number') {
             this._goodId = articleOrGoodId;
         }
     }
@@ -1722,7 +1722,7 @@ class StockComponent {
     getStockInformation(goodId) {
         const articleData = new ArticleStock$1();
         articleData.goodId = goodId.toString();
-        articleData.viewKind = "M";
+        articleData.viewKind = 'M';
         this._stockService.getStockInformation(articleData).then(result => {
             this.stockInformation = result;
             this.stockInformation.forEach((articleStock) => this.allAvailableStock += articleStock.availableStock);
@@ -1782,25 +1782,24 @@ class StockComponent {
 }
 StockComponent.decorators = [
     { type: Component, args: [{
-                selector: "co-stock",
+                selector: 'co-stock',
                 template: `
       <div class="stock-info-container" *ngIf="loaded && articleExtended">
-        <co-stock-information [article]="articleExtended"
-                              [articleStockState]="articleStockState"
-                              [allAvailableStockInformation]="allAvailableStock"
-                              [allTechnicalStockInformation]="allTechnicalStock"
-                              [economicalStock]="economicalStock"
-        >
-        </co-stock-information>
-        <co-stock-tabs [stockInformation]="stockInformation"
-                       [article]="articleExtended"
-                       [articleFlat]="articleFlat"
-                       (transferIconClicked)="handleStockTransferClick($event)"
-                       (sendMethodDialogClicked)="handleSendMethodClick($event)"
-                       [warehouses]="warehouses"
-                       [showStockTransfer]="showStockTransfer"
-
-        ></co-stock-tabs>
+          <co-stock-information [article]="articleExtended"
+                                [articleStockState]="articleStockState"
+                                [allAvailableStockInformation]="allAvailableStock"
+                                [allTechnicalStockInformation]="allTechnicalStock"
+                                [economicalStock]="economicalStock"
+          >
+          </co-stock-information>
+          <co-stock-tabs [stockInformation]="stockInformation"
+                         [article]="articleExtended"
+                         [articleFlat]="articleFlat"
+                         (transferIconClicked)="handleStockTransferClick($event)"
+                         (sendMethodDialogClicked)="handleSendMethodClick($event)"
+                         [warehouses]="warehouses"
+                         [showStockTransfer]="showStockTransfer"
+          ></co-stock-tabs>
       </div>
   `,
                 encapsulation: ViewEncapsulation.None
@@ -1822,7 +1821,7 @@ StockComponent.propDecorators = {
     okButtonClicked: [{ type: Output }],
     cancelButtonClicked: [{ type: Output }],
     handleClick: [{ type: Output }],
-    showClass: [{ type: HostBinding, args: ["class.co-stock",] }]
+    showClass: [{ type: HostBinding, args: ['class.co-stock',] }]
 };
 
 class StockInformationComponent {
@@ -3697,16 +3696,32 @@ StockTabComponent.propDecorators = {
     locationClicked: [{ type: Output }]
 };
 
-class OrderTabComponent {
+class BaseStockComponent {
+    ngOnInit() {
+        this.getData();
+    }
+    getData() {
+        return __awaiter(this, void 0, void 0, function* () {
+        });
+    }
+}
+BaseStockComponent.decorators = [
+    { type: Directive }
+];
+BaseStockComponent.propDecorators = {
+    goodId: [{ type: Input }]
+};
+
+class OrderTabComponent extends BaseStockComponent {
     constructor(iconCacheService, _stockService) {
+        super();
         this.iconCacheService = iconCacheService;
         this._stockService = _stockService;
         this.icons = Icon;
-        this.articleStockInformation = [];
-        this.inOrderInformation = [];
         this.locationClicked = new EventEmitter();
         this.transferIconClicked = new EventEmitter();
         this.sendMethodDialogClicked = new EventEmitter();
+        this.data = [];
     }
     openSendMethodDialog(data) {
         this.sendMethodDialogClicked.emit(data);
@@ -3714,12 +3729,22 @@ class OrderTabComponent {
     handleStockTransferClick(event) {
         this.transferIconClicked.emit(event);
     }
+    getData() {
+        return __awaiter(this, void 0, void 0, function* () {
+            const inOrderData = new ArticleTransaction$1();
+            inOrderData.type = "V";
+            inOrderData.goodId = this.goodId.toString();
+            this._stockService.getArticleTransaction(inOrderData).then(result => {
+                this.data = result;
+            });
+        });
+    }
 }
 OrderTabComponent.decorators = [
     { type: Component, args: [{
                 selector: "co-order-tab",
                 template: `
-    <co-simple-grid [data]="inOrderInformation"
+    <co-simple-grid [data]="data"
                     class="simple-grid"
                     [rowsPerPage]="20"
     >
@@ -3753,8 +3778,6 @@ OrderTabComponent.ctorParameters = () => [
     { type: StockService }
 ];
 OrderTabComponent.propDecorators = {
-    articleStockInformation: [{ type: Input }],
-    inOrderInformation: [{ type: Input }],
     locationClicked: [{ type: Output }],
     transferIconClicked: [{ type: Output }],
     sendMethodDialogClicked: [{ type: Output }]
@@ -3770,19 +3793,7 @@ class StockTabsComponent {
         this.warehouses = [];
         this.transferIconClicked = new EventEmitter();
         this.sendMethodDialogClicked = new EventEmitter();
-        this.stockLocations = [];
-        this.stockHistory = [];
-        this.orderSupplyStockHistory = [];
-        this.orderCommissionStockHistory = [];
-        this.orderStockHistory = [];
-        this.orderAllocationStockHistory = [];
-        this.inOrderInformation = [];
-        this.orderInformation = [];
-        this.stockPrognose = [];
         this.selectedWarehouse = new StockManagementWarehouses();
-        this.articleDetailsInformation = new ArticleStockManagement();
-        this.showWarehouseSelection = false;
-        this.articleDetails = [];
         this.tabs = [];
         this.historyTabs = [];
     }
@@ -3825,97 +3836,12 @@ class StockTabsComponent {
         this.handleWarehouseSelected(this.selectedWarehouse);
         this.getStockData(this.selectedWarehouse);
     }
-    getStockHistory() {
-        const stockHistoryInformation = new GetStockHistoryRequest();
-        stockHistoryInformation.type = "V";
-        stockHistoryInformation.goodId = this.article.goodId.toString();
-        this._stockService.getStockHistory(stockHistoryInformation).then(result => {
-            this.stockHistory = result;
-        });
-    }
-    getOrderSupplyStockHistory() {
-        const stockHistoryInformation = new GetStockHistoryRequest();
-        stockHistoryInformation.type = "O";
-        stockHistoryInformation.goodId = this.article.goodId.toString();
-        this._stockService.getStockHistory(stockHistoryInformation).then(result => {
-            this.orderSupplyStockHistory = result;
-        });
-    }
-    getOrderCommissionStockHistory() {
-        const stockHistoryInformation = new GetStockHistoryRequest();
-        stockHistoryInformation.type = "C";
-        stockHistoryInformation.goodId = this.article.goodId.toString();
-        this._stockService.getStockHistory(stockHistoryInformation).then(result => {
-            this.orderCommissionStockHistory = result;
-        });
-    }
-    getOrderStockHistory() {
-        const stockHistoryInformation = new GetStockHistoryRequest();
-        stockHistoryInformation.type = "B";
-        stockHistoryInformation.goodId = this.article.goodId.toString();
-        this._stockService.getStockHistory(stockHistoryInformation).then(result => {
-            this.orderStockHistory = result;
-        });
-    }
-    getAllocationStockHistory() {
-        const stockHistoryInformation = new GetStockHistoryRequest();
-        stockHistoryInformation.type = "T";
-        stockHistoryInformation.goodId = this.article.goodId.toString();
-        this._stockService.getStockHistory(stockHistoryInformation).then(result => {
-            this.orderAllocationStockHistory = result;
-        });
-    }
-    getInOrderData() {
-        const inOrderData = new ArticleTransaction$1();
-        inOrderData.type = "V";
-        inOrderData.goodId = this.stockInformation[0].goodId.toString();
-        this._stockService.getArticleTransaction(inOrderData).then(result => {
-            this.inOrderInformation = result;
-        });
-    }
-    getOrderData() {
-        const orderData = new ArticleTransaction$1();
-        orderData.type = "I";
-        orderData.goodId = this.stockInformation[0].goodId.toString();
-        this._stockService.getArticleTransaction(orderData).then(result => {
-            this.orderInformation = result;
-        });
-    }
-    getStockPrognose(warehouseNo) {
-        this._stockService.stockPrognose(this.article.goodId, warehouseNo).then(result => {
-            this.stockPrognose = result;
-        });
-    }
     handleWarehouseSelected(event) {
         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;
-            });
-        }
-    }
-    getStockLocations() {
-        this._stockService.getStockManagementLocations(this.selectedWarehouse.warehouseNo).then(result => {
-            this.stockLocations = result;
-        });
     }
     getStockData(warehouse) {
         this.handleWarehouseSelected(warehouse);
-        this.getStockPrognose(warehouse.warehouseNo);
-        this.getOrderData();
-        this.getInOrderData();
-        this.getAllocationStockHistory();
-        this.getOrderStockHistory();
-        this.getOrderCommissionStockHistory();
-        this.getOrderSupplyStockHistory();
-        this.getStockHistory();
-        this.getStockLocations();
         this._changeDetector.markForCheck();
         this._changeDetector.detectChanges();
     }
@@ -3944,52 +3870,50 @@ StockTabsComponent.decorators = [
     ></co-stock-tab>
 
     <co-stock-prognose *ngIf="tabs[1].active"
-                       [stockPrognose]="stockPrognose"
+                       [goodId]="article.goodId"
+                       [warehouseNo]="selectedWarehouse.warehouseNo"
     ></co-stock-prognose>
 
     <co-stock-location *ngIf="tabs[2].active"
-                       [articleStockInfo]="articleDetails"
                        [articleStockInformation]="stockInformation"
-                       [article]="article"
+                       [goodId]="article.goodId"
+                       [warehouseNo]="selectedWarehouse.warehouseNo"
                        [articleFlat]="articleFlat"
-                       [selectedWarehouse]="selectedWarehouse"
                        [dataWareHouseCode]="warehouses"
-                       [stockLocations]="stockLocations"
+                       [showStockTransfer]="showStockTransfer"
                        (transferIconClicked)="transferIconClicked.emit($event)"
                        (sendMethodDialogClicked)="sendMethodDialogClicked.emit($event)"
-                       [showStockTransfer]="showStockTransfer"
                        (showStockTransferChange)="onShowStockTransferChange($event)"
     ></co-stock-location>
 
     <co-order-tab *ngIf="tabs[3].active"
-                  [articleStockInformation]="stockInformation"
-                  [inOrderInformation]="inOrderInformation"
+                  [goodId]="article.goodId"
                   (transferIconClicked)="transferIconClicked.emit($event)"
                   (sendMethodDialogClicked)="sendMethodDialogClicked.emit($event)"
     ></co-order-tab>
 
     <co-order-stock-tab *ngIf="tabs[4].active"
-                        [orderInformation]="orderInformation"
+                        [goodId]="article.goodId"
     ></co-order-stock-tab>
 
     <co-stock-history *ngIf="historyTabs[0].active && tabs[5].active"
-                      [stockHistory]="stockHistory"
+                      [goodId]="article.goodId"
     ></co-stock-history>
 
     <co-order-supply-stock-history *ngIf="historyTabs[1].active && tabs[5].active"
-                                   [orderSupplyStockHistory]="orderSupplyStockHistory"
+                                   [goodId]="article.goodId"
     ></co-order-supply-stock-history>
 
     <co-order-stock-commission-history *ngIf="historyTabs[2].active && tabs[5].active"
-                                       [orderStockCommissionHistory]="orderCommissionStockHistory"
+                                       [goodId]="article.goodId"
     ></co-order-stock-commission-history>
 
     <co-order-stock-history *ngIf="historyTabs[3].active && tabs[5].active"
-                            [orderStockHistory]="orderStockHistory"
+                            [goodId]="article.goodId"
     ></co-order-stock-history>
 
     <co-allocation-stock-history *ngIf="historyTabs[4].active && tabs[5].active"
-                                 [allocationStockHistory]="orderAllocationStockHistory"
+                                 [goodId]="article.goodId"
     ></co-allocation-stock-history>
 
   `,
@@ -4042,19 +3966,30 @@ StockHistoryTabsComponent.propDecorators = {
     stockInformation: [{ type: Input }]
 };
 
-class OrderStockTabComponent {
+class OrderStockTabComponent extends BaseStockComponent {
     constructor(iconCacheService, _stockService) {
+        super();
         this.iconCacheService = iconCacheService;
         this._stockService = _stockService;
         this.icons = Icon;
-        this.orderInformation = [];
+        this.data = [];
+    }
+    getData() {
+        return __awaiter(this, void 0, void 0, function* () {
+            const orderData = new ArticleTransaction$1();
+            orderData.type = "I";
+            orderData.goodId = this.goodId.toString();
+            this._stockService.getArticleTransaction(orderData).then(result => {
+                this.data = result;
+            });
+        });
     }
 }
 OrderStockTabComponent.decorators = [
     { type: Component, args: [{
                 selector: "co-order-stock-tab",
                 template: `
-    <co-simple-grid [data]="orderInformation"
+    <co-simple-grid [data]="data"
                     class="simple-grid"
                     [rowsPerPage]="20"
     >
@@ -4080,18 +4015,15 @@ OrderStockTabComponent.decorators = [
 OrderStockTabComponent.ctorParameters = () => [
     { type: IconCacheService },
     { type: StockService }
-];
-OrderStockTabComponent.propDecorators = {
-    orderInformation: [{ type: Input }]
-};
+];
 
-class StockLocationComponent {
+class StockLocationComponent extends BaseStockComponent {
     constructor(iconCacheService, _stockService, _changeDetector) {
+        super();
         this.iconCacheService = iconCacheService;
         this._stockService = _stockService;
         this._changeDetector = _changeDetector;
         this.icons = Icon;
-        this.articleStockInfo = [];
         this.articleStockInformation = [];
         this.articleWarehouse = [];
         this.allWarehouses = [];
@@ -4104,34 +4036,39 @@ class StockLocationComponent {
         this.newStockLine = false;
         this.showConfirmStockRow = false;
         this.articleDetailsInformation = new ArticleStockManagement();
-        this.stockLocations = [];
         this.stockStatus = [];
         this.selectedArticleDetailsData = new ArticleDetailsBo();
+        this.data = [];
+        this.stockLocations = [];
         this._subs = [];
     }
-    set article(article) {
+    set warehouseNo(value) {
+        if (this._warehouseNo !== value) {
+            this._warehouseNo = value;
+            this.getData();
+            this._getWarehouseLocations();
+        }
+    }
+    get warehouseNo() {
+        return this._warehouseNo;
     }
-    ;
     ngOnInit() {
         this._stockService.getStockState().then(result => {
             this.stockStatus = result;
         });
-        this._subs.push(this._stockService.warehouseSelected.subscribe(selectedWarehouse => {
-            this._stockService.getStockManagementLocations(selectedWarehouse.warehouseNo).then(result => {
-                this.stockLocations = result;
-            });
+        this._subs.push(this._stockService.warehouseSelected.subscribe((warehouse) => {
+            this.selectedWarehouse = warehouse;
         }));
     }
     ngOnDestroy() {
+        this._subs.forEach(s => s.unsubscribe());
     }
     onShowStockTransferChange(show) {
         this.showStockTransfer = show;
         this.showStockTransferChange.emit(this.showStockTransfer);
     }
     onLocationDropdownClick() {
-        this._stockService.getStockManagementLocations(this.selectedWarehouse.warehouseNo).then((locations) => {
-            this.stockLocations = locations;
-        });
+        this._getWarehouseLocations();
     }
     locationChanged(row, event) {
         this.selectedLocationNo = event.locationNo;
@@ -4155,11 +4092,11 @@ class StockLocationComponent {
     }
     handleAddRow() {
         var _a;
-        if (!((_a = this.articleStockInfo) === null || _a === void 0 ? void 0 : _a.length)) {
-            this.articleStockInfo = [];
+        if (!((_a = this.data) === null || _a === void 0 ? void 0 : _a.length)) {
+            this.data = [];
         }
-        this.articleStockInfo.push(new ArticleDetailsBo());
-        this.selectedArticleDetailsData = this.articleStockInfo[(this.articleStockInfo.length - 1)];
+        this.data.push(new ArticleDetailsBo());
+        this.selectedArticleDetailsData = this.data[(this.data.length - 1)];
         this.newStockLine = true;
         this.showConfirmationDialog = true;
     }
@@ -4173,7 +4110,7 @@ class StockLocationComponent {
             this.selectedArticleDetailsData.goodId = parseInt(this.articleDetailsInformation.goodId);
         }
         this.selectedArticleDetailsData.entryDate = new Date();
-        this.selectedArticleDetailsData.warehouseNo = this.selectedWarehouse.warehouseNo;
+        this.selectedArticleDetailsData.warehouseNo = this.warehouseNo;
         if (this.selectedLocationNo) {
             this.selectedArticleDetailsData.locationNo = (_a = this.selectedLocationNo) === null || _a === void 0 ? void 0 : _a.toString();
         }
@@ -4182,7 +4119,7 @@ class StockLocationComponent {
             this.articleDetailsInformation.goodId = (_a = this.selectedArticleDetailsData.goodId) === null || _a === void 0 ? void 0 : _a.toString();
             this.articleDetailsInformation.warehouseNumber = this.selectedArticleDetailsData.warehouseNo;
             this._stockService.getArticleDetails(this.articleDetailsInformation).then((details) => {
-                this.articleStockInfo = details;
+                this.data = details;
             });
         });
         this.showConfirmationDialog = false;
@@ -4212,122 +4149,138 @@ class StockLocationComponent {
         // If location is not found or description is empty, return locationNo
         return location && location.description && location.description.trim() !== '' ? location.description : locationNo;
     }
+    getData() {
+        return __awaiter(this, void 0, void 0, function* () {
+            const request = new ArticleStockManagement();
+            request.goodId = this.goodId.toString();
+            request.warehouseNumber = this.warehouseNo;
+            this._stockService.getArticleDetails(request).then((details) => {
+                this.data = details;
+            });
+            this._getWarehouseLocations();
+        });
+    }
+    _getWarehouseLocations() {
+        this._stockService.getStockManagementLocations(this.warehouseNo).then((result) => {
+            this.stockLocations = result;
+        });
+    }
 }
 StockLocationComponent.decorators = [
     { type: Component, args: [{
-                selector: "co-stock-location",
+                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]="articleStockInfo"
-          [selectedArticleDetailsData]="selectedArticleDetailsData"
-          [showConfirmationDialog]="showConfirmationDialog"
-          [newStockLine]="newStockLine"
-          (togglePopupEvent)="showConfirmationDialog = $event"
-          (updateGridData)="articleStockInfo = $event"
+      <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"
+                  (togglePopupEvent)="showConfirmationDialog = $event"
+                  (updateGridData)="data = $event"
 
-        ></co-stock-location-popup>
-      <co-simple-grid [data]="articleStockInfo"
-                      class="simple-grid"
-                      [showAdd]="true"
-                      [inlineEdit]="false"
-                      [showToolbar]="true"
-                      (addRow)="handleAddRow()"
-      >
-        <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-column [readonly]="true" [headerText]="'TRANSFER' | sharedLocalize" [field]="'transfer'">
-          <ng-template #template let-row="row">
-            <co-icon class="menu-icon" [iconData]="iconCacheService.getIcon(icons.DeliveryTruck)"
-                     (click)="handleStockTransferClick(row)"></co-icon>
-          </ng-template>
-          <ng-template #editTemplate></ng-template>
-        </co-simple-grid-column>
-        <co-simple-grid-column [readonly]="true" [headerText]="'STICKER' | sharedLocalize" [field]="'sticker'">
-          <ng-template #template let-row="row">
-            <co-icon class="menu-icon" [iconData]="iconCacheService.getIcon(icons.Print)"
-                     (click)="openSendMethodDialog(row)"></co-icon>
-          </ng-template>
-          <ng-template #editTemplate></ng-template>
-        </co-simple-grid-column>
-      </co-simple-grid>
-    </div>
+          ></co-stock-location-popup>
+          <co-simple-grid [data]="data"
+                          class="simple-grid"
+                          [showAdd]="true"
+                          [inlineEdit]="false"
+                          [showToolbar]="true"
+                          (addRow)="handleAddRow()"
+          >
+              <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-column [readonly]="true" [headerText]="'TRANSFER' | sharedLocalize" [field]="'transfer'">
+                  <ng-template #template let-row="row">
+                      <co-icon class="menu-icon" [iconData]="iconCacheService.getIcon(icons.DeliveryTruck)"
+                               (click)="handleStockTransferClick(row)"></co-icon>
+                  </ng-template>
+                  <ng-template #editTemplate></ng-template>
+              </co-simple-grid-column>
+              <co-simple-grid-column [readonly]="true" [headerText]="'STICKER' | sharedLocalize" [field]="'sticker'">
+                  <ng-template #template let-row="row">
+                      <co-icon class="menu-icon" [iconData]="iconCacheService.getIcon(icons.Print)"
+                               (click)="openSendMethodDialog(row)"></co-icon>
+                  </ng-template>
+                  <ng-template #editTemplate></ng-template>
+              </co-simple-grid-column>
+          </co-simple-grid>
+      </div>
   `,
                 encapsulation: ViewEncapsulation.None
             },] }
@@ -4338,36 +4291,44 @@ StockLocationComponent.ctorParameters = () => [
     { type: ChangeDetectorRef }
 ];
 StockLocationComponent.propDecorators = {
-    articleStockInfo: [{ type: Input }],
+    warehouseNo: [{ type: Input }],
     articleStockInformation: [{ type: Input }],
     articleWarehouse: [{ type: Input }],
     allWarehouses: [{ type: Input }],
-    article: [{ type: Input }],
     showStockTransfer: [{ type: Input }],
     articleFlat: [{ type: Input }],
     dataWareHouseCode: [{ type: Input }],
     transferIconClicked: [{ type: Output }],
     sendMethodDialogClicked: [{ type: Output }],
     showStockTransferChange: [{ type: Output }],
-    handleStickerClicked: [{ type: Output }],
-    selectedWarehouse: [{ type: Input }],
-    stockLocations: [{ type: Input }]
+    handleStickerClicked: [{ type: Output }]
 };
 
-class StockHistoryComponent {
+class StockHistoryComponent extends BaseStockComponent {
     constructor(iconCacheService, _stockService) {
+        super();
         this.iconCacheService = iconCacheService;
         this._stockService = _stockService;
         this.icons = Icon;
         this.stockHistoryInformation = [];
-        this.stockHistory = [];
+        this.data = [];
+    }
+    getData() {
+        return __awaiter(this, void 0, void 0, function* () {
+            const stockHistoryInformation = new GetStockHistoryRequest();
+            stockHistoryInformation.type = "V";
+            stockHistoryInformation.goodId = this.goodId.toString();
+            this._stockService.getStockHistory(stockHistoryInformation).then(result => {
+                this.data = result;
+            });
+        });
     }
 }
 StockHistoryComponent.decorators = [
     { type: Component, args: [{
                 selector: "co-stock-history",
                 template: `
-    <co-simple-grid [data]="stockHistory"
+    <co-simple-grid [data]="data"
                     class="simple-grid"
                     [rowsPerPage]="20"
     >
@@ -4399,8 +4360,7 @@ StockHistoryComponent.ctorParameters = () => [
 ];
 StockHistoryComponent.propDecorators = {
     stockHistoryInformation: [{ type: Input }],
-    articleGoodId: [{ type: Input }],
-    stockHistory: [{ type: Input }]
+    articleGoodId: [{ type: Input }]
 };
 
 class TabBarComponent {
@@ -4461,17 +4421,14 @@ TabBarComponent.decorators = [
           <div class="tab-primary" *ngFor="let tab of tabs">
             <co-button
                     [label]="tab.title"
-                    [screenConfigurationObject]="tab.cfg"
                     [class.active]="tab.active"
                     (click)="selectTab(tab)" 
             ></co-button>
           </div>
-
         </div>
         <div class="secondary-tab-bar" *ngIf="ActivateSecondaryTabs">
           <co-button *ngFor="let tab of secondaryTabs"
                      [label]="tab.title"
-                     [screenConfigurationObject]="tab.cfg" 
                      [class.active]="tab.active" 
                      (click)="selectSecondaryTab(tab)"
           ></co-button>
@@ -4514,181 +4471,213 @@ TabBarModule.decorators = [
             },] }
 ];
 
-class OrderSupplyStockHistoryComponent {
-    constructor(iconCacheService) {
-        this.iconCacheService = iconCacheService;
+class OrderSupplyStockHistoryComponent extends BaseStockComponent {
+    constructor(_stockService) {
+        super();
+        this._stockService = _stockService;
         this.icons = Icon;
-        this.orderSupplyStockHistory = [];
+        this.data = [];
+    }
+    getData() {
+        return __awaiter(this, void 0, void 0, function* () {
+            const stockHistoryInformation = new GetStockHistoryRequest();
+            stockHistoryInformation.type = 'O';
+            stockHistoryInformation.goodId = this.goodId.toString();
+            this._stockService.getStockHistory(stockHistoryInformation).then(result => {
+                this.data = result;
+            });
+        });
     }
 }
 OrderSupplyStockHistoryComponent.decorators = [
     { type: Component, args: [{
-                selector: "co-order-supply-stock-history",
+                selector: 'co-order-supply-stock-history',
                 template: `
-    <co-simple-grid [data]="orderSupplyStockHistory"
-                    class="simple-grid"
-                    [rowsPerPage]="20"
-    >
-      <co-simple-grid-column [headerText]="'MUTATION_DATE' | sharedLocalize">
-        <ng-template #template let-row="row">
-          <span [textContent]="row.mutationDate | date:'dd-MM-yyyy'"></span>
-        </ng-template>
-      </co-simple-grid-column>
-      <co-simple-grid-column [headerText]="'MUTATION_TIME' | sharedLocalize" [field]="'mutationTime'"></co-simple-grid-column>
-      <co-simple-grid-column [headerText]="'AMOUNT' | sharedLocalize" [field]="'amount'"></co-simple-grid-column>
-      <co-simple-grid-column [headerText]="'WAREHOUSE' | sharedLocalize" [field]="'wareHouseNr'"></co-simple-grid-column>
-      <co-simple-grid-column [headerText]="'LOCATION' | sharedLocalize" [field]="'locationNr'"></co-simple-grid-column>
-      <co-simple-grid-column [headerText]="'DOCUMENT_NUMBER' | sharedLocalize" [field]="'docNr'"></co-simple-grid-column>
-      <co-simple-grid-column [headerText]="'LINE' | sharedLocalize" [field]="'transLineNr'"></co-simple-grid-column>
-      <co-simple-grid-column [headerText]="'STOCK_STATE' | sharedLocalize" [field]="'stockStateId'"></co-simple-grid-column>
-      <co-simple-grid-column [headerText]="'STOCK_REMARK' | sharedLocalize" [field]="'stockStateRemarkId'"></co-simple-grid-column>
-      <co-simple-grid-column [headerText]="'VALUTA' | sharedLocalize" [field]="'currencyCode'"></co-simple-grid-column>
-      <co-simple-grid-column [headerText]="'RELATION_NR' | sharedLocalize" [field]="'relationNr'"></co-simple-grid-column>
-      <co-simple-grid-column [headerText]="'USER' | sharedLocalize" [field]="'user'"></co-simple-grid-column>
-      <co-simple-grid-column [headerText]="'MUTATION_TYPE' | sharedLocalize" [field]="'mutationType'"></co-simple-grid-column>
-    </co-simple-grid>
+      <co-simple-grid [data]="data"
+                      class="simple-grid"
+                      [rowsPerPage]="20"
+      >
+          <co-simple-grid-column [headerText]="'MUTATION_DATE' | sharedLocalize">
+              <ng-template #template let-row="row">
+                  <span [textContent]="row.mutationDate | date:'dd-MM-yyyy'"></span>
+              </ng-template>
+          </co-simple-grid-column>
+          <co-simple-grid-column [headerText]="'MUTATION_TIME' | sharedLocalize" [field]="'mutationTime'"></co-simple-grid-column>
+          <co-simple-grid-column [headerText]="'AMOUNT' | sharedLocalize" [field]="'amount'"></co-simple-grid-column>
+          <co-simple-grid-column [headerText]="'WAREHOUSE' | sharedLocalize" [field]="'wareHouseNr'"></co-simple-grid-column>
+          <co-simple-grid-column [headerText]="'LOCATION' | sharedLocalize" [field]="'locationNr'"></co-simple-grid-column>
+          <co-simple-grid-column [headerText]="'DOCUMENT_NUMBER' | sharedLocalize" [field]="'docNr'"></co-simple-grid-column>
+          <co-simple-grid-column [headerText]="'LINE' | sharedLocalize" [field]="'transLineNr'"></co-simple-grid-column>
+          <co-simple-grid-column [headerText]="'STOCK_STATE' | sharedLocalize" [field]="'stockStateId'"></co-simple-grid-column>
+          <co-simple-grid-column [headerText]="'STOCK_REMARK' | sharedLocalize" [field]="'stockStateRemarkId'"></co-simple-grid-column>
+          <co-simple-grid-column [headerText]="'VALUTA' | sharedLocalize" [field]="'currencyCode'"></co-simple-grid-column>
+          <co-simple-grid-column [headerText]="'RELATION_NR' | sharedLocalize" [field]="'relationNr'"></co-simple-grid-column>
+          <co-simple-grid-column [headerText]="'USER' | sharedLocalize" [field]="'user'"></co-simple-grid-column>
+          <co-simple-grid-column [headerText]="'MUTATION_TYPE' | sharedLocalize" [field]="'mutationType'"></co-simple-grid-column>
+      </co-simple-grid>
   `,
                 encapsulation: ViewEncapsulation.None
             },] }
 ];
 OrderSupplyStockHistoryComponent.ctorParameters = () => [
-    { type: IconCacheService }
-];
-OrderSupplyStockHistoryComponent.propDecorators = {
-    orderSupplyStockHistory: [{ type: Input }]
-};
+    { type: StockService }
+];
 
-class OrderCommissionStockHistoryComponent {
-    constructor(iconCacheService) {
-        this.iconCacheService = iconCacheService;
+class OrderCommissionStockHistoryComponent extends BaseStockComponent {
+    constructor(_stockService) {
+        super();
+        this._stockService = _stockService;
         this.icons = Icon;
-        this.orderStockCommissionHistory = [];
+        this.data = [];
+    }
+    getData() {
+        return __awaiter(this, void 0, void 0, function* () {
+            const stockHistoryInformation = new GetStockHistoryRequest();
+            stockHistoryInformation.type = "C";
+            stockHistoryInformation.goodId = this.goodId.toString();
+            this._stockService.getStockHistory(stockHistoryInformation).then(result => {
+                this.data = result;
+            });
+        });
     }
 }
 OrderCommissionStockHistoryComponent.decorators = [
     { type: Component, args: [{
                 selector: "co-order-stock-commission-history",
                 template: `
-    <co-simple-grid [data]="orderStockCommissionHistory"
-                    class="simple-grid"
-                    [rowsPerPage]="20"
-    >
-      <co-simple-grid-column [headerText]="'MUTATION_DATE' | sharedLocalize">
-        <ng-template #template let-row="row">
-          <span [textContent]="row.mutationDate | date:'dd-MM-yyyy'"></span>
-        </ng-template>
-      </co-simple-grid-column>
-      <co-simple-grid-column [headerText]="'MUTATION_TIME' | sharedLocalize" [field]="'mutationTime'"></co-simple-grid-column>
-      <co-simple-grid-column [headerText]="'AMOUNT' | sharedLocalize" [field]="'amount'"></co-simple-grid-column>
-      <co-simple-grid-column [headerText]="'WAREHOUSE' | sharedLocalize" [field]="'wareHouseNr'"></co-simple-grid-column>
-      <co-simple-grid-column [headerText]="'LOCATION' | sharedLocalize" [field]="'locationNr'"></co-simple-grid-column>
-      <co-simple-grid-column [headerText]="'DOCUMENT_NUMBER' | sharedLocalize" [field]="'docNr'"></co-simple-grid-column>
-      <co-simple-grid-column [headerText]="'LINE' | sharedLocalize" [field]="'transLineNr'"></co-simple-grid-column>
-      <co-simple-grid-column [headerText]="'STOCK_STATE' | sharedLocalize" [field]="'stockStateId'"></co-simple-grid-column>
-      <co-simple-grid-column [headerText]="'STOCK_REMARK' | sharedLocalize" [field]="'stockStateRemarkId'"></co-simple-grid-column>
-      <co-simple-grid-column [headerText]="'VALUTA' | sharedLocalize" [field]="'currencyCode'"></co-simple-grid-column>
-      <co-simple-grid-column [headerText]="'RELATION_NR' | sharedLocalize" [field]="'relationNr'"></co-simple-grid-column>
-      <co-simple-grid-column [headerText]="'USER' | sharedLocalize" [field]="'user'"></co-simple-grid-column>
-      <co-simple-grid-column [headerText]="'MUTATION_TYPE' | sharedLocalize" [field]="'mutationType'"></co-simple-grid-column>
-    </co-simple-grid>
+      <co-simple-grid [data]="data"
+                      class="simple-grid"
+                      [rowsPerPage]="20"
+      >
+          <co-simple-grid-column [headerText]="'MUTATION_DATE' | sharedLocalize">
+              <ng-template #template let-row="row">
+                  <span [textContent]="row.mutationDate | date:'dd-MM-yyyy'"></span>
+              </ng-template>
+          </co-simple-grid-column>
+          <co-simple-grid-column [headerText]="'MUTATION_TIME' | sharedLocalize" [field]="'mutationTime'"></co-simple-grid-column>
+          <co-simple-grid-column [headerText]="'AMOUNT' | sharedLocalize" [field]="'amount'"></co-simple-grid-column>
+          <co-simple-grid-column [headerText]="'WAREHOUSE' | sharedLocalize" [field]="'wareHouseNr'"></co-simple-grid-column>
+          <co-simple-grid-column [headerText]="'LOCATION' | sharedLocalize" [field]="'locationNr'"></co-simple-grid-column>
+          <co-simple-grid-column [headerText]="'DOCUMENT_NUMBER' | sharedLocalize" [field]="'docNr'"></co-simple-grid-column>
+          <co-simple-grid-column [headerText]="'LINE' | sharedLocalize" [field]="'transLineNr'"></co-simple-grid-column>
+          <co-simple-grid-column [headerText]="'STOCK_STATE' | sharedLocalize" [field]="'stockStateId'"></co-simple-grid-column>
+          <co-simple-grid-column [headerText]="'STOCK_REMARK' | sharedLocalize" [field]="'stockStateRemarkId'"></co-simple-grid-column>
+          <co-simple-grid-column [headerText]="'VALUTA' | sharedLocalize" [field]="'currencyCode'"></co-simple-grid-column>
+          <co-simple-grid-column [headerText]="'RELATION_NR' | sharedLocalize" [field]="'relationNr'"></co-simple-grid-column>
+          <co-simple-grid-column [headerText]="'USER' | sharedLocalize" [field]="'user'"></co-simple-grid-column>
+          <co-simple-grid-column [headerText]="'MUTATION_TYPE' | sharedLocalize" [field]="'mutationType'"></co-simple-grid-column>
+      </co-simple-grid>
   `,
                 encapsulation: ViewEncapsulation.None
             },] }
 ];
 OrderCommissionStockHistoryComponent.ctorParameters = () => [
-    { type: IconCacheService }
-];
-OrderCommissionStockHistoryComponent.propDecorators = {
-    orderStockCommissionHistory: [{ type: Input }]
-};
+    { type: StockService }
+];
 
-class OrderStockHistoryComponent {
-    constructor(iconCacheService) {
-        this.iconCacheService = iconCacheService;
+class OrderStockHistoryComponent extends BaseStockComponent {
+    constructor(_stockService) {
+        super();
+        this._stockService = _stockService;
         this.icons = Icon;
-        this.orderStockHistory = [];
+        this.data = [];
+    }
+    getData() {
+        return __awaiter(this, void 0, void 0, function* () {
+            const stockHistoryInformation = new GetStockHistoryRequest();
+            stockHistoryInformation.type = 'B';
+            stockHistoryInformation.goodId = this.goodId.toString();
+            this._stockService.getStockHistory(stockHistoryInformation).then(result => {
+                this.data = result;
+            });
+        });
     }
 }
 OrderStockHistoryComponent.decorators = [
     { type: Component, args: [{
-                selector: "co-order-stock-history",
+                selector: 'co-order-stock-history',
                 template: `
-    <co-simple-grid [data]="orderStockHistory"
-                    class="simple-grid"
-                    [rowsPerPage]="20"
-    >
-      <co-simple-grid-column [headerText]="'MUTATION_DATE' | sharedLocalize">
-        <ng-template #template let-row="row">
-          <span [textContent]="row.mutationDate | date:'dd-MM-yyyy'"></span>
-        </ng-template>
-      </co-simple-grid-column>
-      <co-simple-grid-column [headerText]="'MUTATION_TIME' | sharedLocalize" [field]="'mutationTime'"></co-simple-grid-column>
-      <co-simple-grid-column [headerText]="'AMOUNT' | sharedLocalize" [field]="'amount'"></co-simple-grid-column>
-      <co-simple-grid-column [headerText]="'WAREHOUSE' | sharedLocalize" [field]="'wareHouseNr'"></co-simple-grid-column>
-      <co-simple-grid-column [headerText]="'LOCATION' | sharedLocalize" [field]="'locationNr'"></co-simple-grid-column>
-      <co-simple-grid-column [headerText]="'DOCUMENT_NUMBER' | sharedLocalize" [field]="'docNr'"></co-simple-grid-column>
-      <co-simple-grid-column [headerText]="'LINE' | sharedLocalize" [field]="'transLineNr'"></co-simple-grid-column>
-      <co-simple-grid-column [headerText]="'STOCK_STATE' | sharedLocalize" [field]="'stockStateId'"></co-simple-grid-column>
-      <co-simple-grid-column [headerText]="'STOCK_REMARK' | sharedLocalize" [field]="'stockStateRemarkId'"></co-simple-grid-column>
-      <co-simple-grid-column [headerText]="'VALUTA' | sharedLocalize" [field]="'currencyCode'"></co-simple-grid-column>
-      <co-simple-grid-column [headerText]="'RELATION_NR' | sharedLocalize" [field]="'relationNr'"></co-simple-grid-column>
-      <co-simple-grid-column [headerText]="'USER' | sharedLocalize" [field]="'user'"></co-simple-grid-column>
-      <co-simple-grid-column [headerText]="'MUTATION_TYPE' | sharedLocalize" [field]="'mutationType'"></co-simple-grid-column>
-    </co-simple-grid>
+      <co-simple-grid [data]="data"
+                      class="simple-grid"
+                      [rowsPerPage]="20"
+      >
+          <co-simple-grid-column [headerText]="'MUTATION_DATE' | sharedLocalize">
+              <ng-template #template let-row="row">
+                  <span [textContent]="row.mutationDate | date:'dd-MM-yyyy'"></span>
+              </ng-template>
+          </co-simple-grid-column>
+          <co-simple-grid-column [headerText]="'MUTATION_TIME' | sharedLocalize" [field]="'mutationTime'"></co-simple-grid-column>
+          <co-simple-grid-column [headerText]="'AMOUNT' | sharedLocalize" [field]="'amount'"></co-simple-grid-column>
+          <co-simple-grid-column [headerText]="'WAREHOUSE' | sharedLocalize" [field]="'wareHouseNr'"></co-simple-grid-column>
+          <co-simple-grid-column [headerText]="'LOCATION' | sharedLocalize" [field]="'locationNr'"></co-simple-grid-column>
+          <co-simple-grid-column [headerText]="'DOCUMENT_NUMBER' | sharedLocalize" [field]="'docNr'"></co-simple-grid-column>
+          <co-simple-grid-column [headerText]="'LINE' | sharedLocalize" [field]="'transLineNr'"></co-simple-grid-column>
+          <co-simple-grid-column [headerText]="'STOCK_STATE' | sharedLocalize" [field]="'stockStateId'"></co-simple-grid-column>
+          <co-simple-grid-column [headerText]="'STOCK_REMARK' | sharedLocalize" [field]="'stockStateRemarkId'"></co-simple-grid-column>
+          <co-simple-grid-column [headerText]="'VALUTA' | sharedLocalize" [field]="'currencyCode'"></co-simple-grid-column>
+          <co-simple-grid-column [headerText]="'RELATION_NR' | sharedLocalize" [field]="'relationNr'"></co-simple-grid-column>
+          <co-simple-grid-column [headerText]="'USER' | sharedLocalize" [field]="'user'"></co-simple-grid-column>
+          <co-simple-grid-column [headerText]="'MUTATION_TYPE' | sharedLocalize" [field]="'mutationType'"></co-simple-grid-column>
+      </co-simple-grid>
   `,
                 encapsulation: ViewEncapsulation.None
             },] }
 ];
 OrderStockHistoryComponent.ctorParameters = () => [
-    { type: IconCacheService }
-];
-OrderStockHistoryComponent.propDecorators = {
-    orderStockHistory: [{ type: Input }]
-};
+    { type: StockService }
+];
 
-class AllocationStockHistoryComponent {
-    constructor(iconCacheService) {
-        this.iconCacheService = iconCacheService;
+class AllocationStockHistoryComponent extends BaseStockComponent {
+    constructor(_stockService) {
+        super();
+        this._stockService = _stockService;
         this.icons = Icon;
-        this.allocationStockHistory = [];
+        this.data = [];
+    }
+    getData() {
+        return __awaiter(this, void 0, void 0, function* () {
+            const stockHistoryInformation = new GetStockHistoryRequest();
+            stockHistoryInformation.type = 'T';
+            stockHistoryInformation.goodId = this.goodId.toString();
+            this._stockService.getStockHistory(stockHistoryInformation).then(result => {
+                this.data = result;
+            });
+        });
     }
 }
 AllocationStockHistoryComponent.decorators = [
     { type: Component, args: [{
-                selector: "co-allocation-stock-history",
+                selector: 'co-allocation-stock-history',
                 template: `
-    <co-simple-grid [data]="allocationStockHistory"
-                    class="simple-grid"
-                    [rowsPerPage]="20"
-    >
-      <co-simple-grid-column [headerText]="'MUTATION_DATE' | sharedLocalize">
-        <ng-template #template let-row="row">
-          <span [textContent]="row.mutationDate | date:'dd-MM-yyyy'"></span>
-        </ng-template>
-      </co-simple-grid-column>
-      <co-simple-grid-column [headerText]="'MUTATION_TIME' | sharedLocalize" [field]="'mutationTime'"></co-simple-grid-column>
-      <co-simple-grid-column [headerText]="'AMOUNT' | sharedLocalize" [field]="'amount'"></co-simple-grid-column>
-      <co-simple-grid-column [headerText]="'WAREHOUSE' | sharedLocalize" [field]="'wareHouseNr'"></co-simple-grid-column>
-      <co-simple-grid-column [headerText]="'LOCATION' | sharedLocalize" [field]="'locationNr'"></co-simple-grid-column>
-      <co-simple-grid-column [headerText]="'DOCUMENT_NUMBER' | sharedLocalize" [field]="'docNr'"></co-simple-grid-column>
-      <co-simple-grid-column [headerText]="'LINE' | sharedLocalize" [field]="'transLineNr'"></co-simple-grid-column>
-      <co-simple-grid-column [headerText]="'STOCK_STATE' | sharedLocalize" [field]="'stockStateId'"></co-simple-grid-column>
-      <co-simple-grid-column [headerText]="'STOCK_REMARK' | sharedLocalize" [field]="'stockStateRemarkId'"></co-simple-grid-column>
-      <co-simple-grid-column [headerText]="'VALUTA' | sharedLocalize" [field]="'currencyCode'"></co-simple-grid-column>
-      <co-simple-grid-column [headerText]="'RELATION_NR' | sharedLocalize" [field]="'relationNr'"></co-simple-grid-column>
-      <co-simple-grid-column [headerText]="'USER' | sharedLocalize" [field]="'user'"></co-simple-grid-column>
-      <co-simple-grid-column [headerText]="'MUTATION_TYPE' | sharedLocalize" [field]="'mutationType'"></co-simple-grid-column>
-    </co-simple-grid>
+      <co-simple-grid [data]="data"
+                      class="simple-grid"
+                      [rowsPerPage]="20"
+      >
+          <co-simple-grid-column [headerText]="'MUTATION_DATE' | sharedLocalize">
+              <ng-template #template let-row="row">
+                  <span [textContent]="row.mutationDate | date:'dd-MM-yyyy'"></span>
+              </ng-template>
+          </co-simple-grid-column>
+          <co-simple-grid-column [headerText]="'MUTATION_TIME' | sharedLocalize" [field]="'mutationTime'"></co-simple-grid-column>
+          <co-simple-grid-column [headerText]="'AMOUNT' | sharedLocalize" [field]="'amount'"></co-simple-grid-column>
+          <co-simple-grid-column [headerText]="'WAREHOUSE' | sharedLocalize" [field]="'wareHouseNr'"></co-simple-grid-column>
+          <co-simple-grid-column [headerText]="'LOCATION' | sharedLocalize" [field]="'locationNr'"></co-simple-grid-column>
+          <co-simple-grid-column [headerText]="'DOCUMENT_NUMBER' | sharedLocalize" [field]="'docNr'"></co-simple-grid-column>
+          <co-simple-grid-column [headerText]="'LINE' | sharedLocalize" [field]="'transLineNr'"></co-simple-grid-column>
+          <co-simple-grid-column [headerText]="'STOCK_STATE' | sharedLocalize" [field]="'stockStateId'"></co-simple-grid-column>
+          <co-simple-grid-column [headerText]="'STOCK_REMARK' | sharedLocalize" [field]="'stockStateRemarkId'"></co-simple-grid-column>
+          <co-simple-grid-column [headerText]="'VALUTA' | sharedLocalize" [field]="'currencyCode'"></co-simple-grid-column>
+          <co-simple-grid-column [headerText]="'RELATION_NR' | sharedLocalize" [field]="'relationNr'"></co-simple-grid-column>
+          <co-simple-grid-column [headerText]="'USER' | sharedLocalize" [field]="'user'"></co-simple-grid-column>
+          <co-simple-grid-column [headerText]="'MUTATION_TYPE' | sharedLocalize" [field]="'mutationType'"></co-simple-grid-column>
+      </co-simple-grid>
   `,
                 encapsulation: ViewEncapsulation.None
             },] }
 ];
 AllocationStockHistoryComponent.ctorParameters = () => [
-    { type: IconCacheService }
-];
-AllocationStockHistoryComponent.propDecorators = {
-    allocationStockHistory: [{ type: Input }]
-};
+    { type: StockService }
+];
 
 var GaugeColor$1;
 (function (GaugeColor) {
@@ -5004,19 +4993,38 @@ StockStatusbarModule.decorators = [
             },] }
 ];
 
-class StockPrognoseComponent {
+class StockPrognoseComponent extends BaseStockComponent {
     constructor(iconCacheService, _stockService) {
+        super();
         this.iconCacheService = iconCacheService;
         this._stockService = _stockService;
         this.icons = Icon;
-        this.stockPrognose = [];
+        this.data = [];
+    }
+    set warehouseNo(value) {
+        if (this._warehouseNo !== value) {
+            this._warehouseNo = value;
+            this.getData();
+        }
+    }
+    get warehouseNo() {
+        return this._warehouseNo;
+    }
+    getData() {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (this.goodId && this.warehouseNo !== undefined && this.warehouseNo !== null) {
+                this._stockService.stockPrognose(this.goodId, this.warehouseNo).then(result => {
+                    this.data = result;
+                });
+            }
+        });
     }
 }
 StockPrognoseComponent.decorators = [
     { type: Component, args: [{
                 selector: "co-stock-prognose",
                 template: `
-    <co-simple-grid [data]="stockPrognose"
+    <co-simple-grid [data]="data"
                     class="simple-grid"
                     [rowsPerPage]="20"
     >
@@ -5049,7 +5057,7 @@ StockPrognoseComponent.ctorParameters = () => [
     { type: StockService }
 ];
 StockPrognoseComponent.propDecorators = {
-    stockPrognose: [{ type: Input }]
+    warehouseNo: [{ type: Input }]
 };
 
 class StockLocationPopupComponent {
@@ -15825,5 +15833,5 @@ TaskCreatorModule.decorators = [
  * Generated bundle index. Do not edit.
  */
 
-export { ActivityListComponent, ActivityListModule, AgendaEvent, AgendaEventPerDay, CalendarView, CoLinearGaugeComponent, CoLinearGaugeModule, ComponentActivityListComponent, ComponentActivityListModule, DatePlanningComponent, DatePlanningModule, DocsignComponent, DocsignModule, FilesUploadComponent, FilesUploadModule, KeyPadComponent, KeyPadModule, LayoutSwitcherComponent, LayoutSwitcherModule, RoleEmailSelectorComponent, RoleEmailSelectorModule, SendMethodDialogComponent, SendMethodDialogModule, SharedComponentsDictionaryService, SharedComponentsTranslationModule, SharedService, SimpleTagsComponent, SimpleTagsFormComponent, SimpleTagsFormModule, SimpleTagsModule, StatusbarComponent, StatusbarModule, StockComponent, StockModule, TaskCreatorComponent, TaskCreatorModule, WorkflowInfoTilesComponent, WorkflowInfoTilesModule, sendMethodsWithIcon, SignatureComponent as ɵa, SignaturesComponent as ɵb, StockInformationComponent as ɵba, StockInformationGridComponent as ɵbb, StockTransferComponent as ɵbc, StockChangeAmountComponent as ɵbd, StockTabComponent as ɵbe, OrderTabComponent as ɵbf, StockTabsComponent as ɵbg, StockHistoryTabsComponent as ɵbh, OrderStockTabComponent as ɵbi, StockLocationComponent as ɵbj, StockHistoryComponent as ɵbk, OrderSupplyStockHistoryComponent as ɵbl, OrderCommissionStockHistoryComponent as ɵbm, OrderStockHistoryComponent as ɵbn, AllocationStockHistoryComponent as ɵbo, StockPrognoseComponent as ɵbp, StockLocationPopupComponent as ɵbq, SendMethod as ɵbr, Icon as ɵbs, CalendarAllYearsComponent as ɵbt, CalendarAllMonthsComponent as ɵbu, CalendarHeaderComponent as ɵbv, CalendarComponent as ɵbw, CalendarViewComponent as ɵbx, AgendaHeaderComponent as ɵby, AgendaViewComponent as ɵbz, StockService as ɵc, AgendaMonthViewComponent as ɵca, AgendaBaseViewComponent as ɵcb, AgendaDayViewComponent as ɵcc, AgendaWeekViewComponent as ɵcd, AgendaWeekSelectViewComponent as ɵce, AgendaHourViewComponent as ɵcf, AgendaHourCellComponent as ɵcg, AgendaHourViewLabelsComponent as ɵch, AgendaHalfHourCellComponent as ɵci, AgendaEventsComponent as ɵcj, AgendaEventComponent as ɵck, ViewSelectComponent as ɵcl, AgendaSelectEventComponent as ɵcm, MASTER_PIPES as ɵcn, ArrayNumberPipe as ɵco, UCfirstPipe as ɵcp, FileTypeImagePipe as ɵcq, BaseFileUploadComponent as ɵcr, InputBoolean as ɵcs, ImageDisplayModule as ɵct, ImageDisplayComponent as ɵcu, FileUploadModule as ɵcv, TileRenderModule as ɵcw, TileRenderComponent as ɵcx, FileUploadComponent as ɵcy, FileUploadPopupModule as ɵcz, SharedConnectorService as ɵd, MultiplePropertyTogglerModule as ɵda, MultiplePropertyTogglerComponent as ɵdb, FileUploadPopupComponent as ɵdc, AppFileDropzoneModule as ɵdd, AppFileDropzoneComponent as ɵde, DragDropContainerComponent as ɵdf, DragDropService as ɵdg, BaseActivityListComponent as ɵdh, PersonalActivityOverviewComponent as ɵdi, BaseActivityOverviewComponent as ɵdj, TaskModifierComponent as ɵdk, ModifyTaskFormComponent as ɵdl, PersonalActivityOverviewModule as ɵdm, ComponentActivityOverviewModule as ɵdn, TaskModifyerModule as ɵdo, ModifyTaskFormModule as ɵdp, TaskDetailsModule as ɵdq, TaskDetailsComponent as ɵdr, BaseActivitySummaryComponent as ɵds, ExecutiveSummaryBlockModule as ɵdt, ActivitySummaryBlockModule as ɵdu, ActivitySummaryBlockComponent as ɵdv, ExecutiveSummaryBlockComponent as ɵdw, StatusSummaryBlockModule as ɵdx, StatusSummaryBlockComponent as ɵdy, CreationSummaryBlockModule as ɵdz, OptionsService as ɵe, CreationSummaryBlockComponent as ɵea, NotificationSummaryBlockModule as ɵeb, EmailSelectorModule as ɵec, EmailSelectorComponent as ɵed, NotificationSummaryBlockComponent as ɵee, ComponentActivityOverviewComponent as ɵef, ActivityListHeaderModule as ɵeg, WorkflowNotificationToggleModule as ɵeh, DirectivesModule as ɵei, AbsoluteOverlayTemplateDirective as ɵej, AppAbsoluteOverlayOutletService as ɵek, AlignWithDirective as ɵel, ClickOutsideDirective as ɵem, WorkflowNotificationToggleComponent as ɵen, WorkflowNotificationTogglePopupComponent as ɵeo, PeriodFilterModule as ɵep, PeriodFilterComponent as ɵeq, PeriodFilterPopupComponent as ɵer, ActivityListHeaderComponent as ɵes, WorkflowInfoTileModule as ɵet, WorkflowInfoTileComponent as ɵeu, IconCacheService as ɵf, LanguageCode as ɵg, SendMethodService as ɵh, SendMethodEmailModule as ɵi, LayoutSelectionModule as ɵj, LayoutSelectionComponent as ɵk, SignatureButtonModule as ɵl, SignatureButtonComponent as ɵm, SendMethodEmailComponent as ɵn, SendMethodPrinterModule as ɵo, PrinterSelectionModule as ɵp, PrinterSelectionComponent as ɵq, SendMethodPrinterComponent as ɵr, SendMethodPdfModule as ɵs, SendMethodPdfComponent as ɵt, TabBarModule as ɵu, TabBarComponent as ɵv, StatusbarPopupComponent as ɵw, StockStatusbarModule as ɵx, StockStatusbarComponent as ɵy, SharedLocalizePipe as ɵz };
+export { ActivityListComponent, ActivityListModule, AgendaEvent, AgendaEventPerDay, CalendarView, CoLinearGaugeComponent, CoLinearGaugeModule, ComponentActivityListComponent, ComponentActivityListModule, DatePlanningComponent, DatePlanningModule, DocsignComponent, DocsignModule, FilesUploadComponent, FilesUploadModule, KeyPadComponent, KeyPadModule, LayoutSwitcherComponent, LayoutSwitcherModule, RoleEmailSelectorComponent, RoleEmailSelectorModule, SendMethodDialogComponent, SendMethodDialogModule, SharedComponentsDictionaryService, SharedComponentsTranslationModule, SharedService, SimpleTagsComponent, SimpleTagsFormComponent, SimpleTagsFormModule, SimpleTagsModule, StatusbarComponent, StatusbarModule, StockComponent, StockModule, TaskCreatorComponent, TaskCreatorModule, WorkflowInfoTilesComponent, WorkflowInfoTilesModule, sendMethodsWithIcon, SignatureComponent as ɵa, SignaturesComponent as ɵb, StockInformationComponent as ɵba, StockInformationGridComponent as ɵbb, StockTransferComponent as ɵbc, StockChangeAmountComponent as ɵbd, StockTabComponent as ɵbe, OrderTabComponent as ɵbf, BaseStockComponent as ɵbg, StockTabsComponent as ɵbh, StockHistoryTabsComponent as ɵbi, OrderStockTabComponent as ɵbj, StockLocationComponent as ɵbk, StockHistoryComponent as ɵbl, OrderSupplyStockHistoryComponent as ɵbm, OrderCommissionStockHistoryComponent as ɵbn, OrderStockHistoryComponent as ɵbo, AllocationStockHistoryComponent as ɵbp, StockPrognoseComponent as ɵbq, StockLocationPopupComponent as ɵbr, SendMethod as ɵbs, Icon as ɵbt, CalendarAllYearsComponent as ɵbu, CalendarAllMonthsComponent as ɵbv, CalendarHeaderComponent as ɵbw, CalendarComponent as ɵbx, CalendarViewComponent as ɵby, AgendaHeaderComponent as ɵbz, StockService as ɵc, AgendaViewComponent as ɵca, AgendaMonthViewComponent as ɵcb, AgendaBaseViewComponent as ɵcc, AgendaDayViewComponent as ɵcd, AgendaWeekViewComponent as ɵce, AgendaWeekSelectViewComponent as ɵcf, AgendaHourViewComponent as ɵcg, AgendaHourCellComponent as ɵch, AgendaHourViewLabelsComponent as ɵci, AgendaHalfHourCellComponent as ɵcj, AgendaEventsComponent as ɵck, AgendaEventComponent as ɵcl, ViewSelectComponent as ɵcm, AgendaSelectEventComponent as ɵcn, MASTER_PIPES as ɵco, ArrayNumberPipe as ɵcp, UCfirstPipe as ɵcq, FileTypeImagePipe as ɵcr, BaseFileUploadComponent as ɵcs, InputBoolean as ɵct, ImageDisplayModule as ɵcu, ImageDisplayComponent as ɵcv, FileUploadModule as ɵcw, TileRenderModule as ɵcx, TileRenderComponent as ɵcy, FileUploadComponent as ɵcz, SharedConnectorService as ɵd, FileUploadPopupModule as ɵda, MultiplePropertyTogglerModule as ɵdb, MultiplePropertyTogglerComponent as ɵdc, FileUploadPopupComponent as ɵdd, AppFileDropzoneModule as ɵde, AppFileDropzoneComponent as ɵdf, DragDropContainerComponent as ɵdg, DragDropService as ɵdh, BaseActivityListComponent as ɵdi, PersonalActivityOverviewComponent as ɵdj, BaseActivityOverviewComponent as ɵdk, TaskModifierComponent as ɵdl, ModifyTaskFormComponent as ɵdm, PersonalActivityOverviewModule as ɵdn, ComponentActivityOverviewModule as ɵdo, TaskModifyerModule as ɵdp, ModifyTaskFormModule as ɵdq, TaskDetailsModule as ɵdr, TaskDetailsComponent as ɵds, BaseActivitySummaryComponent as ɵdt, ExecutiveSummaryBlockModule as ɵdu, ActivitySummaryBlockModule as ɵdv, ActivitySummaryBlockComponent as ɵdw, ExecutiveSummaryBlockComponent as ɵdx, StatusSummaryBlockModule as ɵdy, StatusSummaryBlockComponent as ɵdz, OptionsService as ɵe, CreationSummaryBlockModule as ɵea, CreationSummaryBlockComponent as ɵeb, NotificationSummaryBlockModule as ɵec, EmailSelectorModule as ɵed, EmailSelectorComponent as ɵee, NotificationSummaryBlockComponent as ɵef, ComponentActivityOverviewComponent as ɵeg, ActivityListHeaderModule as ɵeh, WorkflowNotificationToggleModule as ɵei, DirectivesModule as ɵej, AbsoluteOverlayTemplateDirective as ɵek, AppAbsoluteOverlayOutletService as ɵel, AlignWithDirective as ɵem, ClickOutsideDirective as ɵen, WorkflowNotificationToggleComponent as ɵeo, WorkflowNotificationTogglePopupComponent as ɵep, PeriodFilterModule as ɵeq, PeriodFilterComponent as ɵer, PeriodFilterPopupComponent as ɵes, ActivityListHeaderComponent as ɵet, WorkflowInfoTileModule as ɵeu, WorkflowInfoTileComponent as ɵev, IconCacheService as ɵf, LanguageCode as ɵg, SendMethodService as ɵh, SendMethodEmailModule as ɵi, LayoutSelectionModule as ɵj, LayoutSelectionComponent as ɵk, SignatureButtonModule as ɵl, SignatureButtonComponent as ɵm, SendMethodEmailComponent as ɵn, SendMethodPrinterModule as ɵo, PrinterSelectionModule as ɵp, PrinterSelectionComponent as ɵq, SendMethodPrinterComponent as ɵr, SendMethodPdfModule as ɵs, SendMethodPdfComponent as ɵt, TabBarModule as ɵu, TabBarComponent as ɵv, StatusbarPopupComponent as ɵw, StockStatusbarModule as ɵx, StockStatusbarComponent as ɵy, SharedLocalizePipe as ɵz };
 //# sourceMappingURL=colijnit-sharedcomponents.js.map