@colijnit/sharedcomponents 1.0.50 → 1.0.52

package/fesm2015/colijnit-sharedcomponents.js

@@ -24,8 +24,10 @@ import { SendMethod as SendMethod$1 } from '@colijnit/mainapi/build/model/send-m
 import { BusinessObjectFactory } from '@colijnit/ioneconnector/build/service/business-object-factory';
 import { TagTreeItem } from '@colijnit/mainapi/build/model/tag-tree-item.bo';
 import { PrintStockStickers } from '@colijnit/sharedapi/build/model/print-stock-stickers';
+import { ArticleExtended } from '@colijnit/articleapi/build/model/article-extended.bo';
 import { ArticleStock as ArticleStock$1 } from '@colijnit/articleapi/build/model/article-stock';
-import { IconModule, InputCheckboxModule, CoDialogModule, ButtonModule, ListOfValuesModule, OverlayService, ClickoutsideModule, OverlayModule, InputRadioButtonModule, SimpleGridModule, ImageModule, InputTextModule, InputNumberPickerModule, CoDialogWizardModule, InputTextareaModule, ResponsiveTextModule, InputDatePickerModule, InputSearchModule } from '@colijnit/corecomponents_v12';
+import { ArticleExtendedRequest } from '@colijnit/articleapi/build/model/article-extended-request';
+import { IconModule, InputCheckboxModule, CoDialogModule, ButtonModule, ListOfValuesModule, OverlayService, ClickoutsideModule, OverlayModule, InputRadioButtonModule, SimpleGridModule, ImageModule, InputTextModule, InputNumberPickerModule, CoDialogWizardModule, InputTextareaModule, PopupModule, ResponsiveTextModule, InputDatePickerModule, InputSearchModule } from '@colijnit/corecomponents_v12';
 import * as i1 from '@angular/platform-browser';
 import { DomSanitizer } from '@angular/platform-browser';
 import { ArticleStockManagement } from '@colijnit/articleapi/build/model/article-stock-management';
@@ -788,6 +790,38 @@ class SharedConnectorService {
             });
         });
     }
+    getArticleFlat(sku) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return new Promise((resolve, reject) => {
+                return this.articleConnector.getArticleFlat(sku).then((result) => {
+                    if (result.validationResult && result.validationResult.success) {
+                        if (result.resultObject) {
+                            resolve(result.resultObject);
+                        }
+                    }
+                    else {
+                        reject(result.validationMessagesAsString);
+                    }
+                });
+            });
+        });
+    }
+    searchArticles(request) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return new Promise((resolve, reject) => {
+                return this.articleConnector.searchArticles(request, false).then((result) => {
+                    if (result.validationResult && result.validationResult.success) {
+                        if (result.resultObjects) {
+                            resolve(this._boFactory.makeBOArrayFromRawBackendDataArray(StockManagementWarehouses, result.resultObjects));
+                        }
+                    }
+                    else {
+                        reject(result.validationMessagesAsString);
+                    }
+                });
+            });
+        });
+    }
     getStockManagementWarehouses() {
         return __awaiter(this, void 0, void 0, function* () {
             return new Promise((resolve, reject) => {
@@ -983,6 +1017,7 @@ SharedConnectorService.ctorParameters = () => [
 class StockService {
     constructor(_sharedService) {
         this._sharedService = _sharedService;
+        this.warehouseSelected = new EventEmitter();
     }
     // public async getPrintStockStickers(data: PrintStockStickers): Promise<void> {
     //   await this._sharedService.getPrintStockStickers(data);
@@ -1063,6 +1098,16 @@ class StockService {
     commit() {
         return this._sharedService.commit();
     }
+    getArticleFlat(sku) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return yield this._sharedService.getArticleFlat(sku);
+        });
+    }
+    searchArticles(request) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return yield this._sharedService.searchArticles(request);
+        });
+    }
 }
 StockService.ɵprov = i0.ɵɵdefineInjectable({ factory: function StockService_Factory() { return new StockService(i0.ɵɵinject(SharedConnectorService)); }, token: StockService, providedIn: "root" });
 StockService.decorators = [
@@ -1106,15 +1151,17 @@ LocalizeService.decorators = [
 ];
 
 class StockComponent {
-    constructor(stockService, _optionsService, _dictionary, _changeDetector, _localizeService) {
-        this.stockService = stockService;
+    constructor(_stockService, _optionsService, _dictionary, _changeDetector, _localizeService, _connector) {
+        this._stockService = _stockService;
         this._optionsService = _optionsService;
         this._dictionary = _dictionary;
         this._changeDetector = _changeDetector;
         this._localizeService = _localizeService;
+        this._connector = _connector;
         this.handleStickerClicked = new EventEmitter();
         this.okButtonClicked = new EventEmitter();
         this.cancelButtonClicked = new EventEmitter();
+        this.loaded = false;
         this.showStockInformationGrid = true;
         this.showStockTransfer = false;
         this.allAvailableStock = 0;
@@ -1127,9 +1174,13 @@ class StockComponent {
         this._localizeService.translation = value;
         this._changeDetector.markForCheck();
     }
-    set article(article) {
-        this.articleExtended = article;
-        this.getStockInformation(article);
+    set article(articleOrGoodId) {
+        if (articleOrGoodId instanceof ArticleExtended) {
+            this.articleExtended = articleOrGoodId;
+        }
+        else if (typeof articleOrGoodId === "number") {
+            this._goodId = articleOrGoodId;
+        }
     }
     ;
     showClass() {
@@ -1139,14 +1190,12 @@ class StockComponent {
         this._subscriptions.forEach(subscription => subscription.unsubscribe());
     }
     ngOnInit() {
-        this.getArtStockStatus();
-        this.getStockManagementWarehouses();
     }
     handleStockTransferClick(event) {
         this.stockTransferArticleDetails = event;
         this.showStockTransfer = !this.showStockTransfer;
         this.showStockInformationGrid = !this.showStockInformationGrid;
-        this.stockService.stockStickers = new PrintStockStickers();
+        this._stockService.stockStickers = new PrintStockStickers();
     }
     handleSendMethodClick(event) {
         this.showSendMethodDialog = true;
@@ -1155,23 +1204,23 @@ class StockComponent {
         this.showStockTransfer = !this.showStockTransfer;
         this.showStockInformationGrid = !this.showStockInformationGrid;
     }
-    getStockInformation(data) {
-        return __awaiter(this, void 0, void 0, function* () {
-            const articleData = new ArticleStock$1();
-            articleData.goodId = data.goodId.toString();
-            articleData.viewKind = "M";
-            this.stockInformation = yield this.stockService.getStockInformation(articleData);
+    getStockInformation(goodId) {
+        const articleData = new ArticleStock$1();
+        articleData.goodId = goodId.toString();
+        articleData.viewKind = "M";
+        this._stockService.getStockInformation(articleData).then(result => {
+            this.stockInformation = result;
             this.stockInformation.forEach((articleStock) => this.allAvailableStock += articleStock.availableStock);
             this.stockInformation.forEach((articleStock) => this.allTechnicalStock += articleStock.technicalStock);
         });
     }
     getArtStockStatus() {
-        return __awaiter(this, void 0, void 0, function* () {
-            this.articleStockState = yield this.stockService.getArtStockStatus(this.articleExtended.goodId);
+        this._stockService.getArtStockStatus(this.articleExtended ? this.articleExtended.goodId : this._goodId).then(result => {
+            this.articleStockState = result;
         });
     }
     getStockManagementWarehouses() {
-        this.stockService.getStockManagementWarehouses().then((warehouses) => {
+        this._stockService.getStockManagementWarehouses().then((warehouses) => {
             this.warehouses = warehouses;
         });
     }
@@ -1184,7 +1233,7 @@ class StockComponent {
     }
     _initConnection() {
         return __awaiter(this, void 0, void 0, function* () {
-            // await this._connector.connect(this._optionsService.options);
+            yield this._connector.connect();
             if (this._optionsService.options.url) {
                 this._dictionary.rootUrl = this._optionsService.options.url.replace("/ajaxservice", "");
             }
@@ -1192,14 +1241,31 @@ class StockComponent {
             setTimeout(() => {
                 this._changeDetector.detectChanges();
             });
+            this.loaded = true;
+            this.loadData();
         });
     }
+    loadData() {
+        if (this.loaded) {
+            let request = new ArticleExtendedRequest();
+            request.goodId = this._goodId;
+            this._stockService.searchArticles(request).then((articleExtended) => {
+                this.articleExtended = articleExtended[0];
+                this._stockService.getArticleFlat(articleExtended[0].articleNumber).then(result => {
+                    this.articleFlat = result;
+                });
+            });
+            this.getArtStockStatus();
+            this.getStockManagementWarehouses();
+            this.getStockInformation(this.articleExtended ? this.articleExtended.goodId : this._goodId);
+        }
+    }
 }
 StockComponent.decorators = [
     { type: Component, args: [{
                 selector: "co-stock",
                 template: `
-      <div class="stock-info-container">
+      <div class="stock-info-container" *ngIf="loaded && articleExtended">
         <co-stock-information [article]="articleExtended"
                               [articleStockState]="articleStockState"
                               [allAvailableStockInformation]="allAvailableStock"
@@ -1209,6 +1275,7 @@ StockComponent.decorators = [
         <hr>
         <co-stock-tabs [stockInformation]="stockInformation"
                        [article]="articleExtended"
+                       [articleFlat]="articleFlat"
                        (transferIconClicked)="handleStockTransferClick($event)"
                        (sendMethodDialogClicked)="handleSendMethodClick($event)"
                        [warehouses]="warehouses"
@@ -1239,10 +1306,10 @@ StockComponent.ctorParameters = () => [
     { type: OptionsService },
     { type: DictionaryService },
     { type: ChangeDetectorRef },
-    { type: LocalizeService }
+    { type: LocalizeService },
+    { type: SharedConnectorService }
 ];
 StockComponent.propDecorators = {
-    stock: [{ type: ViewChild, args: [StockComponent,] }],
     translation: [{ type: Input }],
     handleStickerClicked: [{ type: Output }],
     article: [{ type: Input }],
@@ -1266,13 +1333,9 @@ StockInformationComponent.decorators = [
               <co-image class="stock-image" [source]="article.imageData"></co-image>
             </div>
           </div>
-          <div class="stock-good-info">
-            <div>
-              <span [textContent]="article.description"></span>
-            </div>
-            <div>
-              <span [textContent]="article.articleNumber"></span>
-            </div>
+          <div class="stock-status">
+              <label class="stock-label" [textContent]="'DESCRIPTION' | localize"></label>
+              <span class="stock-span" [textContent]="article.description"></span>
           </div>
         </div>
         <div class="stock-status">
@@ -1289,7 +1352,7 @@ StockInformationComponent.decorators = [
           <span class="stock-span" [textContent]="allAvailableStockInformation"></span>
         </div>
         <div class="stock-status">
-          <label class="stock-label" [textContent]="'AMOUNT_LATER_AVAILABLE' | localize"></label>
+          <label class="stock-label" [textContent]="'ECONOMICAL_STOCK' | localize"></label>
           <span class="stock-span" [textContent]=""></span>
         </div>
       </div>
@@ -1871,8 +1934,9 @@ StockInformationGridComponent.propDecorators = {
 };
 
 class StockTransferComponent {
-    constructor(_stockService) {
+    constructor(_stockService, iconCacheService) {
         this._stockService = _stockService;
+        this.iconCacheService = iconCacheService;
         this.handleClick = new EventEmitter();
         this.handleStickerClicked = new EventEmitter();
         this.allWarehousesDropdownFields = { text: "warehouseDescription", value: "warehouseNo" };
@@ -1880,16 +1944,16 @@ class StockTransferComponent {
         this.showSendMethodDialog = false;
         this.stockState = [];
         this.stockStateDropdownField = { text: "stateDescription", value: "stockStateId" };
+        this.icons = Icon;
     }
     ngAfterViewInit() {
         this.getStockManagementWarehouses();
         this.getStockState();
     }
     handleOkClick(data) {
-        return __awaiter(this, void 0, void 0, function* () {
-            data.selected = true;
-            data.entryDate = new Date;
-            yield this._stockService.updateArticleDetails(data);
+        data.selected = true;
+        data.entryDate = new Date;
+        this._stockService.updateArticleDetails(data).then(result => {
             this.handleClick.emit();
         });
     }
@@ -1897,14 +1961,19 @@ class StockTransferComponent {
         this.handleClick.emit();
     }
     handleSelectedWarehouse(event) {
+        this.articleToTransfer.targetWarehouse = event.warehouseNo;
         this.selectedWarehouse = event;
-        this.getStockManagementLocations(this.selectedWarehouse);
+        this.getStockManagementLocations(this.selectedWarehouse.warehouseNo);
+    }
+    handleSelectedLocation(event) {
+        this.articleToTransfer.targetLocation = event.locationNo;
+    }
+    handleSelectedStockState(event) {
+        this.articleToTransfer.stockStateId = event.stockStateId;
     }
     handleStickerClick() {
-        return __awaiter(this, void 0, void 0, function* () {
-            this.handleStickerClicked.emit();
-            this.showSendMethodDialog = true;
-        });
+        this.handleStickerClicked.emit();
+        this.showSendMethodDialog = true;
     }
     getStockManagementWarehouses() {
         this._stockService.getStockManagementWarehouses().then((warehouses) => {
@@ -1927,52 +1996,54 @@ StockTransferComponent.decorators = [
                 selector: "co-stock-transfer",
                 template: `
       <div class="stock-transfer">
+        <span [textContent]="'TRANSFER_STOCK' | localize"></span>
         <div class="stock-transfer-columns">
           <div *ngIf="articleToTransfer" class="stock-transfer-left-column">
-            <co-input-text disabled
-                           [label]="'Standaard magazijn' | localize"
+            <co-input-text [readonly]="true"
                            [(model)]="articleToTransfer.warehouseDescription"
-                           [textContent]="articleToTransfer.warehouseDescription"
-                           [placeholder]="'Standaard magazijn' | localize"
+                           [placeholder]="'STANDARD_WAREHOUSE' | localize"
             >
             </co-input-text>
-            <co-input-text disabled
+            <co-input-text [readonly]="true"
                            [(model)]="articleToTransfer.locationNo"
-                           [textContent]="articleToTransfer.locationNo"
-                           [placeholder]="'Standaard locatie' | localize">
+                           [placeholder]="'STANDARD_LOCATION' | localize">
+            </co-input-text>
+            <co-input-text [readonly]="true"
+                           [(model)]="articleToTransfer.batchItem"
+                           [placeholder]="'BATCH_NO' | localize">
+            </co-input-text>
+            <co-input-text [readonly]="true"
+                           [(model)]="articleToTransfer.serialNo"
+                           [placeholder]="'SERIE_NO' | localize">
             </co-input-text>
-<!--            <co-input-text disabled-->
-<!--                           [(model)]="stockSticker.batch"-->
-<!--                           [placeholder]="'Batch'">-->
-<!--            </co-input-text>-->
-<!--            <co-input-text disabled-->
-<!--                           [(model)]="stockSticker.serial"-->
-<!--                           [placeholder]="'Serie'">-->
-<!--            </co-input-text>-->
             <co-input-text
               [(model)]="articleToTransfer.amountTransfer"
               [placeholder]="'Aantal' | localize">
             </co-input-text>
           </div>
 
+          <div class="icon-wrapper">
+            <co-icon [iconData]="iconCacheService.getIcon(icons.ArrowFatRight)"></co-icon>
+          </div>
+
           <div class="stock-transfer-right-column">
 
             <co-list-of-values [collection]="warehouses"
                                [displayField]="'warehouseDescription'"
                                (modelChange)="handleSelectedWarehouse($event)"
                                [label]="'Magazijn' | localize"
-                               [(model)]="articleToTransfer.targetWarehouse">
+                               >
             </co-list-of-values>
             <co-list-of-values [collection]="locations"
                                [displayField]="'description'"
-                               [(model)]="articleToTransfer.targetLocation"
+                               (modelChange)="handleSelectedLocation($event)"
                                [label]="'Locatie' | localize"
             >
             </co-list-of-values>
             <co-list-of-values [collection]="stockState"
-                               [displayField]="'text'"
+                               [displayField]="'stateDescription'"
                                [label]="'Voorraadstatus' | localize"
-                               [(model)]="articleToTransfer.stockStateId"
+                               (modelChange)="handleSelectedStockState($event)"
             >
             </co-list-of-values>
 
@@ -1992,7 +2063,8 @@ StockTransferComponent.decorators = [
             },] }
 ];
 StockTransferComponent.ctorParameters = () => [
-    { type: StockService }
+    { type: StockService },
+    { type: IconCacheService }
 ];
 StockTransferComponent.propDecorators = {
     stockSticker: [{ type: Input }],
@@ -2812,9 +2884,10 @@ StockChangeAmountComponent.propDecorators = {
 class StockTabComponent {
     constructor() {
         this.locationClicked = new EventEmitter();
+        this.warehouseToShow = new StockManagementWarehouses();
     }
     onLocationClick(data) {
-        this.warehouseToShow.warehouseNo = parseInt(data.warehouseNo);
+        this.warehouseToShow.warehouseNo = +data.warehouseNo;
         this.locationClicked.emit(this.warehouseToShow);
     }
 }
@@ -2822,7 +2895,7 @@ StockTabComponent.decorators = [
     { type: Component, args: [{
                 selector: "co-stock-tab",
                 template: `
-    <co-simple-grid [data]="articleStockInformation"
+    <co-simple-grid [data]="articleStockInformation"a
                     class="simple-grid"
                     [rowsPerPage]="20"
     >
@@ -2935,102 +3008,106 @@ class StockTabsComponent {
             { title: this._localizeService.get('ORDER'), active: false, clickHandler: () => this.getOrderStockHistory() },
             { title: this._localizeService.get('ALLOCATION'), active: false, clickHandler: () => this.getAllocationStockHistory() },
         ];
-        console.log(this.tabs[0]);
-        console.log(this.historyTabs[5]);
+        this.historyTabs[0].clickHandler();
     }
     handleLocationClicked(data) {
-        this.selectedLocation = data.warehouseNo;
         this.tabs[0].active = false;
         this.tabs[2].active = true;
+        this.selectedWarehouse = this.wareHouseForCode(data.warehouseNo);
+        this.handleWarehouseSelected(this.selectedWarehouse);
     }
     getStockHistory() {
-        return __awaiter(this, void 0, void 0, function* () {
-            if (!this.stockHistory) {
-                const stockHistoryInformation = new GetStockHistoryRequest();
-                stockHistoryInformation.type = "V";
-                stockHistoryInformation.goodId = this.article.goodId;
-                this.stockHistory = yield this._stockService.getStockHistory(stockHistoryInformation);
-            }
-        });
+        if (!this.stockHistory) {
+            const stockHistoryInformation = new GetStockHistoryRequest();
+            stockHistoryInformation.type = "V";
+            stockHistoryInformation.goodId = this.article.goodId.toString();
+            this._stockService.getStockHistory(stockHistoryInformation).then(result => {
+                this.stockHistory = result;
+            });
+        }
     }
     getOrderSupplyStockHistory() {
-        return __awaiter(this, void 0, void 0, function* () {
-            if (!this.orderSupplyStockHistory) {
-                const stockHistoryInformation = new GetStockHistoryRequest();
-                stockHistoryInformation.type = "O";
-                stockHistoryInformation.goodId = this.article.goodId;
-                this.orderSupplyStockHistory = yield this._stockService.getStockHistory(stockHistoryInformation);
-            }
-        });
+        if (!this.orderSupplyStockHistory) {
+            const stockHistoryInformation = new GetStockHistoryRequest();
+            stockHistoryInformation.type = "O";
+            stockHistoryInformation.goodId = this.article.goodId.toString();
+            this._stockService.getStockHistory(stockHistoryInformation).then(result => {
+                this.orderSupplyStockHistory = result;
+            });
+        }
     }
     getOrderCommissionStockHistory() {
-        return __awaiter(this, void 0, void 0, function* () {
-            if (!this.orderCommissionStockHistory) {
-                const stockHistoryInformation = new GetStockHistoryRequest();
-                stockHistoryInformation.type = "C";
-                stockHistoryInformation.goodId = this.article.goodId;
-                this.orderCommissionStockHistory = yield this._stockService.getStockHistory(stockHistoryInformation);
-            }
-        });
+        if (!this.orderCommissionStockHistory) {
+            const stockHistoryInformation = new GetStockHistoryRequest();
+            stockHistoryInformation.type = "C";
+            stockHistoryInformation.goodId = this.article.goodId.toString();
+            this._stockService.getStockHistory(stockHistoryInformation).then(result => {
+                this.orderCommissionStockHistory = result;
+            });
+        }
     }
     getOrderStockHistory() {
-        return __awaiter(this, void 0, void 0, function* () {
-            if (!this.orderStockHistory) {
-                const stockHistoryInformation = new GetStockHistoryRequest();
-                stockHistoryInformation.type = "B";
-                stockHistoryInformation.goodId = this.article.goodId;
-                this.orderStockHistory = yield this._stockService.getStockHistory(stockHistoryInformation);
-            }
-        });
+        if (!this.orderStockHistory) {
+            const stockHistoryInformation = new GetStockHistoryRequest();
+            stockHistoryInformation.type = "B";
+            stockHistoryInformation.goodId = this.article.goodId.toString();
+            this._stockService.getStockHistory(stockHistoryInformation).then(result => {
+                this.orderStockHistory = result;
+            });
+        }
     }
     getAllocationStockHistory() {
-        return __awaiter(this, void 0, void 0, function* () {
-            if (!this.orderAllocationStockHistory) {
-                const stockHistoryInformation = new GetStockHistoryRequest();
-                stockHistoryInformation.type = "T";
-                stockHistoryInformation.goodId = this.article.goodId;
-                this.orderAllocationStockHistory = yield this._stockService.getStockHistory(stockHistoryInformation);
-            }
-        });
+        if (!this.orderAllocationStockHistory) {
+            const stockHistoryInformation = new GetStockHistoryRequest();
+            stockHistoryInformation.type = "T";
+            stockHistoryInformation.goodId = this.article.goodId.toString();
+            this._stockService.getStockHistory(stockHistoryInformation).then(result => {
+                this.orderAllocationStockHistory = result;
+            });
+        }
     }
     getInOrderData() {
-        return __awaiter(this, void 0, void 0, function* () {
-            if (!this.inOrderInformation) {
-                const inOrderData = new ArticleTransaction$1();
-                inOrderData.type = "V";
-                inOrderData.goodId = this.stockInformation[0].goodId.toString();
-                this.inOrderInformation = yield this._stockService.getArticleTransaction(inOrderData);
-            }
-        });
+        if (!this.inOrderInformation) {
+            const inOrderData = new ArticleTransaction$1();
+            inOrderData.type = "V";
+            inOrderData.goodId = this.stockInformation[0].goodId.toString();
+            this._stockService.getArticleTransaction(inOrderData).then(result => {
+                this.inOrderInformation = result;
+            });
+        }
     }
     getOrderData() {
-        return __awaiter(this, void 0, void 0, function* () {
-            if (!this.orderInformation) {
-                const orderData = new ArticleTransaction$1();
-                orderData.type = "I";
-                orderData.goodId = this.stockInformation[0].goodId.toString();
-                this.orderInformation = yield this._stockService.getArticleTransaction(orderData);
-            }
-        });
+        if (!this.orderInformation) {
+            const orderData = new ArticleTransaction$1();
+            orderData.type = "I";
+            orderData.goodId = this.stockInformation[0].goodId.toString();
+            this._stockService.getArticleTransaction(orderData).then(result => {
+                this.orderInformation = result;
+            });
+        }
     }
     getStockPrognose(warehouseNo) {
-        return __awaiter(this, void 0, void 0, function* () {
-            this.stockPrognose = yield this._stockService.stockPrognose(this.article.goodId, warehouseNo);
+        this._stockService.stockPrognose(this.article.goodId, warehouseNo).then(result => {
+            this.stockPrognose = result;
         });
     }
     handleWarehouseSelected(event) {
         this.selectedWarehouse = event;
+        this._stockService.warehouseSelected.emit(event);
         if (this.tabs[1].active) {
             this.getStockPrognose(this.selectedWarehouse.warehouseNo);
         }
         if (this.tabs[2].active) {
             this.articleDetailsInformation.warehouseNumber = event.warehouseNo;
-            this.articleDetailsInformation.goodId = this.article.goodId;
+            this.articleDetailsInformation.goodId = this.article.goodId.toString();
             this._stockService.getArticleDetails(this.articleDetailsInformation).then((details) => {
                 this.articleDetails = details;
             });
         }
     }
+    wareHouseForCode(code) {
+        return this.warehouses.find(warehouse => warehouse.warehouseNo === code);
+    }
 }
 StockTabsComponent.decorators = [
     { type: Component, args: [{
@@ -3040,6 +3117,7 @@ StockTabsComponent.decorators = [
                 [wareHouseSearchLabel]="'SEARCH' | localize"
                 [tabs]="tabs"
                 [dataWareHouseCode]="warehouses"
+                [selectedWarehouse]="selectedWarehouse"
                 [secondaryTabs]="historyTabs"
                 [ActivateSecondaryTabs]="tabs[5].active"
                 [showWarehouseSelection]="tabs[1].active || tabs[2].active"
@@ -3059,10 +3137,12 @@ StockTabsComponent.decorators = [
                        [articleStockInfo]="articleDetails"
                        [articleStockInformation]="stockInformation"
                        [article]="article"
-                       [clickedLocation]="selectedLocation"
+                       [articleFlat]="articleFlat"
+                       [selectedWarehouse]="selectedWarehouse"
                        [dataWareHouseCode]="warehouses"
                        (transferIconClicked)="transferIconClicked.emit($event)"
                        (sendMethodDialogClicked)="sendMethodDialogClicked.emit($event)"
+
     ></co-stock-location>
 
     <co-order-tab *ngIf="tabs[3].active"
@@ -3081,7 +3161,7 @@ StockTabsComponent.decorators = [
     ></co-stock-history>
 
     <co-order-supply-stock-history *ngIf="historyTabs[1].active && tabs[5].active"
-                            [orderSupplyStockHistory]="orderSupplyStockHistory"
+                                   [orderSupplyStockHistory]="orderSupplyStockHistory"
     ></co-order-supply-stock-history>
 
     <co-order-stock-commission-history *ngIf="historyTabs[2].active && tabs[5].active"
@@ -3107,6 +3187,7 @@ StockTabsComponent.ctorParameters = () => [
 StockTabsComponent.propDecorators = {
     stockInformation: [{ type: Input }],
     article: [{ type: Input }],
+    articleFlat: [{ type: Input }],
     warehouses: [{ type: Input }],
     transferIconClicked: [{ type: Output }],
     sendMethodDialogClicked: [{ type: Output }]
@@ -3193,36 +3274,41 @@ class StockLocationComponent {
         this.icons = Icon;
         this.transferIconClicked = new EventEmitter();
         this.sendMethodDialogClicked = new EventEmitter();
-        this.dataWareHouseFields = { text: "warehouseDescription", value: "warehouseNo" };
-        this.dataLocationFields = { text: "locationNo", value: "locationNo" };
+        this.showConfirmationDialog = false;
         this.articleDetailsInformation = new ArticleStockManagement();
+        this.stockStatus = [];
         this.selectedArticleDetailsData = new ArticleDetailsBo();
+        this._subs = [];
     }
-    ngOnInit() {
-        if (this.clickedLocation) {
-            this.selectedWarehouse = this.clickedLocation;
-            this.onSelectWarehouse(this.selectedWarehouse);
-        }
+    set article(article) {
     }
-    onSelectWarehouse(event) {
-        this.articleDetailsInformation.warehouseNumber = event;
-        this.articleDetailsInformation.goodId = this.article.goodId;
-        if (this.selectedWarehouse || this.selectedWarehouse === 0) {
-            this._stockService.getArticleDetails(this.articleDetailsInformation).then((details) => {
-                this.articleDetails = details;
+    ;
+    ngOnInit() {
+        this._stockService.getStockState().then(result => {
+            this.stockStatus = result;
+        });
+        this._subs.push(this._stockService.warehouseSelected.subscribe(selectedWarehouse => {
+            this._stockService.getStockManagementLocations(selectedWarehouse.warehouseNo).then(result => {
+                this.stockLocations = result;
             });
-        }
+        }));
     }
     lockSelectedRow(row) {
-        this._stockService.lockArticleDetails(row);
+        this._stockService.getStockManagementLocations(this.selectedWarehouse.warehouseNo).then(result => {
+            this.stockLocations = result;
+            this.selectedLocationNo = row.locationNo;
+            this._stockService.lockArticleDetails(row);
+            this.selectedArticleDetailsData = row;
+        });
     }
     onLocationDropdownClick() {
-        this._stockService.getStockManagementLocations(this.selectedWarehouse).then((locations) => {
+        this._stockService.getStockManagementLocations(this.selectedWarehouse.warehouseNo).then((locations) => {
             this.stockLocations = locations;
         });
     }
-    locationChanged(event) {
-        this.selectedLocation = event;
+    locationChanged(row, event) {
+        this.selectedLocationNo = event.locationNo;
+        row.locationNo = event.locationNo;
     }
     amountInStockChanged(data) {
         this.selectedArticleDetailsData.amountInStock = data;
@@ -3234,108 +3320,162 @@ class StockLocationComponent {
         this.transferIconClicked.emit(event);
     }
     onOkClickSendLocations() {
-        return __awaiter(this, void 0, void 0, function* () {
-            this.selectedArticleDetailsData.selected = true;
-            this.selectedArticleDetailsData.goodId = this.article.goodId;
-            this.selectedArticleDetailsData.entryDate = new Date();
-            this.selectedArticleDetailsData.warehouseNo = this.selectedWarehouse;
-            this.selectedArticleDetailsData.locationNo = this.selectedLocation;
-            yield this._stockService.updateArticleDetails(this.selectedArticleDetailsData);
-            yield this._stockService.getArticleDetails(this.articleDetailsInformation).then((details) => {
-                this.articleDetails = details;
+        this.showConfirmationDialog = true;
+    }
+    handleOkClick() {
+        var _a;
+        this.selectedArticleDetailsData.selected = true;
+        this.selectedArticleDetailsData.goodId = this.articleFlat.goodId;
+        this.selectedArticleDetailsData.entryDate = new Date();
+        this.selectedArticleDetailsData.warehouseNo = this.selectedWarehouse.warehouseNo;
+        this.selectedArticleDetailsData.locationNo = (_a = this.selectedLocationNo) === null || _a === void 0 ? void 0 : _a.toString();
+        this._stockService.updateArticleDetails(this.selectedArticleDetailsData).then(result => {
+            var _a;
+            this.articleDetailsInformation.goodId = (_a = this.selectedArticleDetailsData.goodId) === null || _a === void 0 ? void 0 : _a.toString();
+            this.articleDetailsInformation.warehouseNumber = this.selectedArticleDetailsData.warehouseNo;
+            this._stockService.getArticleDetails(this.articleDetailsInformation).then((details) => {
+                this.showConfirmationDialog = false;
+                this._changeDetector.detectChanges();
+                this.articleStockInfo = details;
             });
         });
     }
+    handleStockStatusChange(status) {
+        this.selectedArticleDetailsData.stockStateId = status.stockStateId;
+    }
+    handleStockStatusRemarkChange(remark) {
+        this.selectedArticleDetailsData.stockStateRemark = remark;
+    }
+    disabled() {
+        var _a, _b, _c;
+        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);
+    }
+    statusForId(id) {
+        return this.stockStatus.find(status => status.stockStateId === id);
+    }
+    locationForNumber(number) {
+        var _a;
+        return (_a = this.stockLocations) === null || _a === void 0 ? void 0 : _a.find(location => location.locationNo === (number === null || number === void 0 ? void 0 : number.toString()));
+    }
 }
 StockLocationComponent.decorators = [
     { type: Component, args: [{
                 selector: "co-stock-location",
                 template: `
-      <div class="stock-grid">
-          <co-simple-grid [data]="articleStockInfo"
-                          class="simple-grid"
-                          [rowsPerPage]="20"
-                          [showAdd]="true"
-                          [inlineEdit]="true"
-                          (dblClickRow)="lockSelectedRow($event)"
-                          [showToolbar]="true"
-                          (keydown.enter)="onOkClickSendLocations()"
-          >
-              <co-simple-grid-column [headerText]="'LOCATION' | localize" [field]="'locationNo'">
-                  <ng-template #editTemplate let-row="row">
-<!--
-                      <co-drop-down-list [(model)]="row.locationNo"
-                                         [collection]="stockLocations"
-                                         [fields]="dataLocationFields"
-                                         [placeholder]="'LOCATION' | localize"
-                                         (click)="onLocationDropdownClick()"
-                                         [required]="true"
-                                         (modelChange)="locationChanged($event)"
-                      ></co-drop-down-list>
--->
-                  </ng-template>
-              </co-simple-grid-column>
-              <co-simple-grid-column *ngIf="articleDetails" [headerText]="'BATCH' | localize" [field]="'batchNo'">
-                  <ng-template #editTemplate let-row="row">
-                      <co-input-text [(model)]="row.batchNo"
-                                     [placeholder]="'BATCH' | localize"
-                      ></co-input-text>
-                  </ng-template>
-              </co-simple-grid-column>
-              <co-simple-grid-column *ngIf="articleDetails" [headerText]="'SERIAL_NO' | localize" [field]="'serialNo'">
-                  <ng-template #editTemplate let-row="row">
-                      <co-input-text [(model)]="row.serialNo"
-                                     [placeholder]="'SERIAL_NO' | localize"
-                      ></co-input-text>
-                  </ng-template>
-              </co-simple-grid-column>
-              <co-simple-grid-column [headerText]="'STOCK' | localize" [field]="'amountInStock'">
-                  <ng-template #editTemplate let-row="row">
-                      <co-input-text [(model)]="row.amountInStock"
-                                     [label]="'STOCK' | localize"
-                                     (modelChange)="amountInStockChanged($event)"
-                      ></co-input-text>
-                  </ng-template>
-              </co-simple-grid-column>
-              <co-simple-grid-column [headerText]="'ALLOCATED' | localize" [field]="'stockAssigned'">
-                  <ng-template #editTemplate let-row="row">
-                      <span [textContent]="row.stockAssigned"></span>
-                  </ng-template>
-              </co-simple-grid-column>
-              <co-simple-grid-column [headerText]="'AVAILABLE_STOCK' | localize" [field]="'amountInStockFree'">
-                  <ng-template #editTemplate let-row="row">
-                      <span [textContent]="row.amountInStockFree"></span>
-                  </ng-template>
-              </co-simple-grid-column>
-              <co-simple-grid-column [headerText]="'VALUTA' | localize" [field]="'currency'">
-                  <ng-template #editTemplate let-row="row">
-                      <span [textContent]="row.currency"></span>
-                  </ng-template>
-              </co-simple-grid-column>
-              <co-simple-grid-column [headerText]="'PURCHASE_PRICE' | localize" [field]="'purchasePrice'">
-                  <ng-template #editTemplate let-row="row">
-                      <span [textContent]="row.purchasePrice"></span>
-                  </ng-template>
-              </co-simple-grid-column>
-              <co-simple-grid-column [headerText]="'SUPPLIER_NUMBER' | localize" [field]="'supplierNo'">
-                  <ng-template #editTemplate let-row="row">
-                      <span [textContent]="row.supplierNo"></span>
-                  </ng-template>
-              </co-simple-grid-column>
-              <co-simple-grid-column [headerText]="'TRANSFER' | localize" [field]="'transfer'">
-                  <ng-template #template let-row="row">
-                      <co-icon class="menu-icon" [iconData]="iconCacheService.getIcon(icons.DeliveryTruck)"
-                               (click)="handleStockTransferClick(row)"></co-icon>
-                  </ng-template>
-              </co-simple-grid-column>
-              <co-simple-grid-column [headerText]="'STICKER' | localize" [field]="'sticker'">
-                  <ng-template #template let-row="row">
-                      <co-icon class="menu-icon" [iconData]="iconCacheService.getIcon(icons.Print)"
-                               (click)="openSendMethodDialog(row)"></co-icon>
-                  </ng-template>
-              </co-simple-grid-column>
-          </co-simple-grid>
-      </div>
+    <div class="stock-grid">
+      <co-dialog *ngIf="showConfirmationDialog" [showCloseIcon]="true" [modal]="true" [headerTemplate]="headerTemplate"
+                 [footerTemplate]="footerTemplate">
+        <ng-template #headerTemplate>
+          <div class="header-wrapper">
+            <span [textContent]="'CONFIRM_STOCK_CHANGE' | localize"></span>
+          </div>
+        </ng-template>
+        <div class="dialog-wrapper">
+          <co-list-of-values [label]="'STATUS' | localize"
+                             [model]="statusForId(selectedArticleDetailsData.stockStateId)"
+                             [collection]="stockStatus"
+                             [displayField]="'stateDescription'"
+                             (modelChange)="handleStockStatusChange($event)"
+          ></co-list-of-values>
+          <co-input-text [placeholder]="'REMARK' | localize"
+                         (modelChange)="handleStockStatusRemarkChange($event)"></co-input-text>
+        </div>
+        <ng-template #footerTemplate>
+          <div class="button-wrapper">
+            <co-button (click)="handleOkClick()" [label]="'OK'| localize" [disabled]="disabled()"></co-button>
+            <co-button class="cancel-button" (click)="showConfirmationDialog = false"
+                       [label]="'CANCEL'| localize "></co-button>
+          </div>
+        </ng-template>
+      </co-dialog>
+      <co-simple-grid [data]="articleStockInfo"
+                      class="simple-grid"
+                      [rowsPerPage]="20"
+                      [showAdd]="true"
+                      [inlineEdit]="true"
+                      (dblClickRow)="lockSelectedRow($event)"
+                      [showToolbar]="true"
+                      (keydown.enter)="onOkClickSendLocations()"
+
+      >
+        <co-simple-grid-column *ngIf="articleFlat?.locationRegistered" [headerText]="'LOCATION' | localize" [field]="'locationNo'">
+          <ng-template #editTemplate let-row="row">
+            <co-list-of-values
+                               [model]="locationForNumber(row['locationNo'])"
+                               [collection]="stockLocations"
+                               [displayField]="'description'"
+                               [label]="'LOCATION' | localize"
+                               (click)="onLocationDropdownClick()"
+                               [required]="true"
+                               (modelChange)="locationChanged(row, $event)"
+            ></co-list-of-values>
+          </ng-template>
+        </co-simple-grid-column>
+        <co-simple-grid-column [headerText]="'BATCH' | localize" [field]="'batchNo'">
+          <ng-template #editTemplate let-row="row">
+            <co-input-text *ngIf="articleFlat?.batch" [model]="selectedArticleDetailsData.batchNo"
+                           [placeholder]="'BATCH' | localize"
+                           (modelChange)="row['batchNo'] = $event"
+            ></co-input-text>
+          </ng-template>
+        </co-simple-grid-column>
+        <co-simple-grid-column [headerText]="'SERIAL_NO' | localize" [field]="'serialNo'">
+          <ng-template #editTemplate let-row="row">
+            <co-input-text *ngIf="articleFlat?.serial" [model]="selectedArticleDetailsData.serialNo"
+                           [placeholder]="'SERIAL_NO' | localize"
+                           (modelChange)="row['serialNo'] = $event"
+            ></co-input-text>
+          </ng-template>
+        </co-simple-grid-column>
+        <co-simple-grid-column [headerText]="'STOCK' | localize" [field]="'amountInStock'">
+          <ng-template #editTemplate let-row="row">
+            <co-input-text [(model)]="row['amountInStock']"
+                           [label]="'STOCK' | localize"
+                           (modelChange)="amountInStockChanged($event)"
+            ></co-input-text>
+          </ng-template>
+        </co-simple-grid-column>
+        <co-simple-grid-column [headerText]="'ALLOCATED' | localize" [field]="'stockAssigned'">
+          <ng-template #editTemplate let-row="row">
+            <span [textContent]="row['stockAssigned']"></span>
+          </ng-template>
+        </co-simple-grid-column>
+        <co-simple-grid-column [headerText]="'AVAILABLE_STOCK' | localize" [field]="'amountInStockFree'">
+          <ng-template #editTemplate let-row="row">
+            <span [textContent]="row['amountInStockFree']"></span>
+          </ng-template>
+        </co-simple-grid-column>
+        <co-simple-grid-column [headerText]="'VALUTA' | localize" [field]="'currency'">
+          <ng-template #editTemplate let-row="row">
+            <span [textContent]="row['currency']"></span>
+          </ng-template>
+        </co-simple-grid-column>
+        <co-simple-grid-column [headerText]="'PURCHASE_PRICE' | localize" [field]="'purchasePrice'">
+          <ng-template #editTemplate let-row="row">
+            <span [textContent]="row['purchasePrice']"></span>
+          </ng-template>
+        </co-simple-grid-column>
+        <co-simple-grid-column [headerText]="'SUPPLIERNR' | localize" [field]="'supplierNo'">
+          <ng-template #editTemplate let-row="row">
+            <span [textContent]="row['supplierNo']"></span>
+          </ng-template>
+        </co-simple-grid-column>
+        <co-simple-grid-column [headerText]="'TRANSFER' | localize" [field]="'transfer'">
+          <ng-template #template let-row="row">
+            <co-icon class="menu-icon" [iconData]="iconCacheService.getIcon(icons.DeliveryTruck)"
+                     (click)="handleStockTransferClick(row)"></co-icon>
+          </ng-template>
+          <ng-template #editTemplate></ng-template>
+        </co-simple-grid-column>
+        <co-simple-grid-column [headerText]="'STICKER' | localize" [field]="'sticker'">
+          <ng-template #template let-row="row">
+            <co-icon class="menu-icon" [iconData]="iconCacheService.getIcon(icons.Print)"
+                     (click)="openSendMethodDialog(row)"></co-icon>
+          </ng-template>
+          <ng-template #editTemplate></ng-template>
+        </co-simple-grid-column>
+      </co-simple-grid>
+    </div>
   `,
                 encapsulation: ViewEncapsulation.None
             },] }
@@ -3349,10 +3489,11 @@ StockLocationComponent.propDecorators = {
     articleStockInfo: [{ type: Input }],
     articleStockInformation: [{ type: Input }],
     article: [{ type: Input }],
-    clickedLocation: [{ type: Input }],
+    articleFlat: [{ type: Input }],
     dataWareHouseCode: [{ type: Input }],
     transferIconClicked: [{ type: Output }],
-    sendMethodDialogClicked: [{ type: Output }]
+    sendMethodDialogClicked: [{ type: Output }],
+    selectedWarehouse: [{ type: Input }]
 };
 
 class StockHistoryComponent {
@@ -3446,6 +3587,7 @@ TabBarComponent.decorators = [
                                [searchPlaceholder]="wareHouseSearchLabel"
                                [model]="selectedWarehouse"
                                (modelChange)="onSelectWarehouse($event)"
+                               class="custom-height"
             >
             </co-list-of-values>
           </div>
@@ -3480,7 +3622,8 @@ TabBarComponent.propDecorators = {
     dataWareHouseCode: [{ type: Input }],
     article: [{ type: Input }],
     showWarehouseSelection: [{ type: Input }],
-    warehouseSelected: [{ type: Output }]
+    warehouseSelected: [{ type: Output }],
+    selectedWarehouse: [{ type: Input }]
 };
 
 class TabBarModule {
@@ -4001,16 +4144,25 @@ StockPrognoseComponent.decorators = [
                     class="simple-grid"
                     [rowsPerPage]="20"
     >
-      <co-simple-grid-column [headerText]="'AVAILABILITY'" [field]="'available'"></co-simple-grid-column>
-      <co-simple-grid-column [headerText]="'FREE_STOCK'" [field]="'freeStock'"></co-simple-grid-column>
-      <co-simple-grid-column [headerText]="'IN_ORDER'" [field]="'inOrder'"></co-simple-grid-column>
-      <co-simple-grid-column [headerText]="'PURCHASE_ORDER'" [field]="'transNr'"></co-simple-grid-column>
-      <co-simple-grid-column [headerText]="'PURCHASE_ORDER_DATE'" [field]="'transactionDate'"></co-simple-grid-column>
-      <co-simple-grid-column [headerText]="'DELIVERY_DATE'" [field]="'docNr'"></co-simple-grid-column>
-      <co-simple-grid-column [headerText]="'REFERENCE'" [field]="'reference'"></co-simple-grid-column>
-      <co-simple-grid-column [headerText]="'DELIVERY_DATE_CONFIRMED'" [field]="'transConfirmedDate'"></co-simple-grid-column>
-      <co-simple-grid-column [headerText]="'DATE_DELIVERED'" [field]="'transDeliveryDate'"></co-simple-grid-column>
-      <co-simple-grid-column [headerText]="'FUTURE_FREE_STOCK'" [field]="'laterAvailable'"></co-simple-grid-column>
+      <co-simple-grid-column [headerText]="'AVAILABILITY' | localize" [field]="'available'"></co-simple-grid-column>
+      <co-simple-grid-column [headerText]="'FREE_STOCK' | localize" [field]="'freeStock'"></co-simple-grid-column>
+      <co-simple-grid-column [headerText]="'IN_ORDER' | localize" [field]="'inOrder'"></co-simple-grid-column>
+      <co-simple-grid-column [headerText]="'PURCHASE_ORDER' | localize" [field]="'transNr'"></co-simple-grid-column>
+      <co-simple-grid-column [headerText]="'PURCHASE_ORDER_DATE' | localize" [field]="'transactionDate'"></co-simple-grid-column>
+      <co-simple-grid-column [headerText]="'DELIVERY_DATE' | localize">
+        <ng-template #template let-row="row">
+          <span [textContent]="row['arrivalDate'] | date:'dd-MM-yyyy'"></span>
+        </ng-template>
+      </co-simple-grid-column>
+      <co-simple-grid-column [headerText]="'REFERENCE' | localize" [field]="'reference'"></co-simple-grid-column>
+      <co-simple-grid-column [headerText]="'DELIVERY_DATE_CONFIRMED' | localize" [field]="'transConfirmedDate'">
+      </co-simple-grid-column>
+      <co-simple-grid-column [headerText]="'DATE_DELIVERED' | localize">
+        <ng-template #template let-row="row">
+          <span [textContent]="row['transDeliveryDate'] | date:'dd-MM-yyyy'"></span>
+        </ng-template>
+      </co-simple-grid-column>
+      <co-simple-grid-column [headerText]="'FUTURE_FREE_STOCK' | localize" [field]="'laterAvailable'"></co-simple-grid-column>
     </co-simple-grid>
   `,
                 encapsulation: ViewEncapsulation.None
@@ -4085,7 +4237,8 @@ StockModule.decorators = [
                     StatusbarModule,
                     StockStatusbarModule,
                     ListOfValuesModule,
-                    LocalizationModule
+                    LocalizationModule,
+                    PopupModule
                 ],
                 declarations: [
                     StockComponent,