@colijnit/sharedcomponents 1.0.36 → 1.0.38

package/fesm2015/colijnit-sharedcomponents.js

@@ -22,7 +22,6 @@ import { Printer } from '@colijnit/mainapi/build/model/printer.bo';
 import { BusinessObjectFactory } from '@colijnit/ioneconnector/build/factory/business-object-factory';
 import { SendMethod as SendMethod$1 } from '@colijnit/mainapi/build/model/send-method.bo';
 import { PrintStockStickers } from '@colijnit/sharedapi/build/model/print-stock-stickers';
-import { GetStockHistoryRequest } from '@colijnit/articleapi/build/model/get-stock-history-request';
 import { ArticleStock as ArticleStock$1 } from '@colijnit/articleapi/build/model/article-stock';
 import { InputCheckboxModule, IconModule, CoDialogModule, ButtonModule, InputComboBoxModule, CoGridModule, InputRadioButtonModule, DropDownModule, SimpleGridModule, ImageModule, InputTextModule, InputNumberPickerModule, CoDialogWizardModule, InputTextareaModule, ClickoutsideModule, InputDatePickerModule } from '@colijnit/corecomponents_v12';
 import * as i1 from '@angular/platform-browser';
@@ -34,6 +33,7 @@ import { ReportingDocumentPrintBaseRequest } from '@colijnit/mainapi/build/model
 import { ReportingDocumentEmailBaseRequest } from '@colijnit/mainapi/build/model/reporting-document-email-base-request';
 import { ReportingDocumentPdfBaseRequest } from '@colijnit/mainapi/build/model/reporting-document-pdf-base-request';
 import { SendMethodType } from '@colijnit/mainapi/build/enum/send-method-type.enum';
+import { GetStockHistoryRequest } from '@colijnit/articleapi/build/model/get-stock-history-request';
 import { CircularGaugeModule } from '@syncfusion/ej2-angular-circulargauge';
 import * as moment from 'moment';
 
@@ -608,9 +608,6 @@ OptionsService.ctorParameters = () => [
     { type: DictionaryService }
 ];
 
-class ArticleStockStatus {
-}
-
 class SharedConnectorService {
     constructor(_optionsService) {
         this._optionsService = _optionsService;
@@ -846,22 +843,6 @@ class SharedConnectorService {
             });
         });
     }
-    getArtStockStatus(goodId, branchNo, requestedAmount, warehouseId) {
-        return __awaiter(this, void 0, void 0, function* () {
-            return new Promise((resolve, reject) => {
-                return this.articleConnector.getArtStockStatus(goodId, branchNo, requestedAmount, warehouseId).then((result) => {
-                    if (result.validationResult && result.validationResult.success) {
-                        if (result.resultObjects) {
-                            resolve(this._boFactory.makeBOArrayFromRawBackendDataArray(ArticleStockStatus, result.resultObjects));
-                        }
-                    }
-                    else {
-                        reject(result.validationMessagesAsString);
-                    }
-                });
-            });
-        });
-    }
     // public async getStockStickerTemplates(data: StockStickersPrintLayouts): Promise<StockStickersPrintLayouts[]> {
     //   return new Promise((resolve: Function, reject: Function) => {
     //     return this.mainConnector.getStockStickerPrintLayouts(data).then((result: DataServiceResponseData) => {
@@ -943,11 +924,6 @@ class StockService {
             return yield this._sharedService.getStockStatus();
         });
     }
-    getArtStockStatus(goodId, branchNo, requestedAmount, warehouseId) {
-        return __awaiter(this, void 0, void 0, function* () {
-            return yield this._sharedService.getArtStockStatus(goodId, branchNo, requestedAmount, warehouseId);
-        });
-    }
     // public async getStockStickerTemplates(data: StockStickersPrintLayouts): Promise<StockStickersPrintLayouts[]> {
     //   return await this._sharedService.getStockStickerTemplates(data);
     // }
@@ -1004,11 +980,10 @@ class StockComponent {
         this.okButtonClicked = new EventEmitter();
         this.cancelButtonClicked = new EventEmitter();
         this.showStockInformationGrid = true;
-        this.showStockLocation = false;
         this.showStockTransfer = false;
         this.allAvailableStock = 0;
         this.allTechnicalStock = 0;
-        this.allAmountLaterAvailable = 0;
+        this.showSendMethodDialog = false;
         this._subscriptions = [];
         this._subscriptions.push(this._optionsService.optionsLoaded.subscribe(loaded => this._handleSettingsLoaded(loaded)));
     }
@@ -1023,28 +998,20 @@ class StockComponent {
     ngOnDestroy() {
         this._subscriptions.forEach(subscription => subscription.unsubscribe());
     }
-    backToStockLinesClicked() {
-        this.showStockLocation = false;
-        this.showStockInformationGrid = true;
-    }
     handleStockTransferClick(event) {
         this.stockTransferArticleDetails = event;
         this.showStockTransfer = !this.showStockTransfer;
         this.showStockInformationGrid = !this.showStockInformationGrid;
         this.stockService.stockStickers = new PrintStockStickers();
     }
+    handleSendMethodClick(event) {
+        this.showSendMethodDialog = true;
+        console.log(event);
+    }
     backToStock() {
         this.showStockTransfer = !this.showStockTransfer;
         this.showStockInformationGrid = !this.showStockInformationGrid;
     }
-    getStockHistory() {
-        return __awaiter(this, void 0, void 0, function* () {
-            const stockHistoryInformation = new GetStockHistoryRequest();
-            stockHistoryInformation.type = "B";
-            stockHistoryInformation.goodId = this.articleExtended.goodId.toString();
-            this.stockHistory = yield this.stockService.getStockHistory(stockHistoryInformation);
-        });
-    }
     getStockInformation(data) {
         return __awaiter(this, void 0, void 0, function* () {
             const articleData = new ArticleStock$1();
@@ -1053,12 +1020,8 @@ class StockComponent {
             this.stockInformation = yield this.stockService.getStockInformation(articleData);
             this.stockInformation.forEach((articleStock) => this.allAvailableStock += articleStock.availableStock);
             this.stockInformation.forEach((articleStock) => this.allTechnicalStock += articleStock.technicalStock);
-            this.stockInformation.forEach((articleStock) => this.allAmountLaterAvailable += articleStock.economicalStock);
         });
     }
-    getArtStockStatus() {
-        console.log(this.stockService.getArtStockStatus(this.articleExtended.goodId));
-    }
     _handleSettingsLoaded(loaded) {
         return __awaiter(this, void 0, void 0, function* () {
             if (loaded) {
@@ -1088,34 +1051,30 @@ StockComponent.decorators = [
                               [articleStock]=""
                               [allAvailableStockInformation]="allAvailableStock"
                               [allTechnicalStockInformation]="allTechnicalStock"
-                              [allAmountLaterAvailable]="allAmountLaterAvailable"
         >
         </co-stock-information>
         <hr>
-        <co-stock-information-grid *ngIf="showStockInformationGrid"
-                                   [article]="articleExtended"
-                                   [stockLocationData]="stockLocationInformation"
-                                   [articleStockInformation]="stockInformation"
-                                   (transferIconClicked)="handleStockTransferClick($event)"
-                                   (historyClicked)="getStockHistory()"
-                                   [stockHistoryInformation]="stockHistory"
-                                   (okButtonClicked)="okButtonClicked.emit()"
-                                   (cancelButtonClicked)="cancelButtonClicked.emit()"
-        >
-        </co-stock-information-grid>
-        <co-stock-location *ngIf="showStockLocation"
-                           (backToStockLines)="backToStockLinesClicked()">
+        <co-stock-tabs [stockInformation]="stockInformation"
+                       [article]="articleExtended"
+                       (transferIconClicked)="handleStockTransferClick($event)"
+                       (sendMethodDialogClicked)="handleSendMethodClick($event)"
+        ></co-stock-tabs>
 
-        </co-stock-location>
-        <co-stock-transfer *ngIf="showStockTransfer"
-                           (handleClick)="backToStock()"
-                            [article]="stockTransferArticle"
-                           [articleToTransfer]="stockTransferArticleDetails"
-                           (handleStickerClicked)="handleStickerClicked.emit($event)"
-                           [articleWarehouse]="articleWarehouse"
-                           [allWarehouses]="allWarehouses"
-        >
-        </co-stock-transfer>
+        <co-dialog *ngIf="showStockTransfer">
+          <co-stock-transfer (handleClick)="backToStock()"
+                             class="stock-transfer-dialog"
+                             [article]="stockTransferArticle"
+                             [articleToTransfer]="stockTransferArticleDetails"
+                             (handleStickerClicked)="handleStickerClicked.emit($event)"
+                             [articleWarehouse]="articleWarehouse"
+                             [allWarehouses]="allWarehouses"
+          >
+          </co-stock-transfer>
+        </co-dialog>
+
+        <co-send-method-dialog *ngIf="showSendMethodDialog">
+
+        </co-send-method-dialog>
       </div>
   `,
                 encapsulation: ViewEncapsulation.None
@@ -1176,7 +1135,7 @@ StockInformationComponent.decorators = [
         </div>
         <div class="stock-status">
           <label [textContent]="'AMOUNT_LATER_AVAILABLE'"></label>
-          <span [textContent]="allAmountLaterAvailable"></span>
+          <span [textContent]=""></span>
         </div>
       </div>
   `,
@@ -1188,8 +1147,7 @@ StockInformationComponent.propDecorators = {
     article: [{ type: Input }],
     articleStock: [{ type: Input }],
     allAvailableStockInformation: [{ type: Input }],
-    allTechnicalStockInformation: [{ type: Input }],
-    allAmountLaterAvailable: [{ type: Input }]
+    allTechnicalStockInformation: [{ type: Input }]
 };
 
 /** AUTO GENERATED FILE. DO NOT CHANGE.. OR YOU WILL SUFFER THE CONSEQUENCES OF YOUR ACTIONS **/
@@ -1442,12 +1400,10 @@ class StockInformationGridComponent {
         });
     }
     onLocationSelected(location) {
-        console.log(location);
         this.selectedArticleDetailsData.locationNo = location;
     }
     onOkClickSendLocations() {
         return __awaiter(this, void 0, void 0, function* () {
-            console.log(this.article);
             this.selectedArticleDetailsData.selected = true;
             this.selectedArticleDetailsData.goodId = this.article.goodId;
             this.selectedArticleDetailsData.entryDate = new Date();
@@ -1589,7 +1545,6 @@ StockInformationGridComponent.decorators = [
                                [collection]="stockLocations"
                                [fields]="dataLocationFields"
                                [placeholder]="'LOCATION'"
-                               (modelChange)="onLocationSelected($event)"
                                (click)="onLocationDropdownClick()"
                                [required]="true"
             ></co-drop-down-list>
@@ -1740,66 +1695,6 @@ StockInformationGridComponent.propDecorators = {
     okButtonClicked: [{ type: Output }]
 };
 
-class StockLocationComponent {
-    constructor(_stockService) {
-        this._stockService = _stockService;
-        this.backToStockLines = new EventEmitter();
-        this.stockLocationColumns = [];
-        this.stockLocationColumns.push({ field: "location", headerText: "WAREHOUSE", editType: "none" }, { field: "batch", headerText: "BATCH" }, { field: "serieNo", headerText: "SERIAL_NO" }, { field: "amountInStock", headerText: "STOCK", textAlign: "Right", editType: "numericEdit" }, { field: "allocated", headerText: "ALLOCATED", textAlign: "Right" }, { field: "amountAvailable", headerText: "AVAILABLE_STOCK", textAlign: "Right" }, { field: "PhysicalStock", headerText: "PHYSICAL_STOCK", textAlign: "Right" }, { field: "Valuta", headerText: "VALUTA", textAlign: "Right" }, { field: "PurchasePrice", headerText: "PURSCHASE_PRICE", textAlign: "Right" }, { field: "SupplierNo", headerText: "SUPPLIER_NO", textAlign: "Right" }, { field: "Transfer", headerText: "TRANSFER" }, { field: "sticker", headerText: "STICKER" });
-    }
-    backToStockInformation() {
-        this.backToStockLines.emit();
-    }
-    onOkClick() {
-    }
-    onCancelClick() {
-    }
-    onSelectWarehouse(event) {
-    }
-}
-StockLocationComponent.decorators = [
-    { type: Component, args: [{
-                selector: "co-stock-location",
-                template: `
-    <div class="stock-location-wrapper">
-      <div class="buttons-wrapper">
-        <div class="stock-button-left-group">
-          <span class="stock-button-back" [textContent]="'BACK_TO_STOCK_LINES'" (click)="backToStockInformation()"></span>
-        </div>
-        <div class="dropdown-wrapper">
-          <co-drop-down-list
-            [collection]="allWarehouses"
-            [placeholder]="'WAREHOUSES'"
-            (modelChange)="onSelectWarehouse($event)"
-          ></co-drop-down-list>
-        </div>
-      </div>
-
-      <div class="stock-grid">
-
-      </div>
-      <div class="button-wrapper">
-        <div class="button-left">
-          <co-button (click)="onOkClick()"></co-button>
-        </div>
-        <div class="button-right">
-          <co-button (click)="onCancelClick()"></co-button>
-        </div>
-      </div>
-    </div>
-
-  `,
-                encapsulation: ViewEncapsulation.None
-            },] }
-];
-StockLocationComponent.ctorParameters = () => [
-    { type: StockService }
-];
-StockLocationComponent.propDecorators = {
-    stockLocationInformation: [{ type: Input }],
-    backToStockLines: [{ type: Output }]
-};
-
 class StockTransferComponent {
     constructor(_stockService) {
         this._stockService = _stockService;
@@ -1871,16 +1766,14 @@ StockTransferComponent.decorators = [
                            [textContent]="articleToTransfer.locationNo"
                            [placeholder]="'Standaard locatie'">
             </co-input-text>
-            <co-input-text *ngIf="articleToTransfer.batchNo"
-                           disabled
-                           [(model)]="articleToTransfer.batchNo"
-                           [placeholder]="'Batch'">
-            </co-input-text>
-            <co-input-text *ngIf="articleToTransfer.serialNo"
-                           disabled
-                           [(model)]="articleToTransfer.serialNo"
-                           [placeholder]="'Serie'">
-            </co-input-text>
+<!--            <co-input-text disabled-->
+<!--                           [(model)]="stockSticker.batch"-->
+<!--                           [placeholder]="'Batch'">-->
+<!--            </co-input-text>-->
+<!--            <co-input-text disabled-->
+<!--                           [(model)]="stockSticker.serial"-->
+<!--                           [placeholder]="'Serie'">-->
+<!--            </co-input-text>-->
             <co-input-text
               [(model)]="articleToTransfer.amountTransfer"
               [placeholder]="'Aantal'">
@@ -2667,6 +2560,802 @@ StockChangeAmountComponent.propDecorators = {
     closeStockChangeAmount: [{ type: Output }]
 };
 
+class StockTabComponent {
+    constructor() {
+        this.locationClicked = new EventEmitter();
+    }
+    onLocationClick(data) {
+        this.locationClicked.emit(data);
+    }
+}
+StockTabComponent.decorators = [
+    { type: Component, args: [{
+                selector: "co-stock-tab",
+                template: `
+    <co-simple-grid [data]="articleStockInformation"
+                    class="simple-grid"
+                    [rowsPerPage]="20"
+    >
+      <co-simple-grid-column [headerText]="'WAREHOUSE'" [field]="'warehouseNo'" [order]="10"></co-simple-grid-column>
+      <co-simple-grid-column [headerText]="'DESCRIPTION'" [field]="'warehouseName'" [order]="11"></co-simple-grid-column>
+      <co-simple-grid-column [headerText]="'STOCK'" [field]="'technicalStock'" [order]="12"></co-simple-grid-column>
+      <co-simple-grid-column [headerText]="'AVAILABLE_STOCK'" [field]="'availableStock'" [order]="13"></co-simple-grid-column>
+      <co-simple-grid-column [headerText]="'ECONOMICAL_STOCK'" [field]="'economicalStock'" [order]="14"></co-simple-grid-column>
+      <co-simple-grid-column [headerText]="'LOCATION'" [field]="'locationNo'" [order]="15">
+        <ng-template #template let-row="row">
+          <span class="location-link" [textContent]="'Bekijken'" (click)="onLocationClick(row)"></span>
+        </ng-template>
+      </co-simple-grid-column>
+    </co-simple-grid>
+  `,
+                encapsulation: ViewEncapsulation.None
+            },] }
+];
+StockTabComponent.ctorParameters = () => [];
+StockTabComponent.propDecorators = {
+    articleStockInformation: [{ type: Input }],
+    locationClicked: [{ type: Output }]
+};
+
+class OrderTabComponent {
+    constructor(iconCacheService, _stockService) {
+        this.iconCacheService = iconCacheService;
+        this._stockService = _stockService;
+        this.icons = Icon;
+        this.locationClicked = new EventEmitter();
+        this.transferIconClicked = new EventEmitter();
+        this.sendMethodDialogClicked = new EventEmitter();
+    }
+    openSendMethodDialog(data) {
+        this.sendMethodDialogClicked.emit(data);
+    }
+    handleStockTransferClick(event) {
+        this.transferIconClicked.emit(event);
+    }
+}
+OrderTabComponent.decorators = [
+    { type: Component, args: [{
+                selector: "co-order-tab",
+                template: `
+    <co-simple-grid [data]="inOrderInformation"
+                    class="simple-grid"
+                    [rowsPerPage]="20"
+    >
+      <co-simple-grid-column [headerText]="'IN_ORDER2'" [field]="'transactionNr'"></co-simple-grid-column>
+      <co-simple-grid-column [headerText]="'CUSTOMER'" [field]="'customerName'"></co-simple-grid-column>
+      <co-simple-grid-column [headerText]="'DATE'">
+        <ng-template #template let-row="row">
+          <span [textContent]="row.transactionDate | date:'dd-MM-yyyy'"></span>
+        </ng-template>
+      </co-simple-grid-column>
+      <co-simple-grid-column [headerText]="'AMOUNT'" [field]="'amountInOrder'"></co-simple-grid-column>
+      <co-simple-grid-column [headerText]="'WAREHOUSE'" [field]="'warehouseNumber'"></co-simple-grid-column>
+      <co-simple-grid-column [headerText]="'DESCRIPTION'" [field]="'warehouseDescription'"></co-simple-grid-column>
+      <co-simple-grid-column [headerText]="'TRANSFER'" [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>
+      </co-simple-grid-column>
+      <co-simple-grid-column [headerText]="'STICKER'" [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>
+      </co-simple-grid-column>
+    </co-simple-grid>
+  `,
+                encapsulation: ViewEncapsulation.None
+            },] }
+];
+OrderTabComponent.ctorParameters = () => [
+    { type: IconCacheService },
+    { type: StockService }
+];
+OrderTabComponent.propDecorators = {
+    articleStockInformation: [{ type: Input }],
+    inOrderInformation: [{ type: Input }],
+    locationClicked: [{ type: Output }],
+    transferIconClicked: [{ type: Output }],
+    sendMethodDialogClicked: [{ type: Output }]
+};
+
+class StockTabsComponent {
+    constructor(_stockService) {
+        this._stockService = _stockService;
+        this.icons = Icon;
+        this.transferIconClicked = new EventEmitter();
+        this.sendMethodDialogClicked = new EventEmitter();
+        this.tabs = [
+            { title: 'Overzicht', active: true },
+            { title: 'Voorraaddetails', active: false, clickHandler: this.getStockManagementWarehouses.bind(this) },
+            { title: 'In order', active: false, clickHandler: this.getInOrderData.bind(this) },
+            { title: 'In bestelling', active: false, clickHandler: this.getOrderData.bind(this) },
+            { title: 'Historie', active: false },
+        ];
+        this.historyTabs = [
+            { title: 'Voorraad', active: false, clickHandler: this.getStockHistory.bind(this) },
+            { title: 'Order voorraad', active: false, clickHandler: this.getOrderSupplyStockHistory.bind(this) },
+            { title: 'Order commissie', active: false, clickHandler: this.getOrderCommissionStockHistory.bind(this) },
+            { title: 'Bestelling', active: false, clickHandler: this.getOrderStockHistory.bind(this) },
+            { title: 'Toewijzing', active: false, clickHandler: this.getAllocationStockHistory.bind(this) },
+        ];
+    }
+    handleLocationClicked(data) {
+        this.clickedLocation = data.warehouseNo;
+        this.tabs[0].active = false;
+        this.tabs[1].active = true;
+    }
+    getStockHistory() {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (!this.stockHistory) {
+                const stockHistoryInformation = new GetStockHistoryRequest();
+                stockHistoryInformation.type = "V";
+                stockHistoryInformation.goodId = this.article;
+                this.stockHistory = yield this._stockService.getStockHistory(stockHistoryInformation);
+            }
+        });
+    }
+    getOrderSupplyStockHistory() {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (!this.orderSupplyStockHistory) {
+                const stockHistoryInformation = new GetStockHistoryRequest();
+                stockHistoryInformation.type = "O";
+                stockHistoryInformation.goodId = this.article;
+                this.orderSupplyStockHistory = yield this._stockService.getStockHistory(stockHistoryInformation);
+            }
+        });
+    }
+    getOrderCommissionStockHistory() {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (!this.orderCommissionStockHistory) {
+                const stockHistoryInformation = new GetStockHistoryRequest();
+                stockHistoryInformation.type = "C";
+                stockHistoryInformation.goodId = this.article;
+                this.orderCommissionStockHistory = yield this._stockService.getStockHistory(stockHistoryInformation);
+            }
+        });
+    }
+    getOrderStockHistory() {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (!this.orderStockHistory) {
+                const stockHistoryInformation = new GetStockHistoryRequest();
+                stockHistoryInformation.type = "B";
+                stockHistoryInformation.goodId = this.article;
+                this.orderStockHistory = yield this._stockService.getStockHistory(stockHistoryInformation);
+            }
+        });
+    }
+    getAllocationStockHistory() {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (!this.orderAllocationStockHistory) {
+                const stockHistoryInformation = new GetStockHistoryRequest();
+                stockHistoryInformation.type = "T";
+                stockHistoryInformation.goodId = this.article;
+                this.orderAllocationStockHistory = yield this._stockService.getStockHistory(stockHistoryInformation);
+            }
+        });
+    }
+    getInOrderData() {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (!this.inOrderInformation) {
+                const inOrderData = new ArticleTransaction$1();
+                inOrderData.type = "V";
+                inOrderData.goodId = this.stockInformation[0].goodId.toString();
+                this.inOrderInformation = yield this._stockService.getArticleTransaction(inOrderData);
+            }
+        });
+    }
+    getStockManagementWarehouses() {
+        this._stockService.getStockManagementWarehouses().then((warehouses) => {
+            this.warehouses = warehouses;
+        });
+    }
+    getOrderData() {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (!this.orderInformation) {
+                const orderData = new ArticleTransaction$1();
+                orderData.type = "I";
+                orderData.goodId = this.stockInformation[0].goodId.toString();
+                this.orderInformation = yield this._stockService.getArticleTransaction(orderData);
+            }
+        });
+    }
+}
+StockTabsComponent.decorators = [
+    { type: Component, args: [{
+                selector: "co-stock-tabs",
+                template: `
+    <co-tab-bar [tabs]="tabs" [secondaryTabs]="historyTabs" [ActivateSecondaryTabs]="tabs[4].active"></co-tab-bar>
+
+    <co-stock-tab *ngIf="tabs[0].active"
+                  [articleStockInformation]="stockInformation"
+                  (locationClicked)="handleLocationClicked($event)"
+    ></co-stock-tab>
+
+    <co-stock-location *ngIf="tabs[1].active"
+                       [articleStockInformation]="stockInformation"
+                       [article]="article"
+                       [clickedLocation]="clickedLocation"
+                       [dataWareHouseCode]="warehouses"
+                       (transferIconClicked)="transferIconClicked.emit($event)"
+                       (sendMethodDialogClicked)="sendMethodDialogClicked.emit($event)"
+    ></co-stock-location>
+
+    <co-order-tab *ngIf="tabs[2].active"
+                  [articleStockInformation]="stockInformation"
+                  [inOrderInformation]="inOrderInformation"
+                  (transferIconClicked)="transferIconClicked.emit($event)"
+                  (sendMethodDialogClicked)="sendMethodDialogClicked.emit($event)"
+    ></co-order-tab>
+
+    <co-order-stock-tab *ngIf="tabs[3].active"
+                        [orderInformation]="orderInformation"
+    ></co-order-stock-tab>
+
+    <co-stock-history *ngIf="historyTabs[0].active && tabs[4].active"
+                      [stockHistory]="stockHistory"
+    ></co-stock-history>
+
+    <co-order-supply-stock-history *ngIf="historyTabs[1].active && tabs[4].active"
+                            [orderSupplyStockHistory]="orderSupplyStockHistory"
+    ></co-order-supply-stock-history>
+
+    <co-order-stock-commission-history *ngIf="historyTabs[2].active && tabs[4].active"
+                                       [orderStockCommissionHistory]="orderCommissionStockHistory"
+    ></co-order-stock-commission-history>
+
+    <co-order-stock-history *ngIf="historyTabs[3].active && tabs[4].active"
+                            [orderStockHistory]="orderStockHistory"
+    ></co-order-stock-history>
+
+    <co-allocation-stock-history *ngIf="historyTabs[4].active && tabs[4].active"
+                                 [allocationStockHistory]="orderAllocationStockHistory"
+    ></co-allocation-stock-history>
+
+  `,
+                encapsulation: ViewEncapsulation.None
+            },] }
+];
+StockTabsComponent.ctorParameters = () => [
+    { type: StockService }
+];
+StockTabsComponent.propDecorators = {
+    stockInformation: [{ type: Input }],
+    article: [{ type: Input }],
+    transferIconClicked: [{ type: Output }],
+    sendMethodDialogClicked: [{ type: Output }]
+};
+
+class StockHistoryTabsComponent {
+    constructor() {
+        this.icons = Icon;
+        this.selectedTab = 0;
+    }
+}
+StockHistoryTabsComponent.decorators = [
+    { type: Component, args: [{
+                selector: "co-stock-history-tabs",
+                template: `
+    <div class="stock-history-tabs-wrapper">
+      <div class="tab-container">
+        <div class="tab-header">
+          <button class="tab-button" (click)="selectedTab = 0" [class.active]="selectedTab === 0">Voorraad</button>
+          <button class="tab-button" (click)="selectedTab = 1" [class.active]="selectedTab === 1">Order voorraad</button>
+          <button class="tab-button" (click)="selectedTab = 2" [class.active]="selectedTab === 2">Order commissie</button>
+          <button class="tab-button" (click)="selectedTab = 3" [class.active]="selectedTab === 3">Bestelling</button>
+          <button class="tab-button" (click)="selectedTab = 4" [class.active]="selectedTab === 4">Toewijzing</button>
+        </div>
+      </div>
+    </div>
+
+
+  `,
+                encapsulation: ViewEncapsulation.None
+            },] }
+];
+StockHistoryTabsComponent.ctorParameters = () => [];
+StockHistoryTabsComponent.propDecorators = {
+    stockInformation: [{ type: Input }]
+};
+
+class OrderStockTabComponent {
+    constructor(iconCacheService, _stockService) {
+        this.iconCacheService = iconCacheService;
+        this._stockService = _stockService;
+        this.icons = Icon;
+    }
+}
+OrderStockTabComponent.decorators = [
+    { type: Component, args: [{
+                selector: "co-order-stock-tab",
+                template: `
+    <co-simple-grid [data]="orderInformation"
+                    class="simple-grid"
+                    [rowsPerPage]="20"
+    >
+      <co-simple-grid-column [headerText]="'PURCHASE_ORDER_NR'" [field]="'transactionNr'"></co-simple-grid-column>
+      <co-simple-grid-column [headerText]="'DATE'">
+        <ng-template #template let-row="row">
+          <span [textContent]="row.transactionDate | date:'dd-MM-yyyy'"></span>
+        </ng-template>
+      </co-simple-grid-column>
+      <co-simple-grid-column [headerText]="'AMOUNT'" [field]="'amountInOrder'"></co-simple-grid-column>
+      <co-simple-grid-column [headerText]="'RESERVED'" [field]="'reserved'"></co-simple-grid-column>
+      <co-simple-grid-column [headerText]="'FREE_STOCK'" [field]="'InOrderForStock'"></co-simple-grid-column>
+      <co-simple-grid-column [headerText]="'DELIVERY_DATE1'">
+        <ng-template #template let-row="row">
+          <span [textContent]="row.deliveryDate | date:'dd-MM-yyyy'"></span>
+        </ng-template>
+      </co-simple-grid-column>
+    </co-simple-grid>
+  `,
+                encapsulation: ViewEncapsulation.None
+            },] }
+];
+OrderStockTabComponent.ctorParameters = () => [
+    { type: IconCacheService },
+    { type: StockService }
+];
+OrderStockTabComponent.propDecorators = {
+    orderInformation: [{ type: Input }]
+};
+
+class StockLocationComponent {
+    constructor(iconCacheService, _stockService, _changeDetector) {
+        this.iconCacheService = iconCacheService;
+        this._stockService = _stockService;
+        this._changeDetector = _changeDetector;
+        this.icons = Icon;
+        this.transferIconClicked = new EventEmitter();
+        this.sendMethodDialogClicked = new EventEmitter();
+        this.selectedWarehouse = 0;
+        this.dataWareHouseFields = { text: "warehouseDescription", value: "warehouseNo" };
+        this.dataLocationFields = { text: "locationNo", value: "locationNo" };
+        this.articleDetailsInformation = new ArticleStockManagement();
+        this.selectedArticleDetailsData = new ArticleDetailsBo();
+    }
+    ngOnInit() {
+        if (this.clickedLocation) {
+            this.selectedWarehouse = this.clickedLocation;
+            this.onSelectWarehouse(this.selectedWarehouse);
+        }
+    }
+    onSelectWarehouse(event) {
+        this.articleDetailsInformation.warehouseNumber = event;
+        this.articleDetailsInformation.goodId = this.article.goodId;
+        if (this.selectedWarehouse || this.selectedWarehouse === 0) {
+            this._stockService.getArticleDetails(this.articleDetailsInformation).then((details) => {
+                this.articleDetails = details;
+            });
+        }
+    }
+    lockSelectedRow(row) {
+        this._stockService.lockArticleDetails(row);
+    }
+    onLocationDropdownClick() {
+        this._stockService.getStockManagementLocations(this.selectedWarehouse).then((locations) => {
+            this.stockLocations = locations;
+        });
+    }
+    amountInStockChanged(data) {
+        this.selectedArticleDetailsData.amountInStock = data;
+    }
+    openSendMethodDialog(data) {
+        this.sendMethodDialogClicked.emit(data);
+    }
+    handleStockTransferClick(event) {
+        this.transferIconClicked.emit(event);
+    }
+}
+StockLocationComponent.decorators = [
+    { type: Component, args: [{
+                selector: "co-stock-location",
+                template: `
+      <div class="stock-grid">
+          <div class="stock-location-group">
+              <div class="stock-location-right-group">
+                  <co-drop-down-list [(model)]="selectedWarehouse"
+                                     [collection]="dataWareHouseCode"
+                                     [fields]="dataWareHouseFields"
+                                     [placeholder]="'WAREHOUSE'"
+                                     (modelChange)="onSelectWarehouse($event)"
+                                     [required]="true"
+                  ></co-drop-down-list>
+              </div>
+          </div>
+
+          <co-simple-grid [data]="articleDetails"
+                          class="simple-grid"
+                          [rowsPerPage]="20"
+                          [showAdd]="true"
+                          [showDelete]="true"
+                          [inlineEdit]="true"
+                          (dblClickRow)="lockSelectedRow($event)"
+                          [rightToolbar]="true"
+                          [showToolbar]="true"
+          >
+              <co-simple-grid-column [headerText]="'LOCATION'" [field]="'locationNo'">
+                  <ng-template #editTemplate let-row="row">
+                      <co-drop-down-list [(model)]="row.locationNo"
+                                         [collection]="stockLocations"
+                                         [fields]="dataLocationFields"
+                                         [placeholder]="'LOCATION'"
+                                         (click)="onLocationDropdownClick()"
+                                         [required]="true"
+                      ></co-drop-down-list>
+                  </ng-template>
+              </co-simple-grid-column>
+              <co-simple-grid-column *ngIf="articleDetails" [headerText]="'BATCH'" [field]="'batchNo'">
+                  <ng-template #editTemplate let-row="row">
+                      <co-input-text [(model)]="row.batchNo"
+                                     [placeholder]="'BATCH'"
+                      ></co-input-text>
+                  </ng-template>
+              </co-simple-grid-column>
+              <co-simple-grid-column *ngIf="articleDetails" [headerText]="'SERIAL_NO'" [field]="'serialNo'">
+                  <ng-template #editTemplate let-row="row">
+                      <co-input-text [(model)]="row.serialNo"
+                                     [placeholder]="'SERIAL_NO'"
+                      ></co-input-text>
+                  </ng-template>
+              </co-simple-grid-column>
+              <co-simple-grid-column [headerText]="'STOCK'" [field]="'amountInStock'">
+                  <ng-template #editTemplate let-row="row">
+                      <co-input-text [(model)]="row.amountInStock"
+                                     [label]="'STOCK'"
+                                     (modelChange)="amountInStockChanged($event)"
+                      ></co-input-text>
+                  </ng-template>
+              </co-simple-grid-column>
+              <co-simple-grid-column [headerText]="'ALLOCATED'" [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'" [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'" [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'" [field]="'purchasePrice'">
+                  <ng-template #editTemplate let-row="row">
+                      <span [textContent]="row.purchasePrice"></span>
+                  </ng-template>
+              </co-simple-grid-column>
+              <co-simple-grid-column [headerText]="'SUPPLIER_NUMBER'" [field]="'supplierNo'">
+                  <ng-template #editTemplate let-row="row">
+                      <span [textContent]="row.supplierNo"></span>
+                  </ng-template>
+              </co-simple-grid-column>
+              <co-simple-grid-column [headerText]="'TRANSFER'" [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>
+              </co-simple-grid-column>
+              <co-simple-grid-column [headerText]="'STICKER'" [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>
+              </co-simple-grid-column>
+          </co-simple-grid>
+      </div>
+  `,
+                encapsulation: ViewEncapsulation.None
+            },] }
+];
+StockLocationComponent.ctorParameters = () => [
+    { type: IconCacheService },
+    { type: StockService },
+    { type: ChangeDetectorRef }
+];
+StockLocationComponent.propDecorators = {
+    articleStockInformation: [{ type: Input }],
+    article: [{ type: Input }],
+    clickedLocation: [{ type: Input }],
+    dataWareHouseCode: [{ type: Input }],
+    transferIconClicked: [{ type: Output }],
+    sendMethodDialogClicked: [{ type: Output }]
+};
+
+class StockHistoryComponent {
+    constructor(iconCacheService, _stockService) {
+        this.iconCacheService = iconCacheService;
+        this._stockService = _stockService;
+        this.icons = Icon;
+    }
+    openSendMethodDialog(data) {
+        if (!(this._stockService.printLayoutParams instanceof PrintPriceStickers)) {
+            this._stockService.printLayoutParams.goodId = data.goodId;
+            this._stockService.printLayoutParams.warehouse = data.warehouseNo;
+        }
+    }
+    getStockHistory() {
+        return __awaiter(this, void 0, void 0, function* () {
+            const stockHistoryInformation = new GetStockHistoryRequest();
+            stockHistoryInformation.type = "B";
+            stockHistoryInformation.goodId = this.articleGoodId;
+            this.stockHistory = yield this._stockService.getStockHistory(stockHistoryInformation);
+        });
+    }
+}
+StockHistoryComponent.decorators = [
+    { type: Component, args: [{
+                selector: "co-stock-history",
+                template: `
+    <co-simple-grid [data]="stockHistory"
+                    class="simple-grid"
+                    [rowsPerPage]="20"
+    >
+      <co-simple-grid-column [headerText]="'MUTATION_DATE'">
+        <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'" [field]="'mutationTime'"></co-simple-grid-column>
+      <co-simple-grid-column [headerText]="'AMOUNT'" [field]="'amount'"></co-simple-grid-column>
+      <co-simple-grid-column [headerText]="'WAREHOUSE'" [field]="'wareHouseNr'"></co-simple-grid-column>
+      <co-simple-grid-column [headerText]="'LOCATION'" [field]="'locationNr'"></co-simple-grid-column>
+      <co-simple-grid-column [headerText]="'DOCUMENT_NUMBER'" [field]="'docNr'"></co-simple-grid-column>
+      <co-simple-grid-column [headerText]="'LINE'" [field]="'transLineNr'"></co-simple-grid-column>
+      <co-simple-grid-column [headerText]="'STOCK_STATE'" [field]="'stockStateId'"></co-simple-grid-column>
+      <co-simple-grid-column [headerText]="'STOCK_REMARK'" [field]="'stockStateRemarkId'"></co-simple-grid-column>
+      <co-simple-grid-column [headerText]="'VALUTA'" [field]="'currencyCode'"></co-simple-grid-column>
+      <co-simple-grid-column [headerText]="'RELATION_NR'" [field]="'relationNr'"></co-simple-grid-column>
+      <co-simple-grid-column [headerText]="'USER'" [field]="'user'"></co-simple-grid-column>
+      <co-simple-grid-column [headerText]="'MUTATION_TYPE'" [field]="'mutationType'"></co-simple-grid-column>
+    </co-simple-grid>
+  `,
+                encapsulation: ViewEncapsulation.None
+            },] }
+];
+StockHistoryComponent.ctorParameters = () => [
+    { type: IconCacheService },
+    { type: StockService }
+];
+StockHistoryComponent.propDecorators = {
+    stockHistoryInformation: [{ type: Input }],
+    articleGoodId: [{ type: Input }],
+    stockHistory: [{ type: Input }]
+};
+
+class TabBarComponent {
+    constructor() {
+        this.ActivateSecondaryTabs = false;
+    }
+    selectTab(tab) {
+        if (tab.clickHandler) {
+            tab.clickHandler();
+        }
+        this.tabs.forEach(t => t.active = false);
+        tab.active = true;
+    }
+    selectSecondaryTab(secondaryTab) {
+        if (secondaryTab.clickHandler) {
+            secondaryTab.clickHandler();
+        }
+        this.secondaryTabs.forEach(t => t.active = false);
+        secondaryTab.active = true;
+    }
+}
+TabBarComponent.decorators = [
+    { type: Component, args: [{
+                selector: "co-tab-bar",
+                template: `
+    <div class="tab-bar">
+        <button *ngFor="let tab of tabs" [class.active]="tab.active" (click)="selectTab(tab)">
+          {{tab.title}}
+        </button>
+    </div>
+    <div class="secondary-tab-bar" *ngIf="ActivateSecondaryTabs">
+        <button *ngFor="let tab of secondaryTabs" [class.active]="tab.active" (click)="selectSecondaryTab(tab)">
+          {{tab.title}}
+        </button>
+    </div>
+  `,
+                encapsulation: ViewEncapsulation.None
+            },] }
+];
+TabBarComponent.ctorParameters = () => [];
+TabBarComponent.propDecorators = {
+    tabs: [{ type: Input }],
+    secondaryTabs: [{ type: Input }],
+    ActivateSecondaryTabs: [{ type: Input }]
+};
+
+class TabBarModule {
+}
+TabBarModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    CommonModule,
+                ],
+                declarations: [
+                    TabBarComponent
+                ],
+                exports: [
+                    TabBarComponent
+                ]
+            },] }
+];
+
+class OrderSupplyStockHistoryComponent {
+    constructor(iconCacheService) {
+        this.iconCacheService = iconCacheService;
+        this.icons = Icon;
+    }
+}
+OrderSupplyStockHistoryComponent.decorators = [
+    { type: Component, args: [{
+                selector: "co-order-supply-stock-history",
+                template: `
+    <co-simple-grid [data]="orderSupplyStockHistory"
+                    class="simple-grid"
+                    [rowsPerPage]="20"
+    >
+      <co-simple-grid-column [headerText]="'MUTATION_DATE'">
+        <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'" [field]="'mutationTime'"></co-simple-grid-column>
+      <co-simple-grid-column [headerText]="'AMOUNT'" [field]="'amount'"></co-simple-grid-column>
+      <co-simple-grid-column [headerText]="'WAREHOUSE'" [field]="'wareHouseNr'"></co-simple-grid-column>
+      <co-simple-grid-column [headerText]="'LOCATION'" [field]="'locationNr'"></co-simple-grid-column>
+      <co-simple-grid-column [headerText]="'DOCUMENT_NUMBER'" [field]="'docNr'"></co-simple-grid-column>
+      <co-simple-grid-column [headerText]="'LINE'" [field]="'transLineNr'"></co-simple-grid-column>
+      <co-simple-grid-column [headerText]="'STOCK_STATE'" [field]="'stockStateId'"></co-simple-grid-column>
+      <co-simple-grid-column [headerText]="'STOCK_REMARK'" [field]="'stockStateRemarkId'"></co-simple-grid-column>
+      <co-simple-grid-column [headerText]="'VALUTA'" [field]="'currencyCode'"></co-simple-grid-column>
+      <co-simple-grid-column [headerText]="'RELATION_NR'" [field]="'relationNr'"></co-simple-grid-column>
+      <co-simple-grid-column [headerText]="'USER'" [field]="'user'"></co-simple-grid-column>
+      <co-simple-grid-column [headerText]="'MUTATION_TYPE'" [field]="'mutationType'"></co-simple-grid-column>
+    </co-simple-grid>
+  `,
+                encapsulation: ViewEncapsulation.None
+            },] }
+];
+OrderSupplyStockHistoryComponent.ctorParameters = () => [
+    { type: IconCacheService }
+];
+OrderSupplyStockHistoryComponent.propDecorators = {
+    orderSupplyStockHistory: [{ type: Input }]
+};
+
+class OrderCommissionStockHistoryComponent {
+    constructor(iconCacheService) {
+        this.iconCacheService = iconCacheService;
+        this.icons = Icon;
+    }
+}
+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'">
+        <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'" [field]="'mutationTime'"></co-simple-grid-column>
+      <co-simple-grid-column [headerText]="'AMOUNT'" [field]="'amount'"></co-simple-grid-column>
+      <co-simple-grid-column [headerText]="'WAREHOUSE'" [field]="'wareHouseNr'"></co-simple-grid-column>
+      <co-simple-grid-column [headerText]="'LOCATION'" [field]="'locationNr'"></co-simple-grid-column>
+      <co-simple-grid-column [headerText]="'DOCUMENT_NUMBER'" [field]="'docNr'"></co-simple-grid-column>
+      <co-simple-grid-column [headerText]="'LINE'" [field]="'transLineNr'"></co-simple-grid-column>
+      <co-simple-grid-column [headerText]="'STOCK_STATE'" [field]="'stockStateId'"></co-simple-grid-column>
+      <co-simple-grid-column [headerText]="'STOCK_REMARK'" [field]="'stockStateRemarkId'"></co-simple-grid-column>
+      <co-simple-grid-column [headerText]="'VALUTA'" [field]="'currencyCode'"></co-simple-grid-column>
+      <co-simple-grid-column [headerText]="'RELATION_NR'" [field]="'relationNr'"></co-simple-grid-column>
+      <co-simple-grid-column [headerText]="'USER'" [field]="'user'"></co-simple-grid-column>
+      <co-simple-grid-column [headerText]="'MUTATION_TYPE'" [field]="'mutationType'"></co-simple-grid-column>
+    </co-simple-grid>
+  `,
+                encapsulation: ViewEncapsulation.None
+            },] }
+];
+OrderCommissionStockHistoryComponent.ctorParameters = () => [
+    { type: IconCacheService }
+];
+OrderCommissionStockHistoryComponent.propDecorators = {
+    orderStockCommissionHistory: [{ type: Input }]
+};
+
+class OrderStockHistoryComponent {
+    constructor(iconCacheService) {
+        this.iconCacheService = iconCacheService;
+        this.icons = Icon;
+    }
+}
+OrderStockHistoryComponent.decorators = [
+    { type: Component, args: [{
+                selector: "co-order-stock-history",
+                template: `
+    <co-simple-grid [data]="orderStockHistory"
+                    class="simple-grid"
+                    [rowsPerPage]="20"
+    >
+      <co-simple-grid-column [headerText]="'MUTATION_DATE'">
+        <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'" [field]="'mutationTime'"></co-simple-grid-column>
+      <co-simple-grid-column [headerText]="'AMOUNT'" [field]="'amount'"></co-simple-grid-column>
+      <co-simple-grid-column [headerText]="'WAREHOUSE'" [field]="'wareHouseNr'"></co-simple-grid-column>
+      <co-simple-grid-column [headerText]="'LOCATION'" [field]="'locationNr'"></co-simple-grid-column>
+      <co-simple-grid-column [headerText]="'DOCUMENT_NUMBER'" [field]="'docNr'"></co-simple-grid-column>
+      <co-simple-grid-column [headerText]="'LINE'" [field]="'transLineNr'"></co-simple-grid-column>
+      <co-simple-grid-column [headerText]="'STOCK_STATE'" [field]="'stockStateId'"></co-simple-grid-column>
+      <co-simple-grid-column [headerText]="'STOCK_REMARK'" [field]="'stockStateRemarkId'"></co-simple-grid-column>
+      <co-simple-grid-column [headerText]="'VALUTA'" [field]="'currencyCode'"></co-simple-grid-column>
+      <co-simple-grid-column [headerText]="'RELATION_NR'" [field]="'relationNr'"></co-simple-grid-column>
+      <co-simple-grid-column [headerText]="'USER'" [field]="'user'"></co-simple-grid-column>
+      <co-simple-grid-column [headerText]="'MUTATION_TYPE'" [field]="'mutationType'"></co-simple-grid-column>
+    </co-simple-grid>
+  `,
+                encapsulation: ViewEncapsulation.None
+            },] }
+];
+OrderStockHistoryComponent.ctorParameters = () => [
+    { type: IconCacheService }
+];
+OrderStockHistoryComponent.propDecorators = {
+    orderStockHistory: [{ type: Input }]
+};
+
+class AllocationStockHistoryComponent {
+    constructor(iconCacheService) {
+        this.iconCacheService = iconCacheService;
+        this.icons = Icon;
+    }
+}
+AllocationStockHistoryComponent.decorators = [
+    { type: Component, args: [{
+                selector: "co-allocation-stock-history",
+                template: `
+    <co-simple-grid [data]="allocationStockHistory"
+                    class="simple-grid"
+                    [rowsPerPage]="20"
+    >
+      <co-simple-grid-column [headerText]="'MUTATION_DATE'">
+        <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'" [field]="'mutationTime'"></co-simple-grid-column>
+      <co-simple-grid-column [headerText]="'AMOUNT'" [field]="'amount'"></co-simple-grid-column>
+      <co-simple-grid-column [headerText]="'WAREHOUSE'" [field]="'wareHouseNr'"></co-simple-grid-column>
+      <co-simple-grid-column [headerText]="'LOCATION'" [field]="'locationNr'"></co-simple-grid-column>
+      <co-simple-grid-column [headerText]="'DOCUMENT_NUMBER'" [field]="'docNr'"></co-simple-grid-column>
+      <co-simple-grid-column [headerText]="'LINE'" [field]="'transLineNr'"></co-simple-grid-column>
+      <co-simple-grid-column [headerText]="'STOCK_STATE'" [field]="'stockStateId'"></co-simple-grid-column>
+      <co-simple-grid-column [headerText]="'STOCK_REMARK'" [field]="'stockStateRemarkId'"></co-simple-grid-column>
+      <co-simple-grid-column [headerText]="'VALUTA'" [field]="'currencyCode'"></co-simple-grid-column>
+      <co-simple-grid-column [headerText]="'RELATION_NR'" [field]="'relationNr'"></co-simple-grid-column>
+      <co-simple-grid-column [headerText]="'USER'" [field]="'user'"></co-simple-grid-column>
+      <co-simple-grid-column [headerText]="'MUTATION_TYPE'" [field]="'mutationType'"></co-simple-grid-column>
+    </co-simple-grid>
+  `,
+                encapsulation: ViewEncapsulation.None
+            },] }
+];
+AllocationStockHistoryComponent.ctorParameters = () => [
+    { type: IconCacheService }
+];
+AllocationStockHistoryComponent.propDecorators = {
+    allocationStockHistory: [{ type: Input }]
+};
+
 class StockModule {
 }
 StockModule.decorators = [
@@ -2685,15 +3374,27 @@ StockModule.decorators = [
                     IconModule,
                     InputNumberPickerModule,
                     CoDialogWizardModule,
-                    InputTextareaModule
+                    InputTextareaModule,
+                    TabBarModule,
+                    CoDialogModule
                 ],
                 declarations: [
                     StockComponent,
                     StockInformationComponent,
                     StockInformationGridComponent,
-                    StockLocationComponent,
                     StockTransferComponent,
-                    StockChangeAmountComponent
+                    StockChangeAmountComponent,
+                    StockTabComponent,
+                    OrderTabComponent,
+                    StockTabsComponent,
+                    StockHistoryTabsComponent,
+                    OrderStockTabComponent,
+                    StockLocationComponent,
+                    StockHistoryComponent,
+                    OrderSupplyStockHistoryComponent,
+                    OrderCommissionStockHistoryComponent,
+                    OrderStockHistoryComponent,
+                    AllocationStockHistoryComponent
                 ],
                 exports: [
                     StockComponent
@@ -3122,7 +3823,7 @@ class CoCircularGaugeComponent {
         }
     }
     _setColor() {
-        if (this.value == 0) {
+        if (this.value <= 0) {
             this._color = GaugeColor.Lowest;
         }
         else if (this.value >= 1 && this.value < 25) {
@@ -3137,7 +3838,7 @@ class CoCircularGaugeComponent {
         else if (this.value >= 75 && this.value < 100) {
             this._color = GaugeColor.High;
         }
-        else if (this.value == 100) {
+        else if (this.value >= 100) {
             this._color = GaugeColor.Highest;
         }
     }
@@ -3198,7 +3899,7 @@ class CoLinearGaugeComponent {
         return `linear-gradient(90deg, ${this.color} 0 ${this.value}%, white ${this.value}% 100%`;
     }
     _setColor() {
-        if (this.value == 0) {
+        if (this.value <= 0) {
             this.color = GaugeColor.Lowest;
         }
         else if (this.value >= 1 && this.value < 25) {
@@ -3213,7 +3914,7 @@ class CoLinearGaugeComponent {
         else if (this.value >= 75 && this.value < 100) {
             this.color = GaugeColor.High;
         }
-        else if (this.value == 100) {
+        else if (this.value >= 100) {
             this.color = GaugeColor.Highest;
         }
     }
@@ -5268,5 +5969,5 @@ DatePlanningModule.decorators = [
  * Generated bundle index. Do not edit.
  */
 
-export { CoCircularGaugeComponent, CoCircularGaugeModule, CoLinearGaugeComponent, CoLinearGaugeModule, DatePlanningComponent, DatePlanningModule, DocsignComponent, DocsignModule, KeyPadComponent, KeyPadModule, LayoutSwitcherComponent, LayoutSwitcherModule, SendMethodDialogComponent, SendMethodDialogModule, SharedService, StatusbarComponent, StatusbarModule, StockComponent, StockModule, sendMethodsWithIcon, SignatureComponent as ɵa, SignaturesComponent as ɵb, CalendarComponent as ɵba, CalendarViewComponent as ɵbb, LanguageCode as ɵbc, AgendaHeaderComponent as ɵbd, AgendaViewComponent as ɵbe, AgendaMonthViewComponent as ɵbf, AgendaBaseViewComponent as ɵbg, AgendaDayViewComponent as ɵbh, AgendaWeekViewComponent as ɵbi, AgendaWeekSelectViewComponent as ɵbj, AgendaHourViewComponent as ɵbk, AgendaHourCellComponent as ɵbl, AgendaHourViewLabelsComponent as ɵbm, AgendaHalfHourCellComponent as ɵbn, AgendaEventsComponent as ɵbo, AgendaEventComponent as ɵbp, ViewSelectComponent as ɵbq, AgendaSelectEventComponent as ɵbr, MASTER_PIPES as ɵbs, ArrayNumberPipe as ɵbt, UCfirstPipe as ɵbu, StockService as ɵc, SharedConnectorService as ɵd, OptionsService as ɵe, DictionaryService as ɵf, IconCacheService as ɵg, SendMethodService as ɵh, SendMethodEmailModule as ɵi, LayoutSelectionModule as ɵj, LayoutSelectionComponent as ɵk, SendMethodEmailComponent as ɵl, SendMethodPrinterModule as ɵm, PrinterSelectionModule as ɵn, PrinterSelectionComponent as ɵo, SendMethodPrinterComponent as ɵp, StockInformationComponent as ɵq, StockInformationGridComponent as ɵr, StockLocationComponent as ɵs, StockTransferComponent as ɵt, StockChangeAmountComponent as ɵu, SendMethod as ɵv, Icon as ɵw, CalendarAllYearsComponent as ɵx, CalendarAllMonthsComponent as ɵy, CalendarHeaderComponent as ɵz };
+export { CoCircularGaugeComponent, CoCircularGaugeModule, CoLinearGaugeComponent, CoLinearGaugeModule, DatePlanningComponent, DatePlanningModule, DocsignComponent, DocsignModule, KeyPadComponent, KeyPadModule, LayoutSwitcherComponent, LayoutSwitcherModule, SendMethodDialogComponent, SendMethodDialogModule, SharedService, StatusbarComponent, StatusbarModule, StockComponent, StockModule, sendMethodsWithIcon, SignatureComponent as ɵa, SignaturesComponent as ɵb, OrderStockTabComponent as ɵba, StockLocationComponent as ɵbb, StockHistoryComponent as ɵbc, OrderSupplyStockHistoryComponent as ɵbd, OrderCommissionStockHistoryComponent as ɵbe, OrderStockHistoryComponent as ɵbf, AllocationStockHistoryComponent as ɵbg, SendMethod as ɵbh, Icon as ɵbi, CalendarAllYearsComponent as ɵbj, CalendarAllMonthsComponent as ɵbk, CalendarHeaderComponent as ɵbl, CalendarComponent as ɵbm, CalendarViewComponent as ɵbn, LanguageCode as ɵbo, AgendaHeaderComponent as ɵbp, AgendaViewComponent as ɵbq, AgendaMonthViewComponent as ɵbr, AgendaBaseViewComponent as ɵbs, AgendaDayViewComponent as ɵbt, AgendaWeekViewComponent as ɵbu, AgendaWeekSelectViewComponent as ɵbv, AgendaHourViewComponent as ɵbw, AgendaHourCellComponent as ɵbx, AgendaHourViewLabelsComponent as ɵby, AgendaHalfHourCellComponent as ɵbz, StockService as ɵc, AgendaEventsComponent as ɵca, AgendaEventComponent as ɵcb, ViewSelectComponent as ɵcc, AgendaSelectEventComponent as ɵcd, MASTER_PIPES as ɵce, ArrayNumberPipe as ɵcf, UCfirstPipe as ɵcg, SharedConnectorService as ɵd, OptionsService as ɵe, DictionaryService as ɵf, IconCacheService as ɵg, SendMethodService as ɵh, SendMethodEmailModule as ɵi, LayoutSelectionModule as ɵj, LayoutSelectionComponent as ɵk, SendMethodEmailComponent as ɵl, SendMethodPrinterModule as ɵm, PrinterSelectionModule as ɵn, PrinterSelectionComponent as ɵo, SendMethodPrinterComponent as ɵp, TabBarModule as ɵq, TabBarComponent as ɵr, StockInformationComponent as ɵs, StockInformationGridComponent as ɵt, StockTransferComponent as ɵu, StockChangeAmountComponent as ɵv, StockTabComponent as ɵw, OrderTabComponent as ɵx, StockTabsComponent as ɵy, StockHistoryTabsComponent as ɵz };
 //# sourceMappingURL=colijnit-sharedcomponents.js.map