@colijnit/sharedcomponents 1.0.18 → 1.0.19

package/fesm2015/colijnit-sharedcomponents.js

@@ -24,21 +24,20 @@ import { BooleanTextDecorator as BooleanTextDecorator$1 } from '@colijnit/articl
 import { JsonFieldFieldDecorator } from '@colijnit/articleapi/build/factory/decorators/json.decorator';
 import { ComplexArrayDecorator as ComplexArrayDecorator$1 } from '@colijnit/articleapi/build/factory/decorators/complex-array.decorator';
 import { PrintStockStickers } from '@colijnit/sharedapi/build/model/print-stock-stickers';
-import { ArticleStock } from '@colijnit/articleapi/build/model/article-stock.bo';
+import { ArticleStockBo } from '@colijnit/articleapi/build/model/article-stock.bo';
 import { StockHistoryBo } from '@colijnit/articleapi/build/model/stock-history.bo';
 import { StockStickersPrintLayoutsBo } from '@colijnit/sharedapi/build/model/report/stock-stickers-print-layouts.bo';
 import { ArticleDetailsBo } from '@colijnit/articleapi/build/model/article-details.bo';
 import { StockStatus } from '@colijnit/articleapi/build/model/stock-status.bo';
 import { StockManagementWarehouses } from '@colijnit/articleapi/build/model/stock-management-warehouses.bo';
 import { StockLocation } from '@colijnit/articleapi/build/model/stock-location.bo';
-import { ArticleTransaction } from '@colijnit/articleapi/build/model/article-transaction.bo';
+import { PrintStockStickers as PrintStockStickers$1 } from '@colijnit/articleapi/build/model/print-stock-stickers';
 import { GetStockHistoryRequest } from '@colijnit/articleapi/build/model/get-stock-history-request';
-import { ArticleStock as ArticleStock$1 } from '@colijnit/articleapi/build/model/article-stock';
+import { ArticleStock } from '@colijnit/articleapi/build/model/article-stock';
 import { CoDialogPromptModule, InputCheckboxModule, InputComboBoxModule, IconModule, InputNumberPickerModule, CoDialogWizardModule, ButtonModule, CoGridModule, InputRadioButtonModule, DropDownModule, SimpleGridModule, ImageModule, InputTextModule, InputTextareaModule } 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';
-import { ArticleTransaction as ArticleTransaction$1 } from '@colijnit/articleapi/build/model/article-transaction';
 
 class DocsignComponent {
     constructor() {
@@ -1100,19 +1099,22 @@ class IoneConnectorAdapterService {
             });
         });
     }
-    // public async getStockStickerPrintLayouts(stockStickersPrintLayoutsBo: StockStickersPrintLayoutsBo): Promise<StockStickersPrintLayoutsBo[]> {
-    //   return new Promise((resolve: Function, reject: Function) => {
-    //     return this.sharedConnector.getStockStickerPrintLayouts(stockStickersPrintLayoutsBo).then((result: DataServiceResponse) => {
-    //       if (result.validationResult && result.validationResult.success) {
-    //         if (result.resultObject) {
-    //           resolve(this._boFactory.makeWithRawBackendData(stockStickersPrintLayoutsBo, result.resultObject));
-    //         }
-    //       } else {
-    //         reject(result.validationMessagesAsString);
-    //       }
-    //     })
-    //   })
-    // }
+    getStockStickerPrintLayouts(stockStickersPrintLayoutsBo) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return new Promise((resolve, reject) => {
+                return this.sharedConnector.getStockStickerPrintLayouts(stockStickersPrintLayoutsBo).then((result) => {
+                    if (result.validationResult && result.validationResult.success) {
+                        if (result.resultObject) {
+                            resolve(this._boFactory.makeWithRawBackendData(stockStickersPrintLayoutsBo, result.resultObject));
+                        }
+                    }
+                    else {
+                        reject(result.validationMessagesAsString);
+                    }
+                });
+            });
+        });
+    }
     getArticleFullObject(goodId) {
         return __awaiter(this, void 0, void 0, function* () {
             return new Promise((resolve, reject) => {
@@ -1150,7 +1152,7 @@ class IoneConnectorAdapterService {
                 return this.connector.getStockInformation(data).then((result) => {
                     if (result.validationResult && result.validationResult.success) {
                         if (result.resultObjects) {
-                            resolve(this._boFactory.makeBOArrayFromRawBackendDataArray(ArticleStock, result.resultObjects));
+                            resolve(this._boFactory.makeBOArrayFromRawBackendDataArray(ArticleStockBo, result.resultObjects));
                         }
                     }
                     else {
@@ -1270,22 +1272,6 @@ class IoneConnectorAdapterService {
             });
         });
     }
-    getArticleTransaction(data) {
-        return __awaiter(this, void 0, void 0, function* () {
-            return new Promise((resolve, reject) => {
-                return this.connector.getArticleTransaction(data).then((result) => {
-                    if (result.validationResult && result.validationResult.success) {
-                        if (result.resultObjects) {
-                            resolve(this._boFactory.makeBOArrayFromRawBackendDataArray(ArticleTransaction, result.resultObjects));
-                        }
-                    }
-                    else {
-                        reject(result.validationMessagesAsString);
-                    }
-                });
-            });
-        });
-    }
     commit() {
         return this.connector.commit();
     }
@@ -1301,16 +1287,13 @@ IoneConnectorAdapterService.ctorParameters = () => [];
 class StockService {
     constructor(_connector) {
         this._connector = _connector;
-        this.printSticker = new PrintStockStickers();
     }
     connectConnector(options) {
         this._connector.connect(options);
     }
-    getPrintStockStickers(data) {
-        return __awaiter(this, void 0, void 0, function* () {
-            yield this._connector.getPrintStockStickers(data);
-        });
-    }
+    // public async getPrintStockStickers(data: PrintStockStickers): Promise<void> {
+    //   await this._connector.getPrintStockStickers(data);
+    // }
     getAllPrinters(showAll = true) {
         return __awaiter(this, void 0, void 0, function* () {
             return yield this._connector.getAllPrinters(showAll);
@@ -1326,9 +1309,11 @@ class StockService {
             return yield this._connector.getStockInformation(data);
         });
     }
-    // public async getStockStickerPrintLayouts(data: StockStickersPrintLayoutsBo): Promise<StockStickersPrintLayoutsBo[]> {
-    //   return await this._connector.getStockStickerPrintLayouts(data);
-    // }
+    getStockStickerPrintLayouts(data) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return yield this._connector.getStockStickerPrintLayouts(data);
+        });
+    }
     getArticleDetails(data) {
         return __awaiter(this, void 0, void 0, function* () {
             return yield this._connector.getArticleDetails(data);
@@ -1359,11 +1344,6 @@ class StockService {
             return yield this._connector.getStockManagementLocations(warehouseNo);
         });
     }
-    getArticleTransaction(data) {
-        return __awaiter(this, void 0, void 0, function* () {
-            return yield this._connector.getArticleTransaction(data);
-        });
-    }
     lockArticleDetails(data) {
         return __awaiter(this, void 0, void 0, function* () {
             return yield this._connector.lockArticleDetails(data);
@@ -1373,11 +1353,8 @@ class StockService {
         return this._connector.commit();
     }
 }
-StockService.ɵprov = i0.ɵɵdefineInjectable({ factory: function StockService_Factory() { return new StockService(i0.ɵɵinject(IoneConnectorAdapterService)); }, token: StockService, providedIn: "root" });
 StockService.decorators = [
-    { type: Injectable, args: [{
-                providedIn: 'root',
-            },] }
+    { type: Injectable }
 ];
 StockService.ctorParameters = () => [
     { type: IoneConnectorAdapterService }
@@ -1412,7 +1389,7 @@ class StockComponent {
         this.stockTransferArticleDetails = event;
         this.showStockTransfer = !this.showStockTransfer;
         this.showStockInformationGrid = !this.showStockInformationGrid;
-        this.stockService.stockStickers = new PrintStockStickers();
+        this.stockService.stockStickers = new PrintStockStickers$1();
     }
     backToStock() {
         this.showStockTransfer = !this.showStockTransfer;
@@ -1428,7 +1405,7 @@ class StockComponent {
     }
     getStockInformation(data) {
         return __awaiter(this, void 0, void 0, function* () {
-            const articleData = new ArticleStock$1();
+            const articleData = new ArticleStock();
             articleData.goodId = data.goodId.toString();
             articleData.viewKind = "M";
             this.stockInformation = yield this.stockService.getStockInformation(articleData);
@@ -1544,8 +1521,11 @@ StockInformationComponent.propDecorators = {
 
 /** AUTO GENERATED FILE. DO NOT CHANGE.. OR YOU WILL SUFFER THE CONSEQUENCES OF YOUR ACTIONS **/
 const IconSvg = {
+    "angle_left_solid": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 320 512\"><path fill=\"#183153\" d=\"M41.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L109.3 256 246.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-160 160z\"/></svg>",
+    "angle_right_solid": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 320 512\"><path fill=\"#183153\" d=\"M278.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-160 160c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L210.7 256 73.4 118.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l160 160z\"/></svg>",
     "arrow_fat_right": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><polygon points=\"37.5 25 25.2 12.7 25.2 20.35 12.5 20.35 12.5 29.66 25.2 29.66 25.2 37.3 37.5 25\" fill=\"#484f60\"/></svg>",
     "arrow_point_right": "<svg version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" x=\"0px\" y=\"0px\" viewBox=\"0 0 51 51\" enable-background=\"new 0 0 51 51\"><path fill=\"#484F5F\" d=\"M19.1,14.3l14.7,9.6c0.1,0.1,0.2,0.2,0.2,0.4v2.4c0,0.2-0.1,0.3-0.2,0.4l-14.7,9.6c-0.2,0.2-0.5,0.1-0.7-0.1l-1.4-2.1c-0.2-0.2-0.1-0.5,0.1-0.7l12-7.8c0.3-0.2,0.3-0.6,0-0.8l-12-7.8c-0.2-0.2-0.3-0.5-0.1-0.7l1.4-2.1C18.6,14.2,18.9,14.2,19.1,14.3z\"/></svg>",
+    "bring_forward_regular": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path fill=\"#183153\" d=\"M224 464H448C456.8 464 464 456.8 464 448V224C464 215.2 456.8 208 448 208H384V160H448C483.3 160 512 188.7 512 224V448C512 483.3 483.3 512 448 512H224C188.7 512 160 483.3 160 448V384H208V448C208 456.8 215.2 464 224 464zM64 352C28.65 352 0 323.3 0 288V64C0 28.65 28.65 0 64 0H288C323.3 0 352 28.65 352 64V288C352 323.3 323.3 352 288 352H64z\"/></svg>",
     "delete_left_regular": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 576 512\"><path d=\"M432.1 208.1L385.9 256L432.1 303C442.3 312.4 442.3 327.6 432.1 336.1C423.6 346.3 408.4 346.3 399 336.1L352 289.9L304.1 336.1C295.6 346.3 280.4 346.3 271 336.1C261.7 327.6 261.7 312.4 271 303L318.1 256L271 208.1C261.7 199.6 261.7 184.4 271 175C280.4 165.7 295.6 165.7 304.1 175L352 222.1L399 175C408.4 165.7 423.6 165.7 432.1 175C442.3 184.4 442.3 199.6 432.1 208.1V208.1zM512 64C547.3 64 576 92.65 576 128V384C576 419.3 547.3 448 512 448H205.3C188.3 448 172 441.3 160 429.3L9.372 278.6C3.371 272.6 0 264.5 0 256C0 247.5 3.372 239.4 9.372 233.4L160 82.75C172 70.74 188.3 64 205.3 64L512 64zM528 128C528 119.2 520.8 112 512 112H205.3C201 112 196.9 113.7 193.9 116.7L54.63 256L193.9 395.3C196.9 398.3 201 400 205.3 400H512C520.8 400 528 392.8 528 384V128z\"/></svg>",
     "delivery_truck": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><rect x=\"15.35\" y=\"16.56\" width=\"15.14\" height=\"10.94\" transform=\"translate(-1.83 2.08) rotate(-5)\" fill=\"#484f60\"/><path d=\"M38.5,18.1l-6.9.61L32.41,28l-7.63.67a3.76,3.76,0,0,1,1.43,2.25l7.25-.63A3.83,3.83,0,0,1,41,29.6l1-.1-.52-6Zm.29,5.84-3.91.34a.51.51,0,0,1-.55-.46L34,20.1a.49.49,0,0,1,.45-.54l2.27-.2a.5.5,0,0,1,.48.25l2,3.59A.5.5,0,0,1,38.79,23.94Z\" fill=\"#484f60\"/><path d=\"M19.66,29.09a3.8,3.8,0,0,0-1,2.46l-.74.07-1.82-.94L16,29.41Z\" fill=\"#484f60\"/><path d=\"M34.56,30.62a2.74,2.74,0,1,0,2.49-3A2.73,2.73,0,0,0,34.56,30.62Z\" fill=\"#484f60\"/><path d=\"M19.74,31.91a2.74,2.74,0,1,0,2.49-3A2.74,2.74,0,0,0,19.74,31.91Z\" fill=\"#484f60\"/><rect x=\"7.96\" y=\"17.63\" width=\"5\" height=\"1\" transform=\"translate(-1.54 0.98) rotate(-5)\" fill=\"#484f60\"/><rect x=\"11.02\" y=\"29.71\" width=\"3\" height=\"1\" transform=\"translate(-2.59 1.21) rotate(-5)\" fill=\"#484f60\"/><rect x=\"9.48\" y=\"23.53\" width=\"4\" height=\"1\" transform=\"matrix(1, -0.09, 0.09, 1, -2.05, 1.09)\" fill=\"#484f60\"/></svg>",
     "email": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><path d=\"M31.79,38.45A17.82,17.82,0,0,1,23.86,40,13.09,13.09,0,0,1,10.41,26.42C10.41,17.63,16.83,10,26.53,10c7.63,0,13.06,5.21,13.06,12.46,0,6.33-3.53,10.3-8.19,10.3a3.42,3.42,0,0,1-3.71-3.32h-.08A6.5,6.5,0,0,1,22,32.76c-2.75,0-4.82-2.11-4.82-5.65a9.85,9.85,0,0,1,10.13-10,12.89,12.89,0,0,1,5.13,1l-1.3,8c-.43,2.54-.13,3.71,1.08,3.75,1.85.09,4.18-2.28,4.18-7.28,0-5.65-3.62-10-10.3-10S13.73,17.76,13.73,26c0,7.25,4.57,11.3,11,11.3A14.81,14.81,0,0,0,31,36ZM28,20.65a5.34,5.34,0,0,0-1.33-.18c-2.85,0-5.09,2.81-5.09,6.12,0,1.64.73,2.68,2.16,2.68,1.59,0,3.27-2,3.66-4.53Z\" fill=\"#484f60\"/></svg>",
@@ -1604,8 +1584,11 @@ IconCacheService.ctorParameters = () => [
 /** AUTO GENERATED FILE. DO NOT CHANGE.. OR YOU WILL SUFFER THE CONSEQUENCES OF YOUR ACTIONS **/
 var Icon;
 (function (Icon) {
+    Icon["AngleLeftSolid"] = "angle_left_solid";
+    Icon["AngleRightSolid"] = "angle_right_solid";
     Icon["ArrowFatRight"] = "arrow_fat_right";
     Icon["ArrowPointRight"] = "arrow_point_right";
+    Icon["BringForwardRegular"] = "bring_forward_regular";
     Icon["DeleteLeftRegular"] = "delete_left_regular";
     Icon["DeliveryTruck"] = "delivery_truck";
     Icon["Email"] = "email";
@@ -1628,7 +1611,7 @@ class StockInformationGridComponent {
         this.showSendMethodDialog = false;
         this.hideOrShowTabs = true;
         this.dataWareHouseFields = { text: "warehouseDescription", value: "warehouseNo" };
-        this.articleStockSearchInfo = new ArticleStock$1();
+        this.articleStockSearchInfo = new ArticleStock();
         this.showChangeStockDetails = false;
         this.articleDetailsInformation = new ArticleStockManagement();
         this.tabs = [
@@ -1664,13 +1647,13 @@ class StockInformationGridComponent {
         this.articleStockSearchInfo.goodId = data.goodId.toString();
         this.articleStockSearchInfo.wareHouseNo = data.warehouseNo.toString();
         this.articleStockSearchInfo.viewKind = "D";
-        this.selectedWarehouse = data.warehouseNo;
         if (!this.dataWareHouseCode) {
             this.getStockManagementWarehouses(data);
         }
         this.getArticleDetails(data);
         this.hideOrShowTabs = false;
         this.hideOrShowLocationTab = true;
+        console.log(this.articleDetailsInformation);
         this._stockService.lockArticleDetails(this.articleDetailsInformation);
     }
     handleHistoryClick() {
@@ -1692,16 +1675,15 @@ class StockInformationGridComponent {
             this.activeTab = this.tabs[0];
             this.hideOrShowTabs = true;
             this.hideOrShowLocationTab = false;
-            this.articleDetails = undefined;
         });
     }
-    openSendMethodDialog(data) {
-        this._stockService.printSticker.goodId = data.goodId;
-        this._stockService.printSticker.warehouse = data.warehouseNo;
+    openSendMethodDialog() {
         this.showSendMethodDialog = !this.showSendMethodDialog;
     }
     printStockStickers() {
-        this._stockService.getPrintStockStickers(this._stockService.printSticker);
+        this.printSticker = new PrintStockStickers();
+        this.printSticker.goodId = 10;
+        // this._stockService.getPrintStockStickers(this.printSticker);
     }
     onOkClick() {
     }
@@ -1728,7 +1710,8 @@ class StockInformationGridComponent {
     }
     onSelectWarehouse(event) {
         this.articleDetailsInformation.warehouseNumber = event;
-        if (this.selectedWarehouse || this.selectedWarehouse === 0) {
+        console.log(event);
+        if (this.dataWareHouseCode != null) {
             this._stockService.getArticleDetails(this.articleDetailsInformation).then((details) => {
                 this.articleDetails = details;
             });
@@ -1736,23 +1719,22 @@ class StockInformationGridComponent {
     }
     getInOrderData() {
         return __awaiter(this, void 0, void 0, function* () {
-            const inOrderData = new ArticleTransaction$1();
-            inOrderData.type = "V";
+            const inOrderData = new GetStockHistoryRequest();
+            inOrderData.type = "O";
             inOrderData.goodId = this.articleStockInformation[0].goodId.toString();
-            this.inOrderInformation = yield this._stockService.getArticleTransaction(inOrderData);
-            console.log(this.inOrderInformation);
+            // inOrderData.wareHouseNr = Number(this.articleStockInformation[0].warehouseNo);
+            this.inOrderInformation = yield this._stockService.getStockHistory(inOrderData);
         });
     }
     getOrderData() {
         return __awaiter(this, void 0, void 0, function* () {
-            const orderData = new ArticleTransaction$1();
-            orderData.type = "V";
-            orderData.goodId = this.articleStockInformation[0].goodId.toString();
-            this.orderInformation = yield this._stockService.getArticleTransaction(orderData);
+            const inOrderData = new GetStockHistoryRequest();
+            inOrderData.type = "B";
+            inOrderData.goodId = this.articleStockInformation[0].goodId.toString();
+            // inOrderData.wareHouseNr = Number(this.articleStockInformation[0].warehouseNo);
+            this.orderInformation = yield this._stockService.getStockHistory(inOrderData);
         });
     }
-    addNewRow() {
-    }
 }
 StockInformationGridComponent.decorators = [
     { type: Component, args: [{
@@ -1775,11 +1757,6 @@ StockInformationGridComponent.decorators = [
     <div class="stock-grid">
       <co-simple-grid *ngIf="activeTab === tabs[0] && hideOrShowTabs"
                       [data]="articleStockInformation"
-                      class="simple-grid"
-                      [showAdd]="true"
-                      [showToolbar]="true"
-                      (addRow)="addNewRow()"
-                      [inlineEdit]="true"
       >
           <co-simple-grid-column [headerText]="'WAREHOUSE'" [field]="'warehouseNo'" [order]="10"></co-simple-grid-column>
           <co-simple-grid-column [headerText]="'DESCRIPTION'" [field]="'warehouseName'" [order]="11"></co-simple-grid-column>
@@ -1795,15 +1772,15 @@ StockInformationGridComponent.decorators = [
 
       <co-simple-grid *ngIf="activeTab === tabs[1]"
                       [data]="inOrderInformation"
-                      class="simple-grid"
       >
-        <co-simple-grid-column [headerText]="'IN_ORDER2'" [field]="'transactionNr'"></co-simple-grid-column>
+        <co-simple-grid-column [headerText]="'IN_ORDER2'" [field]="'amount'"></co-simple-grid-column>
         <co-simple-grid-column [headerText]="'CUSTOMER'" [field]="'user'"></co-simple-grid-column>
-        <co-simple-grid-column [headerText]="'DATE'" [field]="'transactionDate'"></co-simple-grid-column>
-        <co-simple-grid-column [headerText]="'AMOUNT'" [field]="'amountInOrder'"></co-simple-grid-column>
+        <co-simple-grid-column [headerText]="'DATE'" [field]="'mutationDate'"></co-simple-grid-column>
+        <co-simple-grid-column [headerText]="'AMOUNT'" [field]="'amount'"></co-simple-grid-column>
         <co-simple-grid-column [headerText]="'WAREHOUSE'" [field]="'wareHouseNr'"></co-simple-grid-column>
         <co-simple-grid-column [headerText]="'DESCRIPTION'" [field]="'locationNr'"></co-simple-grid-column>
         <co-simple-grid-column [headerText]="'STOCK'" [field]="'amountInStock'"></co-simple-grid-column>
+        <co-simple-grid-column [headerText]="'COMMISSION2'" [field]="'commission'"></co-simple-grid-column>
         <co-simple-grid-column [headerText]="'TRANSFER'" [field]="'transfer'">
           <ng-template #template let-row="row">
             <co-icon class="menu-icon" [iconData]="iconCacheService.getIcon(icons.DeliveryTruck)" (click)="handleStockTransferClick($event)"></co-icon>
@@ -1811,18 +1788,17 @@ StockInformationGridComponent.decorators = [
         </co-simple-grid-column>
         <co-simple-grid-column [headerText]="'STICKER'" [field]="'sticker'">
           <ng-template #template let-row="row">
-            <co-icon class="menu-icon" [iconData]="iconCacheService.getIcon(icons.Print)" (click)="openSendMethodDialog(row)"></co-icon>
+            <co-icon class="menu-icon" [iconData]="iconCacheService.getIcon(icons.Print)" (click)="openSendMethodDialog()"></co-icon>
           </ng-template>
         </co-simple-grid-column>
       </co-simple-grid>
 
       <co-simple-grid *ngIf="activeTab === tabs[2]"
                       [data]="orderInformation"
-                      class="simple-grid"
       >
-        <co-simple-grid-column [headerText]="'PURCHASE_ORDER_NR'" [field]="'transactionNr'"></co-simple-grid-column>
-        <co-simple-grid-column [headerText]="'DATE'" [field]="'transactionDate'"></co-simple-grid-column>
-        <co-simple-grid-column [headerText]="'AMOUNT'" [field]="'amountInOrder'"></co-simple-grid-column>
+        <co-simple-grid-column [headerText]="'PURCHASE_ORDER_NR'" [field]="'seriesNr'"></co-simple-grid-column>
+        <co-simple-grid-column [headerText]="'DATE'" [field]="'mutationDate'"></co-simple-grid-column>
+        <co-simple-grid-column [headerText]="'AMOUNT'" [field]="'amount'"></co-simple-grid-column>
         <co-simple-grid-column [headerText]="'RESERVED'" [field]="'reserved'"></co-simple-grid-column>
         <co-simple-grid-column [headerText]="'FREE_STOCK'" [field]="'freeStock'"></co-simple-grid-column>
         <co-simple-grid-column [headerText]="'DELIVERY_DATE1'" [field]="'deliveryDate'"></co-simple-grid-column>
@@ -1848,7 +1824,6 @@ StockInformationGridComponent.decorators = [
 
 <!--      TODO move to own component stock-location-->
       <co-simple-grid [data]="articleDetails"
-                      class="simple-grid"
       >
         <div class="stock-location-group">
           <div class="stock-location-left-group">
@@ -1878,7 +1853,7 @@ StockInformationGridComponent.decorators = [
         </co-simple-grid-column>
         <co-simple-grid-column [headerText]="'STICKER'" [field]="'sticker'">
           <ng-template #template let-row="row">
-            <co-icon class="menu-icon" [iconData]="iconCacheService.getIcon(icons.Print)" (click)="openSendMethodDialog(row)"></co-icon>
+            <co-icon class="menu-icon" [iconData]="iconCacheService.getIcon(icons.Print)" (click)="openSendMethodDialog()"></co-icon>
           </ng-template>
         </co-simple-grid-column>
       </co-simple-grid>
@@ -1895,7 +1870,6 @@ StockInformationGridComponent.decorators = [
         <span class="stock-button-back" [textContent]="'BACK_TO_STOCK_LINES'" (click)="backToStockInformation()"></span>
       </div>
       <co-simple-grid [data]="stockHistoryInformation"
-                      class="simple-grid"
       >
         <co-simple-grid-column [headerText]="'MUTATION_DATE'" [field]="'mutationDate'"></co-simple-grid-column>
         <co-simple-grid-column [headerText]="'MUTATION_TIME'" [field]="'mutationTime'"></co-simple-grid-column>
@@ -1913,7 +1887,7 @@ StockInformationGridComponent.decorators = [
         <co-simple-grid-column [headerText]="'MUTATION_TYPE'" [field]="'mutationType'"></co-simple-grid-column>
         <co-simple-grid-column [headerText]="'STICKER'" [field]="'sticker'">
           <ng-template #template let-row="row">
-            <co-icon class="menu-icon" [iconData]="iconCacheService.getIcon(icons.Print)" (click)="openSendMethodDialog(row)"></co-icon>
+            <co-icon class="menu-icon" [iconData]="iconCacheService.getIcon(icons.Print)" (click)="openSendMethodDialog()"></co-icon>
           </ng-template>
         </co-simple-grid-column>
       </co-simple-grid>
@@ -2150,9 +2124,9 @@ var SendOption;
 })(SendOption || (SendOption = {}));
 
 class SendMethodDialogComponent {
-    constructor(iconCacheService, stockService) {
+    constructor(iconCacheService, _stockService) {
         this.iconCacheService = iconCacheService;
-        this.stockService = stockService;
+        this._stockService = _stockService;
         this.icons = Icon;
         this.sendOption = SendOption;
         this.sendOptions = [
@@ -2166,10 +2140,11 @@ class SendMethodDialogComponent {
                 iconName: this.icons.Xml }
         ];
         this.activeSendOption = SendOption.Email;
+        this.amountToPrint = 1;
         this.showStandardPrinterOptions = false;
         this.showPrinterSelections = false;
         this.showExitButton = true;
-        this.printTemplatesField = { text: "name", value: "reportId" };
+        this.printTemplatesField = { text: "name", value: "name" };
         this.emails = ['lars.vdv@colijn-it.nl', 'david@colijn-it.nl', 'ruben@colijn-it.nl'];
         this.models = [false, false, true];
         this.layouts = ['Layout 1', 'Layout 2', 'Layout 3'];
@@ -2178,7 +2153,7 @@ class SendMethodDialogComponent {
         this.printButtonClicked = new EventEmitter();
     }
     set options(value) {
-        this.stockService.connectConnector(value);
+        this._stockService.connectConnector(value);
     }
     showClass() {
         return true;
@@ -2188,7 +2163,7 @@ class SendMethodDialogComponent {
     }
     getPrinters() {
         return __awaiter(this, void 0, void 0, function* () {
-            return this.stockService.getAllPrinters(true).then((list) => {
+            return this._stockService.getAllPrinters(true).then((list) => {
                 this.printerList = list;
             });
         });
@@ -2215,12 +2190,11 @@ class SendMethodDialogComponent {
     }
     onPrinterClicked(printer) {
         this.defaultPrinter = printer.name;
-        this.stockService.printSticker.printerName = printer.name;
         this.showPrinterSelections = !this.showPrinterSelections;
     }
     getPrintTemplates() {
         const data = new StockStickersPrintLayoutsBo();
-        this.stockService.getStockStickerTemplates(data).then((templates) => {
+        this._stockService.getStockStickerTemplates(data).then((templates) => {
             this.printTemplates = templates;
         });
     }
@@ -2274,7 +2248,7 @@ SendMethodDialogComponent.decorators = [
             <div class="email-option-content" *ngIf="activeSendOption === sendOption.Print">
               <div class="lov-wrapper">
                 <co-input-combo-box
-                  [(model)]="stockService.printSticker.reportId"
+                  [(model)]="selectedLayout"
                   [collection]="printTemplates"
                   [fields]="printTemplatesField"
                   [forceReadonly]="true"
@@ -2318,7 +2292,7 @@ SendMethodDialogComponent.decorators = [
               <div class="print-footer-wrapper">
                 <div class="input-number-wrapper">
                   <co-input-number-picker class="number-picker"
-                                          [step]="1" [(model)]="stockService.printSticker.amount" [min]="1"
+                                          [step]="1" [(model)]="amountToPrint" [min]="1"
                                           [ngModelOptions]="{debounce: 1}">
                   </co-input-number-picker>
                 </div>
@@ -2368,7 +2342,6 @@ SendMethodDialogComponent.propDecorators = {
     showDialog: [{ type: Input }],
     headerTitle: [{ type: Input }],
     printerList: [{ type: Input }],
-    articleData: [{ type: Input }],
     startSignatureClicked: [{ type: Output }],
     printButtonClicked: [{ type: Output }],
     showClass: [{ type: HostBinding, args: ["class.ione-send-method-dialog",] }]
@@ -2739,6 +2712,93 @@ KeyPadModule.decorators = [
             },] }
 ];
 
+class LayoutSwitcherComponent {
+    constructor(iconCacheService) {
+        this.iconCacheService = iconCacheService;
+        this.icon = Icon;
+        this.layoutItems = [];
+        this.layoutSwitchEmit = new EventEmitter();
+        this.showMaskSidebar = false;
+        this._activeIndex = 0;
+    }
+    showClass() {
+        return true;
+    }
+    get activeIndex() {
+        return this._activeIndex;
+    }
+    set activeIndex(index) {
+        this._activeIndex = index;
+        this.toggleMaskSidebar();
+        this.layoutSwitchEmit.emit(this.layoutItems[index]);
+    }
+    toggleMaskSidebar() {
+        this.showMaskSidebar = !this.showMaskSidebar;
+    }
+}
+LayoutSwitcherComponent.decorators = [
+    { type: Component, args: [{
+                selector: "layout-switcher",
+                template: `
+    <div class="mask-wrapper" [class.mask-wrapper-active]='showMaskSidebar' @showHideSidebar>
+      <div class="icon-wrapper" (click)="toggleMaskSidebar()">
+        <co-icon class="icon-mask" [iconData]="iconCacheService.getIcon(icon.BringForwardRegular)" [@positionIcon]="showMaskSidebar"></co-icon>
+
+        <co-icon class='icon-mask-sidebar-handle' [@positionHandle]='showMaskSidebar' [iconData]="showMaskSidebar ? iconCacheService.getIcon(this.icon.AngleLeftSolid) : iconCacheService.getIcon(this.icon.AngleRightSolid)"></co-icon>
+      </div>
+
+      <div class="mask-content" *ngIf="showMaskSidebar" @showHideSidebar>
+        <span *ngFor='let item of this.layoutItems' [class.active]="this.activeIndex === this.layoutItems.indexOf(item)" [textContent]="item" (click)='activeIndex = this.layoutItems.indexOf(item)' ></span>
+      </div>
+    </div>
+
+  `,
+                animations: [
+                    trigger("showHideSidebar", [
+                        state("void", style({ "width": "0" })),
+                        state("*", style({ "width": "*" })),
+                        transition("void <=> *", animate(200))
+                    ]),
+                    trigger("positionIcon", [
+                        state("true", style({ "left": "70px" })),
+                        state("false", style({ "left": "10px" })),
+                        transition("true <=> false", animate(200))
+                    ]),
+                    trigger("positionHandle", [
+                        state("true", style({ "left": "15px" })),
+                        state("false", style({ "left": "75px" })),
+                        transition("true <=> false", animate(200))
+                    ])
+                ],
+                encapsulation: ViewEncapsulation.None
+            },] }
+];
+LayoutSwitcherComponent.ctorParameters = () => [
+    { type: IconCacheService }
+];
+LayoutSwitcherComponent.propDecorators = {
+    showClass: [{ type: HostBinding, args: ['class.layout-switcher',] }],
+    layoutItems: [{ type: Input }],
+    layoutSwitchEmit: [{ type: Output }]
+};
+
+class LayoutSwitcherModule {
+}
+LayoutSwitcherModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    CommonModule,
+                    IconModule
+                ],
+                declarations: [
+                    LayoutSwitcherComponent,
+                ],
+                exports: [
+                    LayoutSwitcherComponent
+                ]
+            },] }
+];
+
 /*
  * Public API Surface of sharedcomponents
  */
@@ -2747,5 +2807,5 @@ KeyPadModule.decorators = [
  * Generated bundle index. Do not edit.
  */
 
-export { DocsignComponent, DocsignModule, KeyPadComponent, KeyPadModule, SendMethodDialogComponent, SendMethodDialogModule, StockComponent, StockModule, SignatureComponent as ɵa, SignaturesComponent as ɵb, StockService as ɵc, IoneConnectorAdapterService as ɵd, IconCacheService as ɵe, StockInformationComponent as ɵf, StockInformationGridComponent as ɵg, StockLocationComponent as ɵh, StockTransferComponent as ɵi, StockChangeAmountComponent as ɵj };
+export { DocsignComponent, DocsignModule, KeyPadComponent, KeyPadModule, LayoutSwitcherComponent, LayoutSwitcherModule, SendMethodDialogComponent, SendMethodDialogModule, StockComponent, StockModule, SignatureComponent as ɵa, SignaturesComponent as ɵb, StockService as ɵc, IoneConnectorAdapterService as ɵd, IconCacheService as ɵe, StockInformationComponent as ɵf, StockInformationGridComponent as ɵg, StockLocationComponent as ɵh, StockTransferComponent as ɵi, StockChangeAmountComponent as ɵj };
 //# sourceMappingURL=colijnit-sharedcomponents.js.map