@colijnit/sharedcomponents 1.0.9 → 1.0.12

package/fesm2015/colijnit-sharedcomponents.js

@@ -9,7 +9,7 @@ import { CommonModule } from '@angular/common';
 import SignaturePad from 'signature_pad';
 import { Articles } from '@colijnit/articleapi/build/articles';
 import { Sharedapi } from '@colijnit/sharedapi/build/sharedapi';
-import { Printer } from '@colijnit/sharedapi/build/model/printer.bo';
+import { Printer } from '@colijnit/sharedapi/build/model/report/printer.bo';
 import { notNill } from '@colijnit/articleapi/build/utils/function/not-nill.function';
 import { ObjectUtils } from '@colijnit/articleapi/build/utils/object-utils';
 import { GetYesNoDbBooleanValue } from '@colijnit/articleapi/build/enum/yes-no-db-type.enum';
@@ -26,9 +26,13 @@ import { ComplexArrayDecorator as ComplexArrayDecorator$1 } from '@colijnit/arti
 import { PrintStockStickers } from '@colijnit/articleapi/build/model/print-stock-stickers';
 import { ArticleFlat } from '@colijnit/articleapi/build/model/article-flat.bo';
 import { ArticlesPublic } from '@colijnit/articleapi/build/articles-public';
-import { CoDialogPromptModule, InputCheckboxModule, InputComboBoxModule, IconModule, InputNumberPickerModule, CoDialogWizardModule, CoGridModule, ButtonModule, InputRadioButtonModule, DropDownModule, SimpleGridModule, ImageModule, InputTextModule } from '@colijnit/corecomponents_v12';
+import { PrintJob } from '@colijnit/sharedapi/build/model/report/print-job';
+import { ArticleStockBo } from '@colijnit/articleapi/build/model/article-stock.bo';
+import { ArticleStock } from '@colijnit/articleapi/build/model/article-stock';
+import { CoDialogPromptModule, InputCheckboxModule, InputComboBoxModule, IconModule, InputNumberPickerModule, CoDialogWizardModule, ButtonModule, CoGridModule, InputRadioButtonModule, DropDownModule, SimpleGridModule, ImageModule, InputTextModule } from '@colijnit/corecomponents_v12';
 import * as i1 from '@angular/platform-browser';
 import { DomSanitizer } from '@angular/platform-browser';
+import { PrintStockStickers as PrintStockStickers$1 } from '@colijnit/sharedapi/build/model/print-stock-stickers';
 
 class DocsignComponent {
     constructor() {
@@ -1061,7 +1065,7 @@ class IoneConnectorAdapterService {
     getAllPrinters(showAll = true) {
         return __awaiter(this, void 0, void 0, function* () {
             return new Promise((resolve, reject) => {
-                return this.sharedConnector.getAllPrinters(showAll).then((result) => {
+                return this.sharedConnector.listAllPrinters(showAll).then((result) => {
                     if (result.validationResult && result.validationResult.success) {
                         if (result.resultObject) {
                             resolve(this._boFactory.makeBOArrayFromRawBackendDataArray(Printer, result.resultObject));
@@ -1090,6 +1094,35 @@ class IoneConnectorAdapterService {
             });
         });
     }
+    // public async getPrintLayouts(defaultPrinterName: PrintJob): Promise<PrintJob> {
+    //   return new Promise((resolve: Function, reject: Function) => {
+    //     return this.sharedConnector.getPrintTemplates(defaultPrinterName).then((result: DataServiceResponse) => {
+    //       if (result.validationResult && result.validationResult.success) {
+    //         if (result.resultObject) {
+    //           resolve(this._boFactory.makeWithRawBackendData(PrintJob, result.resultObject));
+    //         }
+    //       } else {
+    //         reject(result.validationMessagesAsString);
+    //       }
+    //     })
+    //   })
+    // }
+    getStockHistory(request) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return new Promise((resolve, reject) => {
+                return this.connector.getStockHistory(request).then((result) => {
+                    if (result.validationResult && result.validationResult.success) {
+                        if (result.resultObject) {
+                            resolve(this._boFactory.makeWithRawBackendData(PrintJob, result.resultObject));
+                        }
+                    }
+                    else {
+                        reject(result.validationMessagesAsString);
+                    }
+                });
+            });
+        });
+    }
     getArticleFullObject(goodId) {
         return __awaiter(this, void 0, void 0, function* () {
             return new Promise((resolve, reject) => {
@@ -1121,6 +1154,22 @@ class IoneConnectorAdapterService {
             });
         });
     }
+    getStockInformation(data) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return new Promise((resolve, reject) => {
+                return this.connector.getStockInformation(data).then((result) => {
+                    if (result.validationResult && result.validationResult.success) {
+                        if (result.resultObjects) {
+                            resolve(this._boFactory.makeBOArrayFromRawBackendDataArray(ArticleStockBo, result.resultObjects));
+                        }
+                    }
+                    else {
+                        reject(result.validationMessagesAsString);
+                    }
+                });
+            });
+        });
+    }
     getWarehouses(goodId) {
         return __awaiter(this, void 0, void 0, function* () {
             return new Promise((resolve, reject) => {
@@ -1163,9 +1212,17 @@ class StockService {
             return yield this._connector.getAllPrinters(showAll);
         });
     }
-    loadStockLocations(goodId) {
+    // public async getPrintTemplates(defaultPrinterName: PrintJob): Promise<PrintJob> {
+    //   return await this._connector.getPrintLayouts(defaultPrinterName);
+    // }
+    getStockHistory(data) {
         return __awaiter(this, void 0, void 0, function* () {
-            return yield this._connector.getArticleFlatObject(goodId);
+            yield this._connector.getStockHistory(data);
+        });
+    }
+    getStockInformation(data) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return yield this._connector.getStockInformation(data);
         });
     }
 }
@@ -1190,11 +1247,17 @@ class StockComponent {
     showClass() {
         return true;
     }
+    ngAfterViewInit() {
+        if (this.article) {
+            this.getStockInformation(this.article);
+        }
+    }
     backToStockLinesClicked() {
         this.showStockLocation = false;
         this.showStockInformationGrid = true;
     }
     handleStockTransferClick(event) {
+        this.stockTransferArticle = event;
         this.showStockTransfer = !this.showStockTransfer;
         this.showStockInformationGrid = !this.showStockInformationGrid;
         this.stockService.stockStickers = new PrintStockStickers();
@@ -1203,25 +1266,57 @@ class StockComponent {
         this.showStockTransfer = !this.showStockTransfer;
         this.showStockInformationGrid = !this.showStockInformationGrid;
     }
+    loadStockHistory(data) {
+        this.stockService.getStockHistory(data);
+    }
+    buttonClick() {
+        this.getStockInformation(this.article);
+    }
+    getStockInformation(data) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const articleData = new ArticleStock();
+            articleData.goodId = data.goodId.toString();
+            articleData.viewKind = "M";
+            this.stockInformation = yield this.stockService.getStockInformation(articleData);
+            // const allAvailableStock = this.stockInformation.reduce((a, b) => a.availableStock + b.availableStock ? a : b);
+        });
+    }
+    getStockLocationInformation(data) {
+        return __awaiter(this, void 0, void 0, function* () {
+            this.stockLocationInformation = yield this.stockService.getStockInformation(data);
+        });
+    }
 }
 StockComponent.decorators = [
     { type: Component, args: [{
                 selector: "co-stock",
                 template: `
       <div class="stock-info-container">
-        <co-stock-information [article]="articleExtended"></co-stock-information>
+        <co-stock-information [article]="article"
+                              [articleStock]="">
+
+        </co-stock-information>
         <hr>
-        <co-stock-information-grid *ngIf="showStockInformationGrid" (transferIconClicked)="handleStockTransferClick($event)"></co-stock-information-grid>
-        <co-stock-location *ngIf="showStockLocation" (backToStockLines)="backToStockLinesClicked()"></co-stock-location>
+        <co-stock-information-grid *ngIf="showStockInformationGrid"
+                                   [stockLocationData]="stockLocationInformation"
+                                   (locationLineClicked)="getStockLocationInformation($event)"
+                                   [articleStockInformation]="stockInformation"
+                                   (transferIconClicked)="handleStockTransferClick($event)">
+        </co-stock-information-grid>
+        <co-stock-location *ngIf="showStockLocation"
+                           (backToStockLines)="backToStockLinesClicked()">
+
+        </co-stock-location>
         <co-stock-transfer *ngIf="showStockTransfer"
                            (handleCancelClicked)="backToStock()"
-                           [article]="articleExtended"
+                            [article]="stockTransferArticle"
                            [stockSticker]="stockService.stockStickers"
                            (handleStickerClicked)="handleStickerClicked.emit($event)"
                            [articleWarehouse]="articleWarehouse"
                            [allWarehouses]="allWarehouses"
         >
         </co-stock-transfer>
+        <co-button (click)="buttonClick()"></co-button>
       </div>
   `,
                 encapsulation: ViewEncapsulation.None
@@ -1234,7 +1329,7 @@ StockComponent.propDecorators = {
     stock: [{ type: ViewChild, args: [StockComponent,] }],
     handleStickerClicked: [{ type: Output }],
     options: [{ type: Input }],
-    articleExtended: [{ type: Input }],
+    article: [{ type: Input }],
     articleWarehouse: [{ type: Input }],
     allWarehouses: [{ type: Input }],
     showClass: [{ type: HostBinding, args: ["class.co-stock",] }]
@@ -1251,40 +1346,37 @@ StockInformationComponent.decorators = [
     { type: Component, args: [{
                 selector: "co-stock-information",
                 template: `
-      <div class="stock-info">
-        <div class="stock-info-row">
+      <div class="stock-info" *ngIf="article">
+        <div class="stock-info-row" >
           <div class="stock-info-row-image">
             <div class="stock-image">
-              <co-image class="stock-image" [source]="article?.imageData"></co-image>
+              <co-image class="stock-image" [source]="article.imageData"></co-image>
             </div>
           </div>
           <div class="stock-good-info">
             <div>
-              <span [textContent]="article?.name"></span>
+              <span [textContent]="article.description"></span>
             </div>
             <div>
-              <span [textContent]="article?.articleNumber"></span>
+              <span [textContent]="article.articleNumber"></span>
             </div>
           </div>
         </div>
         <div class="stock-status">
-          <label [textContent]="article?.stockStatus"></label>
+          <label [textContent]="'STOCK_STATUS'"></label>
+          <span [textContent]="article.stockStatus"></span>
         </div>
         <div class="stock-status">
-          <label [textContent]="'STOCK'"></label>
-          <span></span>
+          <label [textContent]="'AMOUNT_IN_STOCK'"></label>
+          <span [textContent]="article.stockAvailable"></span>
         </div>
         <div class="stock-status">
-          <label [textContent]="article?.stockAvailable"></label>
-          <span>totalAmountAvailable</span>
+          <label [textContent]="'AMOUNT_AVAILABLE'"></label>
+          <span [textContent]=""></span>
         </div>
         <div class="stock-status">
-          <label [textContent]="'ECONOMICAL_STOCK'"></label>
-          <span></span>
-        </div>
-        <div class="stock-status">
-          <label [textContent]="'PHYSICAL_STOCK'"></label>
-          <span></span>
+          <label [textContent]="'AMOUNT_LATER_AVAILABLE'"></label>
+          <span [textContent]=""></span>
         </div>
       </div>
   `,
@@ -1293,34 +1385,115 @@ StockInformationComponent.decorators = [
 ];
 StockInformationComponent.ctorParameters = () => [];
 StockInformationComponent.propDecorators = {
-    article: [{ type: Input }]
+    article: [{ type: Input }],
+    articleStock: [{ type: Input }]
+};
+
+/** AUTO GENERATED FILE. DO NOT CHANGE.. OR YOU WILL SUFFER THE CONSEQUENCES OF YOUR ACTIONS **/
+const IconSvg = {
+    "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_down": "<svg version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" x=\"0px\" y=\"0px\" viewBox=\"-280 371 51 51\" enable-background=\"new -280 371 51 51\" ><path fill=\"#29363E\" d=\"M-248.3,392.2c0.3,0,0.6,0.1,0.8,0.3c0.5,0.5,0.5,1.2,0,1.6l-6.2,6.2c-0.2,0.2-0.5,0.3-0.8,0.3c-0.3,0-0.6-0.1-0.8-0.3l-6.2-6.2c-0.2-0.2-0.3-0.5-0.3-0.8c0-0.3,0.1-0.6,0.3-0.8c0.2-0.2,0.5-0.3,0.8-0.3c0.3,0,0.6,0.1,0.8,0.3l5.4,5.4l5.4-5.4C-248.9,392.4-248.6,392.2-248.3,392.2z\"/></svg>",
+    "arrow_point_left": "<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=\"M31.9,36.7l-14.7-9.6C17.1,27,17,26.9,17,26.7v-2.4c0-0.2,0.1-0.3,0.2-0.4l14.7-9.6c0.2-0.2,0.5-0.1,0.7,0.1l1.4,2.1c0.2,0.2,0.1,0.5-0.1,0.7l-12,7.8c-0.3,0.2-0.3,0.6,0,0.8l12,7.8c0.2,0.2,0.3,0.5,0.1,0.7l-1.4,2.1C32.4,36.8,32.1,36.8,31.9,36.7z\"/></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>",
+    "calendar_day": "<svg version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" x=\"0px\" y=\"0px\" viewBox=\"0 0 50 50\" enable-background=\"new 0 0 50 50\" ><g><path fill=\"#022D42\" d=\"M35.4,13.7H14.6c-0.6,0-1,0.5-1,1V20h22.9v-5.2C36.4,14.2,36,13.7,35.4,13.7z M19,18.8c-1,0-1.8-0.8-1.8-1.8c0-1,0.8-1.8,1.8-1.8c1,0,1.8,0.8,1.8,1.8C20.8,18,20,18.8,19,18.8z M31,18.8c-1,0-1.8-0.8-1.8-1.8c0-1,0.8-1.8,1.8-1.8s1.8,0.8,1.8,1.8C32.7,18,32,18.8,31,18.8z\"/><path fill=\"#022D42\" d=\"M35.4,22.3v12.6L31.3,39H14.6c0,0,0,0,0,0V22.3H35.4 M36.4,21.3H13.6V39c0,0.6,0.5,1,1,1h17.2l4.7-4.7V21.3L36.4,21.3z\"/><rect x=\"18.2\" y=\"10\" fill=\"#022D42\" width=\"1.6\" height=\"5.2\"/><rect x=\"30.2\" y=\"10\" fill=\"#022D42\" width=\"1.6\" height=\"5.2\"/><rect x=\"18.6\" y=\"30.5\" fill=\"#022D42\" width=\"3.4\" height=\"3.4\"/><rect x=\"19.1\" y=\"24.8\" opacity=\"0.1\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"19.1\" y=\"27.9\" opacity=\"0.25\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"19.1\" y=\"34.1\" opacity=\"0.25\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"22.2\" y=\"24.8\" opacity=\"0.1\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"22.2\" y=\"27.9\" opacity=\"0.25\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"22.2\" y=\"31\" opacity=\"0.25\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"22.2\" y=\"34.1\" opacity=\"0.25\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"25.4\" y=\"31\" opacity=\"0.25\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"25.4\" y=\"24.8\" opacity=\"0.25\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"25.4\" y=\"27.9\" opacity=\"0.25\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"25.4\" y=\"34.1\" opacity=\"0.25\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"31.6\" y=\"31\" opacity=\"0.25\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"31.6\" y=\"24.8\" opacity=\"0.25\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"31.6\" y=\"27.9\" opacity=\"0.25\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"28.5\" y=\"27.9\" opacity=\"0.25\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"28.5\" y=\"24.8\" opacity=\"0.25\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"28.5\" y=\"31\" opacity=\"0.25\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"28.5\" y=\"34.1\" opacity=\"0.25\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"16\" y=\"24.8\" opacity=\"0.1\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"16\" y=\"27.9\" opacity=\"0.25\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"16\" y=\"31\" opacity=\"0.25\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"16\" y=\"34.1\" opacity=\"0.25\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/></g></svg>",
+    "cancel": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><polygon points=\"36 35.16 30.45 35.16 14 14.84 19.55 14.84 36 35.16\" fill=\"#484f60\"/><polygon points=\"14 35.16 19.55 35.16 36 14.84 30.45 14.84 14 35.16\" fill=\"#484f60\"/></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>",
+    "edit_pencil": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><polygon points=\"12.54 38.16 12 37.62 14.85 29.64 20.52 35.31 12.54 38.16\" fill=\"#484f60\"/><rect x=\"16.33\" y=\"20.52\" width=\"17.99\" height=\"8.64\" transform=\"translate(-10.15 25.18) rotate(-45)\" fill=\"#484f60\"/><path d=\"M37.54,18.73,36,20.32l-6.11-6.1,1.59-1.59a1.55,1.55,0,0,1,2.2,0l3.91,3.9A1.55,1.55,0,0,1,37.54,18.73Z\" 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>",
+    "pdf": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><path d=\"M31.42,40.17H13.88c-2.16,0-2.72-.56-2.72-2.72V12.88c0-2.15.56-2.71,2.72-2.71h11.6l8.66,8.88v3.43H32.8V19.6l-7.88-8.09h-11c-1.38,0-1.38,0-1.38,1.37V37.45c0,1.37,0,1.37,1.38,1.37H31.42c1.38,0,1.38,0,1.38-1.37V35h1.34v2.43C34.14,39.61,33.58,40.17,31.42,40.17Z\" fill=\"#484f60\"/><path d=\"M27.83,26.63v4.24h1a3.57,3.57,0,0,0,.78-.06,1.22,1.22,0,0,0,.52-.26,1.44,1.44,0,0,0,.34-.62,4.13,4.13,0,0,0,.13-1.18,3.79,3.79,0,0,0-.13-1.14,1.51,1.51,0,0,0-.37-.62,1.14,1.14,0,0,0-.6-.3,5.93,5.93,0,0,0-1.06-.06Z\" fill=\"#484f60\"/><path d=\"M21.86,26.63v1.82h.71a3.57,3.57,0,0,0,1-.1A.88.88,0,0,0,24,28a.84.84,0,0,0,.14-.5.8.8,0,0,0-.2-.57.88.88,0,0,0-.52-.29,6.36,6.36,0,0,0-.93,0Z\" fill=\"#484f60\"/><path d=\"M19.14,24.27v9h19.7v-9Zm6.12,4.24a1.68,1.68,0,0,1-.54.63,1.9,1.9,0,0,1-.67.3,6.57,6.57,0,0,1-1.34.1h-.85V32H20.57V25.54h2.07a7.75,7.75,0,0,1,1.54.1,1.73,1.73,0,0,1,.93.63,2,2,0,0,1,.37,1.25A2,2,0,0,1,25.26,28.51Zm6.45,1.66A2.91,2.91,0,0,1,31,31.31a2.28,2.28,0,0,1-.91.51A4,4,0,0,1,29,32H26.54V25.54H28.9a4.21,4.21,0,0,1,1.22.13,2.08,2.08,0,0,1,1,.59,2.79,2.79,0,0,1,.61,1,4.76,4.76,0,0,1,.21,1.52A4.19,4.19,0,0,1,31.71,30.17Zm5.7-3.54h-3.1v1.52H37v1.08H34.31V32H33V25.54h4.39Z\" fill=\"#484f60\"/><path d=\"M25.2,10.84v6.44c0,1.78.27,2,2,2h6.23Z\" fill=\"#484f60\"/></svg>",
+    "plus_round": "<svg version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" x=\"0px\" y=\"0px\" viewBox=\"-288 379 35 35\" enable-background=\"new -288 379 35 35\" ><path fill=\"#29363E\" d=\"M-270.5,381.5c-8.3,0-15,6.7-15,15c0,8.3,6.7,15,15,15s15-6.7,15-15C-255.5,388.2-262.2,381.5-270.5,381.5z M-261.1,397.3c0,0.9-0.7,1.6-1.6,1.6h-5.5v5.5c0,0.9-0.7,1.6-1.6,1.6h-1.6c-0.9,0-1.6-0.7-1.6-1.6v-5.5h-5.5c-0.9,0-1.6-0.7-1.6-1.6v-1.6c0-0.9,0.7-1.6,1.6-1.6h5.5v-5.5c0-0.9,0.7-1.6,1.6-1.6h1.6c0.9,0,1.6,0.7,1.6,1.6v5.5h5.5c0.9,0,1.6,0.7,1.6,1.6V397.3z\"/></svg>",
+    "print": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><path d=\"M38,16.5H12a2,2,0,0,0-2,2v9a2,2,0,0,0,2,2h2v-5H36v5h2a2,2,0,0,0,2-2v-9A2,2,0,0,0,38,16.5ZM37,21a1.5,1.5,0,1,1,1.5-1.5A1.5,1.5,0,0,1,37,21Z\" fill=\"#484f60\"/><path d=\"M35,11.5v5H15v-5H35m1-1H14v7H36v-7Z\" fill=\"#484f60\"/><path d=\"M35,25.5v13H15v-13H35m1-1H14v15H36v-15Z\" fill=\"#484f60\"/><rect x=\"17\" y=\"28.3\" width=\"16\" height=\"0.8\" fill=\"#484f60\"/><rect x=\"17\" y=\"31.5\" width=\"16\" height=\"0.8\" fill=\"#484f60\"/><rect x=\"17\" y=\"34.7\" width=\"16\" height=\"0.8\" fill=\"#484f60\"/></svg>",
+    "signature_field": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><path d=\"M20.1,25.42a1.1,1.1,0,1,1,1.27,1.45l-3.3,9.07A63.13,63.13,0,0,1,28,28.3l1.26-12-8.26-3-6.77,10A62.4,62.4,0,0,1,17,35.54l3.3-9.07A1.12,1.12,0,0,1,20.1,25.42Z\" fill=\"#484f60\"/><rect x=\"21.62\" y=\"11.43\" width=\"8.79\" height=\"2.34\" transform=\"translate(5.88 -8.14) rotate(20)\" fill=\"#484f60\"/><path d=\"M18.11,37.48c1.44,2.65,4.58,2.94,7.23,2.1,1.41-.44,2.2-1.49,3.44-2.06,2.42-1.1,3.13,1.2,5.36,1.37.42,0,2-.65,1.54-.68-2.55-.19-2.93-3.13-5.51-2.65a4.9,4.9,0,0,0-1.64.71c-.77.49-1.31,1.62-2.07,2l-4.61.56A3.38,3.38,0,0,1,20,37c-.22-.41-2,.28-1.85.5Z\" fill=\"#484f60\"/></svg>",
+    "tag": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><path d=\"M40,29.15v-.68a5.28,5.28,0,0,0-1.34-3.25L24.78,11.34A5.34,5.34,0,0,0,21.53,10H11.9A1.91,1.91,0,0,0,10,11.9v9.63a5.28,5.28,0,0,0,1.34,3.25L25.22,38.66A5.28,5.28,0,0,0,28.47,40h.68a5.28,5.28,0,0,0,3.24-1.34l6.27-6.27A5.28,5.28,0,0,0,40,29.15ZM13.13,16.72a2.54,2.54,0,1,1,3.59,0A2.55,2.55,0,0,1,13.13,16.72Zm15.9,19L17.84,24.55l1.34-1.34L30.37,34.4Zm2.69-2.69L20.52,21.87l1.35-1.35,11.19,11.2Zm2.68-2.69L23.21,19.18l1.34-1.34L35.75,29Z\" fill=\"#484f60\"/></svg>",
+    "thick_lines": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><rect x=\"10\" y=\"12.67\" width=\"30\" height=\"7\" fill=\"#484f60\"/><rect x=\"10\" y=\"21.67\" width=\"30\" height=\"7\" fill=\"#484f60\"/><rect x=\"10\" y=\"30.67\" width=\"30\" height=\"7\" fill=\"#484f60\"/></svg>",
+    "thin_lines": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><rect x=\"10\" y=\"14.17\" width=\"30\" height=\"4\" fill=\"#484f60\"/><rect x=\"10\" y=\"20.17\" width=\"30\" height=\"4\" fill=\"#484f60\"/><rect x=\"10\" y=\"26.17\" width=\"30\" height=\"4\" fill=\"#484f60\"/><rect x=\"10\" y=\"32.17\" width=\"30\" height=\"4\" fill=\"#484f60\"/></svg>",
+    "txt": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><path d=\"M31.42,40.17H13.87c-2.15,0-2.71-.56-2.71-2.72V12.88c0-2.15.56-2.71,2.71-2.71H25.48l8.66,8.88v3.43H32.8V19.6l-7.88-8.09H13.87c-1.37,0-1.37,0-1.37,1.37V37.45c0,1.37,0,1.37,1.37,1.37H31.42c1.38,0,1.38,0,1.38-1.37V35h1.34v2.43C34.14,39.61,33.58,40.17,31.42,40.17Z\" fill=\"#484f60\"/><path d=\"M25.2,10.84v6.44c0,1.78.27,2,2,2h6.23Z\" fill=\"#484f60\"/><path d=\"M19.14,24.27v9h19.7v-9Zm6.68,2.36h-1.9V32h-1.3V26.63h-1.9V25.54h5.1ZM30.4,32,29,29.74,27.55,32H26l2.19-3.34-2-3.07h1.52L29,27.6l1.26-2.06h1.5l-2,3.12L32,32Zm6.86-5.32h-1.9V32H34.07V26.63H32.16V25.54h5.1Z\" fill=\"#484f60\"/></svg>",
+    "xml": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><path d=\"M31.42,40.17H13.87c-2.15,0-2.71-.56-2.71-2.72V12.88c0-2.15.56-2.71,2.71-2.71H25.48l8.66,8.88v3.43H32.8V19.6l-7.88-8.09H13.87c-1.37,0-1.37,0-1.37,1.37V37.45c0,1.37,0,1.37,1.37,1.37H31.42c1.38,0,1.38,0,1.38-1.37V35h1.34v2.43C34.14,39.61,33.58,40.17,31.42,40.17Z\" fill=\"#484f60\"/><path d=\"M25.2,10.84v6.44c0,1.78.27,2,2,2h6.23Z\" fill=\"#484f60\"/><path d=\"M19.14,24.27v9h19.7v-9Zm5.36,7.41-1.3-2-1.3,2H20.48l2-3.06-1.81-2.8h1.38l1.18,1.88,1.15-1.88h1.37l-1.83,2.85,2,3Zm7.67,0h-1.1V27.07l-1.16,4.61H28.77l-1.16-4.61v4.61H26.52V25.82h1.76l1.07,4,1-4h1.77Zm5.33,0H33.38V25.87h1.18v4.82H37.5Z\" fill=\"#484f60\"/></svg>"
 };
 
+class IconCacheService {
+    constructor(_sanitizer) {
+        this._sanitizer = _sanitizer;
+        this._iconCache = {};
+        this.setIconCache();
+    }
+    /**
+     * All the icons as a large JSON object, from the all-icons.json file.
+     * The object has property keys that are the icon names, and property values with the data string of the actual svg icon.
+     */
+    get iconCache() {
+        return this._iconCache;
+    }
+    getIcon(iconName) {
+        if (iconName) {
+            return this._iconCache[iconName.toLowerCase()];
+        }
+    }
+    getIconAsBase64(iconName) {
+        const icon = IconSvg[iconName];
+        const base64Data = window.btoa(icon);
+        return this._sanitizer.bypassSecurityTrustUrl(`data:image/svg+xml;base64,${base64Data}`);
+    }
+    getRawIcon(iconName) {
+        if (iconName) {
+            return IconSvg[iconName.toLowerCase()];
+        }
+    }
+    setIconCache() {
+        for (const key in IconSvg) {
+            if (IconSvg.hasOwnProperty(key) && typeof IconSvg[key] !== "function") {
+                this._iconCache[key.toLowerCase()] = this._sanitizer.bypassSecurityTrustHtml(IconSvg[key]);
+            }
+        }
+    }
+}
+IconCacheService.ɵprov = i0.ɵɵdefineInjectable({ factory: function IconCacheService_Factory() { return new IconCacheService(i0.ɵɵinject(i1.DomSanitizer)); }, token: IconCacheService, providedIn: "root" });
+IconCacheService.decorators = [
+    { type: Injectable, args: [{
+                providedIn: "root"
+            },] }
+];
+IconCacheService.ctorParameters = () => [
+    { type: DomSanitizer }
+];
+
+/** AUTO GENERATED FILE. DO NOT CHANGE.. OR YOU WILL SUFFER THE CONSEQUENCES OF YOUR ACTIONS **/
+var Icon;
+(function (Icon) {
+    Icon["ArrowFatRight"] = "arrow_fat_right";
+    Icon["ArrowPointDown"] = "arrow_point_down";
+    Icon["ArrowPointLeft"] = "arrow_point_left";
+    Icon["ArrowPointRight"] = "arrow_point_right";
+    Icon["CalendarDay"] = "calendar_day";
+    Icon["Cancel"] = "cancel";
+    Icon["DeliveryTruck"] = "delivery_truck";
+    Icon["EditPencil"] = "edit_pencil";
+    Icon["Email"] = "email";
+    Icon["Pdf"] = "pdf";
+    Icon["PlusRound"] = "plus_round";
+    Icon["Print"] = "print";
+    Icon["SignatureField"] = "signature_field";
+    Icon["Tag"] = "tag";
+    Icon["ThickLines"] = "thick_lines";
+    Icon["ThinLines"] = "thin_lines";
+    Icon["Txt"] = "txt";
+    Icon["Xml"] = "xml";
+})(Icon || (Icon = {}));
+
 class StockInformationGridComponent {
-    constructor(_stockService) {
+    constructor(iconCacheService, _stockService) {
+        this.iconCacheService = iconCacheService;
         this._stockService = _stockService;
+        this.icons = Icon;
         this.locationLineClicked = new EventEmitter();
         this.transferIconClicked = new EventEmitter();
-        this.MAX_GRID_ROWS = 10;
-        this.stockStatus = "medium";
         this.show = false;
         this.hideOrShowLocationTab = false;
         this.showStockHistory = false;
+        this.showSendMethodDialog = false;
         this.data = [
             { test: "test" }
         ];
-        this.stockInformation = [
-            { warehouseNumber: "1", warehouseDescription: "Colijn IT Warehouse", amountInStock: "17", amountAvailable: "13", amountLaterAvailable: "4", location: "test" },
-            { warehouseNumber: "2", warehouseDescription: "Colijn IT Warehouse", amountInStock: "17", amountAvailable: "13", amountLaterAvailable: "4", location: "Test nummer 2" },
-            { warehouseNumber: "3", warehouseDescription: "Colijn IT Warehouse", amountInStock: "17", amountAvailable: "13", amountLaterAvailable: "4", location: "Amundsenweg" },
-        ];
-        this.stockLocationInformation = [
-            { location: "title 1", batch: "1", serialNo: "1", amountInStock: "1", allocated: "1", amountAvailable: "1" },
-            { location: "title 2", amountInStock: "2" },
-            { location: "title 3", amountInStock: "3" },
-            { location: "title 4", amountInStock: "4" },
-            { location: "title 5", amountInStock: "5" },
-        ];
         this.inOrderInformation = [
             { inOrder: "275432", customer: "Test customer", orderDate: "date", orderAmount: "2", warehouseNumber: "8", warehouseDescription: "A nice warehouse", amountInStock: "17", commission: "4014321" },
             { inOrder: "275432", customer: "Test customer", orderDate: "date", orderAmount: "2", warehouseNumber: "8", warehouseDescription: "A nice warehouse", amountInStock: "17", commission: "4014321" },
@@ -1328,15 +1501,11 @@ class StockInformationGridComponent {
             { inOrder: "275432", customer: "Test customer", orderDate: "date", orderAmount: "2", warehouseNumber: "8", warehouseDescription: "A nice warehouse", amountInStock: "17", commission: "4014321" },
             { inOrder: "275432", customer: "Test customer", orderDate: "date", orderAmount: "2", warehouseNumber: "8", warehouseDescription: "A nice warehouse", amountInStock: "17", commission: "4014321" },
         ];
-        this.stockHistoryInformation = [];
         this.orderInformation = [];
-        this.stockColumns = [];
-        this.stockLocationColumns = [];
-        this.inOrderColumns = [];
-        this.orderColumns = [];
         this.hideOrShowTabs = true;
         this.dataWareHouseCode = 0;
         this.dataWareHouseFields = { text: "warehouseDescription", value: "warehouseNumber" };
+        this.articleStockSearchInfo = new ArticleStock();
         this.tabs = [
             "STOCK",
             "IN_ORDER2",
@@ -1359,18 +1528,20 @@ class StockInformationGridComponent {
     handleTabClick(tabData) {
         this.activeTab = tabData;
     }
-    onLocationClick(event) {
-        // this.locationLineClicked.emit(event[0].location);
+    onLocationClick(data) {
+        this.articleStockSearchInfo.goodId = data.goodId.toString();
+        this.articleStockSearchInfo.wareHouseNo = data.warehouseNo.toString();
+        this.articleStockSearchInfo.viewKind = "D";
+        this.locationLineClicked.emit(this.articleStockSearchInfo);
         this.hideOrShowTabs = false;
         this.hideOrShowLocationTab = true;
     }
-    onRowClick(args) {
-    }
     onPopupClose() {
         this.show = false;
     }
     handleHistoryClick() {
-        this.showStockHistory = true;
+        // console.warn('Not yet implemented');
+        // this.showStockHistory = true;
     }
     handleCloseClick() {
         this.onPopupClose();
@@ -1385,9 +1556,13 @@ class StockInformationGridComponent {
             this.hideOrShowLocationTab = false;
         });
     }
-    handleStickerClick() {
+    openSendMethodDialog() {
+        this.showSendMethodDialog = !this.showSendMethodDialog;
     }
-    handleTransferClick() {
+    printStockStickers() {
+        this.printSticker = new PrintStockStickers$1();
+        this.printSticker.goodId = 10;
+        this._stockService.getPrintStockStickers(this.printSticker);
     }
     onOkClick() {
     }
@@ -1414,16 +1589,16 @@ StockInformationGridComponent.decorators = [
 
     <div class="stock-grid">
       <co-simple-grid *ngIf="activeTab === tabs[0] && hideOrShowTabs"
-                      [data]="stockInformation"
+                      [data]="articleStockInformation"
       >
-          <co-simple-grid-column [headerText]="'WAREHOUSE'" [field]="'warehouseNumber'"></co-simple-grid-column>
-          <co-simple-grid-column [headerText]="'DESCRIPTION'" [field]="'warehouseDescription'"></co-simple-grid-column>
-          <co-simple-grid-column [headerText]="'STOCK'" [field]="'amountInStock'"></co-simple-grid-column>
-          <co-simple-grid-column [headerText]="'AVAILABLE_STOCK'" [field]="'amountAvailable'"></co-simple-grid-column>
-          <co-simple-grid-column [headerText]="'ECONOMICAL_STOCK'" [field]="'amountLaterAvailable'"></co-simple-grid-column>
-          <co-simple-grid-column [headerText]="'LOCATION'" [field]="'location'">
-            <ng-template let-row="row">
-              <a [textContent]="'bekijken'" (click)="onLocationClick($event)"></a>
+          <co-simple-grid-column [headerText]="'WAREHOUSE'" [field]="'warehouseNo'"></co-simple-grid-column>
+          <co-simple-grid-column [headerText]="'DESCRIPTION'" [field]="'warehouseName'"></co-simple-grid-column>
+          <co-simple-grid-column [headerText]="'STOCK'" [field]="'technicalStock'"></co-simple-grid-column>
+          <co-simple-grid-column [headerText]="'AVAILABLE_STOCK'" [field]="'availableStock'"></co-simple-grid-column>
+          <co-simple-grid-column [headerText]="'ECONOMICAL_STOCK'" [field]="'economicalStock'"></co-simple-grid-column>
+          <co-simple-grid-column [headerText]="'LOCATION'" [field]="'locationNo'">
+            <ng-template #template let-row="row">
+              <span [textContent]="'bekijken'" (click)="onLocationClick(row)"></span>
             </ng-template>
           </co-simple-grid-column>
       </co-simple-grid>
@@ -1440,13 +1615,13 @@ StockInformationGridComponent.decorators = [
         <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 let-row="row">
-
+          <ng-template #template let-row="row">
+            <co-icon class="menu-icon" [iconData]="iconCacheService.getIcon(icons.DeliveryTruck)" (click)="handleStockTransferClick($event)"></co-icon>
           </ng-template>
         </co-simple-grid-column>
         <co-simple-grid-column [headerText]="'STICKER'" [field]="'sticker'">
-          <ng-template let-row="row">
-
+          <ng-template #template let-row="row">
+            <co-icon class="menu-icon" [iconData]="iconCacheService.getIcon(icons.Print)" (click)="openSendMethodDialog()"></co-icon>
           </ng-template>
         </co-simple-grid-column>
       </co-simple-grid>
@@ -1478,27 +1653,28 @@ StockInformationGridComponent.decorators = [
         </div>
       </div>
 
-      <co-simple-grid [data]="stockLocationInformation"
+<!--      TODO move to own component stock-location-->
+      <co-simple-grid [data]="stockLocationData"
       >
         <div class="stock-location-group">
           <div class="stock-location-left-group">
             <co-button class="stock-lines-button" [textContent]="'BACK_TO_STOCK_LINES'" (click)="handleBackToStockClick()"></co-button>
           </div>
         </div>
-        <co-simple-grid-column [headerText]="'WAREHOUSE'" [field]="'location'"></co-simple-grid-column>
-        <co-simple-grid-column [headerText]="'BATCH'" [field]="'batch'"></co-simple-grid-column>
+        <co-simple-grid-column [headerText]="'WAREHOUSE'" [field]="'warehouseName'"></co-simple-grid-column>
+        <co-simple-grid-column [headerText]="'BATCH'" [field]="'batchNo'"></co-simple-grid-column>
         <co-simple-grid-column [headerText]="'SERIAL_NO'" [field]="'serialNo'"></co-simple-grid-column>
-        <co-simple-grid-column [headerText]="'STOCK'" [field]="'amountInStock'"></co-simple-grid-column>
-        <co-simple-grid-column [headerText]="'ALLOCATED'" [field]="'allocated'"></co-simple-grid-column>
-        <co-simple-grid-column [headerText]="'AVAILABLE_STOCK'" [field]="'amountAvailable'"></co-simple-grid-column>
+        <co-simple-grid-column [headerText]="'STOCK'" [field]="'notAssignedStock'"></co-simple-grid-column>
+        <co-simple-grid-column [headerText]="'ALLOCATED'" [field]="'economicalStock'"></co-simple-grid-column>
+        <co-simple-grid-column [headerText]="'AVAILABLE_STOCK'" [field]="'availableStock'"></co-simple-grid-column>
         <co-simple-grid-column [headerText]="'TRANSFER'" [field]="'transfer'">
-          <ng-template let-row="row">
-              <span [textContent]="'Transfer'" (click)="handleStockTransferClick($event)"></span>
+          <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'" [field]="'sticker'">
-          <ng-template let-row="row">
-
+          <ng-template #template let-row="row">
+            <co-icon class="menu-icon" [iconData]="iconCacheService.getIcon(icons.Print)" (click)="openSendMethodDialog()"></co-icon>
           </ng-template>
         </co-simple-grid-column>
       </co-simple-grid>
@@ -1514,8 +1690,8 @@ StockInformationGridComponent.decorators = [
         <co-simple-grid-column [headerText]="'ALLOCATED'" [field]="'allocated'"></co-simple-grid-column>
         <co-simple-grid-column [headerText]="'AVAILABLE_STOCK'" [field]="'amountAvailable'"></co-simple-grid-column>
         <co-simple-grid-column [headerText]="'STICKER'" [field]="'sticker'">
-          <ng-template let-row="row">
-
+          <ng-template #template let-row="row">
+            <co-icon class="menu-icon" [iconData]="iconCacheService.getIcon(icons.Print)" (click)="openSendMethodDialog()"></co-icon>
           </ng-template>
         </co-simple-grid-column>
       </co-simple-grid>
@@ -1534,15 +1710,23 @@ StockInformationGridComponent.decorators = [
         </div>
       </div>
     </div>
+    <ione-send-method-dialog
+      [showDialog]="showSendMethodDialog"
+      (printButtonClicked)="printStockStickers()"
+    ></ione-send-method-dialog>
   `,
                 encapsulation: ViewEncapsulation.None
             },] }
 ];
 StockInformationGridComponent.ctorParameters = () => [
+    { type: IconCacheService },
     { type: StockService }
 ];
 StockInformationGridComponent.propDecorators = {
     stock: [{ type: ViewChild, args: [StockInformationGridComponent,] }],
+    articleStockInformation: [{ type: Input }],
+    stockHistoryInformation: [{ type: Input }],
+    stockLocationData: [{ type: Input }],
     locationLineClicked: [{ type: Output }],
     transferIconClicked: [{ type: Output }]
 };
@@ -1565,12 +1749,13 @@ class StockLocationComponent {
         this.backToStockLines.emit();
     }
     onStickerClick(event) {
-        console.log('test');
     }
     onOkClick() {
     }
     onCancelClick() {
     }
+    onSelectWarehouse(event) {
+    }
 }
 StockLocationComponent.decorators = [
     { type: Component, args: [{
@@ -1582,7 +1767,11 @@ StockLocationComponent.decorators = [
           <span class="stock-button-back" [textContent]="'BACK_TO_STOCK_LINES'" (click)="backToStockInformation()"></span>
         </div>
         <div class="dropdown-wrapper">
-          <co-drop-down-list></co-drop-down-list>
+          <co-drop-down-list
+            [collection]="allWarehouses"
+            [placeholder]="'WAREHOUSES'"
+            (modelChange)="onSelectWarehouse($event)"
+          ></co-drop-down-list>
         </div>
       </div>
 
@@ -1605,6 +1794,7 @@ StockLocationComponent.decorators = [
 ];
 StockLocationComponent.ctorParameters = () => [];
 StockLocationComponent.propDecorators = {
+    stockLocationInformation: [{ type: Input }],
     backToStockLines: [{ type: Output }]
 };
 
@@ -1622,7 +1812,6 @@ class StockTransferComponent {
         this.handleCancelClicked.emit();
     }
     handleSelectedWarehouse(event) {
-        console.log(event);
     }
     handleStickerClick() {
         return __awaiter(this, void 0, void 0, function* () {
@@ -1637,15 +1826,16 @@ StockTransferComponent.decorators = [
                 template: `
       <div class="stock-transfer">
         <div class="stock-transfer-columns">
+          <h1 [textContent]="'Nog niet geimplmenteerd'"></h1>
           <div *ngIf="article" class="stock-transfer-left-column">
             <co-input-text disabled
-                           [(model)]="article.standardWareHouse.description"
-                           [textContent]="article.standardWareHouse.description"
+                           [(model)]="article.warehouseNo"
+                           [textContent]="article.warehouseNo"
                            [placeholder]="'Standaard magazijn'">
             </co-input-text>
             <co-input-text disabled
-                           [(model)]="article.standardLocation"
-                           [textContent]="article.standardLocation"
+                           [(model)]="article.locationNo"
+                           [textContent]="article.locationNo"
                            [placeholder]="'Standaard locatie'">
             </co-input-text>
             <co-input-text disabled
@@ -1657,7 +1847,7 @@ StockTransferComponent.decorators = [
                            [placeholder]="'Serie'">
             </co-input-text>
             <co-input-text
-              [(model)]="article.amount"
+              [(model)]="article.amountAssigned"
               [placeholder]="'Aantal'">
 
             </co-input-text>
@@ -1703,97 +1893,6 @@ StockTransferComponent.propDecorators = {
     handleStickerClicked: [{ type: Output }]
 };
 
-/** AUTO GENERATED FILE. DO NOT CHANGE.. OR YOU WILL SUFFER THE CONSEQUENCES OF YOUR ACTIONS **/
-var Icon;
-(function (Icon) {
-    Icon["ArrowFatRight"] = "arrow_fat_right";
-    Icon["ArrowPointDown"] = "arrow_point_down";
-    Icon["ArrowPointLeft"] = "arrow_point_left";
-    Icon["ArrowPointRight"] = "arrow_point_right";
-    Icon["CalendarDay"] = "calendar_day";
-    Icon["Cancel"] = "cancel";
-    Icon["DeliveryTruck"] = "delivery_truck";
-    Icon["EditPencil"] = "edit_pencil";
-    Icon["Email"] = "email";
-    Icon["Pdf"] = "pdf";
-    Icon["PlusRound"] = "plus_round";
-    Icon["Print"] = "print";
-    Icon["SignatureField"] = "signature_field";
-    Icon["Tag"] = "tag";
-    Icon["ThickLines"] = "thick_lines";
-    Icon["ThinLines"] = "thin_lines";
-    Icon["Txt"] = "txt";
-    Icon["Xml"] = "xml";
-})(Icon || (Icon = {}));
-
-/** AUTO GENERATED FILE. DO NOT CHANGE.. OR YOU WILL SUFFER THE CONSEQUENCES OF YOUR ACTIONS **/
-const IconSvg = {
-    "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_down": "<svg version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" x=\"0px\" y=\"0px\" viewBox=\"-280 371 51 51\" enable-background=\"new -280 371 51 51\" ><path fill=\"#29363E\" d=\"M-248.3,392.2c0.3,0,0.6,0.1,0.8,0.3c0.5,0.5,0.5,1.2,0,1.6l-6.2,6.2c-0.2,0.2-0.5,0.3-0.8,0.3c-0.3,0-0.6-0.1-0.8-0.3l-6.2-6.2c-0.2-0.2-0.3-0.5-0.3-0.8c0-0.3,0.1-0.6,0.3-0.8c0.2-0.2,0.5-0.3,0.8-0.3c0.3,0,0.6,0.1,0.8,0.3l5.4,5.4l5.4-5.4C-248.9,392.4-248.6,392.2-248.3,392.2z\"/></svg>",
-    "arrow_point_left": "<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=\"M31.9,36.7l-14.7-9.6C17.1,27,17,26.9,17,26.7v-2.4c0-0.2,0.1-0.3,0.2-0.4l14.7-9.6c0.2-0.2,0.5-0.1,0.7,0.1l1.4,2.1c0.2,0.2,0.1,0.5-0.1,0.7l-12,7.8c-0.3,0.2-0.3,0.6,0,0.8l12,7.8c0.2,0.2,0.3,0.5,0.1,0.7l-1.4,2.1C32.4,36.8,32.1,36.8,31.9,36.7z\"/></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>",
-    "calendar_day": "<svg version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" x=\"0px\" y=\"0px\" viewBox=\"0 0 50 50\" enable-background=\"new 0 0 50 50\" ><g><path fill=\"#022D42\" d=\"M35.4,13.7H14.6c-0.6,0-1,0.5-1,1V20h22.9v-5.2C36.4,14.2,36,13.7,35.4,13.7z M19,18.8c-1,0-1.8-0.8-1.8-1.8c0-1,0.8-1.8,1.8-1.8c1,0,1.8,0.8,1.8,1.8C20.8,18,20,18.8,19,18.8z M31,18.8c-1,0-1.8-0.8-1.8-1.8c0-1,0.8-1.8,1.8-1.8s1.8,0.8,1.8,1.8C32.7,18,32,18.8,31,18.8z\"/><path fill=\"#022D42\" d=\"M35.4,22.3v12.6L31.3,39H14.6c0,0,0,0,0,0V22.3H35.4 M36.4,21.3H13.6V39c0,0.6,0.5,1,1,1h17.2l4.7-4.7V21.3L36.4,21.3z\"/><rect x=\"18.2\" y=\"10\" fill=\"#022D42\" width=\"1.6\" height=\"5.2\"/><rect x=\"30.2\" y=\"10\" fill=\"#022D42\" width=\"1.6\" height=\"5.2\"/><rect x=\"18.6\" y=\"30.5\" fill=\"#022D42\" width=\"3.4\" height=\"3.4\"/><rect x=\"19.1\" y=\"24.8\" opacity=\"0.1\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"19.1\" y=\"27.9\" opacity=\"0.25\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"19.1\" y=\"34.1\" opacity=\"0.25\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"22.2\" y=\"24.8\" opacity=\"0.1\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"22.2\" y=\"27.9\" opacity=\"0.25\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"22.2\" y=\"31\" opacity=\"0.25\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"22.2\" y=\"34.1\" opacity=\"0.25\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"25.4\" y=\"31\" opacity=\"0.25\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"25.4\" y=\"24.8\" opacity=\"0.25\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"25.4\" y=\"27.9\" opacity=\"0.25\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"25.4\" y=\"34.1\" opacity=\"0.25\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"31.6\" y=\"31\" opacity=\"0.25\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"31.6\" y=\"24.8\" opacity=\"0.25\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"31.6\" y=\"27.9\" opacity=\"0.25\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"28.5\" y=\"27.9\" opacity=\"0.25\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"28.5\" y=\"24.8\" opacity=\"0.25\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"28.5\" y=\"31\" opacity=\"0.25\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"28.5\" y=\"34.1\" opacity=\"0.25\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"16\" y=\"24.8\" opacity=\"0.1\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"16\" y=\"27.9\" opacity=\"0.25\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"16\" y=\"31\" opacity=\"0.25\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"16\" y=\"34.1\" opacity=\"0.25\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/></g></svg>",
-    "cancel": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><polygon points=\"36 35.16 30.45 35.16 14 14.84 19.55 14.84 36 35.16\" fill=\"#484f60\"/><polygon points=\"14 35.16 19.55 35.16 36 14.84 30.45 14.84 14 35.16\" fill=\"#484f60\"/></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>",
-    "edit_pencil": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><polygon points=\"12.54 38.16 12 37.62 14.85 29.64 20.52 35.31 12.54 38.16\" fill=\"#484f60\"/><rect x=\"16.33\" y=\"20.52\" width=\"17.99\" height=\"8.64\" transform=\"translate(-10.15 25.18) rotate(-45)\" fill=\"#484f60\"/><path d=\"M37.54,18.73,36,20.32l-6.11-6.1,1.59-1.59a1.55,1.55,0,0,1,2.2,0l3.91,3.9A1.55,1.55,0,0,1,37.54,18.73Z\" 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>",
-    "pdf": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><path d=\"M31.42,40.17H13.88c-2.16,0-2.72-.56-2.72-2.72V12.88c0-2.15.56-2.71,2.72-2.71h11.6l8.66,8.88v3.43H32.8V19.6l-7.88-8.09h-11c-1.38,0-1.38,0-1.38,1.37V37.45c0,1.37,0,1.37,1.38,1.37H31.42c1.38,0,1.38,0,1.38-1.37V35h1.34v2.43C34.14,39.61,33.58,40.17,31.42,40.17Z\" fill=\"#484f60\"/><path d=\"M27.83,26.63v4.24h1a3.57,3.57,0,0,0,.78-.06,1.22,1.22,0,0,0,.52-.26,1.44,1.44,0,0,0,.34-.62,4.13,4.13,0,0,0,.13-1.18,3.79,3.79,0,0,0-.13-1.14,1.51,1.51,0,0,0-.37-.62,1.14,1.14,0,0,0-.6-.3,5.93,5.93,0,0,0-1.06-.06Z\" fill=\"#484f60\"/><path d=\"M21.86,26.63v1.82h.71a3.57,3.57,0,0,0,1-.1A.88.88,0,0,0,24,28a.84.84,0,0,0,.14-.5.8.8,0,0,0-.2-.57.88.88,0,0,0-.52-.29,6.36,6.36,0,0,0-.93,0Z\" fill=\"#484f60\"/><path d=\"M19.14,24.27v9h19.7v-9Zm6.12,4.24a1.68,1.68,0,0,1-.54.63,1.9,1.9,0,0,1-.67.3,6.57,6.57,0,0,1-1.34.1h-.85V32H20.57V25.54h2.07a7.75,7.75,0,0,1,1.54.1,1.73,1.73,0,0,1,.93.63,2,2,0,0,1,.37,1.25A2,2,0,0,1,25.26,28.51Zm6.45,1.66A2.91,2.91,0,0,1,31,31.31a2.28,2.28,0,0,1-.91.51A4,4,0,0,1,29,32H26.54V25.54H28.9a4.21,4.21,0,0,1,1.22.13,2.08,2.08,0,0,1,1,.59,2.79,2.79,0,0,1,.61,1,4.76,4.76,0,0,1,.21,1.52A4.19,4.19,0,0,1,31.71,30.17Zm5.7-3.54h-3.1v1.52H37v1.08H34.31V32H33V25.54h4.39Z\" fill=\"#484f60\"/><path d=\"M25.2,10.84v6.44c0,1.78.27,2,2,2h6.23Z\" fill=\"#484f60\"/></svg>",
-    "plus_round": "<svg version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" x=\"0px\" y=\"0px\" viewBox=\"-288 379 35 35\" enable-background=\"new -288 379 35 35\" ><path fill=\"#29363E\" d=\"M-270.5,381.5c-8.3,0-15,6.7-15,15c0,8.3,6.7,15,15,15s15-6.7,15-15C-255.5,388.2-262.2,381.5-270.5,381.5z M-261.1,397.3c0,0.9-0.7,1.6-1.6,1.6h-5.5v5.5c0,0.9-0.7,1.6-1.6,1.6h-1.6c-0.9,0-1.6-0.7-1.6-1.6v-5.5h-5.5c-0.9,0-1.6-0.7-1.6-1.6v-1.6c0-0.9,0.7-1.6,1.6-1.6h5.5v-5.5c0-0.9,0.7-1.6,1.6-1.6h1.6c0.9,0,1.6,0.7,1.6,1.6v5.5h5.5c0.9,0,1.6,0.7,1.6,1.6V397.3z\"/></svg>",
-    "print": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><path d=\"M38,16.5H12a2,2,0,0,0-2,2v9a2,2,0,0,0,2,2h2v-5H36v5h2a2,2,0,0,0,2-2v-9A2,2,0,0,0,38,16.5ZM37,21a1.5,1.5,0,1,1,1.5-1.5A1.5,1.5,0,0,1,37,21Z\" fill=\"#484f60\"/><path d=\"M35,11.5v5H15v-5H35m1-1H14v7H36v-7Z\" fill=\"#484f60\"/><path d=\"M35,25.5v13H15v-13H35m1-1H14v15H36v-15Z\" fill=\"#484f60\"/><rect x=\"17\" y=\"28.3\" width=\"16\" height=\"0.8\" fill=\"#484f60\"/><rect x=\"17\" y=\"31.5\" width=\"16\" height=\"0.8\" fill=\"#484f60\"/><rect x=\"17\" y=\"34.7\" width=\"16\" height=\"0.8\" fill=\"#484f60\"/></svg>",
-    "signature_field": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><path d=\"M20.1,25.42a1.1,1.1,0,1,1,1.27,1.45l-3.3,9.07A63.13,63.13,0,0,1,28,28.3l1.26-12-8.26-3-6.77,10A62.4,62.4,0,0,1,17,35.54l3.3-9.07A1.12,1.12,0,0,1,20.1,25.42Z\" fill=\"#484f60\"/><rect x=\"21.62\" y=\"11.43\" width=\"8.79\" height=\"2.34\" transform=\"translate(5.88 -8.14) rotate(20)\" fill=\"#484f60\"/><path d=\"M18.11,37.48c1.44,2.65,4.58,2.94,7.23,2.1,1.41-.44,2.2-1.49,3.44-2.06,2.42-1.1,3.13,1.2,5.36,1.37.42,0,2-.65,1.54-.68-2.55-.19-2.93-3.13-5.51-2.65a4.9,4.9,0,0,0-1.64.71c-.77.49-1.31,1.62-2.07,2l-4.61.56A3.38,3.38,0,0,1,20,37c-.22-.41-2,.28-1.85.5Z\" fill=\"#484f60\"/></svg>",
-    "tag": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><path d=\"M40,29.15v-.68a5.28,5.28,0,0,0-1.34-3.25L24.78,11.34A5.34,5.34,0,0,0,21.53,10H11.9A1.91,1.91,0,0,0,10,11.9v9.63a5.28,5.28,0,0,0,1.34,3.25L25.22,38.66A5.28,5.28,0,0,0,28.47,40h.68a5.28,5.28,0,0,0,3.24-1.34l6.27-6.27A5.28,5.28,0,0,0,40,29.15ZM13.13,16.72a2.54,2.54,0,1,1,3.59,0A2.55,2.55,0,0,1,13.13,16.72Zm15.9,19L17.84,24.55l1.34-1.34L30.37,34.4Zm2.69-2.69L20.52,21.87l1.35-1.35,11.19,11.2Zm2.68-2.69L23.21,19.18l1.34-1.34L35.75,29Z\" fill=\"#484f60\"/></svg>",
-    "thick_lines": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><rect x=\"10\" y=\"12.67\" width=\"30\" height=\"7\" fill=\"#484f60\"/><rect x=\"10\" y=\"21.67\" width=\"30\" height=\"7\" fill=\"#484f60\"/><rect x=\"10\" y=\"30.67\" width=\"30\" height=\"7\" fill=\"#484f60\"/></svg>",
-    "thin_lines": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><rect x=\"10\" y=\"14.17\" width=\"30\" height=\"4\" fill=\"#484f60\"/><rect x=\"10\" y=\"20.17\" width=\"30\" height=\"4\" fill=\"#484f60\"/><rect x=\"10\" y=\"26.17\" width=\"30\" height=\"4\" fill=\"#484f60\"/><rect x=\"10\" y=\"32.17\" width=\"30\" height=\"4\" fill=\"#484f60\"/></svg>",
-    "txt": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><path d=\"M31.42,40.17H13.87c-2.15,0-2.71-.56-2.71-2.72V12.88c0-2.15.56-2.71,2.71-2.71H25.48l8.66,8.88v3.43H32.8V19.6l-7.88-8.09H13.87c-1.37,0-1.37,0-1.37,1.37V37.45c0,1.37,0,1.37,1.37,1.37H31.42c1.38,0,1.38,0,1.38-1.37V35h1.34v2.43C34.14,39.61,33.58,40.17,31.42,40.17Z\" fill=\"#484f60\"/><path d=\"M25.2,10.84v6.44c0,1.78.27,2,2,2h6.23Z\" fill=\"#484f60\"/><path d=\"M19.14,24.27v9h19.7v-9Zm6.68,2.36h-1.9V32h-1.3V26.63h-1.9V25.54h5.1ZM30.4,32,29,29.74,27.55,32H26l2.19-3.34-2-3.07h1.52L29,27.6l1.26-2.06h1.5l-2,3.12L32,32Zm6.86-5.32h-1.9V32H34.07V26.63H32.16V25.54h5.1Z\" fill=\"#484f60\"/></svg>",
-    "xml": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><path d=\"M31.42,40.17H13.87c-2.15,0-2.71-.56-2.71-2.72V12.88c0-2.15.56-2.71,2.71-2.71H25.48l8.66,8.88v3.43H32.8V19.6l-7.88-8.09H13.87c-1.37,0-1.37,0-1.37,1.37V37.45c0,1.37,0,1.37,1.37,1.37H31.42c1.38,0,1.38,0,1.38-1.37V35h1.34v2.43C34.14,39.61,33.58,40.17,31.42,40.17Z\" fill=\"#484f60\"/><path d=\"M25.2,10.84v6.44c0,1.78.27,2,2,2h6.23Z\" fill=\"#484f60\"/><path d=\"M19.14,24.27v9h19.7v-9Zm5.36,7.41-1.3-2-1.3,2H20.48l2-3.06-1.81-2.8h1.38l1.18,1.88,1.15-1.88h1.37l-1.83,2.85,2,3Zm7.67,0h-1.1V27.07l-1.16,4.61H28.77l-1.16-4.61v4.61H26.52V25.82h1.76l1.07,4,1-4h1.77Zm5.33,0H33.38V25.87h1.18v4.82H37.5Z\" fill=\"#484f60\"/></svg>"
-};
-
-class IconCacheService {
-    constructor(_sanitizer) {
-        this._sanitizer = _sanitizer;
-        this._iconCache = {};
-        this.setIconCache();
-    }
-    /**
-     * All the icons as a large JSON object, from the all-icons.json file.
-     * The object has property keys that are the icon names, and property values with the data string of the actual svg icon.
-     */
-    get iconCache() {
-        return this._iconCache;
-    }
-    getIcon(iconName) {
-        if (iconName) {
-            return this._iconCache[iconName.toLowerCase()];
-        }
-    }
-    getIconAsBase64(iconName) {
-        const icon = IconSvg[iconName];
-        const base64Data = window.btoa(icon);
-        return this._sanitizer.bypassSecurityTrustUrl(`data:image/svg+xml;base64,${base64Data}`);
-    }
-    getRawIcon(iconName) {
-        if (iconName) {
-            return IconSvg[iconName.toLowerCase()];
-        }
-    }
-    setIconCache() {
-        for (const key in IconSvg) {
-            if (IconSvg.hasOwnProperty(key) && typeof IconSvg[key] !== "function") {
-                this._iconCache[key.toLowerCase()] = this._sanitizer.bypassSecurityTrustHtml(IconSvg[key]);
-            }
-        }
-    }
-}
-IconCacheService.ɵprov = i0.ɵɵdefineInjectable({ factory: function IconCacheService_Factory() { return new IconCacheService(i0.ɵɵinject(i1.DomSanitizer)); }, token: IconCacheService, providedIn: "root" });
-IconCacheService.decorators = [
-    { type: Injectable, args: [{
-                providedIn: "root"
-            },] }
-];
-IconCacheService.ctorParameters = () => [
-    { type: DomSanitizer }
-];
-
 var SendOption;
 (function (SendOption) {
     SendOption[SendOption["Email"] = 0] = "Email";
@@ -1833,6 +1932,13 @@ class SendMethodDialogComponent {
     showClass() {
         return true;
     }
+    getPrinters() {
+        return __awaiter(this, void 0, void 0, function* () {
+            return this._stockService.getAllPrinters(true).then((list) => {
+                this.printerList = list;
+            });
+        });
+    }
     closeDialogClick() {
         this.showDialog = false;
     }
@@ -1843,6 +1949,7 @@ class SendMethodDialogComponent {
         this.printButtonClicked.emit();
     }
     togglePrinterSelection() {
+        this.getPrinters();
         if (!this.showPrinterSelections) {
             this.showPrinterSelections = true;
             this.headerTitle = 'Printer selectie';
@@ -1852,6 +1959,14 @@ class SendMethodDialogComponent {
             this.headerTitle = 'Verzendopties';
         }
     }
+    loadLayouts() {
+        const printJob = new PrintJob();
+        // this.printLayouts = this._stockService.getPrintTemplates(printJob);
+    }
+    onPrinterClicked(printer) {
+        this.defaultPrinter = printer.name;
+        this.showPrinterSelections = !this.showPrinterSelections;
+    }
 }
 SendMethodDialogComponent.decorators = [
     { type: Component, args: [{
@@ -1913,9 +2028,9 @@ SendMethodDialogComponent.decorators = [
                 <div class="selected-printer-wrapper">
                   <div class="printer-option-list-item">
                     <co-icon class="printer-icon" [iconData]="iconCacheService.getIcon(icons.Print)"></co-icon>
-                    <div class="printer-details">
+                    <div class="printer-details" *ngIf="printerList">
                       <span class="printer-name" [textContent]="defaultPrinter"></span>
-                      <span class="printer-status" [textContent]="'Online'"></span>
+                      <span class="printer-status" [textContent]="defaultPrinter.acceptingJobs"></span>
                     </div>
                   </div>
                   <co-icon class="select-printer-arrow" [iconData]="iconCacheService.getIcon(icons.ArrowPointRight)"></co-icon>
@@ -1960,12 +2075,12 @@ SendMethodDialogComponent.decorators = [
           </div>
 
           <div class="printer-content-container" @slideInOut *ngIf="showPrinterSelections">
-            <div class="selected-printer-wrapper selection clickable" *ngFor="let printers of printerList" (click)="togglePrinterSelection()">
+            <div class="selected-printer-wrapper selection clickable" *ngFor="let printers of printerList" (click)="onPrinterClicked(printers)">
               <div class="printer-option-list-item">
                 <co-icon class="printer-icon" [iconData]="iconCacheService.getIcon(icons.Print)"></co-icon>
                 <div class="printer-details">
                   <span class="printer-name" [textContent]="printers.name"></span>
-                  <span class="printer-status" [textContent]="'Online'"></span>
+                  <span class="printer-status" [textContent]="printers.acceptingJobs"></span>
                 </div>
               </div>
               <co-icon class="select-printer-arrow" *ngIf="!showPrinterSelections"
@@ -2013,7 +2128,8 @@ SendMethodDialogModule.decorators = [
                     InputComboBoxModule,
                     IconModule,
                     InputNumberPickerModule,
-                    CoDialogWizardModule
+                    CoDialogWizardModule,
+                    ButtonModule
                 ],
                 exports: [
                     SendMethodDialogComponent
@@ -2035,7 +2151,8 @@ StockModule.decorators = [
                     SimpleGridModule,
                     ImageModule,
                     InputTextModule,
-                    SendMethodDialogModule
+                    SendMethodDialogModule,
+                    IconModule
                 ],
                 declarations: [
                     StockComponent,