@colijnit/sharedcomponents 1.0.13 → 1.0.14

package/bundles/colijnit-sharedcomponents.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/animations'), require('pdf-lib'), require('pdfjs-dist/legacy/build/pdf'), require('pdfjs-dist/build/pdf.worker.entry'), require('@angular/common'), require('signature_pad'), require('@colijnit/articleapi/build/articles'), require('@colijnit/sharedapi/build/sharedapi'), require('@colijnit/sharedapi/build/model/report/printer.bo'), require('@colijnit/articleapi/build/utils/function/not-nill.function'), require('@colijnit/articleapi/build/utils/object-utils'), require('@colijnit/articleapi/build/enum/yes-no-db-type.enum'), require('@colijnit/articleapi/build/enum/true-false-db-type.enum'), require('@colijnit/articleapi/build/enum/one-zero-bool-db-type.enum'), require('@colijnit/articleapi/build/enum/db-boolean-value-type.enum'), require('@colijnit/articleapi/build/utils/date-utils'), require('@colijnit/articleapi/build/utils/number-utils'), require('@colijnit/articleapi/build/utils/function/is-nill.function'), require('@colijnit/articleapi/build/factory/decorators/map-property.decorator'), require('@colijnit/articleapi/build/factory/decorators/boolean.decorator'), require('@colijnit/articleapi/build/factory/decorators/json.decorator'), require('@colijnit/articleapi/build/factory/decorators/complex-array.decorator'), require('@colijnit/articleapi/build/model/print-stock-stickers'), require('@colijnit/articleapi/build/model/article-flat.bo'), require('@colijnit/articleapi/build/articles-public'), require('@colijnit/sharedapi/build/model/report/print-job'), require('@colijnit/articleapi/build/model/article-stock.bo'), require('@colijnit/articleapi/build/model/article-stock'), require('@colijnit/corecomponents_v12'), require('@angular/platform-browser'), require('@colijnit/sharedapi/build/model/print-stock-stickers')) :
-    typeof define === 'function' && define.amd ? define('@colijnit/sharedcomponents', ['exports', '@angular/core', '@angular/animations', 'pdf-lib', 'pdfjs-dist/legacy/build/pdf', 'pdfjs-dist/build/pdf.worker.entry', '@angular/common', 'signature_pad', '@colijnit/articleapi/build/articles', '@colijnit/sharedapi/build/sharedapi', '@colijnit/sharedapi/build/model/report/printer.bo', '@colijnit/articleapi/build/utils/function/not-nill.function', '@colijnit/articleapi/build/utils/object-utils', '@colijnit/articleapi/build/enum/yes-no-db-type.enum', '@colijnit/articleapi/build/enum/true-false-db-type.enum', '@colijnit/articleapi/build/enum/one-zero-bool-db-type.enum', '@colijnit/articleapi/build/enum/db-boolean-value-type.enum', '@colijnit/articleapi/build/utils/date-utils', '@colijnit/articleapi/build/utils/number-utils', '@colijnit/articleapi/build/utils/function/is-nill.function', '@colijnit/articleapi/build/factory/decorators/map-property.decorator', '@colijnit/articleapi/build/factory/decorators/boolean.decorator', '@colijnit/articleapi/build/factory/decorators/json.decorator', '@colijnit/articleapi/build/factory/decorators/complex-array.decorator', '@colijnit/articleapi/build/model/print-stock-stickers', '@colijnit/articleapi/build/model/article-flat.bo', '@colijnit/articleapi/build/articles-public', '@colijnit/sharedapi/build/model/report/print-job', '@colijnit/articleapi/build/model/article-stock.bo', '@colijnit/articleapi/build/model/article-stock', '@colijnit/corecomponents_v12', '@angular/platform-browser', '@colijnit/sharedapi/build/model/print-stock-stickers'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.colijnit = global.colijnit || {}, global.colijnit.sharedcomponents = {}), global.ng.core, global.ng.animations, global.pdfLib, global.PDFJS, global.pdfjsWorker, global.ng.common, global.SignaturePad, global.articles, global.sharedapi, global.printer_bo, global.notNill_function, global.objectUtils, global.yesNoDbType_enum, global.trueFalseDbType_enum, global.oneZeroBoolDbType_enum, global.dbBooleanValueType_enum, global.dateUtils, global.numberUtils, global.isNill_function, global.mapProperty_decorator, global.boolean_decorator, global.json_decorator, global.complexArray_decorator, global.printStockStickers, global.articleFlat_bo, global.articlesPublic, global.printJob, global.articleStock_bo, global.articleStock, global.corecomponents_v12, global.ng.platformBrowser, global.printStockStickers$1));
-})(this, (function (exports, i0, animations, pdfLib, PDFJS, pdfjsWorker, common, SignaturePad, articles, sharedapi, printer_bo, notNill_function, objectUtils, yesNoDbType_enum, trueFalseDbType_enum, oneZeroBoolDbType_enum, dbBooleanValueType_enum, dateUtils, numberUtils, isNill_function, mapProperty_decorator, boolean_decorator, json_decorator, complexArray_decorator, printStockStickers, articleFlat_bo, articlesPublic, printJob, articleStock_bo, articleStock, corecomponents_v12, i1, printStockStickers$1) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/animations'), require('pdf-lib'), require('pdfjs-dist/legacy/build/pdf'), require('pdfjs-dist/build/pdf.worker.entry'), require('@angular/common'), require('signature_pad'), require('@colijnit/articleapi/build/articles'), require('@colijnit/sharedapi/build/sharedapi'), require('@colijnit/sharedapi/build/model/report/printer.bo'), require('@colijnit/articleapi/build/utils/function/not-nill.function'), require('@colijnit/articleapi/build/utils/object-utils'), require('@colijnit/articleapi/build/enum/yes-no-db-type.enum'), require('@colijnit/articleapi/build/enum/true-false-db-type.enum'), require('@colijnit/articleapi/build/enum/one-zero-bool-db-type.enum'), require('@colijnit/articleapi/build/enum/db-boolean-value-type.enum'), require('@colijnit/articleapi/build/utils/date-utils'), require('@colijnit/articleapi/build/utils/number-utils'), require('@colijnit/articleapi/build/utils/function/is-nill.function'), require('@colijnit/articleapi/build/factory/decorators/map-property.decorator'), require('@colijnit/articleapi/build/factory/decorators/boolean.decorator'), require('@colijnit/articleapi/build/factory/decorators/json.decorator'), require('@colijnit/articleapi/build/factory/decorators/complex-array.decorator'), require('@colijnit/sharedapi/build/model/print-stock-stickers'), require('@colijnit/articleapi/build/model/article-stock.bo'), require('@colijnit/articleapi/build/model/stock-history.bo'), require('@colijnit/sharedapi/build/model/report/stock-stickers-print-layouts.bo'), require('@colijnit/articleapi/build/model/article-details.bo'), require('@colijnit/articleapi/build/model/stock-status.bo'), require('@colijnit/articleapi/build/model/stock-management-warehouses.bo'), require('@colijnit/articleapi/build/model/stock-location.bo'), require('@colijnit/articleapi/build/model/print-stock-stickers'), require('@colijnit/articleapi/build/model/get-stock-history-request'), require('@colijnit/articleapi/build/model/article-stock'), require('@colijnit/corecomponents_v12'), require('@angular/platform-browser'), require('@colijnit/articleapi/build/model/article-stock-management')) :
+    typeof define === 'function' && define.amd ? define('@colijnit/sharedcomponents', ['exports', '@angular/core', '@angular/animations', 'pdf-lib', 'pdfjs-dist/legacy/build/pdf', 'pdfjs-dist/build/pdf.worker.entry', '@angular/common', 'signature_pad', '@colijnit/articleapi/build/articles', '@colijnit/sharedapi/build/sharedapi', '@colijnit/sharedapi/build/model/report/printer.bo', '@colijnit/articleapi/build/utils/function/not-nill.function', '@colijnit/articleapi/build/utils/object-utils', '@colijnit/articleapi/build/enum/yes-no-db-type.enum', '@colijnit/articleapi/build/enum/true-false-db-type.enum', '@colijnit/articleapi/build/enum/one-zero-bool-db-type.enum', '@colijnit/articleapi/build/enum/db-boolean-value-type.enum', '@colijnit/articleapi/build/utils/date-utils', '@colijnit/articleapi/build/utils/number-utils', '@colijnit/articleapi/build/utils/function/is-nill.function', '@colijnit/articleapi/build/factory/decorators/map-property.decorator', '@colijnit/articleapi/build/factory/decorators/boolean.decorator', '@colijnit/articleapi/build/factory/decorators/json.decorator', '@colijnit/articleapi/build/factory/decorators/complex-array.decorator', '@colijnit/sharedapi/build/model/print-stock-stickers', '@colijnit/articleapi/build/model/article-stock.bo', '@colijnit/articleapi/build/model/stock-history.bo', '@colijnit/sharedapi/build/model/report/stock-stickers-print-layouts.bo', '@colijnit/articleapi/build/model/article-details.bo', '@colijnit/articleapi/build/model/stock-status.bo', '@colijnit/articleapi/build/model/stock-management-warehouses.bo', '@colijnit/articleapi/build/model/stock-location.bo', '@colijnit/articleapi/build/model/print-stock-stickers', '@colijnit/articleapi/build/model/get-stock-history-request', '@colijnit/articleapi/build/model/article-stock', '@colijnit/corecomponents_v12', '@angular/platform-browser', '@colijnit/articleapi/build/model/article-stock-management'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.colijnit = global.colijnit || {}, global.colijnit.sharedcomponents = {}), global.ng.core, global.ng.animations, global.pdfLib, global.PDFJS, global.pdfjsWorker, global.ng.common, global.SignaturePad, global.articles, global.sharedapi, global.printer_bo, global.notNill_function, global.objectUtils, global.yesNoDbType_enum, global.trueFalseDbType_enum, global.oneZeroBoolDbType_enum, global.dbBooleanValueType_enum, global.dateUtils, global.numberUtils, global.isNill_function, global.mapProperty_decorator, global.boolean_decorator, global.json_decorator, global.complexArray_decorator, global.printStockStickers, global.articleStock_bo, global.stockHistory_bo, global.stockStickersPrintLayouts_bo, global.articleDetails_bo, global.stockStatus_bo, global.stockManagementWarehouses_bo, global.stockLocation_bo, global.printStockStickers$1, global.getStockHistoryRequest, global.articleStock, global.corecomponents_v12, global.ng.platformBrowser, global.articleStockManagement));
+})(this, (function (exports, i0, animations, pdfLib, PDFJS, pdfjsWorker, common, SignaturePad, articles, sharedapi, printer_bo, notNill_function, objectUtils, yesNoDbType_enum, trueFalseDbType_enum, oneZeroBoolDbType_enum, dbBooleanValueType_enum, dateUtils, numberUtils, isNill_function, mapProperty_decorator, boolean_decorator, json_decorator, complexArray_decorator, printStockStickers, articleStock_bo, stockHistory_bo, stockStickersPrintLayouts_bo, articleDetails_bo, stockStatus_bo, stockManagementWarehouses_bo, stockLocation_bo, printStockStickers$1, getStockHistoryRequest, articleStock, corecomponents_v12, i1, articleStockManagement) { 'use strict';
 
     function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -1415,10 +1415,12 @@
         IoneConnectorAdapterService.prototype.connect = function (options) {
             return __awaiter(this, void 0, void 0, function () {
                 return __generator(this, function (_a) {
-                    this.options = options;
-                    this.connector = new articles.Articles(options);
-                    this.sharedConnector = new sharedapi.Sharedapi(options);
-                    this.options.session = this.connector.session && this.sharedConnector.session;
+                    if (this.options === undefined) {
+                        this.options = options;
+                        this.connector = new articles.Articles(options);
+                        this.sharedConnector = new sharedapi.Sharedapi(options);
+                        this.options.session = this.connector.session && this.sharedConnector.session;
+                    }
                     return [2 /*return*/];
                 });
             });
@@ -1470,28 +1472,15 @@
                 });
             });
         };
-        // public async getPrintLayouts(defaultPrinterName: PrintJob): Promise<PrintJob> {
-        //   return new Promise((resolve: Function, reject: Function) => {
-        //     return this.sharedConnector.getPrintTemplates(defaultPrinterName).then((result: DataServiceResponse) => {
-        //       if (result.validationResult && result.validationResult.success) {
-        //         if (result.resultObject) {
-        //           resolve(this._boFactory.makeWithRawBackendData(PrintJob, result.resultObject));
-        //         }
-        //       } else {
-        //         reject(result.validationMessagesAsString);
-        //       }
-        //     })
-        //   })
-        // }
-        IoneConnectorAdapterService.prototype.getStockHistory = function (request) {
+        IoneConnectorAdapterService.prototype.getStockStickerPrintLayouts = function (stockStickersPrintLayoutsBo) {
             return __awaiter(this, void 0, void 0, function () {
                 var _this = this;
                 return __generator(this, function (_a) {
                     return [2 /*return*/, new Promise(function (resolve, reject) {
-                            return _this.connector.getStockHistory(request).then(function (result) {
+                            return _this.sharedConnector.getStockStickerPrintLayouts(stockStickersPrintLayoutsBo).then(function (result) {
                                 if (result.validationResult && result.validationResult.success) {
                                     if (result.resultObject) {
-                                        resolve(_this._boFactory.makeWithRawBackendData(printJob.PrintJob, result.resultObject));
+                                        resolve(_this._boFactory.makeWithRawBackendData(stockStickersPrintLayoutsBo, result.resultObject));
                                     }
                                 }
                                 else {
@@ -1520,15 +1509,15 @@
                 });
             });
         };
-        IoneConnectorAdapterService.prototype.getArticleFlatObject = function (goodId) {
+        IoneConnectorAdapterService.prototype.getStockHistory = function (request) {
             return __awaiter(this, void 0, void 0, function () {
                 var _this = this;
                 return __generator(this, function (_a) {
                     return [2 /*return*/, new Promise(function (resolve, reject) {
-                            return _this.connector.getArticleFullObject(goodId).then(function (result) {
+                            return _this.connector.getStockHistory(request).then(function (result) {
                                 if (result.validationResult && result.validationResult.success) {
-                                    if (result.resultObject) {
-                                        resolve(_this._boFactory.makeWithRawBackendData(articleFlat_bo.ArticleFlat, result.resultObject));
+                                    if (result.resultObject && result.resultObject.hasOwnProperty("stockHistory")) {
+                                        resolve(_this._boFactory.makeBOArrayFromRawBackendDataArray(stockHistory_bo.StockHistoryBo, result.resultObject.stockHistory));
                                     }
                                 }
                                 else {
@@ -1558,15 +1547,143 @@
                 });
             });
         };
-        IoneConnectorAdapterService.prototype.getWarehouses = function (goodId) {
+        IoneConnectorAdapterService.prototype.getStockManagementWarehouses = function () {
+            return __awaiter(this, void 0, void 0, function () {
+                var _this = this;
+                return __generator(this, function (_a) {
+                    return [2 /*return*/, new Promise(function (resolve, reject) {
+                            return _this.connector.getStockManagementWarehouses().then(function (result) {
+                                if (result.validationResult && result.validationResult.success) {
+                                    if (result.resultObjects) {
+                                        resolve(_this._boFactory.makeBOArrayFromRawBackendDataArray(stockManagementWarehouses_bo.StockManagementWarehouses, result.resultObjects));
+                                    }
+                                }
+                                else {
+                                    reject(result.validationMessagesAsString);
+                                }
+                            });
+                        })];
+                });
+            });
+        };
+        IoneConnectorAdapterService.prototype.getStockManagementLocations = function (warehouseNo) {
             return __awaiter(this, void 0, void 0, function () {
                 var _this = this;
                 return __generator(this, function (_a) {
                     return [2 /*return*/, new Promise(function (resolve, reject) {
-                            return _this.connector.getWarehouses(goodId).then(function (result) {
+                            return _this.connector.getStockManagementLocations(warehouseNo).then(function (result) {
+                                if (result.validationResult && result.validationResult.success) {
+                                    if (result.resultObjects) {
+                                        resolve(_this._boFactory.makeBOArrayFromRawBackendDataArray(stockLocation_bo.StockLocation, result.resultObjects));
+                                    }
+                                }
+                                else {
+                                    reject(result.validationMessagesAsString);
+                                }
+                            });
+                        })];
+                });
+            });
+        };
+        IoneConnectorAdapterService.prototype.getArticleDetails = function (data) {
+            return __awaiter(this, void 0, void 0, function () {
+                var _this = this;
+                return __generator(this, function (_a) {
+                    return [2 /*return*/, new Promise(function (resolve, reject) {
+                            return _this.connector.getArticleDetails(data).then(function (result) {
+                                if (result.validationResult && result.validationResult.success) {
+                                    if (result.resultObjects) {
+                                        resolve(_this._boFactory.makeBOArrayFromRawBackendDataArray(articleDetails_bo.ArticleDetailsBo, result.resultObjects));
+                                    }
+                                }
+                                else {
+                                    reject(result.validationMessagesAsString);
+                                }
+                            });
+                        })];
+                });
+            });
+        };
+        IoneConnectorAdapterService.prototype.updateArticleDetails = function (data) {
+            return __awaiter(this, void 0, void 0, function () {
+                var _this = this;
+                return __generator(this, function (_a) {
+                    return [2 /*return*/, new Promise(function (resolve, reject) {
+                            return _this.connector.updateArticleDetails(data).then(function (result) { return __awaiter(_this, void 0, void 0, function () {
+                                return __generator(this, function (_a) {
+                                    switch (_a.label) {
+                                        case 0:
+                                            if (!(result.validationResult && result.validationResult.success)) return [3 /*break*/, 2];
+                                            return [4 /*yield*/, this.commit()];
+                                        case 1:
+                                            _a.sent();
+                                            resolve(true);
+                                            return [3 /*break*/, 3];
+                                        case 2:
+                                            reject(result.validationMessagesAsString);
+                                            _a.label = 3;
+                                        case 3: return [2 /*return*/];
+                                    }
+                                });
+                            }); });
+                        })];
+                });
+            });
+        };
+        IoneConnectorAdapterService.prototype.lockArticleDetails = function (data) {
+            return __awaiter(this, void 0, void 0, function () {
+                var _this = this;
+                return __generator(this, function (_a) {
+                    return [2 /*return*/, new Promise(function (resolve, reject) {
+                            return _this.connector.lockArticleDetails(data).then(function (result) { return __awaiter(_this, void 0, void 0, function () {
+                                return __generator(this, function (_a) {
+                                    switch (_a.label) {
+                                        case 0:
+                                            if (!(result.validationResult && result.validationResult.success)) return [3 /*break*/, 2];
+                                            return [4 /*yield*/, this.commit()];
+                                        case 1:
+                                            _a.sent();
+                                            resolve(true);
+                                            return [3 /*break*/, 3];
+                                        case 2:
+                                            reject(result.validationMessagesAsString);
+                                            _a.label = 3;
+                                        case 3: return [2 /*return*/];
+                                    }
+                                });
+                            }); });
+                        })];
+                });
+            });
+        };
+        IoneConnectorAdapterService.prototype.getStockStatus = function () {
+            return __awaiter(this, void 0, void 0, function () {
+                var _this = this;
+                return __generator(this, function (_a) {
+                    return [2 /*return*/, new Promise(function (resolve, reject) {
+                            return _this.connector.getStockState().then(function (result) {
+                                if (result.validationResult && result.validationResult.success) {
+                                    if (result.resultObjects) {
+                                        resolve(_this._boFactory.makeBOArrayFromRawBackendDataArray(stockStatus_bo.StockStatus, result.resultObjects));
+                                    }
+                                }
+                                else {
+                                    reject(result.validationMessagesAsString);
+                                }
+                            });
+                        })];
+                });
+            });
+        };
+        IoneConnectorAdapterService.prototype.getStockStickerTemplates = function (data) {
+            return __awaiter(this, void 0, void 0, function () {
+                var _this = this;
+                return __generator(this, function (_a) {
+                    return [2 /*return*/, new Promise(function (resolve, reject) {
+                            return _this.sharedConnector.getStockStickerPrintLayouts(data).then(function (result) {
                                 if (result.validationResult && result.validationResult.success) {
                                     if (result.resultObject) {
-                                        resolve(_this._boFactory.makeWithRawBackendData(articlesPublic.ArticlesPublic, result.resultObject));
+                                        resolve(_this._boFactory.makeBOArrayFromRawBackendDataArray(stockStickersPrintLayouts_bo.StockStickersPrintLayoutsBo, result.resultObject));
                                     }
                                 }
                                 else {
@@ -1577,6 +1694,9 @@
                 });
             });
         };
+        IoneConnectorAdapterService.prototype.commit = function () {
+            return this.connector.commit();
+        };
         return IoneConnectorAdapterService;
     }());
     IoneConnectorAdapterService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function IoneConnectorAdapterService_Factory() { return new IoneConnectorAdapterService(); }, token: IoneConnectorAdapterService, providedIn: "root" });
@@ -1594,18 +1714,9 @@
         StockService.prototype.connectConnector = function (options) {
             this._connector.connect(options);
         };
-        StockService.prototype.getPrintStockStickers = function (data) {
-            return __awaiter(this, void 0, void 0, function () {
-                return __generator(this, function (_a) {
-                    switch (_a.label) {
-                        case 0: return [4 /*yield*/, this._connector.getPrintStockStickers(data)];
-                        case 1:
-                            _a.sent();
-                            return [2 /*return*/];
-                    }
-                });
-            });
-        };
+        // public async getPrintStockStickers(data: PrintStockStickers): Promise<void> {
+        //   await this._connector.getPrintStockStickers(data);
+        // }
         StockService.prototype.getAllPrinters = function (showAll) {
             if (showAll === void 0) { showAll = true; }
             return __awaiter(this, void 0, void 0, function () {
@@ -1617,17 +1728,12 @@
                 });
             });
         };
-        // public async getPrintTemplates(defaultPrinterName: PrintJob): Promise<PrintJob> {
-        //   return await this._connector.getPrintLayouts(defaultPrinterName);
-        // }
         StockService.prototype.getStockHistory = function (data) {
             return __awaiter(this, void 0, void 0, function () {
                 return __generator(this, function (_a) {
                     switch (_a.label) {
                         case 0: return [4 /*yield*/, this._connector.getStockHistory(data)];
-                        case 1:
-                            _a.sent();
-                            return [2 /*return*/];
+                        case 1: return [2 /*return*/, _a.sent()];
                     }
                 });
             });
@@ -1642,6 +1748,89 @@
                 });
             });
         };
+        StockService.prototype.getStockStickerPrintLayouts = function (data) {
+            return __awaiter(this, void 0, void 0, function () {
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0: return [4 /*yield*/, this._connector.getStockStickerPrintLayouts(data)];
+                        case 1: return [2 /*return*/, _a.sent()];
+                    }
+                });
+            });
+        };
+        StockService.prototype.getArticleDetails = function (data) {
+            return __awaiter(this, void 0, void 0, function () {
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0: return [4 /*yield*/, this._connector.getArticleDetails(data)];
+                        case 1: return [2 /*return*/, _a.sent()];
+                    }
+                });
+            });
+        };
+        StockService.prototype.updateArticleDetails = function (data) {
+            return __awaiter(this, void 0, void 0, function () {
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0: return [4 /*yield*/, this._connector.updateArticleDetails(data)];
+                        case 1: return [2 /*return*/, _a.sent()];
+                    }
+                });
+            });
+        };
+        StockService.prototype.getStockState = function () {
+            return __awaiter(this, void 0, void 0, function () {
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0: return [4 /*yield*/, this._connector.getStockStatus()];
+                        case 1: return [2 /*return*/, _a.sent()];
+                    }
+                });
+            });
+        };
+        StockService.prototype.getStockStickerTemplates = function (data) {
+            return __awaiter(this, void 0, void 0, function () {
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0: return [4 /*yield*/, this._connector.getStockStickerTemplates(data)];
+                        case 1: return [2 /*return*/, _a.sent()];
+                    }
+                });
+            });
+        };
+        StockService.prototype.getStockManagementWarehouses = function () {
+            return __awaiter(this, void 0, void 0, function () {
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0: return [4 /*yield*/, this._connector.getStockManagementWarehouses()];
+                        case 1: return [2 /*return*/, _a.sent()];
+                    }
+                });
+            });
+        };
+        StockService.prototype.getStockManagementLocations = function (warehouseNo) {
+            return __awaiter(this, void 0, void 0, function () {
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0: return [4 /*yield*/, this._connector.getStockManagementLocations(warehouseNo)];
+                        case 1: return [2 /*return*/, _a.sent()];
+                    }
+                });
+            });
+        };
+        StockService.prototype.lockArticleDetails = function (data) {
+            return __awaiter(this, void 0, void 0, function () {
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0: return [4 /*yield*/, this._connector.lockArticleDetails(data)];
+                        case 1: return [2 /*return*/, _a.sent()];
+                    }
+                });
+            });
+        };
+        StockService.prototype.commit = function () {
+            return this._connector.commit();
+        };
         return StockService;
     }());
     StockService.decorators = [
@@ -1658,6 +1847,8 @@
             this.showStockInformationGrid = true;
             this.showStockLocation = false;
             this.showStockTransfer = false;
+            this.allAvailableStock = 0;
+            this.allTechnicalStock = 0;
         }
         Object.defineProperty(StockComponent.prototype, "options", {
             set: function (value) {
@@ -1678,59 +1869,54 @@
         StockComponent.prototype.showClass = function () {
             return true;
         };
-        // ngAfterViewInit() {
-        //   if(this.article) {
-        //     this.getStockInformation(this.article as any);
-        //   }
-        // }
         StockComponent.prototype.backToStockLinesClicked = function () {
             this.showStockLocation = false;
             this.showStockInformationGrid = true;
         };
         StockComponent.prototype.handleStockTransferClick = function (event) {
-            this.stockTransferArticle = event;
+            this.stockTransferArticleDetails = event;
             this.showStockTransfer = !this.showStockTransfer;
             this.showStockInformationGrid = !this.showStockInformationGrid;
-            this.stockService.stockStickers = new printStockStickers.PrintStockStickers();
+            this.stockService.stockStickers = new printStockStickers$1.PrintStockStickers();
         };
         StockComponent.prototype.backToStock = function () {
             this.showStockTransfer = !this.showStockTransfer;
             this.showStockInformationGrid = !this.showStockInformationGrid;
         };
-        StockComponent.prototype.loadStockHistory = function (data) {
-            this.stockService.getStockHistory(data);
-        };
-        StockComponent.prototype.buttonClick = function () {
-            this.getStockInformation(this.article);
-        };
-        StockComponent.prototype.getStockInformation = function (data) {
+        StockComponent.prototype.getStockHistory = function () {
             return __awaiter(this, void 0, void 0, function () {
-                var articleData, _a;
+                var stockHistoryInformation, _a;
                 return __generator(this, function (_b) {
                     switch (_b.label) {
                         case 0:
-                            articleData = new articleStock.ArticleStock();
-                            articleData.goodId = data.goodId.toString();
-                            articleData.viewKind = "M";
+                            stockHistoryInformation = new getStockHistoryRequest.GetStockHistoryRequest();
+                            stockHistoryInformation.type = "B";
+                            stockHistoryInformation.goodId = this.articleExtended.goodId.toString();
                             _a = this;
-                            return [4 /*yield*/, this.stockService.getStockInformation(articleData)];
+                            return [4 /*yield*/, this.stockService.getStockHistory(stockHistoryInformation)];
                         case 1:
-                            _a.stockInformation = _b.sent();
+                            _a.stockHistory = _b.sent();
                             return [2 /*return*/];
                     }
                 });
             });
         };
-        StockComponent.prototype.getStockLocationInformation = function (data) {
+        StockComponent.prototype.getStockInformation = function (data) {
             return __awaiter(this, void 0, void 0, function () {
-                var _a;
+                var articleData, _a;
+                var _this = this;
                 return __generator(this, function (_b) {
                     switch (_b.label) {
                         case 0:
+                            articleData = new articleStock.ArticleStock();
+                            articleData.goodId = data.goodId.toString();
+                            articleData.viewKind = "M";
                             _a = this;
-                            return [4 /*yield*/, this.stockService.getStockInformation(data)];
+                            return [4 /*yield*/, this.stockService.getStockInformation(articleData)];
                         case 1:
-                            _a.stockLocationInformation = _b.sent();
+                            _a.stockInformation = _b.sent();
+                            this.stockInformation.forEach(function (articleStock) { return _this.allAvailableStock += articleStock.availableStock; });
+                            this.stockInformation.forEach(function (articleStock) { return _this.allTechnicalStock += articleStock.technicalStock; });
                             return [2 /*return*/];
                     }
                 });
@@ -1741,7 +1927,7 @@
     StockComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-stock",
-                    template: "\n      <div class=\"stock-info-container\">\n        <co-stock-information [article]=\"articleExtended\"\n                              [articleStock]=\"\">\n\n        </co-stock-information>\n        <hr>\n        <co-stock-information-grid *ngIf=\"showStockInformationGrid\"\n                                   [stockLocationData]=\"stockLocationInformation\"\n                                   (locationLineClicked)=\"getStockLocationInformation($event)\"\n                                   [articleStockInformation]=\"stockInformation\"\n                                   (transferIconClicked)=\"handleStockTransferClick($event)\">\n        </co-stock-information-grid>\n        <co-stock-location *ngIf=\"showStockLocation\"\n                           (backToStockLines)=\"backToStockLinesClicked()\">\n\n        </co-stock-location>\n        <co-stock-transfer *ngIf=\"showStockTransfer\"\n                           (handleCancelClicked)=\"backToStock()\"\n                            [article]=\"stockTransferArticle\"\n                           [stockSticker]=\"stockService.stockStickers\"\n                           (handleStickerClicked)=\"handleStickerClicked.emit($event)\"\n                           [articleWarehouse]=\"articleWarehouse\"\n                           [allWarehouses]=\"allWarehouses\"\n        >\n        </co-stock-transfer>\n      </div>\n  ",
+                    template: "\n      <div class=\"stock-info-container\">\n        <co-stock-information [article]=\"articleExtended\"\n                              [articleStock]=\"\"\n                              [allAvailableStockInformation]=\"allAvailableStock\"\n                              [allTechnicalStockInformation]=\"allTechnicalStock\"\n        >\n        </co-stock-information>\n        <hr>\n        <co-stock-information-grid *ngIf=\"showStockInformationGrid\"\n                                   [stockLocationData]=\"stockLocationInformation\"\n                                   [articleStockInformation]=\"stockInformation\"\n                                   (transferIconClicked)=\"handleStockTransferClick($event)\"\n                                   (historyClicked)=\"getStockHistory()\"\n                                   [stockHistoryInformation]=\"stockHistory\"\n        >\n        </co-stock-information-grid>\n        <co-stock-location *ngIf=\"showStockLocation\"\n                           (backToStockLines)=\"backToStockLinesClicked()\">\n\n        </co-stock-location>\n        <co-stock-transfer *ngIf=\"showStockTransfer\"\n                           (handleCancelClicked)=\"backToStock()\"\n                            [article]=\"stockTransferArticle\"\n                           [articleToTransfer]=\"stockTransferArticleDetails\"\n                           [stockSticker]=\"stockService.stockStickers\"\n                           (handleStickerClicked)=\"handleStickerClicked.emit($event)\"\n                           [articleWarehouse]=\"articleWarehouse\"\n                           [allWarehouses]=\"allWarehouses\"\n        >\n        </co-stock-transfer>\n      </div>\n  ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
@@ -1760,23 +1946,22 @@
 
     var StockInformationComponent = /** @class */ (function () {
         function StockInformationComponent() {
-            this.stockStatus = "medium";
-            this.show = false;
-            this.hideOrShowLocationTab = false;
         }
         return StockInformationComponent;
     }());
     StockInformationComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-stock-information",
-                    template: "\n      <div class=\"stock-info\" *ngIf=\"article\">\n        <div class=\"stock-info-row\" >\n          <div class=\"stock-info-row-image\">\n            <div class=\"stock-image\">\n              <co-image class=\"stock-image\" [source]=\"article.imageData\"></co-image>\n            </div>\n          </div>\n          <div class=\"stock-good-info\">\n            <div>\n              <span [textContent]=\"article.description\"></span>\n            </div>\n            <div>\n              <span [textContent]=\"article.articleNumber\"></span>\n            </div>\n          </div>\n        </div>\n        <div class=\"stock-status\">\n          <label [textContent]=\"'STOCK_STATUS'\"></label>\n          <span [textContent]=\"article.stockStatus\"></span>\n        </div>\n        <div class=\"stock-status\">\n          <label [textContent]=\"'AMOUNT_IN_STOCK'\"></label>\n          <span [textContent]=\"article.stockAvailable\"></span>\n        </div>\n        <div class=\"stock-status\">\n          <label [textContent]=\"'AMOUNT_AVAILABLE'\"></label>\n          <span [textContent]=\"\"></span>\n        </div>\n        <div class=\"stock-status\">\n          <label [textContent]=\"'AMOUNT_LATER_AVAILABLE'\"></label>\n          <span [textContent]=\"\"></span>\n        </div>\n      </div>\n  ",
+                    template: "\n      <div class=\"stock-info\" *ngIf=\"article\">\n        <div class=\"stock-info-row\" >\n          <div class=\"stock-info-row-image\">\n            <div class=\"stock-image\">\n              <co-image class=\"stock-image\" [source]=\"article.imageData\"></co-image>\n            </div>\n          </div>\n          <div class=\"stock-good-info\">\n            <div>\n              <span [textContent]=\"article.description\"></span>\n            </div>\n            <div>\n              <span [textContent]=\"article.articleNumber\"></span>\n            </div>\n          </div>\n        </div>\n        <div class=\"stock-status\">\n          <label [textContent]=\"'STOCK_STATUS'\"></label>\n          <span [textContent]=\"article.stockStatus\"></span>\n        </div>\n        <div class=\"stock-status\">\n          <label [textContent]=\"'AMOUNT_IN_STOCK'\"></label>\n          <span [textContent]=\"allTechnicalStockInformation\"></span>\n        </div>\n        <div class=\"stock-status\">\n          <label [textContent]=\"'AMOUNT_AVAILABLE'\"></label>\n          <span [textContent]=\"allAvailableStockInformation\"></span>\n        </div>\n        <div class=\"stock-status\">\n          <label [textContent]=\"'AMOUNT_LATER_AVAILABLE'\"></label>\n          <span [textContent]=\"\"></span>\n        </div>\n      </div>\n  ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
     StockInformationComponent.ctorParameters = function () { return []; };
     StockInformationComponent.propDecorators = {
         article: [{ type: i0.Input }],
-        articleStock: [{ type: i0.Input }]
+        articleStock: [{ type: i0.Input }],
+        allAvailableStockInformation: [{ type: i0.Input }],
+        allTechnicalStockInformation: [{ type: i0.Input }]
     };
 
     /** AUTO GENERATED FILE. DO NOT CHANGE.. OR YOU WILL SUFFER THE CONSEQUENCES OF YOUR ACTIONS **/
@@ -1880,27 +2065,17 @@
             this.iconCacheService = iconCacheService;
             this._stockService = _stockService;
             this.icons = Icon;
-            this.locationLineClicked = new i0.EventEmitter();
             this.transferIconClicked = new i0.EventEmitter();
+            this.historyClicked = new i0.EventEmitter();
             this.show = false;
             this.hideOrShowLocationTab = false;
             this.showStockHistory = false;
             this.showSendMethodDialog = false;
-            this.data = [
-                { test: "test" }
-            ];
-            this.inOrderInformation = [
-                { inOrder: "275432", customer: "Test customer", orderDate: "date", orderAmount: "2", warehouseNumber: "8", warehouseDescription: "A nice warehouse", amountInStock: "17", commission: "4014321" },
-                { inOrder: "275432", customer: "Test customer", orderDate: "date", orderAmount: "2", warehouseNumber: "8", warehouseDescription: "A nice warehouse", amountInStock: "17", commission: "4014321" },
-                { inOrder: "275432", customer: "Test customer", orderDate: "date", orderAmount: "2", warehouseNumber: "8", warehouseDescription: "A nice warehouse", amountInStock: "17", commission: "4014321" },
-                { inOrder: "275432", customer: "Test customer", orderDate: "date", orderAmount: "2", warehouseNumber: "8", warehouseDescription: "A nice warehouse", amountInStock: "17", commission: "4014321" },
-                { inOrder: "275432", customer: "Test customer", orderDate: "date", orderAmount: "2", warehouseNumber: "8", warehouseDescription: "A nice warehouse", amountInStock: "17", commission: "4014321" },
-            ];
-            this.orderInformation = [];
             this.hideOrShowTabs = true;
-            this.dataWareHouseCode = 0;
-            this.dataWareHouseFields = { text: "warehouseDescription", value: "warehouseNumber" };
+            this.dataWareHouseFields = { text: "warehouseDescription", value: "warehouseNo" };
             this.articleStockSearchInfo = new articleStock.ArticleStock();
+            this.showChangeStockDetails = false;
+            this.articleDetailsInformation = new articleStockManagement.ArticleStockManagement();
             this.tabs = [
                 "STOCK",
                 "IN_ORDER2",
@@ -1925,25 +2100,38 @@
             configurable: true
         });
         StockInformationGridComponent.prototype.handleTabClick = function (tabData) {
+            console.log(tabData);
             this.activeTab = tabData;
+            if (this.activeTab === "IN_ORDER2") {
+                this.getInOrderData();
+            }
+            if (this.activeTab === "ORDERS1") {
+                this.getOrderData();
+            }
         };
         StockInformationGridComponent.prototype.onLocationClick = function (data) {
             this.articleStockSearchInfo.goodId = data.goodId.toString();
             this.articleStockSearchInfo.wareHouseNo = data.warehouseNo.toString();
             this.articleStockSearchInfo.viewKind = "D";
-            this.locationLineClicked.emit(this.articleStockSearchInfo);
+            if (!this.dataWareHouseCode) {
+                this.getStockManagementWarehouses(data);
+            }
+            this.getArticleDetails(data);
             this.hideOrShowTabs = false;
             this.hideOrShowLocationTab = true;
-        };
-        StockInformationGridComponent.prototype.onPopupClose = function () {
-            this.show = false;
+            console.log(this.articleDetailsInformation);
+            this._stockService.lockArticleDetails(this.articleDetailsInformation);
         };
         StockInformationGridComponent.prototype.handleHistoryClick = function () {
-            // console.warn('Not yet implemented');
-            // this.showStockHistory = true;
+            this.historyClicked.emit();
+            this.hideOrShowLocationTab = false;
+            this.showChangeStockDetails = false;
+            this.hideOrShowTabs = false;
+            this.showStockHistory = true;
         };
-        StockInformationGridComponent.prototype.handleCloseClick = function () {
-            this.onPopupClose();
+        StockInformationGridComponent.prototype.backToStockInformation = function () {
+            this.showStockHistory = false;
+            this.hideOrShowTabs = true;
         };
         StockInformationGridComponent.prototype.handleStockTransferClick = function (event) {
             this.transferIconClicked.emit(event);
@@ -1962,20 +2150,91 @@
             this.showSendMethodDialog = !this.showSendMethodDialog;
         };
         StockInformationGridComponent.prototype.printStockStickers = function () {
-            this.printSticker = new printStockStickers$1.PrintStockStickers();
+            this.printSticker = new printStockStickers.PrintStockStickers();
             this.printSticker.goodId = 10;
-            this._stockService.getPrintStockStickers(this.printSticker);
+            // this._stockService.getPrintStockStickers(this.printSticker);
         };
         StockInformationGridComponent.prototype.onOkClick = function () {
         };
         StockInformationGridComponent.prototype.onCancelClick = function () {
         };
+        StockInformationGridComponent.prototype.openDialogClick = function (data) {
+            this.selectedArticleDetailsData = data;
+            this.showChangeStockDetails = true;
+        };
+        StockInformationGridComponent.prototype.getArticleDetails = function (data) {
+            var _this = this;
+            // const info = new ArticleStockManagement();
+            this.articleDetailsInformation.goodId = data.goodId;
+            this.articleDetailsInformation.lineId = data.lineId;
+            this.articleDetailsInformation.warehouseNumber = data.warehouseNo;
+            this._stockService.getArticleDetails(this.articleDetailsInformation).then(function (details) {
+                _this.articleDetails = details;
+            });
+        };
+        StockInformationGridComponent.prototype.getStockManagementWarehouses = function (data) {
+            var _this = this;
+            this._stockService.getStockManagementWarehouses().then(function (warehouses) {
+                _this.dataWareHouseCode = warehouses;
+                _this.selectedWarehouse = data.warehouseNo;
+            });
+        };
+        StockInformationGridComponent.prototype.onSelectWarehouse = function (event) {
+            var _this = this;
+            this.articleDetailsInformation.warehouseNumber = event;
+            console.log(event);
+            if (this.dataWareHouseCode != null) {
+                this._stockService.getArticleDetails(this.articleDetailsInformation).then(function (details) {
+                    _this.articleDetails = details;
+                });
+            }
+        };
+        StockInformationGridComponent.prototype.getInOrderData = function () {
+            return __awaiter(this, void 0, void 0, function () {
+                var inOrderData, _a;
+                return __generator(this, function (_b) {
+                    switch (_b.label) {
+                        case 0:
+                            inOrderData = new getStockHistoryRequest.GetStockHistoryRequest();
+                            inOrderData.type = "O";
+                            inOrderData.goodId = this.articleStockInformation[0].goodId.toString();
+                            // inOrderData.wareHouseNr = Number(this.articleStockInformation[0].warehouseNo);
+                            _a = this;
+                            return [4 /*yield*/, this._stockService.getStockHistory(inOrderData)];
+                        case 1:
+                            // inOrderData.wareHouseNr = Number(this.articleStockInformation[0].warehouseNo);
+                            _a.inOrderInformation = _b.sent();
+                            return [2 /*return*/];
+                    }
+                });
+            });
+        };
+        StockInformationGridComponent.prototype.getOrderData = function () {
+            return __awaiter(this, void 0, void 0, function () {
+                var inOrderData, _a;
+                return __generator(this, function (_b) {
+                    switch (_b.label) {
+                        case 0:
+                            inOrderData = new getStockHistoryRequest.GetStockHistoryRequest();
+                            inOrderData.type = "B";
+                            inOrderData.goodId = this.articleStockInformation[0].goodId.toString();
+                            // inOrderData.wareHouseNr = Number(this.articleStockInformation[0].warehouseNo);
+                            _a = this;
+                            return [4 /*yield*/, this._stockService.getStockHistory(inOrderData)];
+                        case 1:
+                            // inOrderData.wareHouseNr = Number(this.articleStockInformation[0].warehouseNo);
+                            _a.orderInformation = _b.sent();
+                            return [2 /*return*/];
+                    }
+                });
+            });
+        };
         return StockInformationGridComponent;
     }());
     StockInformationGridComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-stock-information-grid",
-                    template: "\n    <div class=\"tab-link show\" *ngIf=\"hideOrShowTabs\">\n      <span class=\"tab-link-buttons\"\n            *ngFor=\"let tab of tabs\"\n            (click)=\"handleTabClick(tab)\"\n            [textContent]=\"tab\"\n            [class.active]=\"tab === activeTab\"\n      ></span>\n    </div>\n\n    <div class=\"stock-line\">\n      <div [textContent]=\"activeTabText\"></div>\n\n    </div>\n\n    <div class=\"stock-grid\">\n      <co-simple-grid *ngIf=\"activeTab === tabs[0] && hideOrShowTabs\"\n                      [data]=\"articleStockInformation\"\n      >\n          <co-simple-grid-column [headerText]=\"'WAREHOUSE'\" [field]=\"'warehouseNo'\"></co-simple-grid-column>\n          <co-simple-grid-column [headerText]=\"'DESCRIPTION'\" [field]=\"'warehouseName'\"></co-simple-grid-column>\n          <co-simple-grid-column [headerText]=\"'STOCK'\" [field]=\"'technicalStock'\"></co-simple-grid-column>\n          <co-simple-grid-column [headerText]=\"'AVAILABLE_STOCK'\" [field]=\"'availableStock'\"></co-simple-grid-column>\n          <co-simple-grid-column [headerText]=\"'ECONOMICAL_STOCK'\" [field]=\"'economicalStock'\"></co-simple-grid-column>\n          <co-simple-grid-column [headerText]=\"'LOCATION'\" [field]=\"'locationNo'\">\n            <ng-template #template let-row=\"row\">\n              <span [textContent]=\"'bekijken'\" (click)=\"onLocationClick(row)\"></span>\n            </ng-template>\n          </co-simple-grid-column>\n      </co-simple-grid>\n\n      <co-simple-grid *ngIf=\"activeTab === tabs[1]\"\n                      [data]=\"inOrderInformation\"\n      >\n        <co-simple-grid-column [headerText]=\"'IN_ORDER2'\" [field]=\"'inOrder'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'CUSTOMER'\" [field]=\"'customer'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'DATE'\" [field]=\"'orderDate'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'AMOUNT'\" [field]=\"'orderAmount'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'WAREHOUSE'\" [field]=\"'warehouseNumber'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'DESCRIPTION'\" [field]=\"'warehouseDescription'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'STOCK'\" [field]=\"'amountInStock'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'COMMISSION2'\" [field]=\"'commission'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'TRANSFER'\" [field]=\"'transfer'\">\n          <ng-template #template let-row=\"row\">\n            <co-icon class=\"menu-icon\" [iconData]=\"iconCacheService.getIcon(icons.DeliveryTruck)\" (click)=\"handleStockTransferClick($event)\"></co-icon>\n          </ng-template>\n        </co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'STICKER'\" [field]=\"'sticker'\">\n          <ng-template #template let-row=\"row\">\n            <co-icon class=\"menu-icon\" [iconData]=\"iconCacheService.getIcon(icons.Print)\" (click)=\"openSendMethodDialog()\"></co-icon>\n          </ng-template>\n        </co-simple-grid-column>\n      </co-simple-grid>\n\n      <co-simple-grid *ngIf=\"activeTab === tabs[2]\"\n                      [data]=\"orderInformation\"\n      >\n        <co-simple-grid-column [headerText]=\"'PURCHASE_ORDER_NR'\" [field]=\"'purchaseOrderNo'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'DATE'\" [field]=\"'orderDate'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'AMOUNT'\" [field]=\"'orderAmount'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'RESERVED'\" [field]=\"'reserved'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'FREE_STOCK'\" [field]=\"'freeStock'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'DELIVERY_DATE1'\" [field]=\"'deliveryDate'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'RESERVE'\" [field]=\"'reservation'\"></co-simple-grid-column>\n      </co-simple-grid>\n    </div>\n\n    <div class=\"stock-grid\" *ngIf=\"hideOrShowLocationTab\">\n      <div class=\"stock-location-group\">\n        <div class=\"stock-location-left-group\">\n          <span class=\"stock-button-back\" [textContent]=\"'BACK_TO_STOCK_LINES'\" (click)=\"handleBackToStockClick()\"></span>\n        </div>\n        <div class=\"stock-location-right-group\">\n          <co-input-combo-box [(model)]=\"dataWareHouseCode\"\n                              [fields]=\"dataWareHouseFields\"\n                              [placeholder]=\"'WAREHOUSE'\"\n                              [required]=\"true\"\n          ></co-input-combo-box>\n        </div>\n      </div>\n\n<!--      TODO move to own component stock-location-->\n      <co-simple-grid [data]=\"stockLocationData\"\n      >\n        <div class=\"stock-location-group\">\n          <div class=\"stock-location-left-group\">\n            <co-button class=\"stock-lines-button\" [textContent]=\"'BACK_TO_STOCK_LINES'\" (click)=\"handleBackToStockClick()\"></co-button>\n          </div>\n        </div>\n        <co-simple-grid-column [headerText]=\"'WAREHOUSE'\" [field]=\"'warehouseName'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'BATCH'\" [field]=\"'batchNo'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'SERIAL_NO'\" [field]=\"'serialNo'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'STOCK'\" [field]=\"'notAssignedStock'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'ALLOCATED'\" [field]=\"'economicalStock'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'AVAILABLE_STOCK'\" [field]=\"'availableStock'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'TRANSFER'\" [field]=\"'transfer'\">\n          <ng-template #template let-row=\"row\">\n            <co-icon class=\"menu-icon\" [iconData]=\"iconCacheService.getIcon(icons.DeliveryTruck)\" (click)=\"handleStockTransferClick(row)\"></co-icon>\n          </ng-template>\n        </co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'STICKER'\" [field]=\"'sticker'\">\n          <ng-template #template let-row=\"row\">\n            <co-icon class=\"menu-icon\" [iconData]=\"iconCacheService.getIcon(icons.Print)\" (click)=\"openSendMethodDialog()\"></co-icon>\n          </ng-template>\n        </co-simple-grid-column>\n      </co-simple-grid>\n    </div>\n\n    <div class=\"stock-grid\" *ngIf=\"showStockHistory\">\n      <co-simple-grid [data]=\"stockHistoryInformation\"\n      >\n        <co-simple-grid-column [headerText]=\"'WAREHOUSE'\" [field]=\"'location'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'BATCH'\" [field]=\"'batch'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'SERIAL_NO'\" [field]=\"'serialNo'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'STOCK'\" [field]=\"'amountInStock'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'ALLOCATED'\" [field]=\"'allocated'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'AVAILABLE_STOCK'\" [field]=\"'amountAvailable'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'STICKER'\" [field]=\"'sticker'\">\n          <ng-template #template let-row=\"row\">\n            <co-icon class=\"menu-icon\" [iconData]=\"iconCacheService.getIcon(icons.Print)\" (click)=\"openSendMethodDialog()\"></co-icon>\n          </ng-template>\n        </co-simple-grid-column>\n      </co-simple-grid>\n    </div>\n\n    <div class=\"stock-button-toolbar\">\n      <div class=\"stock-button-left-group\">\n        <co-button [label]=\"'HISTORY'\" (click)=\"handleHistoryClick()\"></co-button>\n      </div>\n      <div class=\"stock-button-middle-group\">\n        <div class=\"button-left\">\n          <co-button [textContent]=\"'Ok'\" (click)=\"onOkClick()\"></co-button>\n        </div>\n        <div class=\"button-right\">\n          <co-button [textContent]=\"'Annuleren'\" (click)=\"onCancelClick()\"></co-button>\n        </div>\n      </div>\n    </div>\n    <ione-send-method-dialog\n      [showDialog]=\"showSendMethodDialog\"\n      (printButtonClicked)=\"printStockStickers()\"\n    ></ione-send-method-dialog>\n  ",
+                    template: "\n    <div class=\"tab-link show\" *ngIf=\"hideOrShowTabs\">\n      <span class=\"tab-link-buttons\"\n            *ngFor=\"let tab of tabs\"\n            (click)=\"handleTabClick(tab)\"\n            [textContent]=\"tab\"\n            [class.active]=\"tab === activeTab\"\n      ></span>\n    </div>\n\n    <div class=\"stock-line\">\n      <div [textContent]=\"activeTabText\"></div>\n\n    </div>\n\n    <div class=\"stock-grid\">\n      <co-simple-grid *ngIf=\"activeTab === tabs[0] && hideOrShowTabs\"\n                      [data]=\"articleStockInformation\"\n      >\n          <co-simple-grid-column [headerText]=\"'WAREHOUSE'\" [field]=\"'warehouseNo'\" [order]=\"10\"></co-simple-grid-column>\n          <co-simple-grid-column [headerText]=\"'DESCRIPTION'\" [field]=\"'warehouseName'\" [order]=\"11\"></co-simple-grid-column>\n          <co-simple-grid-column [headerText]=\"'STOCK'\" [field]=\"'technicalStock'\" [order]=\"12\"></co-simple-grid-column>\n          <co-simple-grid-column [headerText]=\"'AVAILABLE_STOCK'\" [field]=\"'availableStock'\" [order]=\"13\"></co-simple-grid-column>\n          <co-simple-grid-column [headerText]=\"'ECONOMICAL_STOCK'\" [field]=\"'economicalStock'\" [order]=\"14\"></co-simple-grid-column>\n          <co-simple-grid-column [headerText]=\"'LOCATION'\" [field]=\"'locationNo'\" [order]=\"15\">\n            <ng-template #template let-row=\"row\">\n              <span [textContent]=\"'Bekijken'\" (click)=\"onLocationClick(row)\"></span>\n            </ng-template>\n          </co-simple-grid-column>\n      </co-simple-grid>\n\n      <co-simple-grid *ngIf=\"activeTab === tabs[1]\"\n                      [data]=\"inOrderInformation\"\n      >\n        <co-simple-grid-column [headerText]=\"'IN_ORDER2'\" [field]=\"'amount'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'CUSTOMER'\" [field]=\"'user'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'DATE'\" [field]=\"'mutationDate'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'AMOUNT'\" [field]=\"'amount'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'WAREHOUSE'\" [field]=\"'wareHouseNr'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'DESCRIPTION'\" [field]=\"'locationNr'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'STOCK'\" [field]=\"'amountInStock'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'COMMISSION2'\" [field]=\"'commission'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'TRANSFER'\" [field]=\"'transfer'\">\n          <ng-template #template let-row=\"row\">\n            <co-icon class=\"menu-icon\" [iconData]=\"iconCacheService.getIcon(icons.DeliveryTruck)\" (click)=\"handleStockTransferClick($event)\"></co-icon>\n          </ng-template>\n        </co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'STICKER'\" [field]=\"'sticker'\">\n          <ng-template #template let-row=\"row\">\n            <co-icon class=\"menu-icon\" [iconData]=\"iconCacheService.getIcon(icons.Print)\" (click)=\"openSendMethodDialog()\"></co-icon>\n          </ng-template>\n        </co-simple-grid-column>\n      </co-simple-grid>\n\n      <co-simple-grid *ngIf=\"activeTab === tabs[2]\"\n                      [data]=\"orderInformation\"\n      >\n        <co-simple-grid-column [headerText]=\"'PURCHASE_ORDER_NR'\" [field]=\"'seriesNr'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'DATE'\" [field]=\"'mutationDate'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'AMOUNT'\" [field]=\"'amount'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'RESERVED'\" [field]=\"'reserved'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'FREE_STOCK'\" [field]=\"'freeStock'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'DELIVERY_DATE1'\" [field]=\"'deliveryDate'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'RESERVE'\" [field]=\"'reservation'\"></co-simple-grid-column>\n      </co-simple-grid>\n    </div>\n\n    <div class=\"stock-grid\" *ngIf=\"hideOrShowLocationTab\">\n      <div class=\"stock-location-group\">\n        <div class=\"stock-location-left-group\">\n          <span class=\"stock-button-back\" [textContent]=\"'BACK_TO_STOCK_LINES'\" (click)=\"handleBackToStockClick()\"></span>\n        </div>\n        <div class=\"stock-location-right-group\">\n          <co-drop-down-list  [(model)]=\"selectedWarehouse\"\n                              [collection]=\"dataWareHouseCode\"\n                              [fields]=\"dataWareHouseFields\"\n                              [placeholder]=\"'WAREHOUSE'\"\n                              (modelChange)=\"onSelectWarehouse($event)\"\n                              [required]=\"true\"\n          ></co-drop-down-list>\n        </div>\n      </div>\n\n<!--      TODO move to own component stock-location-->\n      <co-simple-grid [data]=\"articleDetails\"\n      >\n        <div class=\"stock-location-group\">\n          <div class=\"stock-location-left-group\">\n            <co-button class=\"stock-lines-button\" [textContent]=\"'BACK_TO_STOCK_LINES'\" (click)=\"handleBackToStockClick()\"></co-button>\n          </div>\n        </div>\n        <co-simple-grid-column [headerText]=\"'WAREHOUSE'\" [field]=\"'warehouseDescription'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'BATCH'\" [field]=\"'batchNo'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'SERIAL_NO'\" [field]=\"'serialNo'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'STOCK'\" [field]=\"'amountInStock'\">\n          <ng-template #template let-row=\"row\">\n            <co-input-number-picker (keyup.enter)=\"openDialogClick(row)\" [(model)]=\"row['amountInStock']\">\n\n            </co-input-number-picker>\n          </ng-template>\n        </co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'ALLOCATED'\" [field]=\"'amountInStockFree'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'AVAILABLE_STOCK'\" [field]=\"'perceptibleStorage'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'PHYSICAL_STOCK'\" [field]=\"'amountInStockOriginal'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'VALUTA'\" [field]=\"'currency'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'PURCHASE_PRICE'\" [field]=\"'purchasePrice'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'SUPPLIER_NUMBER'\" [field]=\"'supplierNo'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'TRANSFER'\" [field]=\"'transfer'\">\n          <ng-template #template let-row=\"row\">\n            <co-icon class=\"menu-icon\" [iconData]=\"iconCacheService.getIcon(icons.DeliveryTruck)\" (click)=\"handleStockTransferClick(row)\"></co-icon>\n          </ng-template>\n        </co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'STICKER'\" [field]=\"'sticker'\">\n          <ng-template #template let-row=\"row\">\n            <co-icon class=\"menu-icon\" [iconData]=\"iconCacheService.getIcon(icons.Print)\" (click)=\"openSendMethodDialog()\"></co-icon>\n          </ng-template>\n        </co-simple-grid-column>\n      </co-simple-grid>\n    </div>\n\n    <co-stock-change-amount *ngIf=\"showChangeStockDetails\"\n                            (closeStockChangeAmount)=\"showChangeStockDetails = false\"\n                            [selectedArticleDetailsData]=\"selectedArticleDetailsData\"\n    >\n    </co-stock-change-amount>\n\n    <div class=\"stock-grid\" *ngIf=\"showStockHistory\">\n      <div class=\"stock-button-left-group\">\n        <span class=\"stock-button-back\" [textContent]=\"'BACK_TO_STOCK_LINES'\" (click)=\"backToStockInformation()\"></span>\n      </div>\n      <co-simple-grid [data]=\"stockHistoryInformation\"\n      >\n        <co-simple-grid-column [headerText]=\"'MUTATION_DATE'\" [field]=\"'mutationDate'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'MUTATION_TIME'\" [field]=\"'mutationTime'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'AMOUNT'\" [field]=\"'amount'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'WAREHOUSE'\" [field]=\"'wareHouseNr'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'LOCATION'\" [field]=\"'locationNr'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'TRANSACTION_TYPE'\" [field]=\"'transType'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'DOCUMENT_NUMBER'\" [field]=\"'docNr'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'LINE'\" [field]=\"'posLineNr'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'STOCK_STATE'\" [field]=\"'stockStateId'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'STOCK_REMARK'\" [field]=\"'stockStateRemarkId'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'VALUTA'\" [field]=\"'currencyCode'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'RELATION_ID'\" [field]=\"'relationId'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'USER'\" [field]=\"'user'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'MUTATION_TYPE'\" [field]=\"'mutationType'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'STICKER'\" [field]=\"'sticker'\">\n          <ng-template #template let-row=\"row\">\n            <co-icon class=\"menu-icon\" [iconData]=\"iconCacheService.getIcon(icons.Print)\" (click)=\"openSendMethodDialog()\"></co-icon>\n          </ng-template>\n        </co-simple-grid-column>\n      </co-simple-grid>\n    </div>\n\n    <div class=\"stock-button-toolbar\">\n      <div class=\"stock-button-left-group\">\n        <co-button [label]=\"'HISTORY'\" (click)=\"handleHistoryClick()\"></co-button>\n      </div>\n      <div class=\"stock-button-middle-group\">\n        <div class=\"button-left\">\n          <co-button [textContent]=\"'Ok'\" (click)=\"onOkClick()\"></co-button>\n        </div>\n        <div class=\"button-right\">\n          <co-button [textContent]=\"'Annuleren'\" (click)=\"onCancelClick()\"></co-button>\n        </div>\n      </div>\n    </div>\n    <ione-send-method-dialog\n      *ngIf=\"showSendMethodDialog\"\n      [showDialog]=\"showSendMethodDialog\"\n      (printButtonClicked)=\"printStockStickers()\"\n    ></ione-send-method-dialog>\n  ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
@@ -1986,31 +2245,22 @@
     StockInformationGridComponent.propDecorators = {
         stock: [{ type: i0.ViewChild, args: [StockInformationGridComponent,] }],
         articleStockInformation: [{ type: i0.Input }],
-        stockHistoryInformation: [{ type: i0.Input }],
         stockLocationData: [{ type: i0.Input }],
-        locationLineClicked: [{ type: i0.Output }],
-        transferIconClicked: [{ type: i0.Output }]
+        stockHistoryInformation: [{ type: i0.Input }],
+        transferIconClicked: [{ type: i0.Output }],
+        historyClicked: [{ type: i0.Output }]
     };
 
     var StockLocationComponent = /** @class */ (function () {
-        function StockLocationComponent() {
+        function StockLocationComponent(_stockService) {
+            this._stockService = _stockService;
             this.backToStockLines = new i0.EventEmitter();
-            this.MAX_GRID_ROWS = 10;
             this.stockLocationColumns = [];
-            this.stockLocation = [
-                { location: "title 1", batch: "1", serieNo: "1", amountInStock: "1", allocated: "1", amountAvailable: "1" },
-                { location: "title 2", amountInStock: "2" },
-                { location: "title 3", amountInStock: "3" },
-                { location: "title 4", amountInStock: "4" },
-                { location: "title 5", amountInStock: "5" },
-            ];
             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" });
         }
         StockLocationComponent.prototype.backToStockInformation = function () {
             this.backToStockLines.emit();
         };
-        StockLocationComponent.prototype.onStickerClick = function (event) {
-        };
         StockLocationComponent.prototype.onOkClick = function () {
         };
         StockLocationComponent.prototype.onCancelClick = function () {
@@ -2026,7 +2276,9 @@
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
-    StockLocationComponent.ctorParameters = function () { return []; };
+    StockLocationComponent.ctorParameters = function () { return [
+        { type: StockService }
+    ]; };
     StockLocationComponent.propDecorators = {
         stockLocationInformation: [{ type: i0.Input }],
         backToStockLines: [{ type: i0.Output }]
@@ -2037,15 +2289,37 @@
             this._stockService = _stockService;
             this.handleCancelClicked = new i0.EventEmitter();
             this.handleStickerClicked = new i0.EventEmitter();
-            this.allWarehousesDropdownFields = { value: "warehouseNo", text: "description" };
+            this.allWarehousesDropdownFields = { text: "warehouseDescription", value: "warehouseNo" };
+            this.allLocationDropdownFields = { text: "locationNo", value: "locationNo" };
             this.showSendMethodDialog = false;
+            this.stockState = [];
+            this.stockStateDropdownField = { text: "stateDescription", value: "stockStateId" };
         }
-        StockTransferComponent.prototype.handleOkClick = function () {
+        StockTransferComponent.prototype.ngAfterViewInit = function () {
+            this.getStockManagementWarehouses();
+            this.getStockState();
+        };
+        StockTransferComponent.prototype.handleOkClick = function (data) {
+            return __awaiter(this, void 0, void 0, function () {
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0:
+                            data.selected = true;
+                            data.entryDate = new Date;
+                            return [4 /*yield*/, this._stockService.updateArticleDetails(data)];
+                        case 1:
+                            _a.sent();
+                            return [2 /*return*/];
+                    }
+                });
+            });
         };
         StockTransferComponent.prototype.handleCancelClick = function () {
             this.handleCancelClicked.emit();
         };
         StockTransferComponent.prototype.handleSelectedWarehouse = function (event) {
+            this.selectedWarehouse = event;
+            this.getStockManagementLocations(this.selectedWarehouse);
         };
         StockTransferComponent.prototype.handleStickerClick = function () {
             return __awaiter(this, void 0, void 0, function () {
@@ -2056,12 +2330,30 @@
                 });
             });
         };
+        StockTransferComponent.prototype.getStockManagementWarehouses = function () {
+            var _this = this;
+            this._stockService.getStockManagementWarehouses().then(function (warehouses) {
+                _this.warehouses = warehouses;
+            });
+        };
+        StockTransferComponent.prototype.getStockManagementLocations = function (data) {
+            var _this = this;
+            this._stockService.getStockManagementLocations(data).then(function (locations) {
+                _this.locations = locations;
+            });
+        };
+        StockTransferComponent.prototype.getStockState = function () {
+            var _this = this;
+            this._stockService.getStockState().then(function (state) {
+                _this.stockState = state;
+            });
+        };
         return StockTransferComponent;
     }());
     StockTransferComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-stock-transfer",
-                    template: "\n      <div class=\"stock-transfer\">\n        <div class=\"stock-transfer-columns\">\n          <h1 [textContent]=\"'Nog niet geimplmenteerd'\"></h1>\n          <div *ngIf=\"article\" class=\"stock-transfer-left-column\">\n            <co-input-text disabled\n                           [(model)]=\"article.warehouseNo\"\n                           [textContent]=\"article.warehouseNo\"\n                           [placeholder]=\"'Standaard magazijn'\">\n            </co-input-text>\n            <co-input-text disabled\n                           [(model)]=\"article.locationNo\"\n                           [textContent]=\"article.locationNo\"\n                           [placeholder]=\"'Standaard locatie'\">\n            </co-input-text>\n            <co-input-text disabled\n                           [(model)]=\"stockSticker.batch\"\n                           [placeholder]=\"'Batch'\">\n            </co-input-text>\n            <co-input-text disabled\n                           [(model)]=\"stockSticker.serial\"\n                           [placeholder]=\"'Serie'\">\n            </co-input-text>\n            <co-input-text\n              [(model)]=\"article.amountAssigned\"\n              [placeholder]=\"'Aantal'\">\n\n            </co-input-text>\n          </div>\n\n          <div class=\"stock-transfer-right-column\">\n            <co-drop-down-list [collection]=\"allWarehouses\"\n                               [fields]=\"allWarehousesDropdownFields\"\n                               (modelChange)=\"handleSelectedWarehouse($event)\"\n            >\n            </co-drop-down-list>\n            <co-drop-down-list>\n\n            </co-drop-down-list>\n            <co-input-text [placeholder]=\"'Voorraadstatus'\">\n\n            </co-input-text>\n            <co-input-text [placeholder]=\"'Omschrijving'\">\n\n            </co-input-text>\n          </div>\n        </div>\n\n        <div class=\"ok-cancel-buttons\">\n          <co-button [textContent]=\"'Ok'\" (click)=\"handleOkClick()\"></co-button>\n          <co-button [textContent]=\"'Annuleren'\" (click)=\"handleCancelClick()\"></co-button>\n          <co-button [textContent]=\"'Sticker'\" (click)=\"handleStickerClick()\"></co-button>\n        </div>\n      </div>\n  ",
+                    template: "\n      <div class=\"stock-transfer\">\n        <div class=\"stock-transfer-columns\">\n          <div *ngIf=\"articleToTransfer\" class=\"stock-transfer-left-column\">\n            <co-input-text disabled\n                           [(model)]=\"articleToTransfer.warehouseDescription\"\n                           [textContent]=\"articleToTransfer.warehouseDescription\"\n                           [placeholder]=\"'Standaard magazijn'\">\n            </co-input-text>\n            <co-input-text disabled\n                           [(model)]=\"articleToTransfer.locationNo\"\n                           [textContent]=\"articleToTransfer.locationNo\"\n                           [placeholder]=\"'Standaard locatie'\">\n            </co-input-text>\n            <co-input-text disabled\n                           [(model)]=\"stockSticker.batch\"\n                           [placeholder]=\"'Batch'\">\n            </co-input-text>\n            <co-input-text disabled\n                           [(model)]=\"stockSticker.serial\"\n                           [placeholder]=\"'Serie'\">\n            </co-input-text>\n            <co-input-text\n              [(model)]=\"articleToTransfer.amountTransfer\"\n              [placeholder]=\"'Aantal'\">\n            </co-input-text>\n          </div>\n\n          <div class=\"stock-transfer-right-column\">\n            <co-drop-down-list [collection]=\"warehouses\"\n                               [fields]=\"allWarehousesDropdownFields\"\n                               (modelChange)=\"handleSelectedWarehouse($event)\"\n                               [(model)]=\"articleToTransfer.targetWarehouse\">\n            </co-drop-down-list>\n            <co-drop-down-list [collection]=\"locations\"\n                               [fields]=\"allLocationDropdownFields\"\n                               [(model)]=\"articleToTransfer.targetLocation\"\n            >\n            </co-drop-down-list>\n            <co-drop-down-list [collection]=\"stockState\"\n                               [fields]=\"stockStateDropdownField\"\n                               [placeholder]=\"'Voorraadstatus'\"\n                               [(model)]=\"articleToTransfer.stockStateId\">\n            </co-drop-down-list>\n            <co-input-text [placeholder]=\"'Omschrijving'\"\n                           [(model)]=\"articleToTransfer.stockStateRemark\">\n            </co-input-text>\n          </div>\n        </div>\n\n        <div class=\"ok-cancel-buttons\">\n          <co-button [textContent]=\"'Ok'\" (click)=\"handleOkClick(articleToTransfer)\"></co-button>\n          <co-button [textContent]=\"'Annuleren'\" (click)=\"handleCancelClick()\"></co-button>\n          <co-button [textContent]=\"'Sticker'\" (click)=\"handleStickerClick()\"></co-button>\n        </div>\n      </div>\n  ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
@@ -2071,6 +2363,7 @@
     StockTransferComponent.propDecorators = {
         stockSticker: [{ type: i0.Input }],
         article: [{ type: i0.Input }],
+        articleToTransfer: [{ type: i0.Input }],
         articleWarehouse: [{ type: i0.Input }],
         allWarehouses: [{ type: i0.Input }],
         handleCancelClicked: [{ type: i0.Output }],
@@ -2106,6 +2399,7 @@
             this.showStandardPrinterOptions = false;
             this.showPrinterSelections = false;
             this.showExitButton = true;
+            this.printTemplatesField = { text: "name", value: "name" };
             this.emails = ['lars.vdv@colijn-it.nl', 'david@colijn-it.nl', 'ruben@colijn-it.nl'];
             this.models = [false, false, true];
             this.layouts = ['Layout 1', 'Layout 2', 'Layout 3'];
@@ -2116,6 +2410,9 @@
         SendMethodDialogComponent.prototype.showClass = function () {
             return true;
         };
+        SendMethodDialogComponent.prototype.ngAfterViewInit = function () {
+            this.getPrintTemplates();
+        };
         SendMethodDialogComponent.prototype.getPrinters = function () {
             return __awaiter(this, void 0, void 0, function () {
                 var _this = this;
@@ -2146,20 +2443,23 @@
                 this.headerTitle = 'Verzendopties';
             }
         };
-        SendMethodDialogComponent.prototype.loadLayouts = function () {
-            var printJob$1 = new printJob.PrintJob();
-            // this.printLayouts = this._stockService.getPrintTemplates(printJob);
-        };
         SendMethodDialogComponent.prototype.onPrinterClicked = function (printer) {
             this.defaultPrinter = printer.name;
             this.showPrinterSelections = !this.showPrinterSelections;
         };
+        SendMethodDialogComponent.prototype.getPrintTemplates = function () {
+            var _this = this;
+            var data = new stockStickersPrintLayouts_bo.StockStickersPrintLayoutsBo();
+            this._stockService.getStockStickerTemplates(data).then(function (templates) {
+                _this.printTemplates = templates;
+            });
+        };
         return SendMethodDialogComponent;
     }());
     SendMethodDialogComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "ione-send-method-dialog",
-                    template: "\n    <div class=\"send-method-dialog-wrapper\">\n      <co-dialog-wizard id=\"sendOptionsDialog\" *ngIf=\"showDialog\" [showCloseIcon]=\"showExitButton\" (closeClick)=\"closeDialogClick()\">\n        <ng-container header>\n          <span [textContent]=\"headerTitle\"></span>\n        </ng-container>\n        <div class=\"dialog-content-wrapper\">\n          <div class=\"main-content-container\" *ngIf=\"!showPrinterSelections\">\n            <div class=\"send-options-wrapper\">\n              <div class=\"custom-button-wrapper\" *ngFor=\"let sendOption of sendOptions\"\n                   [class.selected-option]=\"sendOption.option === activeSendOption\"\n                   (click)=\"activeSendOption = sendOption.option\">\n                <co-icon [iconData]=\"iconCacheService.getIcon(sendOption.iconName)\"></co-icon>\n              </div>\n            </div>\n\n            <div class=\"email-option-content\" *ngIf=\"activeSendOption === sendOption.Email || activeSendOption === sendOption.Pdf\">\n              <div class=\"emails-container\" *ngIf=\"activeSendOption === sendOption.Email\">\n                <co-input-checkbox\n                  *ngFor=\"let email, let index of emails\"\n                  [name]=\"email\"\n                  [(model)]=\"models[index]\"\n                  [label]=\"email\"\n                  [cssClass]=\"'input-checkbox-wrapper'\"\n                ></co-input-checkbox>\n              </div>\n\n              <div class=\"lov-wrapper\">\n                <co-input-combo-box\n                  [(model)]=\"selectedLayout\"\n                  [collection]=\"layouts\"\n                  [forceReadonly]=\"true\"\n                  placeholder=\"Layout\"\n                ></co-input-combo-box>\n              </div>\n\n              <div class=\"signature-button-wrapper\">\n                <div class=\"custom-button-wrapper signature-button\" (click)=\"handleSignatureStart()\">\n                  <co-icon [iconData]=\"iconCacheService.getIcon(icons.SignatureField)\"></co-icon>\n                </div>\n              </div>\n            </div>\n\n            <div class=\"email-option-content\" *ngIf=\"activeSendOption === sendOption.Print\">\n              <div class=\"lov-wrapper\">\n                <co-input-combo-box\n                  [(model)]=\"selectedLayout\"\n                  [collection]=\"layouts\"\n                  [forceReadonly]=\"true\"\n                  placeholder=\"Layout\"\n                ></co-input-combo-box>\n              </div>\n\n              <div class=\"lov-wrapper clickable\" (click)=\"togglePrinterSelection()\">\n                <div class=\"selected-printer-wrapper\">\n                  <div class=\"printer-option-list-item\">\n                    <co-icon class=\"printer-icon\" [iconData]=\"iconCacheService.getIcon(icons.Print)\"></co-icon>\n                    <div class=\"printer-details\" *ngIf=\"printerList\">\n                      <span class=\"printer-name\" [textContent]=\"defaultPrinter\"></span>\n                      <span class=\"printer-status\" [textContent]=\"defaultPrinter.acceptingJobs\"></span>\n                    </div>\n                  </div>\n                  <co-icon class=\"select-printer-arrow\" [iconData]=\"iconCacheService.getIcon(icons.ArrowPointRight)\"></co-icon>\n                </div>\n              </div>\n\n              <div class=\"standard-printer-wrapper\">\n                <div class=\"standard-printer-link\" (click)=\"showStandardPrinterOptions = !showStandardPrinterOptions\">\n                  <co-icon class=\"arrow-icon\" [iconData]=\"iconCacheService.getIcon(icons.ArrowFatRight)\"></co-icon>\n                  <span class=\"standard-printer-message\" [textContent]=\"'Standaard printer voor lay-out instellen'\"></span>\n                </div>\n\n                <div class=\"standard-printer-selections\" *ngIf=\"showStandardPrinterOptions\">\n                  <co-input-checkbox\n                    [(model)]=\"models[0]\"\n                    [label]=\"'Per gebruiker instellen'\"\n                    [cssClass]=\"'input-checkbox-wrapper'\"\n                  ></co-input-checkbox>\n                  <co-input-checkbox\n                    [(model)]=\"models[1]\"\n                    [label]=\"'Voor alle gebruikers instellen'\"\n                    [cssClass]=\"'input-checkbox-wrapper'\"\n                  ></co-input-checkbox>\n                </div>\n              </div>\n\n              <div class=\"print-footer-wrapper\">\n                <div class=\"input-number-wrapper\">\n                  <co-input-number-picker class=\"number-picker\"\n                                          [step]=\"1\" [(model)]=\"amountToPrint\" [min]=\"1\"\n                                          [ngModelOptions]=\"{debounce: 1}\">\n                  </co-input-number-picker>\n                </div>\n                <div class=\"custom-button-wrapper print-button\" (click)=\"handlePrintClicked()\">\n                  <span [textContent]=\"'Print'\"></span>\n                </div>\n                <div class=\"custom-button-wrapper signature-button\" (click)=\"handleSignatureStart()\">\n                  <co-icon [iconData]=\"iconCacheService.getIcon(icons.SignatureField)\"></co-icon>\n                </div>\n              </div>\n            </div>\n          </div>\n\n          <div class=\"printer-content-container\" @slideInOut *ngIf=\"showPrinterSelections\">\n            <div class=\"selected-printer-wrapper selection clickable\" *ngFor=\"let printers of printerList\" (click)=\"onPrinterClicked(printers)\">\n              <div class=\"printer-option-list-item\">\n                <co-icon class=\"printer-icon\" [iconData]=\"iconCacheService.getIcon(icons.Print)\"></co-icon>\n                <div class=\"printer-details\">\n                  <span class=\"printer-name\" [textContent]=\"printers.name\"></span>\n                  <span class=\"printer-status\" [textContent]=\"printers.acceptingJobs\"></span>\n                </div>\n              </div>\n              <co-icon class=\"select-printer-arrow\" *ngIf=\"!showPrinterSelections\"\n                       [iconData]=\"iconCacheService.getIcon(icons.ArrowPointRight)\"></co-icon>\n            </div>\n          </div>\n        </div>\n      </co-dialog-wizard>\n    </div>\n  ",
+                    template: "\n    <div class=\"send-method-dialog-wrapper\">\n      <co-dialog-wizard id=\"sendOptionsDialog\" *ngIf=\"showDialog\" [showCloseIcon]=\"showExitButton\" (closeClick)=\"closeDialogClick()\">\n        <ng-container header>\n          <span [textContent]=\"headerTitle\"></span>\n        </ng-container>\n        <div class=\"dialog-content-wrapper\">\n          <div class=\"main-content-container\" *ngIf=\"!showPrinterSelections\">\n            <div class=\"send-options-wrapper\">\n              <div class=\"custom-button-wrapper\" *ngFor=\"let sendOption of sendOptions\"\n                   [class.selected-option]=\"sendOption.option === activeSendOption\"\n                   (click)=\"activeSendOption = sendOption.option\">\n                <co-icon [iconData]=\"iconCacheService.getIcon(sendOption.iconName)\"></co-icon>\n              </div>\n            </div>\n\n            <div class=\"email-option-content\" *ngIf=\"activeSendOption === sendOption.Email || activeSendOption === sendOption.Pdf\">\n              <div class=\"emails-container\" *ngIf=\"activeSendOption === sendOption.Email\">\n                <co-input-checkbox\n                  *ngFor=\"let email, let index of emails\"\n                  [name]=\"email\"\n                  [(model)]=\"models[index]\"\n                  [label]=\"email\"\n                  [cssClass]=\"'input-checkbox-wrapper'\"\n                ></co-input-checkbox>\n              </div>\n\n              <div class=\"lov-wrapper\">\n                <co-input-combo-box\n                  [(model)]=\"selectedLayout\"\n                  [collection]=\"layouts\"\n                  [forceReadonly]=\"true\"\n                  placeholder=\"Layout\"\n                ></co-input-combo-box>\n              </div>\n\n              <div class=\"signature-button-wrapper\">\n                <div class=\"custom-button-wrapper signature-button\" (click)=\"handleSignatureStart()\">\n                  <co-icon [iconData]=\"iconCacheService.getIcon(icons.SignatureField)\"></co-icon>\n                </div>\n              </div>\n            </div>\n\n            <div class=\"email-option-content\" *ngIf=\"activeSendOption === sendOption.Print\">\n              <div class=\"lov-wrapper\">\n                <co-input-combo-box\n                  [(model)]=\"selectedLayout\"\n                  [collection]=\"printTemplates\"\n                  [fields]=\"printTemplatesField\"\n                  [forceReadonly]=\"true\"\n                  placeholder=\"Layout\"\n                ></co-input-combo-box>\n              </div>\n\n              <div class=\"lov-wrapper clickable\" (click)=\"togglePrinterSelection()\">\n                <div class=\"selected-printer-wrapper\">\n                  <div class=\"printer-option-list-item\">\n                    <co-icon class=\"printer-icon\" [iconData]=\"iconCacheService.getIcon(icons.Print)\"></co-icon>\n                    <div class=\"printer-details\" *ngIf=\"printerList\">\n                      <span class=\"printer-name\" [textContent]=\"defaultPrinter\"></span>\n                      <span class=\"printer-status\" [textContent]=\"defaultPrinter.acceptingJobs\"></span>\n                    </div>\n                  </div>\n                  <co-icon class=\"select-printer-arrow\" [iconData]=\"iconCacheService.getIcon(icons.ArrowPointRight)\"></co-icon>\n                </div>\n              </div>\n\n              <div class=\"standard-printer-wrapper\">\n                <div class=\"standard-printer-link\" (click)=\"showStandardPrinterOptions = !showStandardPrinterOptions\">\n                  <co-icon class=\"arrow-icon\" [iconData]=\"iconCacheService.getIcon(icons.ArrowFatRight)\"></co-icon>\n                  <span class=\"standard-printer-message\" [textContent]=\"'Standaard printer voor lay-out instellen'\"></span>\n                </div>\n\n                <div class=\"standard-printer-selections\" *ngIf=\"showStandardPrinterOptions\">\n                  <co-input-checkbox\n                    [(model)]=\"models[0]\"\n                    [label]=\"'Per gebruiker instellen'\"\n                    [cssClass]=\"'input-checkbox-wrapper'\"\n                  ></co-input-checkbox>\n                  <co-input-checkbox\n                    [(model)]=\"models[1]\"\n                    [label]=\"'Voor alle gebruikers instellen'\"\n                    [cssClass]=\"'input-checkbox-wrapper'\"\n                  ></co-input-checkbox>\n                </div>\n              </div>\n\n              <div class=\"print-footer-wrapper\">\n                <div class=\"input-number-wrapper\">\n                  <co-input-number-picker class=\"number-picker\"\n                                          [step]=\"1\" [(model)]=\"amountToPrint\" [min]=\"1\"\n                                          [ngModelOptions]=\"{debounce: 1}\">\n                  </co-input-number-picker>\n                </div>\n                <div class=\"custom-button-wrapper print-button\" (click)=\"handlePrintClicked()\">\n                  <span [textContent]=\"'Print'\"></span>\n                </div>\n                <div class=\"custom-button-wrapper signature-button\" (click)=\"handleSignatureStart()\">\n                  <co-icon [iconData]=\"iconCacheService.getIcon(icons.SignatureField)\"></co-icon>\n                </div>\n              </div>\n            </div>\n          </div>\n\n          <div class=\"printer-content-container\" @slideInOut *ngIf=\"showPrinterSelections\">\n            <div class=\"selected-printer-wrapper selection clickable\" *ngFor=\"let printers of printerList\" (click)=\"onPrinterClicked(printers)\">\n              <div class=\"printer-option-list-item\">\n                <co-icon class=\"printer-icon\" [iconData]=\"iconCacheService.getIcon(icons.Print)\"></co-icon>\n                <div class=\"printer-details\">\n                  <span class=\"printer-name\" [textContent]=\"printers.name\"></span>\n                  <span class=\"printer-status\" [textContent]=\"printers.acceptingJobs\"></span>\n                </div>\n              </div>\n              <co-icon class=\"select-printer-arrow\" *ngIf=\"!showPrinterSelections\"\n                       [iconData]=\"iconCacheService.getIcon(icons.ArrowPointRight)\"></co-icon>\n            </div>\n          </div>\n        </div>\n      </co-dialog-wizard>\n    </div>\n  ",
                     encapsulation: i0.ViewEncapsulation.None,
                     animations: [
                         animations.trigger('slideInOut', [
@@ -2209,6 +2509,57 @@
                 },] }
     ];
 
+    var StockChangeAmountComponent = /** @class */ (function () {
+        function StockChangeAmountComponent(_stockService) {
+            this._stockService = _stockService;
+            this.closeStockChangeAmount = new i0.EventEmitter();
+            this.stockState = [];
+            this.stockStateDropdownField = { text: "stateDescription", value: "stockStateId" };
+        }
+        StockChangeAmountComponent.prototype.ngAfterViewInit = function () {
+            this.getStockState();
+        };
+        StockChangeAmountComponent.prototype.closeDialogClick = function () {
+            this.closeStockChangeAmount.emit();
+        };
+        StockChangeAmountComponent.prototype.handleOkClick = function (data) {
+            return __awaiter(this, void 0, void 0, function () {
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0: return [4 /*yield*/, this._stockService.updateArticleDetails(data)];
+                        case 1:
+                            _a.sent();
+                            return [2 /*return*/];
+                    }
+                });
+            });
+        };
+        StockChangeAmountComponent.prototype.handleCancelClick = function () {
+            this.closeStockChangeAmount.emit();
+        };
+        StockChangeAmountComponent.prototype.getStockState = function () {
+            var _this = this;
+            this._stockService.getStockState().then(function (state) {
+                _this.stockState = state;
+            });
+        };
+        return StockChangeAmountComponent;
+    }());
+    StockChangeAmountComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: "co-stock-change-amount",
+                    template: "\n      <div class=\"stock-transfer\">\n        <co-dialog-wizard [showCloseIcon]=\"true\" (closeClick)=\"closeDialogClick()\">\n          <ng-container header>\n            <span [textContent]=\"'STOCK_CHANGE_REASON'\"></span>\n          </ng-container>\n          <div class=\"popup-wrapper\">\n            <co-drop-down-list [collection]=\"stockState\"\n                               [fields]=\"stockStateDropdownField\"\n                               [placeholder]=\"'STOCK_STATE'\"\n                               [(model)]=\"selectedArticleDetailsData.stockStateId\"\n            ></co-drop-down-list>\n\n            <co-input-textarea [(model)]=\"selectedArticleDetailsData.stockStateRemark\"\n\n            ></co-input-textarea>\n            <div class=\"ok-cancel-buttons\">\n              <co-button [textContent]=\"'Ok'\" (click)=\"handleOkClick(selectedArticleDetailsData)\"></co-button>\n              <co-button [textContent]=\"'Annuleren'\" (click)=\"handleCancelClick()\"></co-button>\n            </div>\n          </div>\n        </co-dialog-wizard>\n      </div>\n  ",
+                    encapsulation: i0.ViewEncapsulation.None
+                },] }
+    ];
+    StockChangeAmountComponent.ctorParameters = function () { return [
+        { type: StockService }
+    ]; };
+    StockChangeAmountComponent.propDecorators = {
+        selectedArticleDetailsData: [{ type: i0.Input }],
+        closeStockChangeAmount: [{ type: i0.Output }]
+    };
+
     var StockModule = /** @class */ (function () {
         function StockModule() {
         }
@@ -2227,14 +2578,18 @@
                         corecomponents_v12.ImageModule,
                         corecomponents_v12.InputTextModule,
                         SendMethodDialogModule,
-                        corecomponents_v12.IconModule
+                        corecomponents_v12.IconModule,
+                        corecomponents_v12.InputNumberPickerModule,
+                        corecomponents_v12.CoDialogWizardModule,
+                        corecomponents_v12.InputTextareaModule
                     ],
                     declarations: [
                         StockComponent,
                         StockInformationComponent,
                         StockInformationGridComponent,
                         StockLocationComponent,
-                        StockTransferComponent
+                        StockTransferComponent,
+                        StockChangeAmountComponent
                     ],
                     exports: [
                         StockComponent
@@ -2269,6 +2624,7 @@
     exports["ɵg"] = StockInformationGridComponent;
     exports["ɵh"] = StockLocationComponent;
     exports["ɵi"] = StockTransferComponent;
+    exports["ɵj"] = StockChangeAmountComponent;
 
     Object.defineProperty(exports, '__esModule', { value: true });