@colijnit/sharedcomponents 1.0.49 → 1.0.51

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (26) hide show
  1. package/bundles/colijnit-sharedcomponents.umd.js +139 -75
  2. package/bundles/colijnit-sharedcomponents.umd.js.map +1 -1
  3. package/colijnit-sharedcomponents.metadata.json +1 -1
  4. package/esm2015/lib/components/stock/components/stock-location/stock-location.component.js +163 -110
  5. package/esm2015/lib/components/stock/components/stock-prognose/stock-prognose.component.js +20 -11
  6. package/esm2015/lib/components/stock/components/stock-tab/stock-tab.component.js +5 -3
  7. package/esm2015/lib/components/stock/stock-information/stock-information.component.js +5 -9
  8. package/esm2015/lib/components/stock/stock-tabs/stock-tabs.component.js +13 -6
  9. package/esm2015/lib/components/stock/stock-transfer/stock-transfer.component.js +37 -23
  10. package/esm2015/lib/components/stock/stock.module.js +4 -3
  11. package/esm2015/lib/components/tab-bar/tab-bar.component.js +4 -2
  12. package/esm2015/lib/model/settings.js +4 -0
  13. package/esm2015/lib/service/options.service.js +5 -28
  14. package/esm2015/lib/service/stock.service.js +3 -2
  15. package/fesm2015/colijnit-sharedcomponents.js +248 -186
  16. package/fesm2015/colijnit-sharedcomponents.js.map +1 -1
  17. package/lib/components/stock/components/stock-location/stock-location.component.d.ts +16 -14
  18. package/lib/components/stock/stock-tabs/stock-tabs.component.d.ts +2 -1
  19. package/lib/components/stock/stock-transfer/stock-transfer.component.d.ts +9 -3
  20. package/lib/components/stock/style/_layout.scss +89 -8
  21. package/lib/components/stock/style/_material-definition.scss +4 -3
  22. package/lib/components/tab-bar/style/_layout.scss +28 -29
  23. package/lib/components/tab-bar/style/_material-definition.scss +6 -0
  24. package/lib/model/settings.d.ts +3 -0
  25. package/lib/service/stock.service.d.ts +2 -0
  26. package/package.json +2 -2
@@ -1,8 +1,8 @@
1
1
  (function (global, factory) {
2
- 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/articleapi/build/model/article-stock.bo'), require('@colijnit/articleapi/build/model/stock-history.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/article-transaction.bo'), require('rxjs'), require('@colijnit/mainapi'), require('@colijnit/mainapi/build/model/printer.bo'), require('@colijnit/mainapi/build/model/send-method.bo'), require('@colijnit/ioneconnector/build/service/business-object-factory'), require('@colijnit/mainapi/build/model/tag-tree-item.bo'), require('@colijnit/sharedapi/build/model/print-stock-stickers'), require('@colijnit/articleapi/build/model/article-stock'), require('@colijnit/corecomponents_v12'), require('@angular/platform-browser'), require('@colijnit/articleapi/build/model/article-stock-management'), require('@colijnit/articleapi/build/model/article-transaction'), require('@colijnit/sharedapi/build/model/print-price-stickers.bo'), require('@colijnit/mainapi/build/model/reporting-document-email-sign-doc-base-request'), require('@colijnit/mainapi/build/model/reporting-document-pdf-base-request'), require('@colijnit/mainapi/build/model/reporting-document-print-sign-doc-base-request'), require('@colijnit/mainapi/build/enum/send-method-type.enum'), require('@colijnit/articleapi/build/model/get-stock-history-request'), require('chart.js'), require('moment'), require('@angular/cdk/drag-drop')) :
3
- 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/articleapi/build/model/article-stock.bo', '@colijnit/articleapi/build/model/stock-history.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/article-transaction.bo', 'rxjs', '@colijnit/mainapi', '@colijnit/mainapi/build/model/printer.bo', '@colijnit/mainapi/build/model/send-method.bo', '@colijnit/ioneconnector/build/service/business-object-factory', '@colijnit/mainapi/build/model/tag-tree-item.bo', '@colijnit/sharedapi/build/model/print-stock-stickers', '@colijnit/articleapi/build/model/article-stock', '@colijnit/corecomponents_v12', '@angular/platform-browser', '@colijnit/articleapi/build/model/article-stock-management', '@colijnit/articleapi/build/model/article-transaction', '@colijnit/sharedapi/build/model/print-price-stickers.bo', '@colijnit/mainapi/build/model/reporting-document-email-sign-doc-base-request', '@colijnit/mainapi/build/model/reporting-document-pdf-base-request', '@colijnit/mainapi/build/model/reporting-document-print-sign-doc-base-request', '@colijnit/mainapi/build/enum/send-method-type.enum', '@colijnit/articleapi/build/model/get-stock-history-request', 'chart.js', 'moment', '@angular/cdk/drag-drop'], factory) :
4
- (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.articleStock_bo, global.stockHistory_bo, global.articleDetails_bo, global.stockStatus_bo, global.stockManagementWarehouses_bo, global.stockLocation_bo, global.articleTransaction_bo, global.rxjs, global.mainapi, global.printer_bo, global.sendMethod_bo, global.businessObjectFactory, global.tagTreeItem_bo, global.printStockStickers, global.articleStock, global.corecomponents_v12, global.ng.platformBrowser, global.articleStockManagement, global.articleTransaction, global.printPriceStickers_bo, global.reportingDocumentEmailSignDocBaseRequest, global.reportingDocumentPdfBaseRequest, global.reportingDocumentPrintSignDocBaseRequest, global.sendMethodType_enum, global.getStockHistoryRequest, global.chart_js, global.moment, global.ng.cdk.dragDrop));
5
- })(this, (function (exports, i0, animations, pdfLib, PDFJS, pdfjsWorker, common, SignaturePad, articles, sharedapi, articleStock_bo, stockHistory_bo, articleDetails_bo, stockStatus_bo, stockManagementWarehouses_bo, stockLocation_bo, articleTransaction_bo, rxjs, mainapi, printer_bo, sendMethod_bo, businessObjectFactory, tagTreeItem_bo, printStockStickers, articleStock, corecomponents_v12, i1, articleStockManagement, articleTransaction, printPriceStickers_bo, reportingDocumentEmailSignDocBaseRequest, reportingDocumentPdfBaseRequest, reportingDocumentPrintSignDocBaseRequest, sendMethodType_enum, getStockHistoryRequest, chart_js, moment, dragDrop) { 'use strict';
2
+ 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/articleapi/build/model/article-stock.bo'), require('@colijnit/articleapi/build/model/stock-history.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/article-transaction.bo'), require('rxjs'), require('@colijnit/ioneconnector/build/model/options'), require('@colijnit/mainapi'), require('@colijnit/mainapi/build/model/printer.bo'), require('@colijnit/mainapi/build/model/send-method.bo'), require('@colijnit/ioneconnector/build/service/business-object-factory'), require('@colijnit/mainapi/build/model/tag-tree-item.bo'), require('@colijnit/sharedapi/build/model/print-stock-stickers'), require('@colijnit/articleapi/build/model/article-stock'), require('@colijnit/corecomponents_v12'), require('@angular/platform-browser'), require('@colijnit/articleapi/build/model/article-stock-management'), require('@colijnit/articleapi/build/model/article-transaction'), require('@colijnit/sharedapi/build/model/print-price-stickers.bo'), require('@colijnit/mainapi/build/model/reporting-document-email-sign-doc-base-request'), require('@colijnit/mainapi/build/model/reporting-document-pdf-base-request'), require('@colijnit/mainapi/build/model/reporting-document-print-sign-doc-base-request'), require('@colijnit/mainapi/build/enum/send-method-type.enum'), require('@colijnit/articleapi/build/model/get-stock-history-request'), require('chart.js'), require('moment'), require('@angular/cdk/drag-drop')) :
3
+ 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/articleapi/build/model/article-stock.bo', '@colijnit/articleapi/build/model/stock-history.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/article-transaction.bo', 'rxjs', '@colijnit/ioneconnector/build/model/options', '@colijnit/mainapi', '@colijnit/mainapi/build/model/printer.bo', '@colijnit/mainapi/build/model/send-method.bo', '@colijnit/ioneconnector/build/service/business-object-factory', '@colijnit/mainapi/build/model/tag-tree-item.bo', '@colijnit/sharedapi/build/model/print-stock-stickers', '@colijnit/articleapi/build/model/article-stock', '@colijnit/corecomponents_v12', '@angular/platform-browser', '@colijnit/articleapi/build/model/article-stock-management', '@colijnit/articleapi/build/model/article-transaction', '@colijnit/sharedapi/build/model/print-price-stickers.bo', '@colijnit/mainapi/build/model/reporting-document-email-sign-doc-base-request', '@colijnit/mainapi/build/model/reporting-document-pdf-base-request', '@colijnit/mainapi/build/model/reporting-document-print-sign-doc-base-request', '@colijnit/mainapi/build/enum/send-method-type.enum', '@colijnit/articleapi/build/model/get-stock-history-request', 'chart.js', 'moment', '@angular/cdk/drag-drop'], factory) :
4
+ (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.articleStock_bo, global.stockHistory_bo, global.articleDetails_bo, global.stockStatus_bo, global.stockManagementWarehouses_bo, global.stockLocation_bo, global.articleTransaction_bo, global.rxjs, global.options, global.mainapi, global.printer_bo, global.sendMethod_bo, global.businessObjectFactory, global.tagTreeItem_bo, global.printStockStickers, global.articleStock, global.corecomponents_v12, global.ng.platformBrowser, global.articleStockManagement, global.articleTransaction, global.printPriceStickers_bo, global.reportingDocumentEmailSignDocBaseRequest, global.reportingDocumentPdfBaseRequest, global.reportingDocumentPrintSignDocBaseRequest, global.sendMethodType_enum, global.getStockHistoryRequest, global.chart_js, global.moment, global.ng.cdk.dragDrop));
5
+ })(this, (function (exports, i0, animations, pdfLib, PDFJS, pdfjsWorker, common, SignaturePad, articles, sharedapi, articleStock_bo, stockHistory_bo, articleDetails_bo, stockStatus_bo, stockManagementWarehouses_bo, stockLocation_bo, articleTransaction_bo, rxjs, options, mainapi, printer_bo, sendMethod_bo, businessObjectFactory, tagTreeItem_bo, printStockStickers, articleStock, corecomponents_v12, i1, articleStockManagement, articleTransaction, printPriceStickers_bo, reportingDocumentEmailSignDocBaseRequest, reportingDocumentPdfBaseRequest, reportingDocumentPrintSignDocBaseRequest, sendMethodType_enum, getStockHistoryRequest, chart_js, moment, dragDrop) { 'use strict';
6
6
 
7
7
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
8
8
 
@@ -926,6 +926,14 @@
926
926
  ];
927
927
  DictionaryService.ctorParameters = function () { return []; };
928
928
 
929
+ var SharedSettings = /** @class */ (function (_super) {
930
+ __extends(SharedSettings, _super);
931
+ function SharedSettings() {
932
+ return _super !== null && _super.apply(this, arguments) || this;
933
+ }
934
+ return SharedSettings;
935
+ }(options.Options));
936
+
929
937
  var OptionsService = /** @class */ (function () {
930
938
  function OptionsService(_dictionary) {
931
939
  this._dictionary = _dictionary;
@@ -945,34 +953,10 @@
945
953
  OptionsService.prototype.createSettingsFromObject = function (obj) {
946
954
  return __awaiter(this, void 0, void 0, function () {
947
955
  return __generator(this, function (_a) {
948
- this.options = new Object();
949
- if (obj.hasOwnProperty("url")) {
950
- this.options.url = obj["url"];
951
- }
952
- if (obj.hasOwnProperty("schema")) {
953
- this.options.schema = obj["schema"];
954
- }
955
- if (obj.hasOwnProperty("version")) {
956
- this.options.version = obj["version"];
957
- }
958
- if (obj.hasOwnProperty("languageCode")) {
959
- this.options.languageCode = obj["languageCode"];
960
- }
961
- else {
962
- this.options.languageCode = "NL";
963
- }
964
- if (obj.hasOwnProperty("username")) {
965
- this.options.username = obj["username"];
966
- }
967
- if (obj.hasOwnProperty("password")) {
968
- this.options.password = obj["password"];
969
- }
970
- if (obj.hasOwnProperty("session")) {
971
- this.options.session = obj["session"];
972
- }
973
- if (obj.hasOwnProperty("useLoginEncryption")) {
974
- this.options.useLoginEncryption = obj["useLoginEncryption"];
956
+ if (!this.options) {
957
+ this.options = new SharedSettings();
975
958
  }
959
+ this.options = Object.assign(this.options, obj);
976
960
  this.optionsLoaded.next(true);
977
961
  return [2 /*return*/];
978
962
  });
@@ -1462,6 +1446,7 @@
1462
1446
  var StockService = /** @class */ (function () {
1463
1447
  function StockService(_sharedService) {
1464
1448
  this._sharedService = _sharedService;
1449
+ this.warehouseSelected = new i0.EventEmitter();
1465
1450
  }
1466
1451
  // public async getPrintStockStickers(data: PrintStockStickers): Promise<void> {
1467
1452
  // await this._sharedService.getPrintStockStickers(data);
@@ -1826,7 +1811,7 @@
1826
1811
  StockInformationComponent.decorators = [
1827
1812
  { type: i0.Component, args: [{
1828
1813
  selector: "co-stock-information",
1829
- 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 class=\"stock-label\" [textContent]=\"'STOCK_STATUS' | localize\"></label>\n <span class=\"stock-span\" [textContent]=\"article.stockStatus\"></span>\n <co-stock-statusbar [value]=\"articleStockState\"></co-stock-statusbar>\n </div>\n <div class=\"stock-status\">\n <label class=\"stock-label\" [textContent]=\"'AMOUNT_IN_STOCK' | localize\"></label>\n <span class=\"stock-span\" [textContent]=\"allTechnicalStockInformation\"></span>\n </div>\n <div class=\"stock-status\">\n <label class=\"stock-label\" [textContent]=\"'AMOUNT_AVAILABLE' | localize\"></label>\n <span class=\"stock-span\" [textContent]=\"allAvailableStockInformation\"></span>\n </div>\n <div class=\"stock-status\">\n <label class=\"stock-label\" [textContent]=\"'AMOUNT_LATER_AVAILABLE' | localize\"></label>\n <span class=\"stock-span\" [textContent]=\"\"></span>\n </div>\n </div>\n ",
1814
+ 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-status\">\n <label class=\"stock-label\" [textContent]=\"'DESCRIPTION' | localize\"></label>\n <span class=\"stock-span\" [textContent]=\"article.description\"></span>\n </div>\n </div>\n <div class=\"stock-status\">\n <label class=\"stock-label\" [textContent]=\"'STOCK_STATUS' | localize\"></label>\n <span class=\"stock-span\" [textContent]=\"article.stockStatus\"></span>\n <co-stock-statusbar [value]=\"articleStockState\"></co-stock-statusbar>\n </div>\n <div class=\"stock-status\">\n <label class=\"stock-label\" [textContent]=\"'AMOUNT_IN_STOCK' | localize\"></label>\n <span class=\"stock-span\" [textContent]=\"allTechnicalStockInformation\"></span>\n </div>\n <div class=\"stock-status\">\n <label class=\"stock-label\" [textContent]=\"'AMOUNT_AVAILABLE' | localize\"></label>\n <span class=\"stock-span\" [textContent]=\"allAvailableStockInformation\"></span>\n </div>\n <div class=\"stock-status\">\n <label class=\"stock-label\" [textContent]=\"'ECONOMICAL_STOCK' | localize\"></label>\n <span class=\"stock-span\" [textContent]=\"\"></span>\n </div>\n </div>\n ",
1830
1815
  encapsulation: i0.ViewEncapsulation.None
1831
1816
  },] }
1832
1817
  ];
@@ -2198,8 +2183,9 @@
2198
2183
  };
2199
2184
 
2200
2185
  var StockTransferComponent = /** @class */ (function () {
2201
- function StockTransferComponent(_stockService) {
2186
+ function StockTransferComponent(_stockService, iconCacheService) {
2202
2187
  this._stockService = _stockService;
2188
+ this.iconCacheService = iconCacheService;
2203
2189
  this.handleClick = new i0.EventEmitter();
2204
2190
  this.handleStickerClicked = new i0.EventEmitter();
2205
2191
  this.allWarehousesDropdownFields = { text: "warehouseDescription", value: "warehouseNo" };
@@ -2207,6 +2193,7 @@
2207
2193
  this.showSendMethodDialog = false;
2208
2194
  this.stockState = [];
2209
2195
  this.stockStateDropdownField = { text: "stateDescription", value: "stockStateId" };
2196
+ this.icons = exports["ɵbr"];
2210
2197
  }
2211
2198
  StockTransferComponent.prototype.ngAfterViewInit = function () {
2212
2199
  this.getStockManagementWarehouses();
@@ -2232,8 +2219,15 @@
2232
2219
  this.handleClick.emit();
2233
2220
  };
2234
2221
  StockTransferComponent.prototype.handleSelectedWarehouse = function (event) {
2222
+ this.articleToTransfer.targetWarehouse = event.warehouseNo;
2235
2223
  this.selectedWarehouse = event;
2236
- this.getStockManagementLocations(this.selectedWarehouse);
2224
+ this.getStockManagementLocations(this.selectedWarehouse.warehouseNo);
2225
+ };
2226
+ StockTransferComponent.prototype.handleSelectedLocation = function (event) {
2227
+ this.articleToTransfer.targetLocation = event.locationNo;
2228
+ };
2229
+ StockTransferComponent.prototype.handleSelectedStockState = function (event) {
2230
+ this.articleToTransfer.stockStateId = event.stockStateId;
2237
2231
  };
2238
2232
  StockTransferComponent.prototype.handleStickerClick = function () {
2239
2233
  return __awaiter(this, void 0, void 0, function () {
@@ -2267,12 +2261,13 @@
2267
2261
  StockTransferComponent.decorators = [
2268
2262
  { type: i0.Component, args: [{
2269
2263
  selector: "co-stock-transfer",
2270
- 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 [label]=\"'Standaard magazijn' | localize\"\n [(model)]=\"articleToTransfer.warehouseDescription\"\n [textContent]=\"articleToTransfer.warehouseDescription\"\n [placeholder]=\"'Standaard magazijn' | localize\"\n >\n </co-input-text>\n <co-input-text disabled\n [(model)]=\"articleToTransfer.locationNo\"\n [textContent]=\"articleToTransfer.locationNo\"\n [placeholder]=\"'Standaard locatie' | localize\">\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' | localize\">\n </co-input-text>\n </div>\n\n <div class=\"stock-transfer-right-column\">\n\n <co-list-of-values [collection]=\"warehouses\"\n [displayField]=\"'warehouseDescription'\"\n (modelChange)=\"handleSelectedWarehouse($event)\"\n [label]=\"'Magazijn' | localize\"\n [(model)]=\"articleToTransfer.targetWarehouse\">\n </co-list-of-values>\n <co-list-of-values [collection]=\"locations\"\n [displayField]=\"'description'\"\n [(model)]=\"articleToTransfer.targetLocation\"\n [label]=\"'Locatie' | localize\"\n >\n </co-list-of-values>\n <co-list-of-values [collection]=\"stockState\"\n [displayField]=\"'text'\"\n [label]=\"'Voorraadstatus' | localize\"\n [(model)]=\"articleToTransfer.stockStateId\"\n >\n </co-list-of-values>\n\n <co-input-text [placeholder]=\"'Omschrijving' | localize\"\n [(model)]=\"articleToTransfer.stockStateRemark\">\n </co-input-text>\n </div>\n </div>\n\n <div class=\"ok-cancel-buttons\">\n <co-button [textContent]=\"'OK' | localize\" (click)=\"handleOkClick(articleToTransfer)\"></co-button>\n <co-button [textContent]=\"'STICKER' | localize\" (click)=\"handleStickerClick()\"></co-button>\n </div>\n </div>\n ",
2264
+ template: "\n <div class=\"stock-transfer\">\n <span [textContent]=\"'TRANSFER_STOCK' | localize\"></span>\n <div class=\"stock-transfer-columns\">\n <div *ngIf=\"articleToTransfer\" class=\"stock-transfer-left-column\">\n <co-input-text [readonly]=\"true\"\n [(model)]=\"articleToTransfer.warehouseDescription\"\n [placeholder]=\"'STANDARD_WAREHOUSE' | localize\"\n >\n </co-input-text>\n <co-input-text [readonly]=\"true\"\n [(model)]=\"articleToTransfer.locationNo\"\n [placeholder]=\"'STANDARD_LOCATION' | localize\">\n </co-input-text>\n <co-input-text [readonly]=\"true\"\n [(model)]=\"articleToTransfer.batchItem\"\n [placeholder]=\"'BATCH_NO' | localize\">\n </co-input-text>\n <co-input-text [readonly]=\"true\"\n [(model)]=\"articleToTransfer.serialNo\"\n [placeholder]=\"'SERIE_NO' | localize\">\n </co-input-text>\n <co-input-text\n [(model)]=\"articleToTransfer.amountTransfer\"\n [placeholder]=\"'Aantal' | localize\">\n </co-input-text>\n </div>\n\n <div class=\"icon-wrapper\">\n <co-icon [iconData]=\"iconCacheService.getIcon(icons.ArrowFatRight)\"></co-icon>\n </div>\n\n <div class=\"stock-transfer-right-column\">\n\n <co-list-of-values [collection]=\"warehouses\"\n [displayField]=\"'warehouseDescription'\"\n (modelChange)=\"handleSelectedWarehouse($event)\"\n [label]=\"'Magazijn' | localize\"\n >\n </co-list-of-values>\n <co-list-of-values [collection]=\"locations\"\n [displayField]=\"'description'\"\n (modelChange)=\"handleSelectedLocation($event)\"\n [label]=\"'Locatie' | localize\"\n >\n </co-list-of-values>\n <co-list-of-values [collection]=\"stockState\"\n [displayField]=\"'stateDescription'\"\n [label]=\"'Voorraadstatus' | localize\"\n (modelChange)=\"handleSelectedStockState($event)\"\n >\n </co-list-of-values>\n\n <co-input-text [placeholder]=\"'Omschrijving' | localize\"\n [(model)]=\"articleToTransfer.stockStateRemark\">\n </co-input-text>\n </div>\n </div>\n\n <div class=\"ok-cancel-buttons\">\n <co-button [textContent]=\"'OK' | localize\" (click)=\"handleOkClick(articleToTransfer)\"></co-button>\n <co-button [textContent]=\"'STICKER' | localize\" (click)=\"handleStickerClick()\"></co-button>\n </div>\n </div>\n ",
2271
2265
  encapsulation: i0.ViewEncapsulation.None
2272
2266
  },] }
2273
2267
  ];
2274
2268
  StockTransferComponent.ctorParameters = function () { return [
2275
- { type: StockService }
2269
+ { type: StockService },
2270
+ { type: IconCacheService }
2276
2271
  ]; };
2277
2272
  StockTransferComponent.propDecorators = {
2278
2273
  stockSticker: [{ type: i0.Input }],
@@ -3037,9 +3032,10 @@
3037
3032
  var StockTabComponent = /** @class */ (function () {
3038
3033
  function StockTabComponent() {
3039
3034
  this.locationClicked = new i0.EventEmitter();
3035
+ this.warehouseToShow = new stockManagementWarehouses_bo.StockManagementWarehouses();
3040
3036
  }
3041
3037
  StockTabComponent.prototype.onLocationClick = function (data) {
3042
- this.warehouseToShow.warehouseNo = parseInt(data.warehouseNo);
3038
+ this.warehouseToShow.warehouseNo = +data.warehouseNo;
3043
3039
  this.locationClicked.emit(this.warehouseToShow);
3044
3040
  };
3045
3041
  return StockTabComponent;
@@ -3047,7 +3043,7 @@
3047
3043
  StockTabComponent.decorators = [
3048
3044
  { type: i0.Component, args: [{
3049
3045
  selector: "co-stock-tab",
3050
- template: "\n <co-simple-grid [data]=\"articleStockInformation\"\n class=\"simple-grid\"\n [rowsPerPage]=\"20\"\n >\n <co-simple-grid-column [headerText]=\"'WAREHOUSE' | localize\" [field]=\"'warehouseNo'\" [order]=\"10\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'DESCRIPTION' | localize\" [field]=\"'warehouseName'\" [order]=\"11\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'STOCK' | localize\" [field]=\"'technicalStock'\" [order]=\"12\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'AVAILABLE_STOCK' | localize\" [field]=\"'availableStock'\" [order]=\"13\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'ECONOMICAL_STOCK' | localize\" [field]=\"'economicalStock'\" [order]=\"14\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'LOCATION' | localize\" [field]=\"'locationNo'\" [order]=\"15\">\n <ng-template #template let-row=\"row\">\n <span class=\"location-link\" [textContent]=\"'LOOK_AT' | localize\" (click)=\"onLocationClick(row)\"></span>\n </ng-template>\n </co-simple-grid-column>\n </co-simple-grid>\n ",
3046
+ template: "\n <co-simple-grid [data]=\"articleStockInformation\"a\n class=\"simple-grid\"\n [rowsPerPage]=\"20\"\n >\n <co-simple-grid-column [headerText]=\"'WAREHOUSE' | localize\" [field]=\"'warehouseNo'\" [order]=\"10\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'DESCRIPTION' | localize\" [field]=\"'warehouseName'\" [order]=\"11\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'STOCK' | localize\" [field]=\"'technicalStock'\" [order]=\"12\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'AVAILABLE_STOCK' | localize\" [field]=\"'availableStock'\" [order]=\"13\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'ECONOMICAL_STOCK' | localize\" [field]=\"'economicalStock'\" [order]=\"14\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'LOCATION' | localize\" [field]=\"'locationNo'\" [order]=\"15\">\n <ng-template #template let-row=\"row\">\n <span class=\"location-link\" [textContent]=\"'LOOK_AT' | localize\" (click)=\"onLocationClick(row)\"></span>\n </ng-template>\n </co-simple-grid-column>\n </co-simple-grid>\n ",
3051
3047
  encapsulation: i0.ViewEncapsulation.None
3052
3048
  },] }
3053
3049
  ];
@@ -3121,13 +3117,13 @@
3121
3117
  { title: this._localizeService.get('ORDER'), active: false, clickHandler: function () { return _this.getOrderStockHistory(); } },
3122
3118
  { title: this._localizeService.get('ALLOCATION'), active: false, clickHandler: function () { return _this.getAllocationStockHistory(); } },
3123
3119
  ];
3124
- console.log(this.tabs[0]);
3125
- console.log(this.historyTabs[5]);
3120
+ this.historyTabs[0].clickHandler();
3126
3121
  };
3127
3122
  StockTabsComponent.prototype.handleLocationClicked = function (data) {
3128
- this.selectedLocation = data.warehouseNo;
3129
3123
  this.tabs[0].active = false;
3130
3124
  this.tabs[2].active = true;
3125
+ this.selectedWarehouse = this.wareHouseForCode(data.warehouseNo);
3126
+ this.handleWarehouseSelected(this.selectedWarehouse);
3131
3127
  };
3132
3128
  StockTabsComponent.prototype.getStockHistory = function () {
3133
3129
  return __awaiter(this, void 0, void 0, function () {
@@ -3287,6 +3283,7 @@
3287
3283
  StockTabsComponent.prototype.handleWarehouseSelected = function (event) {
3288
3284
  var _this = this;
3289
3285
  this.selectedWarehouse = event;
3286
+ this._stockService.warehouseSelected.emit(event);
3290
3287
  if (this.tabs[1].active) {
3291
3288
  this.getStockPrognose(this.selectedWarehouse.warehouseNo);
3292
3289
  }
@@ -3298,12 +3295,15 @@
3298
3295
  });
3299
3296
  }
3300
3297
  };
3298
+ StockTabsComponent.prototype.wareHouseForCode = function (code) {
3299
+ return this.warehouses.find(function (warehouse) { return warehouse.warehouseNo === code; });
3300
+ };
3301
3301
  return StockTabsComponent;
3302
3302
  }());
3303
3303
  StockTabsComponent.decorators = [
3304
3304
  { type: i0.Component, args: [{
3305
3305
  selector: "co-stock-tabs",
3306
- template: "\n <co-tab-bar [wareHouseLabel]=\"'CHOICES' | localize\"\n [wareHouseSearchLabel]=\"'SEARCH' | localize\"\n [tabs]=\"tabs\"\n [dataWareHouseCode]=\"warehouses\"\n [secondaryTabs]=\"historyTabs\"\n [ActivateSecondaryTabs]=\"tabs[5].active\"\n [showWarehouseSelection]=\"tabs[1].active || tabs[2].active\"\n (warehouseSelected)=\"handleWarehouseSelected($event)\"\n ></co-tab-bar>\n\n <co-stock-tab *ngIf=\"tabs[0].active\"\n [articleStockInformation]=\"stockInformation\"\n (locationClicked)=\"handleLocationClicked($event)\"\n ></co-stock-tab>\n\n <co-stock-prognose *ngIf=\"tabs[1].active\"\n [stockPrognose]=\"stockPrognose\"\n ></co-stock-prognose>\n\n <co-stock-location *ngIf=\"tabs[2].active\"\n [articleStockInfo]=\"articleDetails\"\n [articleStockInformation]=\"stockInformation\"\n [article]=\"article\"\n [clickedLocation]=\"selectedLocation\"\n [dataWareHouseCode]=\"warehouses\"\n (transferIconClicked)=\"transferIconClicked.emit($event)\"\n (sendMethodDialogClicked)=\"sendMethodDialogClicked.emit($event)\"\n ></co-stock-location>\n\n <co-order-tab *ngIf=\"tabs[3].active\"\n [articleStockInformation]=\"stockInformation\"\n [inOrderInformation]=\"inOrderInformation\"\n (transferIconClicked)=\"transferIconClicked.emit($event)\"\n (sendMethodDialogClicked)=\"sendMethodDialogClicked.emit($event)\"\n ></co-order-tab>\n\n <co-order-stock-tab *ngIf=\"tabs[4].active\"\n [orderInformation]=\"orderInformation\"\n ></co-order-stock-tab>\n\n <co-stock-history *ngIf=\"historyTabs[0].active && tabs[5].active\"\n [stockHistory]=\"stockHistory\"\n ></co-stock-history>\n\n <co-order-supply-stock-history *ngIf=\"historyTabs[1].active && tabs[5].active\"\n [orderSupplyStockHistory]=\"orderSupplyStockHistory\"\n ></co-order-supply-stock-history>\n\n <co-order-stock-commission-history *ngIf=\"historyTabs[2].active && tabs[5].active\"\n [orderStockCommissionHistory]=\"orderCommissionStockHistory\"\n ></co-order-stock-commission-history>\n\n <co-order-stock-history *ngIf=\"historyTabs[3].active && tabs[5].active\"\n [orderStockHistory]=\"orderStockHistory\"\n ></co-order-stock-history>\n\n <co-allocation-stock-history *ngIf=\"historyTabs[4].active && tabs[5].active\"\n [allocationStockHistory]=\"orderAllocationStockHistory\"\n ></co-allocation-stock-history>\n\n ",
3306
+ template: "\n <co-tab-bar [wareHouseLabel]=\"'CHOICES' | localize\"\n [wareHouseSearchLabel]=\"'SEARCH' | localize\"\n [tabs]=\"tabs\"\n [dataWareHouseCode]=\"warehouses\"\n [selectedWarehouse]=\"selectedWarehouse\"\n [secondaryTabs]=\"historyTabs\"\n [ActivateSecondaryTabs]=\"tabs[5].active\"\n [showWarehouseSelection]=\"tabs[1].active || tabs[2].active\"\n (warehouseSelected)=\"handleWarehouseSelected($event)\"\n ></co-tab-bar>\n\n <co-stock-tab *ngIf=\"tabs[0].active\"\n [articleStockInformation]=\"stockInformation\"\n (locationClicked)=\"handleLocationClicked($event)\"\n ></co-stock-tab>\n\n <co-stock-prognose *ngIf=\"tabs[1].active\"\n [stockPrognose]=\"stockPrognose\"\n ></co-stock-prognose>\n\n <co-stock-location *ngIf=\"tabs[2].active\"\n [articleStockInfo]=\"articleDetails\"\n [articleStockInformation]=\"stockInformation\"\n [article]=\"article\"\n [selectedWarehouse]=\"selectedWarehouse\"\n [dataWareHouseCode]=\"warehouses\"\n (transferIconClicked)=\"transferIconClicked.emit($event)\"\n (sendMethodDialogClicked)=\"sendMethodDialogClicked.emit($event)\"\n (locationAddedOrUpdated)=\"articleDetails = $event\"\n\n ></co-stock-location>\n\n <co-order-tab *ngIf=\"tabs[3].active\"\n [articleStockInformation]=\"stockInformation\"\n [inOrderInformation]=\"inOrderInformation\"\n (transferIconClicked)=\"transferIconClicked.emit($event)\"\n (sendMethodDialogClicked)=\"sendMethodDialogClicked.emit($event)\"\n ></co-order-tab>\n\n <co-order-stock-tab *ngIf=\"tabs[4].active\"\n [orderInformation]=\"orderInformation\"\n ></co-order-stock-tab>\n\n <co-stock-history *ngIf=\"historyTabs[0].active && tabs[5].active\"\n [stockHistory]=\"stockHistory\"\n ></co-stock-history>\n\n <co-order-supply-stock-history *ngIf=\"historyTabs[1].active && tabs[5].active\"\n [orderSupplyStockHistory]=\"orderSupplyStockHistory\"\n ></co-order-supply-stock-history>\n\n <co-order-stock-commission-history *ngIf=\"historyTabs[2].active && tabs[5].active\"\n [orderStockCommissionHistory]=\"orderCommissionStockHistory\"\n ></co-order-stock-commission-history>\n\n <co-order-stock-history *ngIf=\"historyTabs[3].active && tabs[5].active\"\n [orderStockHistory]=\"orderStockHistory\"\n ></co-order-stock-history>\n\n <co-allocation-stock-history *ngIf=\"historyTabs[4].active && tabs[5].active\"\n [allocationStockHistory]=\"orderAllocationStockHistory\"\n ></co-allocation-stock-history>\n\n ",
3307
3307
  encapsulation: i0.ViewEncapsulation.None
3308
3308
  },] }
3309
3309
  ];
@@ -3368,38 +3368,69 @@
3368
3368
  this.icons = exports["ɵbr"];
3369
3369
  this.transferIconClicked = new i0.EventEmitter();
3370
3370
  this.sendMethodDialogClicked = new i0.EventEmitter();
3371
- this.dataWareHouseFields = { text: "warehouseDescription", value: "warehouseNo" };
3372
- this.dataLocationFields = { text: "locationNo", value: "locationNo" };
3371
+ this.locationAddedOrUpdated = new i0.EventEmitter();
3372
+ this.showConfirmationDialog = false;
3373
3373
  this.articleDetailsInformation = new articleStockManagement.ArticleStockManagement();
3374
+ this.stockStatus = [];
3374
3375
  this.selectedArticleDetailsData = new articleDetails_bo.ArticleDetailsBo();
3376
+ this._subs = [];
3375
3377
  }
3376
3378
  StockLocationComponent.prototype.ngOnInit = function () {
3377
- if (this.clickedLocation) {
3378
- this.selectedWarehouse = this.clickedLocation;
3379
- this.onSelectWarehouse(this.selectedWarehouse);
3380
- }
3381
- };
3382
- StockLocationComponent.prototype.onSelectWarehouse = function (event) {
3383
- var _this = this;
3384
- this.articleDetailsInformation.warehouseNumber = event;
3385
- this.articleDetailsInformation.goodId = this.article.goodId;
3386
- if (this.selectedWarehouse || this.selectedWarehouse === 0) {
3387
- this._stockService.getArticleDetails(this.articleDetailsInformation).then(function (details) {
3388
- _this.articleDetails = details;
3379
+ return __awaiter(this, void 0, void 0, function () {
3380
+ var _d;
3381
+ var _this = this;
3382
+ return __generator(this, function (_e) {
3383
+ switch (_e.label) {
3384
+ case 0:
3385
+ _d = this;
3386
+ return [4 /*yield*/, this._stockService.getStockState()];
3387
+ case 1:
3388
+ _d.stockStatus = _e.sent();
3389
+ this._subs.push(this._stockService.warehouseSelected.subscribe(function (selectedWarehouse) { return __awaiter(_this, void 0, void 0, function () {
3390
+ var _d;
3391
+ return __generator(this, function (_e) {
3392
+ switch (_e.label) {
3393
+ case 0:
3394
+ _d = this;
3395
+ return [4 /*yield*/, this._stockService.getStockManagementLocations(selectedWarehouse.warehouseNo)];
3396
+ case 1:
3397
+ _d.stockLocations = _e.sent();
3398
+ return [2 /*return*/];
3399
+ }
3400
+ });
3401
+ }); }));
3402
+ return [2 /*return*/];
3403
+ }
3389
3404
  });
3390
- }
3405
+ });
3391
3406
  };
3392
3407
  StockLocationComponent.prototype.lockSelectedRow = function (row) {
3393
- this._stockService.lockArticleDetails(row);
3408
+ return __awaiter(this, void 0, void 0, function () {
3409
+ var _d;
3410
+ return __generator(this, function (_e) {
3411
+ switch (_e.label) {
3412
+ case 0:
3413
+ _d = this;
3414
+ return [4 /*yield*/, this._stockService.getStockManagementLocations(this.selectedWarehouse.warehouseNo)];
3415
+ case 1:
3416
+ _d.stockLocations = _e.sent();
3417
+ this.selectedLocationNo = row.locationNo;
3418
+ this._stockService.lockArticleDetails(row);
3419
+ this.selectedArticleDetailsData = row;
3420
+ return [2 /*return*/];
3421
+ }
3422
+ });
3423
+ });
3394
3424
  };
3395
3425
  StockLocationComponent.prototype.onLocationDropdownClick = function () {
3396
3426
  var _this = this;
3397
- this._stockService.getStockManagementLocations(this.selectedWarehouse).then(function (locations) {
3427
+ this._stockService.getStockManagementLocations(this.selectedWarehouse.warehouseNo).then(function (locations) {
3398
3428
  _this.stockLocations = locations;
3399
3429
  });
3400
3430
  };
3401
- StockLocationComponent.prototype.locationChanged = function (event) {
3402
- this.selectedLocation = event;
3431
+ StockLocationComponent.prototype.locationChanged = function (row, event) {
3432
+ this.selectedLocationNo = event.locationNo;
3433
+ row.locationNo = event.locationNo;
3403
3434
  };
3404
3435
  StockLocationComponent.prototype.amountInStockChanged = function (data) {
3405
3436
  this.selectedArticleDetailsData.amountInStock = data;
@@ -3411,35 +3442,65 @@
3411
3442
  this.transferIconClicked.emit(event);
3412
3443
  };
3413
3444
  StockLocationComponent.prototype.onOkClickSendLocations = function () {
3445
+ return __awaiter(this, void 0, void 0, function () {
3446
+ return __generator(this, function (_d) {
3447
+ this.showConfirmationDialog = true;
3448
+ return [2 /*return*/];
3449
+ });
3450
+ });
3451
+ };
3452
+ StockLocationComponent.prototype.handleOkClick = function () {
3453
+ var _a, _b;
3414
3454
  return __awaiter(this, void 0, void 0, function () {
3415
3455
  var _this = this;
3416
- return __generator(this, function (_a) {
3417
- switch (_a.label) {
3456
+ return __generator(this, function (_d) {
3457
+ switch (_d.label) {
3418
3458
  case 0:
3419
3459
  this.selectedArticleDetailsData.selected = true;
3420
3460
  this.selectedArticleDetailsData.goodId = this.article.goodId;
3421
3461
  this.selectedArticleDetailsData.entryDate = new Date();
3422
- this.selectedArticleDetailsData.warehouseNo = this.selectedWarehouse;
3423
- this.selectedArticleDetailsData.locationNo = this.selectedLocation;
3462
+ this.selectedArticleDetailsData.warehouseNo = this.selectedWarehouse.warehouseNo;
3463
+ this.selectedArticleDetailsData.locationNo = (_a = this.selectedLocationNo) === null || _a === void 0 ? void 0 : _a.toString();
3424
3464
  return [4 /*yield*/, this._stockService.updateArticleDetails(this.selectedArticleDetailsData)];
3425
3465
  case 1:
3426
- _a.sent();
3466
+ _d.sent();
3467
+ this.articleDetailsInformation.goodId = (_b = this.selectedArticleDetailsData.goodId) === null || _b === void 0 ? void 0 : _b.toString();
3468
+ this.articleDetailsInformation.warehouseNumber = this.selectedArticleDetailsData.warehouseNo;
3427
3469
  return [4 /*yield*/, this._stockService.getArticleDetails(this.articleDetailsInformation).then(function (details) {
3428
- _this.articleDetails = details;
3470
+ _this.showConfirmationDialog = false;
3471
+ _this._changeDetector.detectChanges();
3472
+ _this.locationAddedOrUpdated.emit(details);
3429
3473
  })];
3430
3474
  case 2:
3431
- _a.sent();
3475
+ _d.sent();
3432
3476
  return [2 /*return*/];
3433
3477
  }
3434
3478
  });
3435
3479
  });
3436
3480
  };
3481
+ StockLocationComponent.prototype.handleStockStatusChange = function (status) {
3482
+ this.selectedArticleDetailsData.stockStateId = status.stockStateId;
3483
+ };
3484
+ StockLocationComponent.prototype.handleStockStatusRemarkChange = function (remark) {
3485
+ this.selectedArticleDetailsData.stockStateRemark = remark;
3486
+ };
3487
+ StockLocationComponent.prototype.disabled = function () {
3488
+ var _a, _b, _c;
3489
+ return (!((_a = this.selectedArticleDetailsData) === null || _a === void 0 ? void 0 : _a.stockStateId) && ((_c = (_b = this.selectedArticleDetailsData) === null || _b === void 0 ? void 0 : _b.stockStateRemark) === null || _c === void 0 ? void 0 : _c.length) <= 1);
3490
+ };
3491
+ StockLocationComponent.prototype.statusForId = function (id) {
3492
+ return this.stockStatus.find(function (status) { return status.stockStateId === id; });
3493
+ };
3494
+ StockLocationComponent.prototype.locationForNumber = function (number) {
3495
+ var _a;
3496
+ return (_a = this.stockLocations) === null || _a === void 0 ? void 0 : _a.find(function (location) { return location.locationNo === (number === null || number === void 0 ? void 0 : number.toString()); });
3497
+ };
3437
3498
  return StockLocationComponent;
3438
3499
  }());
3439
3500
  StockLocationComponent.decorators = [
3440
3501
  { type: i0.Component, args: [{
3441
3502
  selector: "co-stock-location",
3442
- template: "\n <div class=\"stock-grid\">\n <co-simple-grid [data]=\"articleStockInfo\"\n class=\"simple-grid\"\n [rowsPerPage]=\"20\"\n [showAdd]=\"true\"\n [inlineEdit]=\"true\"\n (dblClickRow)=\"lockSelectedRow($event)\"\n [showToolbar]=\"true\"\n (keydown.enter)=\"onOkClickSendLocations()\"\n >\n <co-simple-grid-column [headerText]=\"'LOCATION' | localize\" [field]=\"'locationNo'\">\n <ng-template #editTemplate let-row=\"row\">\n<!--\n <co-drop-down-list [(model)]=\"row.locationNo\"\n [collection]=\"stockLocations\"\n [fields]=\"dataLocationFields\"\n [placeholder]=\"'LOCATION' | localize\"\n (click)=\"onLocationDropdownClick()\"\n [required]=\"true\"\n (modelChange)=\"locationChanged($event)\"\n ></co-drop-down-list>\n-->\n </ng-template>\n </co-simple-grid-column>\n <co-simple-grid-column *ngIf=\"articleDetails\" [headerText]=\"'BATCH' | localize\" [field]=\"'batchNo'\">\n <ng-template #editTemplate let-row=\"row\">\n <co-input-text [(model)]=\"row.batchNo\"\n [placeholder]=\"'BATCH' | localize\"\n ></co-input-text>\n </ng-template>\n </co-simple-grid-column>\n <co-simple-grid-column *ngIf=\"articleDetails\" [headerText]=\"'SERIAL_NO' | localize\" [field]=\"'serialNo'\">\n <ng-template #editTemplate let-row=\"row\">\n <co-input-text [(model)]=\"row.serialNo\"\n [placeholder]=\"'SERIAL_NO' | localize\"\n ></co-input-text>\n </ng-template>\n </co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'STOCK' | localize\" [field]=\"'amountInStock'\">\n <ng-template #editTemplate let-row=\"row\">\n <co-input-text [(model)]=\"row.amountInStock\"\n [label]=\"'STOCK' | localize\"\n (modelChange)=\"amountInStockChanged($event)\"\n ></co-input-text>\n </ng-template>\n </co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'ALLOCATED' | localize\" [field]=\"'stockAssigned'\">\n <ng-template #editTemplate let-row=\"row\">\n <span [textContent]=\"row.stockAssigned\"></span>\n </ng-template>\n </co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'AVAILABLE_STOCK' | localize\" [field]=\"'amountInStockFree'\">\n <ng-template #editTemplate let-row=\"row\">\n <span [textContent]=\"row.amountInStockFree\"></span>\n </ng-template>\n </co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'VALUTA' | localize\" [field]=\"'currency'\">\n <ng-template #editTemplate let-row=\"row\">\n <span [textContent]=\"row.currency\"></span>\n </ng-template>\n </co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'PURCHASE_PRICE' | localize\" [field]=\"'purchasePrice'\">\n <ng-template #editTemplate let-row=\"row\">\n <span [textContent]=\"row.purchasePrice\"></span>\n </ng-template>\n </co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'SUPPLIER_NUMBER' | localize\" [field]=\"'supplierNo'\">\n <ng-template #editTemplate let-row=\"row\">\n <span [textContent]=\"row.supplierNo\"></span>\n </ng-template>\n </co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'TRANSFER' | localize\" [field]=\"'transfer'\">\n <ng-template #template let-row=\"row\">\n <co-icon class=\"menu-icon\" [iconData]=\"iconCacheService.getIcon(icons.DeliveryTruck)\"\n (click)=\"handleStockTransferClick(row)\"></co-icon>\n </ng-template>\n </co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'STICKER' | localize\" [field]=\"'sticker'\">\n <ng-template #template let-row=\"row\">\n <co-icon class=\"menu-icon\" [iconData]=\"iconCacheService.getIcon(icons.Print)\"\n (click)=\"openSendMethodDialog(row)\"></co-icon>\n </ng-template>\n </co-simple-grid-column>\n </co-simple-grid>\n </div>\n ",
3503
+ template: "\n <div class=\"stock-grid\">\n <co-dialog *ngIf=\"showConfirmationDialog\" [showCloseIcon]=\"true\" [modal]=\"true\" [headerTemplate]=\"headerTemplate\"\n [footerTemplate]=\"footerTemplate\">\n <ng-template #headerTemplate>\n <div class=\"header-wrapper\">\n <span [textContent]=\"'CONFIRM_STOCK_CHANGE' | localize\"></span>\n </div>\n </ng-template>\n <div class=\"dialog-wrapper\">\n <co-list-of-values [label]=\"'STATUS' | localize\"\n [model]=\"statusForId(selectedArticleDetailsData.stockStateId)\"\n [collection]=\"stockStatus\"\n [displayField]=\"'stateDescription'\"\n (modelChange)=\"handleStockStatusChange($event)\"\n ></co-list-of-values>\n <co-input-text [placeholder]=\"'REMARK' | localize\"\n (modelChange)=\"handleStockStatusRemarkChange($event)\"></co-input-text>\n </div>\n <ng-template #footerTemplate>\n <div class=\"button-wrapper\">\n <co-button (click)=\"handleOkClick()\" [label]=\"'OK'| localize\" [disabled]=\"disabled()\"></co-button>\n <co-button class=\"cancel-button\" (click)=\"showConfirmationDialog = false\"\n [label]=\"'CANCEL'| localize \"></co-button>\n </div>\n </ng-template>\n </co-dialog>\n <co-simple-grid [data]=\"articleStockInfo\"\n class=\"simple-grid\"\n [rowsPerPage]=\"20\"\n [showAdd]=\"true\"\n [inlineEdit]=\"true\"\n (dblClickRow)=\"lockSelectedRow($event)\"\n [showToolbar]=\"true\"\n (keydown.enter)=\"onOkClickSendLocations()\"\n\n >\n <co-simple-grid-column [headerText]=\"'LOCATION' | localize\" [field]=\"'locationNo'\">\n <ng-template #editTemplate let-row=\"row\">\n <co-list-of-values [model]=\"locationForNumber(row['locationNo'])\"\n [collection]=\"stockLocations\"\n [displayField]=\"'description'\"\n [label]=\"'LOCATION' | localize\"\n (click)=\"onLocationDropdownClick()\"\n [required]=\"true\"\n (modelChange)=\"locationChanged(row, $event)\"\n ></co-list-of-values>\n </ng-template>\n </co-simple-grid-column>\n <co-simple-grid-column *ngIf=\"articleDetails\" [headerText]=\"'BATCH' | localize\" [field]=\"'batchNo'\">\n <ng-template #editTemplate let-row=\"row\">\n <co-input-text [(model)]=\"row.batchNo\"\n [placeholder]=\"'BATCH' | localize\"\n ></co-input-text>\n </ng-template>\n </co-simple-grid-column>\n <co-simple-grid-column *ngIf=\"articleDetails\" [headerText]=\"'SERIAL_NO' | localize\" [field]=\"'serialNo'\">\n <ng-template #editTemplate let-row=\"row\">\n <co-input-text [(model)]=\"row.serialNo\"\n [placeholder]=\"'SERIAL_NO' | localize\"\n ></co-input-text>\n </ng-template>\n </co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'STOCK' | localize\" [field]=\"'amountInStock'\">\n <ng-template #editTemplate let-row=\"row\">\n <co-input-text [(model)]=\"row.amountInStock\"\n [label]=\"'STOCK' | localize\"\n (modelChange)=\"amountInStockChanged($event)\"\n ></co-input-text>\n </ng-template>\n </co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'ALLOCATED' | localize\" [field]=\"'stockAssigned'\">\n <ng-template #editTemplate let-row=\"row\">\n <span [textContent]=\"row.stockAssigned\"></span>\n </ng-template>\n </co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'AVAILABLE_STOCK' | localize\" [field]=\"'amountInStockFree'\">\n <ng-template #editTemplate let-row=\"row\">\n <span [textContent]=\"row.amountInStockFree\"></span>\n </ng-template>\n </co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'VALUTA' | localize\" [field]=\"'currency'\">\n <ng-template #editTemplate let-row=\"row\">\n <span [textContent]=\"row.currency\"></span>\n </ng-template>\n </co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'PURCHASE_PRICE' | localize\" [field]=\"'purchasePrice'\">\n <ng-template #editTemplate let-row=\"row\">\n <span [textContent]=\"row.purchasePrice\"></span>\n </ng-template>\n </co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'SUPPLIERNR' | localize\" [field]=\"'supplierNo'\">\n <ng-template #editTemplate let-row=\"row\">\n <span [textContent]=\"row.supplierNo\"></span>\n </ng-template>\n </co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'TRANSFER' | localize\" [field]=\"'transfer'\">\n <ng-template #template let-row=\"row\">\n <co-icon class=\"menu-icon\" [iconData]=\"iconCacheService.getIcon(icons.DeliveryTruck)\"\n (click)=\"handleStockTransferClick(row)\"></co-icon>\n </ng-template>\n </co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'STICKER' | localize\" [field]=\"'sticker'\">\n <ng-template #template let-row=\"row\">\n <co-icon class=\"menu-icon\" [iconData]=\"iconCacheService.getIcon(icons.Print)\"\n (click)=\"openSendMethodDialog(row)\"></co-icon>\n </ng-template>\n </co-simple-grid-column>\n </co-simple-grid>\n </div>\n ",
3443
3504
  encapsulation: i0.ViewEncapsulation.None
3444
3505
  },] }
3445
3506
  ];
@@ -3452,10 +3513,11 @@
3452
3513
  articleStockInfo: [{ type: i0.Input }],
3453
3514
  articleStockInformation: [{ type: i0.Input }],
3454
3515
  article: [{ type: i0.Input }],
3455
- clickedLocation: [{ type: i0.Input }],
3456
3516
  dataWareHouseCode: [{ type: i0.Input }],
3457
3517
  transferIconClicked: [{ type: i0.Output }],
3458
- sendMethodDialogClicked: [{ type: i0.Output }]
3518
+ sendMethodDialogClicked: [{ type: i0.Output }],
3519
+ locationAddedOrUpdated: [{ type: i0.Output }],
3520
+ selectedWarehouse: [{ type: i0.Input }]
3459
3521
  };
3460
3522
 
3461
3523
  var StockHistoryComponent = /** @class */ (function () {
@@ -3512,7 +3574,7 @@
3512
3574
  TabBarComponent.decorators = [
3513
3575
  { type: i0.Component, args: [{
3514
3576
  selector: "co-tab-bar",
3515
- template: "\n <div class=\"tab-bar-wrapper\">\n <div class=\"tab-bar-warehouse-wrapper\">\n <div class=\"stock-location-group\">\n <div class=\"stock-location-right-group\">\n <co-list-of-values *ngIf=\"showWarehouseSelection\"\n [label]=\"wareHouseLabel\"\n [displayField]=\"'warehouseDescription'\"\n [collection]=\"dataWareHouseCode\"\n [multiselect]=\"false\"\n [required]=\"false\"\n [readonly]=\"false\"\n [customCssClass]=\"'mini-scrollbar'\"\n [searchPlaceholder]=\"wareHouseSearchLabel\"\n [model]=\"selectedWarehouse\"\n (modelChange)=\"onSelectWarehouse($event)\"\n >\n </co-list-of-values>\n </div>\n </div>\n </div>\n <div class=\"tab-bar\">\n <div class=\"tab-bar-primary\">\n <button *ngFor=\"let tab of tabs\" [class.active]=\"tab.active\" (click)=\"selectTab(tab)\">\n {{tab.title}}\n </button>\n </div>\n <div class=\"secondary-tab-bar\" *ngIf=\"ActivateSecondaryTabs\">\n <button *ngFor=\"let tab of secondaryTabs\" [class.active]=\"tab.active\" (click)=\"selectSecondaryTab(tab)\">\n {{tab.title}}\n </button>\n </div>\n </div>\n </div>\n ",
3577
+ template: "\n <div class=\"tab-bar-wrapper\">\n <div class=\"tab-bar-warehouse-wrapper\">\n <div class=\"stock-location-group\">\n <div class=\"stock-location-right-group\">\n <co-list-of-values *ngIf=\"showWarehouseSelection\"\n [label]=\"wareHouseLabel\"\n [displayField]=\"'warehouseDescription'\"\n [collection]=\"dataWareHouseCode\"\n [multiselect]=\"false\"\n [required]=\"false\"\n [readonly]=\"false\"\n [customCssClass]=\"'mini-scrollbar'\"\n [searchPlaceholder]=\"wareHouseSearchLabel\"\n [model]=\"selectedWarehouse\"\n (modelChange)=\"onSelectWarehouse($event)\"\n class=\"custom-height\"\n >\n </co-list-of-values>\n </div>\n </div>\n </div>\n <div class=\"tab-bar\">\n <div class=\"tab-bar-primary\">\n <button *ngFor=\"let tab of tabs\" [class.active]=\"tab.active\" (click)=\"selectTab(tab)\">\n {{tab.title}}\n </button>\n </div>\n <div class=\"secondary-tab-bar\" *ngIf=\"ActivateSecondaryTabs\">\n <button *ngFor=\"let tab of secondaryTabs\" [class.active]=\"tab.active\" (click)=\"selectSecondaryTab(tab)\">\n {{tab.title}}\n </button>\n </div>\n </div>\n </div>\n ",
3516
3578
  encapsulation: i0.ViewEncapsulation.None
3517
3579
  },] }
3518
3580
  ];
@@ -3528,7 +3590,8 @@
3528
3590
  dataWareHouseCode: [{ type: i0.Input }],
3529
3591
  article: [{ type: i0.Input }],
3530
3592
  showWarehouseSelection: [{ type: i0.Input }],
3531
- warehouseSelected: [{ type: i0.Output }]
3593
+ warehouseSelected: [{ type: i0.Output }],
3594
+ selectedWarehouse: [{ type: i0.Input }]
3532
3595
  };
3533
3596
 
3534
3597
  var TabBarModule = /** @class */ (function () {
@@ -3952,7 +4015,7 @@
3952
4015
  StockPrognoseComponent.decorators = [
3953
4016
  { type: i0.Component, args: [{
3954
4017
  selector: "co-stock-prognose",
3955
- template: "\n <co-simple-grid [data]=\"stockPrognose\"\n class=\"simple-grid\"\n [rowsPerPage]=\"20\"\n >\n <co-simple-grid-column [headerText]=\"'AVAILABILITY'\" [field]=\"'available'\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'FREE_STOCK'\" [field]=\"'freeStock'\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'IN_ORDER'\" [field]=\"'inOrder'\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'PURCHASE_ORDER'\" [field]=\"'transNr'\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'PURCHASE_ORDER_DATE'\" [field]=\"'transactionDate'\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'DELIVERY_DATE'\" [field]=\"'docNr'\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'REFERENCE'\" [field]=\"'reference'\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'DELIVERY_DATE_CONFIRMED'\" [field]=\"'transConfirmedDate'\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'DATE_DELIVERED'\" [field]=\"'transDeliveryDate'\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'FUTURE_FREE_STOCK'\" [field]=\"'laterAvailable'\"></co-simple-grid-column>\n </co-simple-grid>\n ",
4018
+ template: "\n <co-simple-grid [data]=\"stockPrognose\"\n class=\"simple-grid\"\n [rowsPerPage]=\"20\"\n >\n <co-simple-grid-column [headerText]=\"'AVAILABILITY' | localize\" [field]=\"'available'\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'FREE_STOCK' | localize\" [field]=\"'freeStock'\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'IN_ORDER' | localize\" [field]=\"'inOrder'\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'PURCHASE_ORDER' | localize\" [field]=\"'transNr'\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'PURCHASE_ORDER_DATE' | localize\" [field]=\"'transactionDate'\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'DELIVERY_DATE' | localize\">\n <ng-template #template let-row=\"row\">\n <span [textContent]=\"row['arrivalDate'] | date:'dd-MM-yyyy'\"></span>\n </ng-template>\n </co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'REFERENCE' | localize\" [field]=\"'reference'\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'DELIVERY_DATE_CONFIRMED' | localize\" [field]=\"'transConfirmedDate'\">\n </co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'DATE_DELIVERED' | localize\">\n <ng-template #template let-row=\"row\">\n <span [textContent]=\"row['transDeliveryDate'] | date:'dd-MM-yyyy'\"></span>\n </ng-template>\n </co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'FUTURE_FREE_STOCK' | localize\" [field]=\"'laterAvailable'\"></co-simple-grid-column>\n </co-simple-grid>\n ",
3956
4019
  encapsulation: i0.ViewEncapsulation.None
3957
4020
  },] }
3958
4021
  ];
@@ -4035,7 +4098,8 @@
4035
4098
  StatusbarModule,
4036
4099
  StockStatusbarModule,
4037
4100
  corecomponents_v12.ListOfValuesModule,
4038
- LocalizationModule
4101
+ LocalizationModule,
4102
+ corecomponents_v12.PopupModule
4039
4103
  ],
4040
4104
  declarations: [
4041
4105
  StockComponent,