@colijnit/sharedcomponents 1.0.4 → 1.0.5

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/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/corecomponents_v12')) :
-    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/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/corecomponents_v12'], 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.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.corecomponents_v12));
-})(this, (function (exports, i0, animations, pdfLib, PDFJS, pdfjsWorker, common, SignaturePad, articles, notNill_function, objectUtils, yesNoDbType_enum, trueFalseDbType_enum, oneZeroBoolDbType_enum, dbBooleanValueType_enum, dateUtils, numberUtils, isNill_function, mapProperty_decorator, boolean_decorator, json_decorator, complexArray_decorator, corecomponents_v12) { '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/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/corecomponents_v12')) :
+    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/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/corecomponents_v12'], 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.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.corecomponents_v12));
+})(this, (function (exports, i0, animations, pdfLib, PDFJS, pdfjsWorker, common, SignaturePad, articles, 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, corecomponents_v12) { 'use strict';
 
     function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -1422,6 +1422,25 @@
                 });
             });
         };
+        IoneConnectorAdapterService.prototype.getPrintStockStickers = 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.getPrintStockStickers(request).then(function (result) {
+                                if (result.validationResult && result.validationResult.success) {
+                                    if (result.resultObject) {
+                                        resolve(_this._boFactory.makeWithRawBackendData(printStockStickers.PrintStockStickers, result.resultObject));
+                                    }
+                                }
+                                else {
+                                    reject(result.validationMessagesAsString);
+                                }
+                            });
+                        })];
+                });
+            });
+        };
         IoneConnectorAdapterService.prototype.getArticleFullObject = function (goodId) {
             return __awaiter(this, void 0, void 0, function () {
                 var _this = this;
@@ -1440,6 +1459,44 @@
                 });
             });
         };
+        IoneConnectorAdapterService.prototype.getArticleFlatObject = function (goodId) {
+            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) {
+                                if (result.validationResult && result.validationResult.success) {
+                                    if (result.resultObject) {
+                                        resolve(_this._boFactory.makeWithRawBackendData(articleFlat_bo.ArticleFlat, result.resultObject));
+                                    }
+                                }
+                                else {
+                                    reject(result.validationMessagesAsString);
+                                }
+                            });
+                        })];
+                });
+            });
+        };
+        IoneConnectorAdapterService.prototype.getWarehouses = function (goodId) {
+            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) {
+                                if (result.validationResult && result.validationResult.success) {
+                                    if (result.resultObject) {
+                                        resolve(_this._boFactory.makeWithRawBackendData(articlesPublic.ArticlesPublic, result.resultObject));
+                                    }
+                                }
+                                else {
+                                    reject(result.validationMessagesAsString);
+                                }
+                            });
+                        })];
+                });
+            });
+        };
         return IoneConnectorAdapterService;
     }());
     IoneConnectorAdapterService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function IoneConnectorAdapterService_Factory() { return new IoneConnectorAdapterService(); }, token: IoneConnectorAdapterService, providedIn: "root" });
@@ -1457,31 +1514,25 @@
         StockService.prototype.connectConnector = function (options) {
             this._connector.connect(options);
         };
-        // public async getStock(goodId: number): Promise<ArticleFullObject> {
-        //   return await this._connector.getArticleFullObject(goodId);
-        // }
-        // public async getStockHistory(): Promise<GetStockHistoryRequest> {
-        //
-        // }
-        // public async getStockWarehouses(goodId: number): Promise<getWarehouses>
-        StockService.prototype.loadStockLocations = function (goodId) {
-            return __awaiter(this, void 0, void 0, function () {
-                return __generator(this, function (_a) {
-                    return [2 /*return*/];
-                });
-            });
-        };
-        StockService.prototype._loadInOrders = function () {
+        StockService.prototype.getPrintStockStickers = function (data) {
             return __awaiter(this, void 0, void 0, function () {
                 return __generator(this, function (_a) {
-                    return [2 /*return*/];
+                    switch (_a.label) {
+                        case 0: return [4 /*yield*/, this._connector.getPrintStockStickers(data)];
+                        case 1:
+                            _a.sent();
+                            return [2 /*return*/];
+                    }
                 });
             });
         };
-        StockService.prototype._loadStockOrders = function () {
+        StockService.prototype.loadStockLocations = function (goodId) {
             return __awaiter(this, void 0, void 0, function () {
                 return __generator(this, function (_a) {
-                    return [2 /*return*/];
+                    switch (_a.label) {
+                        case 0: return [4 /*yield*/, this._connector.getArticleFlatObject(goodId)];
+                        case 1: return [2 /*return*/, _a.sent()];
+                    }
                 });
             });
         };
@@ -1495,8 +1546,8 @@
     ]; };
 
     var StockComponent = /** @class */ (function () {
-        function StockComponent(_stockService) {
-            this._stockService = _stockService;
+        function StockComponent(stockService) {
+            this.stockService = stockService;
             this.handleStickerClicked = new i0.EventEmitter();
             this.showStockInformationGrid = true;
             this.showStockLocation = false;
@@ -1504,7 +1555,7 @@
         }
         Object.defineProperty(StockComponent.prototype, "options", {
             set: function (value) {
-                this._stockService.connectConnector(value);
+                this.stockService.connectConnector(value);
             },
             enumerable: false,
             configurable: true
@@ -1519,16 +1570,13 @@
         StockComponent.prototype.handleStockTransferClick = function (event) {
             this.showStockTransfer = !this.showStockTransfer;
             this.showStockInformationGrid = !this.showStockInformationGrid;
+            this.stockService.stockStickers = new printStockStickers.PrintStockStickers();
         };
         StockComponent.prototype.handleStockLocationClick = function () {
             return __awaiter(this, void 0, void 0, function () {
                 return __generator(this, function (_a) {
-                    switch (_a.label) {
-                        case 0: return [4 /*yield*/, this._stockService.loadStockLocations(10)];
-                        case 1:
-                            _a.sent();
-                            return [2 /*return*/];
-                    }
+                    console.log(this.articleExtended);
+                    return [2 /*return*/];
                 });
             });
         };
@@ -1541,7 +1589,7 @@
     StockComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-stock",
-                    template: "\n      <div class=\"stock-info-container\">\n        <co-stock-information></co-stock-information>\n        <hr>\n        <co-stock-information-grid *ngIf=\"showStockInformationGrid\" (transferIconClicked)=\"handleStockTransferClick($event)\"></co-stock-information-grid>\n        <co-stock-location *ngIf=\"showStockLocation\" (backToStockLines)=\"backToStockLinesClicked()\"></co-stock-location>\n        <co-stock-transfer *ngIf=\"showStockTransfer\" (handleCancelClicked)=\"backToStock()\" (handleStickerClicked)=\"handleStickerClicked.emit($event)\"></co-stock-transfer>\n      </div>\n  ",
+                    template: "\n      <div class=\"stock-info-container\">\n        <co-stock-information [article]=\"articleExtended\"></co-stock-information>\n        <hr>\n        <co-stock-information-grid *ngIf=\"showStockInformationGrid\" (transferIconClicked)=\"handleStockTransferClick($event)\"></co-stock-information-grid>\n        <co-stock-location *ngIf=\"showStockLocation\" (backToStockLines)=\"backToStockLinesClicked()\"></co-stock-location>\n        <co-stock-transfer *ngIf=\"showStockTransfer\"\n                           (handleCancelClicked)=\"backToStock()\"\n                           [article]=\"articleExtended\"\n                           [stockSticker]=\"stockService.stockStickers\"\n                           (handleStickerClicked)=\"handleStickerClicked.emit($event)\"\n                           [articleWarehouse]=\"articleWarehouse\"\n                           [allWarehouses]=\"allWarehouses\"\n        >\n        </co-stock-transfer>\n        <co-button (click)=\"handleStockLocationClick()\"></co-button>\n      </div>\n  ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
@@ -1552,7 +1600,9 @@
         stock: [{ type: i0.ViewChild, args: [StockComponent,] }],
         handleStickerClicked: [{ type: i0.Output }],
         options: [{ type: i0.Input }],
-        goodId: [{ type: i0.Input }],
+        articleExtended: [{ type: i0.Input }],
+        articleWarehouse: [{ type: i0.Input }],
+        allWarehouses: [{ type: i0.Input }],
         showClass: [{ type: i0.HostBinding, args: ["class.co-stock",] }]
     };
 
@@ -1562,16 +1612,22 @@
             this.show = false;
             this.hideOrShowLocationTab = false;
         }
+        StockInformationComponent.prototype.ngOnInit = function () {
+            console.log(this.article);
+        };
         return StockInformationComponent;
     }());
     StockInformationComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-stock-information",
-                    template: "\n      <div class=\"stock-info\">\n        <div class=\"stock-info-row\">\n          <div class=\"stock-info-row-image\">\n            <div class=\"stock-image\">\n              <co-image></co-image>\n            </div>\n          </div>\n          <div class=\"stock-good-info\">\n            <div>\n              <span [textContent]=\"\"></span>\n            </div>\n            <div>\n              <span [textContent]=\"\"></span>\n            </div>\n          </div>\n        </div>\n        <div class=\"stock-status\">\n          <label [textContent]=\"'STATE'\"></label>\n        </div>\n        <div class=\"stock-status\">\n          <label [textContent]=\"'STOCK'\"></label>\n          <span></span>\n        </div>\n        <div class=\"stock-status\">\n          <label [textContent]=\"'AVAILABLE_STOCK'\"></label>\n          <span>totalAmountAvailable</span>\n        </div>\n        <div class=\"stock-status\">\n          <label [textContent]=\"'ECONOMICAL_STOCK'\"></label>\n          <span></span>\n        </div>\n        <div class=\"stock-status\">\n          <label [textContent]=\"'PHYSICAL_STOCK'\"></label>\n          <span></span>\n        </div>\n      </div>\n  ",
+                    template: "\n      <div class=\"stock-info\">\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?.name\"></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]=\"article?.stockStatus\"></label>\n        </div>\n        <div class=\"stock-status\">\n          <label [textContent]=\"'STOCK'\"></label>\n          <span></span>\n        </div>\n        <div class=\"stock-status\">\n          <label [textContent]=\"article?.stockAvailable\"></label>\n          <span>totalAmountAvailable</span>\n        </div>\n        <div class=\"stock-status\">\n          <label [textContent]=\"'ECONOMICAL_STOCK'\"></label>\n          <span></span>\n        </div>\n        <div class=\"stock-status\">\n          <label [textContent]=\"'PHYSICAL_STOCK'\"></label>\n          <span></span>\n        </div>\n      </div>\n  ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
-    StockInformationComponent.ctorParameters = function () { return []; };
+    StockInformationComponent.ctorParameters = function () { return []; };
+    StockInformationComponent.propDecorators = {
+        article: [{ type: i0.Input }]
+    };
 
     var StockInformationGridComponent = /** @class */ (function () {
         function StockInformationGridComponent(_stockService) {
@@ -1682,7 +1738,7 @@
     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]=\"stockInformation\"\n      >\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]=\"'AVAILABLE_STOCK'\" [field]=\"'amountAvailable'\"></co-simple-grid-column>\n          <co-simple-grid-column [headerText]=\"'ECONOMICAL_STOCK'\" [field]=\"'amountLaterAvailable'\"></co-simple-grid-column>\n          <co-simple-grid-column [headerText]=\"'LOCATION'\" [field]=\"'location'\">\n            <ng-template let-row=\"row\">\n              <a [textContent]=\"'bekijken'\" (click)=\"onLocationClick($event)\"></a>\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 let-row=\"row\">\n\n          </ng-template>\n        </co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'STICKER'\" [field]=\"'sticker'\">\n          <ng-template let-row=\"row\">\n\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                              [source]=\"\"\n                              [fields]=\"dataWareHouseFields\"\n                              [placeholder]=\"'WAREHOUSE'\"\n                              [required]=\"true\"\n          ></co-input-combo-box>\n        </div>\n      </div>\n\n      <co-simple-grid [data]=\"stockLocationInformation\"\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]=\"'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]=\"'TRANSFER'\" [field]=\"'transfer'\">\n          <ng-template let-row=\"row\">\n              <span [textContent]=\"'Transfer'\" (click)=\"handleStockTransferClick($event)\"></span>\n          </ng-template>\n        </co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'STICKER'\" [field]=\"'sticker'\">\n          <ng-template let-row=\"row\">\n\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 let-row=\"row\">\n\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  ",
+                    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]=\"stockInformation\"\n      >\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]=\"'AVAILABLE_STOCK'\" [field]=\"'amountAvailable'\"></co-simple-grid-column>\n          <co-simple-grid-column [headerText]=\"'ECONOMICAL_STOCK'\" [field]=\"'amountLaterAvailable'\"></co-simple-grid-column>\n          <co-simple-grid-column [headerText]=\"'LOCATION'\" [field]=\"'location'\">\n            <ng-template let-row=\"row\">\n              <a [textContent]=\"'bekijken'\" (click)=\"onLocationClick($event)\"></a>\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 let-row=\"row\">\n\n          </ng-template>\n        </co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'STICKER'\" [field]=\"'sticker'\">\n          <ng-template let-row=\"row\">\n\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                              [source]=\"\"\n                              [fields]=\"dataWareHouseFields\"\n                              [placeholder]=\"'WAREHOUSE'\"\n                              [required]=\"true\"\n          ></co-input-combo-box>\n        </div>\n      </div>\n\n      <co-simple-grid [data]=\"stockLocationInformation\"\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]=\"'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]=\"'TRANSFER'\" [field]=\"'transfer'\">\n          <ng-template let-row=\"row\">\n              <span [textContent]=\"'Transfer'\" (click)=\"handleStockTransferClick($event)\"></span>\n          </ng-template>\n        </co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'STICKER'\" [field]=\"'sticker'\">\n          <ng-template let-row=\"row\">\n\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 let-row=\"row\">\n\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  ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
@@ -1734,29 +1790,51 @@
     };
 
     var StockTransferComponent = /** @class */ (function () {
-        function StockTransferComponent() {
+        function StockTransferComponent(_stockService) {
+            this._stockService = _stockService;
             this.handleCancelClicked = new i0.EventEmitter();
             this.handleStickerClicked = new i0.EventEmitter();
+            this.allWarehousesDropdownFields = { value: "warehouseNo", text: "description" };
         }
         StockTransferComponent.prototype.handleOkClick = function () {
         };
         StockTransferComponent.prototype.handleCancelClick = function () {
             this.handleCancelClicked.emit();
         };
+        StockTransferComponent.prototype.handleSelectedWarehouse = function (event) {
+            console.log(event);
+        };
         StockTransferComponent.prototype.handleStickerClick = function () {
-            this.handleStickerClicked.emit();
+            return __awaiter(this, void 0, void 0, function () {
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0:
+                            this.handleStickerClicked.emit();
+                            return [4 /*yield*/, this._stockService.getPrintStockStickers(this.stockSticker)];
+                        case 1:
+                            _a.sent();
+                            return [2 /*return*/];
+                    }
+                });
+            });
         };
         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          <div class=\"stock-transfer-left-column\">\n            <co-input-text disabled [placeholder]=\"'Standaard magazijn'\">\n\n            </co-input-text>\n            <co-input-text disabled [placeholder]=\"'Standaard locatie'\">\n\n            </co-input-text>\n            <co-input-text disabled [placeholder]=\"'Batch'\">\n\n            </co-input-text>\n            <co-input-text disabled [placeholder]=\"'Serie'\">\n\n            </co-input-text>\n            <co-input-text [placeholder]=\"'Aantal'\">\n\n            </co-input-text>\n          </div>\n\n          <div class=\"stock-transfer-right-column\">\n            <co-input-text [placeholder]=\"'Standaard magazijn'\">\n\n            </co-input-text>\n            <co-input-text [placeholder]=\"'Standaard locatie'\">\n\n            </co-input-text>\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=\"article\" class=\"stock-transfer-left-column\">\n            <co-input-text disabled\n                           [(model)]=\"article.standardWareHouse.description\"\n                           [textContent]=\"article.standardWareHouse.description\"\n                           [placeholder]=\"'Standaard magazijn'\">\n            </co-input-text>\n            <co-input-text disabled\n                           [(model)]=\"article.standardLocation\"\n                           [textContent]=\"article.standardLocation\"\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.amount\"\n              [placeholder]=\"'Aantal'\">\n\n            </co-input-text>\n          </div>\n\n          <div class=\"stock-transfer-right-column\">\n            <co-drop-down-list [placeHolder]=\"'Warehouse'\"\n                               [collection]=\"allWarehouses\"\n                               [fields]=\"allWarehousesDropdownFields\"\n                               (modelChange)=\"handleSelectedWarehouse($event)\"\n            >\n            </co-drop-down-list>\n            <co-drop-down-list [placeHolder]=\"'Location'\">\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  ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
-    StockTransferComponent.ctorParameters = function () { return []; };
+    StockTransferComponent.ctorParameters = function () { return [
+        { type: StockService }
+    ]; };
     StockTransferComponent.propDecorators = {
+        stockSticker: [{ type: i0.Input }],
+        article: [{ type: i0.Input }],
+        articleWarehouse: [{ type: i0.Input }],
+        allWarehouses: [{ type: i0.Input }],
         handleCancelClicked: [{ type: i0.Output }],
         handleStickerClicked: [{ type: i0.Output }]
     };