@colijnit/sharedcomponents 1.0.19 → 1.0.21

package/fesm2015/colijnit-sharedcomponents.js

@@ -1,12 +1,13 @@
 import { __awaiter } from 'tslib';
 import * as i0 from '@angular/core';
-import { EventEmitter, Component, ViewEncapsulation, ViewChild, ElementRef, Input, Output, HostBinding, NgModule, Injectable, HostListener } from '@angular/core';
+import { EventEmitter, Component, ViewEncapsulation, ViewChild, ElementRef, Input, Output, HostBinding, NgModule, Injectable, ChangeDetectorRef, HostListener } from '@angular/core';
 import { trigger, state, style, transition, animate } from '@angular/animations';
 import { PDFDocument } from 'pdf-lib';
 import * as PDFJS from 'pdfjs-dist/legacy/build/pdf';
 import pdfjsWorker from 'pdfjs-dist/build/pdf.worker.entry';
 import { CommonModule } from '@angular/common';
 import SignaturePad from 'signature_pad';
+import { PrintStockStickers } from '@colijnit/sharedapi/build/model/print-stock-stickers';
 import { Articles } from '@colijnit/articleapi/build/articles';
 import { Sharedapi } from '@colijnit/sharedapi/build/sharedapi';
 import { Printer } from '@colijnit/sharedapi/build/model/report/printer.bo';
@@ -23,21 +24,23 @@ import { MapPropertyDecorator } from '@colijnit/articleapi/build/factory/decorat
 import { BooleanTextDecorator as BooleanTextDecorator$1 } from '@colijnit/articleapi/build/factory/decorators/boolean.decorator';
 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 { ArticleStockBo } from '@colijnit/articleapi/build/model/article-stock.bo';
+import { ArticleStock } 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 { StockStickersPrintLayouts } 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 { PrintStockStickers as PrintStockStickers$1 } from '@colijnit/articleapi/build/model/print-stock-stickers';
+import { ArticleTransaction } from '@colijnit/articleapi/build/model/article-transaction.bo';
+import { BehaviorSubject } from 'rxjs';
+import { PrintPriceStickers } from '@colijnit/sharedapi/build/model/print-price-stickers.bo';
 import { GetStockHistoryRequest } from '@colijnit/articleapi/build/model/get-stock-history-request';
-import { ArticleStock } from '@colijnit/articleapi/build/model/article-stock';
+import { ArticleStock as ArticleStock$1 } 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() {
@@ -1048,23 +1051,234 @@ class BusinessObjectFactory {
     }
 }
 
-class IoneConnectorAdapterService {
+var LanguageCode;
+(function (LanguageCode) {
+    LanguageCode["Dutch"] = "nl-NL";
+    LanguageCode["English"] = "en-GB";
+    LanguageCode["German"] = "de-DE";
+    LanguageCode["French"] = "fr-FR";
+})(LanguageCode || (LanguageCode = {}));
+
+// Static utility functions holder related to strings.
+class StringUtils {
+    /**
+     * Returns a new string where given placeholder in given source string are replaced by given replacement texts.
+     *
+     * Example usage:
+     *
+     * source = "ABCDABCD"
+     * placeholder = "BC"
+     * replacementTexts = "Z", "Z" (REST arguments)
+     * OUTPUT = "AZDAZD"
+     *
+     * @param {string} source
+     * @param {string} placeholder
+     * @param {string} replacementTexts If only one is given, this function replaces all placeholders with that single replacementText.
+     * If more are given, placeholders without a corresponding replacementText will remain their original placeholder characters.
+     */
+    static ReplaceOccurrencesIn(source, placeholder, ...replacementTexts) {
+        // parameter guards
+        if (!(source)) {
+            return undefined;
+        }
+        if (!placeholder || replacementTexts.length === 0) {
+            return source;
+        }
+        let outString = source;
+        // one replacementText means replace for all
+        if (replacementTexts.length === 1) {
+            // "g" is the g flag to replace globally
+            outString = outString.replace(placeholder, replacementTexts[0]);
+        }
+        else {
+            // replace occurence i by replacementTexts[i], one at a time in loop (there might be a faster way..)
+            for (let i = 0, len = replacementTexts.length; i < len; i++) {
+                outString = outString.replace(placeholder, replacementTexts[i]);
+            }
+        }
+        return outString;
+    }
+    // Returns the given argument as a string. Returns given defaultValue if conversion of argument to string was impossible.
+    static ParseString(arg, defaultValue = "") {
+        if (!StringUtils.IsString(arg)) {
+            if (arg && typeof arg.toString === "function") {
+                arg = arg.toString();
+            }
+            else {
+                arg = defaultValue;
+            }
+        }
+        return arg;
+    }
+    static IsString(str) {
+        return typeof str === 'string';
+    }
+    // Returns whether given str is a string and has a length > 0.
+    static IsStringWithLength(str) {
+        return str && StringUtils.IsString(str) && str.length > 0;
+    }
+    // Returns given string, escaped for use as string literal in regular expressions.
+    static _escapeRegExp(str) {
+        return str; // .replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^$\|]/g, "\\$&");
+    }
+}
+
+class Dictionary {
     constructor() {
-        this._boFactory = new BusinessObjectFactory();
+        this.strings = {
+            "nl": {},
+            "de": {},
+            "fr": {},
+            "en": {},
+        };
+    }
+}
+
+// The localization service, providing peers with text translation functionality.
+class DictionaryService {
+    constructor() {
+        this.dictionaryUrl = "js/browser/res/dictionary/";
+        // private _dictionaryPromise: Map<LanguageCode, Promise<{ [key: string]: string }>> = new Map<LanguageCode, Promise<{ [key: string]: string }>>();
+        this._dictionaries = new Map();
+        // Some dictionary values have one or more '|~' texts in them, meant to be replaced with client-side given texts.
+        this._placeholder = "|~";
+    }
+    get language() {
+        return this._language;
     }
-    connect(options) {
+    set rootUrl(value) {
+        this._rootUrl = value;
+        this._dictBasePath = this._rootUrl + "/" + this.dictionaryUrl;
+    }
+    // Loads the dictionary for given language in memory.
+    setDictionary(language) {
         return __awaiter(this, void 0, void 0, function* () {
-            if (this.options === undefined) {
-                this.options = options;
-                this.connector = new Articles(options);
-                this.sharedConnector = new Sharedapi(options);
-                this.options.session = this.connector.session && this.sharedConnector.session;
+            this._language = language || LanguageCode.Dutch;
+            this._loadDictionary();
+        });
+    }
+    _loadDictionary() {
+        if (!this._dictionaries.has(this._language)) {
+            const dictionary = new Dictionary();
+            // eslint-disable-next-line no-magic-numbers
+            if (dictionary.strings[this._language.substr(0, 2).toLowerCase()] !== undefined) {
+                // eslint-disable-next-line no-magic-numbers
+                this._dictionaries.set(this._language, dictionary.strings[this._language.substr(0, 2).toLowerCase()]);
             }
+        }
+    }
+    /**
+     * Returns the localized text for the given dictionary key.
+     * @param {string} key
+     * @param {boolean} [upperCaseFirst = true] False for first letter lowercase, true for first letter uppercase for returned dict val
+     * @param {string[]} replacementTexts Rest params for replacement of '|~' in returned dict value
+     * @returns {string} The translated text for given dictionary key
+     */
+    get(key, upperCaseFirst = true, ...replacementTexts) {
+        if (!StringUtils.IsStringWithLength(key)) {
+            return key || "";
+        }
+        if (this.language === undefined) {
+            this._language = LanguageCode.Dutch;
+            this._loadDictionary();
+        }
+        let text = this._dictionaries.get(this.language)[key];
+        text = StringUtils.IsStringWithLength(text) ? text : key;
+        if (upperCaseFirst) {
+            text = text.charAt(0).toUpperCase() + text.slice(1);
+        }
+        else {
+            text = text.charAt(0).toLowerCase() + text.slice(1);
+        }
+        if (replacementTexts.length > 0) {
+            text = StringUtils.ReplaceOccurrencesIn(text, this._placeholder, ...replacementTexts);
+        }
+        return text;
+    }
+}
+DictionaryService.ɵprov = i0.ɵɵdefineInjectable({ factory: function DictionaryService_Factory() { return new DictionaryService(); }, token: DictionaryService, providedIn: "root" });
+DictionaryService.decorators = [
+    { type: Injectable, args: [{
+                providedIn: "root"
+            },] }
+];
+DictionaryService.ctorParameters = () => [];
+
+class OptionsService {
+    constructor(_dictionary) {
+        this._dictionary = _dictionary;
+        this.optionsInitialized = new BehaviorSubject(false);
+        this.optionsLoaded = new BehaviorSubject(false);
+    }
+    set options(value) {
+        this._options = value;
+    }
+    get options() {
+        return this._options;
+    }
+    createSettingsFromObject(obj) {
+        return __awaiter(this, void 0, void 0, function* () {
+            this.options = new Object();
+            if (obj.hasOwnProperty("url")) {
+                this.options.url = obj["url"];
+            }
+            if (obj.hasOwnProperty("schema")) {
+                this.options.schema = obj["schema"];
+            }
+            if (obj.hasOwnProperty("version")) {
+                this.options.version = obj["version"];
+            }
+            if (obj.hasOwnProperty("languageCode")) {
+                this.options.languageCode = obj["languageCode"];
+            }
+            else {
+                this.options.languageCode = "NL";
+            }
+            if (obj.hasOwnProperty("username")) {
+                this.options.username = obj["username"];
+            }
+            if (obj.hasOwnProperty("password")) {
+                this.options.password = obj["password"];
+            }
+            if (obj.hasOwnProperty("session")) {
+                this.options.session = obj["session"];
+            }
+            if (obj.hasOwnProperty("useLoginEncryption")) {
+                this.options.useLoginEncryption = obj["useLoginEncryption"];
+            }
+            this.optionsLoaded.next(true);
         });
     }
-    disconnect() {
+    initialize(options) {
         return __awaiter(this, void 0, void 0, function* () {
-            this.options = undefined;
+            if (options) {
+                yield this.createSettingsFromObject(options);
+                yield this._dictionary.setDictionary(this.options.languageCode);
+                this.optionsInitialized.next(true);
+            }
+        });
+    }
+}
+OptionsService.ɵprov = i0.ɵɵdefineInjectable({ factory: function OptionsService_Factory() { return new OptionsService(i0.ɵɵinject(DictionaryService)); }, token: OptionsService, providedIn: "root" });
+OptionsService.decorators = [
+    { type: Injectable, args: [{
+                providedIn: "root"
+            },] }
+];
+OptionsService.ctorParameters = () => [
+    { type: DictionaryService }
+];
+
+class SharedConnectorService {
+    constructor(_optionsService) {
+        this._optionsService = _optionsService;
+        this._boFactory = new BusinessObjectFactory();
+    }
+    connect() {
+        return __awaiter(this, void 0, void 0, function* () {
+            this.connector = new Articles(this._optionsService.options);
+            this.sharedConnector = new Sharedapi(this._optionsService.options);
+            this._optionsService.options.session = this.connector.session && this.sharedConnector.session;
         });
     }
     getAllPrinters(showAll = true) {
@@ -1099,13 +1313,13 @@ class IoneConnectorAdapterService {
             });
         });
     }
-    getStockStickerPrintLayouts(stockStickersPrintLayoutsBo) {
+    getPrintPriceStickers(request) {
         return __awaiter(this, void 0, void 0, function* () {
             return new Promise((resolve, reject) => {
-                return this.sharedConnector.getStockStickerPrintLayouts(stockStickersPrintLayoutsBo).then((result) => {
+                return this.sharedConnector.printPriceStickers(request).then((result) => {
                     if (result.validationResult && result.validationResult.success) {
                         if (result.resultObject) {
-                            resolve(this._boFactory.makeWithRawBackendData(stockStickersPrintLayoutsBo, result.resultObject));
+                            resolve(this._boFactory.makeWithRawBackendData(PrintPriceStickers, result.resultObject));
                         }
                     }
                     else {
@@ -1115,6 +1329,19 @@ class IoneConnectorAdapterService {
             });
         });
     }
+    // public async getStockStickerPrintLayouts(stockStickersPrintLayouts: StockStickersPrintLayouts): Promise<StockStickersPrintLayouts[]> {
+    //   return new Promise((resolve: Function, reject: Function) => {
+    //     return this.sharedConnector.getStockStickerPrintLayouts(stockStickersPrintLayouts).then((result: DataServiceResponse) => {
+    //       if (result.validationResult && result.validationResult.success) {
+    //         if (result.resultObject) {
+    //           resolve(this._boFactory.makeWithRawBackendData(stockStickersPrintLayouts, result.resultObject));
+    //         }
+    //       } else {
+    //         reject(result.validationMessagesAsString);
+    //       }
+    //     })
+    //   })
+    // }
     getArticleFullObject(goodId) {
         return __awaiter(this, void 0, void 0, function* () {
             return new Promise((resolve, reject) => {
@@ -1152,7 +1379,7 @@ class IoneConnectorAdapterService {
                 return this.connector.getStockInformation(data).then((result) => {
                     if (result.validationResult && result.validationResult.success) {
                         if (result.resultObjects) {
-                            resolve(this._boFactory.makeBOArrayFromRawBackendDataArray(ArticleStockBo, result.resultObjects));
+                            resolve(this._boFactory.makeBOArrayFromRawBackendDataArray(ArticleStock, result.resultObjects));
                         }
                     }
                     else {
@@ -1262,7 +1489,23 @@ class IoneConnectorAdapterService {
                 return this.sharedConnector.getStockStickerPrintLayouts(data).then((result) => {
                     if (result.validationResult && result.validationResult.success) {
                         if (result.resultObject) {
-                            resolve(this._boFactory.makeBOArrayFromRawBackendDataArray(StockStickersPrintLayoutsBo, result.resultObject));
+                            resolve(this._boFactory.makeBOArrayFromRawBackendDataArray(StockStickersPrintLayouts, result.resultObject));
+                        }
+                    }
+                    else {
+                        reject(result.validationMessagesAsString);
+                    }
+                });
+            });
+        });
+    }
+    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 {
@@ -1276,102 +1519,147 @@ class IoneConnectorAdapterService {
         return this.connector.commit();
     }
 }
-IoneConnectorAdapterService.ɵprov = i0.ɵɵdefineInjectable({ factory: function IoneConnectorAdapterService_Factory() { return new IoneConnectorAdapterService(); }, token: IoneConnectorAdapterService, providedIn: "root" });
-IoneConnectorAdapterService.decorators = [
+SharedConnectorService.ɵprov = i0.ɵɵdefineInjectable({ factory: function SharedConnectorService_Factory() { return new SharedConnectorService(i0.ɵɵinject(OptionsService)); }, token: SharedConnectorService, providedIn: "root" });
+SharedConnectorService.decorators = [
     { type: Injectable, args: [{
                 providedIn: "root"
             },] }
 ];
-IoneConnectorAdapterService.ctorParameters = () => [];
+SharedConnectorService.ctorParameters = () => [
+    { type: OptionsService }
+];
 
-class StockService {
-    constructor(_connector) {
-        this._connector = _connector;
+class SharedService {
+    constructor(options, connector) {
+        this.options = options;
+        this.connector = connector;
     }
-    connectConnector(options) {
-        this._connector.connect(options);
+    init(options) {
+        return __awaiter(this, void 0, void 0, function* () {
+            yield this.options.initialize(options);
+            this.connector.connect();
+        });
     }
-    // public async getPrintStockStickers(data: PrintStockStickers): Promise<void> {
-    //   await this._connector.getPrintStockStickers(data);
-    // }
-    getAllPrinters(showAll = true) {
+}
+SharedService.ɵprov = i0.ɵɵdefineInjectable({ factory: function SharedService_Factory() { return new SharedService(i0.ɵɵinject(OptionsService), i0.ɵɵinject(SharedConnectorService)); }, token: SharedService, providedIn: "root" });
+SharedService.decorators = [
+    { type: Injectable, args: [{
+                providedIn: "root"
+            },] }
+];
+SharedService.ctorParameters = () => [
+    { type: OptionsService },
+    { type: SharedConnectorService }
+];
+
+class StockService extends SharedService {
+    constructor() {
+        super(...arguments);
+        this.printSticker = new PrintStockStickers();
+        this.printPriceSticker = new PrintPriceStickers();
+    }
+    getPrintStockStickers(data) {
         return __awaiter(this, void 0, void 0, function* () {
-            return yield this._connector.getAllPrinters(showAll);
+            yield this.connector.getPrintStockStickers(data);
         });
     }
-    getStockHistory(data) {
+    getPrintPriceStickers(data) {
         return __awaiter(this, void 0, void 0, function* () {
-            return yield this._connector.getStockHistory(data);
+            yield this.connector.getPrintPriceStickers(data);
         });
     }
-    getStockInformation(data) {
+    getAllPrinters(showAll = true) {
         return __awaiter(this, void 0, void 0, function* () {
-            return yield this._connector.getStockInformation(data);
+            return yield this.connector.getAllPrinters(showAll);
         });
     }
-    getStockStickerPrintLayouts(data) {
+    getStockHistory(data) {
         return __awaiter(this, void 0, void 0, function* () {
-            return yield this._connector.getStockStickerPrintLayouts(data);
+            return yield this.connector.getStockHistory(data);
         });
     }
+    getStockInformation(data) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return yield this.connector.getStockInformation(data);
+        });
+    }
+    // public async getStockStickerPrintLayouts(data: StockStickersPrintLayouts): Promise<StockStickersPrintLayouts[]> {
+    //   return await this._connector.getStockStickerPrintLayouts(data);
+    // }
     getArticleDetails(data) {
         return __awaiter(this, void 0, void 0, function* () {
-            return yield this._connector.getArticleDetails(data);
+            return yield this.connector.getArticleDetails(data);
         });
     }
     updateArticleDetails(data) {
         return __awaiter(this, void 0, void 0, function* () {
-            return yield this._connector.updateArticleDetails(data);
+            return yield this.connector.updateArticleDetails(data);
         });
     }
     getStockState() {
         return __awaiter(this, void 0, void 0, function* () {
-            return yield this._connector.getStockStatus();
+            return yield this.connector.getStockStatus();
         });
     }
     getStockStickerTemplates(data) {
         return __awaiter(this, void 0, void 0, function* () {
-            return yield this._connector.getStockStickerTemplates(data);
+            return yield this.connector.getStockStickerTemplates(data);
         });
     }
     getStockManagementWarehouses() {
         return __awaiter(this, void 0, void 0, function* () {
-            return yield this._connector.getStockManagementWarehouses();
+            return yield this.connector.getStockManagementWarehouses();
         });
     }
     getStockManagementLocations(warehouseNo) {
         return __awaiter(this, void 0, void 0, function* () {
-            return yield this._connector.getStockManagementLocations(warehouseNo);
+            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);
+            return yield this.connector.lockArticleDetails(data);
         });
     }
     commit() {
-        return this._connector.commit();
+        return this.connector.commit();
     }
 }
+StockService.ɵprov = i0.ɵɵdefineInjectable({ factory: function StockService_Factory() { return new StockService(i0.ɵɵinject(OptionsService), i0.ɵɵinject(SharedConnectorService)); }, token: StockService, providedIn: "root" });
 StockService.decorators = [
-    { type: Injectable }
-];
-StockService.ctorParameters = () => [
-    { type: IoneConnectorAdapterService }
+    { type: Injectable, args: [{
+                providedIn: 'root',
+            },] }
 ];
 
 class StockComponent {
-    constructor(stockService) {
+    constructor(stockService, _optionsService) {
         this.stockService = stockService;
+        this._optionsService = _optionsService;
         this.handleStickerClicked = new EventEmitter();
         this.showStockInformationGrid = true;
         this.showStockLocation = false;
         this.showStockTransfer = false;
         this.allAvailableStock = 0;
         this.allTechnicalStock = 0;
+        this._publicOptions = true;
     }
     set options(value) {
-        this.stockService.connectConnector(value);
+        if (value) {
+            if (typeof value === "string") {
+                this._options = JSON.parse(value);
+            }
+            else {
+                this._options = value;
+            }
+            this._publicOptions = true;
+            this._optionsService.initialize(this._options).then();
+        }
     }
     set article(article) {
         this.articleExtended = article;
@@ -1389,7 +1677,7 @@ class StockComponent {
         this.stockTransferArticleDetails = event;
         this.showStockTransfer = !this.showStockTransfer;
         this.showStockInformationGrid = !this.showStockInformationGrid;
-        this.stockService.stockStickers = new PrintStockStickers$1();
+        this.stockService.stockStickers = new PrintStockStickers();
     }
     backToStock() {
         this.showStockTransfer = !this.showStockTransfer;
@@ -1405,7 +1693,7 @@ class StockComponent {
     }
     getStockInformation(data) {
         return __awaiter(this, void 0, void 0, function* () {
-            const articleData = new ArticleStock();
+            const articleData = new ArticleStock$1();
             articleData.goodId = data.goodId.toString();
             articleData.viewKind = "M";
             this.stockInformation = yield this.stockService.getStockInformation(articleData);
@@ -1454,7 +1742,8 @@ StockComponent.decorators = [
             },] }
 ];
 StockComponent.ctorParameters = () => [
-    { type: StockService }
+    { type: StockService },
+    { type: OptionsService }
 ];
 StockComponent.propDecorators = {
     stock: [{ type: ViewChild, args: [StockComponent,] }],
@@ -1611,7 +1900,7 @@ class StockInformationGridComponent {
         this.showSendMethodDialog = false;
         this.hideOrShowTabs = true;
         this.dataWareHouseFields = { text: "warehouseDescription", value: "warehouseNo" };
-        this.articleStockSearchInfo = new ArticleStock();
+        this.articleStockSearchInfo = new ArticleStock$1();
         this.showChangeStockDetails = false;
         this.articleDetailsInformation = new ArticleStockManagement();
         this.tabs = [
@@ -1634,7 +1923,6 @@ class StockInformationGridComponent {
         }
     }
     handleTabClick(tabData) {
-        console.log(tabData);
         this.activeTab = tabData;
         if (this.activeTab === "IN_ORDER2") {
             this.getInOrderData();
@@ -1647,13 +1935,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() {
@@ -1675,15 +1963,16 @@ class StockInformationGridComponent {
             this.activeTab = this.tabs[0];
             this.hideOrShowTabs = true;
             this.hideOrShowLocationTab = false;
+            this.articleDetails = undefined;
         });
     }
-    openSendMethodDialog() {
+    openSendMethodDialog(data) {
+        this._stockService.printSticker.goodId = data.goodId;
+        this._stockService.printSticker.warehouse = data.warehouseNo;
         this.showSendMethodDialog = !this.showSendMethodDialog;
     }
     printStockStickers() {
-        this.printSticker = new PrintStockStickers();
-        this.printSticker.goodId = 10;
-        // this._stockService.getPrintStockStickers(this.printSticker);
+        this._stockService.getPrintStockStickers(this._stockService.printSticker);
     }
     onOkClick() {
     }
@@ -1710,8 +1999,7 @@ class StockInformationGridComponent {
     }
     onSelectWarehouse(event) {
         this.articleDetailsInformation.warehouseNumber = event;
-        console.log(event);
-        if (this.dataWareHouseCode != null) {
+        if (this.selectedWarehouse || this.selectedWarehouse === 0) {
             this._stockService.getArticleDetails(this.articleDetailsInformation).then((details) => {
                 this.articleDetails = details;
             });
@@ -1719,22 +2007,22 @@ class StockInformationGridComponent {
     }
     getInOrderData() {
         return __awaiter(this, void 0, void 0, function* () {
-            const inOrderData = new GetStockHistoryRequest();
-            inOrderData.type = "O";
+            const inOrderData = new ArticleTransaction$1();
+            inOrderData.type = "V";
             inOrderData.goodId = this.articleStockInformation[0].goodId.toString();
-            // inOrderData.wareHouseNr = Number(this.articleStockInformation[0].warehouseNo);
-            this.inOrderInformation = yield this._stockService.getStockHistory(inOrderData);
+            this.inOrderInformation = yield this._stockService.getArticleTransaction(inOrderData);
         });
     }
     getOrderData() {
         return __awaiter(this, void 0, void 0, function* () {
-            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);
+            const orderData = new ArticleTransaction$1();
+            orderData.type = "V";
+            orderData.goodId = this.articleStockInformation[0].goodId.toString();
+            this.orderInformation = yield this._stockService.getArticleTransaction(orderData);
         });
     }
+    addNewRow() {
+    }
 }
 StockInformationGridComponent.decorators = [
     { type: Component, args: [{
@@ -1757,6 +2045,11 @@ 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>
@@ -1772,15 +2065,15 @@ StockInformationGridComponent.decorators = [
 
       <co-simple-grid *ngIf="activeTab === tabs[1]"
                       [data]="inOrderInformation"
+                      class="simple-grid"
       >
-        <co-simple-grid-column [headerText]="'IN_ORDER2'" [field]="'amount'"></co-simple-grid-column>
+        <co-simple-grid-column [headerText]="'IN_ORDER2'" [field]="'transactionNr'"></co-simple-grid-column>
         <co-simple-grid-column [headerText]="'CUSTOMER'" [field]="'user'"></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]="'DATE'" [field]="'transactionDate'"></co-simple-grid-column>
+        <co-simple-grid-column [headerText]="'AMOUNT'" [field]="'amountInOrder'"></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>
@@ -1788,17 +2081,18 @@ 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()"></co-icon>
+            <co-icon class="menu-icon" [iconData]="iconCacheService.getIcon(icons.Print)" (click)="openSendMethodDialog(row)"></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]="'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]="'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]="'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>
@@ -1824,6 +2118,7 @@ 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">
@@ -1853,7 +2148,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()"></co-icon>
+            <co-icon class="menu-icon" [iconData]="iconCacheService.getIcon(icons.Print)" (click)="openSendMethodDialog(row)"></co-icon>
           </ng-template>
         </co-simple-grid-column>
       </co-simple-grid>
@@ -1870,6 +2165,7 @@ 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>
@@ -1887,7 +2183,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()"></co-icon>
+            <co-icon class="menu-icon" [iconData]="iconCacheService.getIcon(icons.Print)" (click)="openSendMethodDialog(row)"></co-icon>
           </ng-template>
         </co-simple-grid-column>
       </co-simple-grid>
@@ -2124,46 +2420,80 @@ var SendOption;
 })(SendOption || (SendOption = {}));
 
 class SendMethodDialogComponent {
-    constructor(iconCacheService, _stockService) {
+    constructor(iconCacheService, stockService, _optionsService, _dictionary, _changeDetector) {
         this.iconCacheService = iconCacheService;
-        this._stockService = _stockService;
+        this.stockService = stockService;
+        this._optionsService = _optionsService;
+        this._dictionary = _dictionary;
+        this._changeDetector = _changeDetector;
         this.icons = Icon;
         this.sendOption = SendOption;
+        this.showEmailOption = true;
+        this.showPrintOption = true;
+        this.showPdfOption = true;
+        this.showXmlOption = true;
+        this.showPrintPriceStickers = false;
+        this.showPrintStockStickers = true;
         this.sendOptions = [
             { option: SendOption.Email,
-                iconName: this.icons.Email },
+                iconName: this.icons.Email,
+            },
             { option: SendOption.Print,
-                iconName: this.icons.Print },
+                iconName: this.icons.Print,
+            },
             { option: SendOption.Pdf,
-                iconName: this.icons.Pdf },
+                iconName: this.icons.Pdf,
+            },
             { option: SendOption.Xml,
-                iconName: this.icons.Xml }
+                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: "name" };
+        this.printTemplatesField = { text: "name", value: "reportId" };
+        this.priceListDataField = { text: "name", value: "priceListCode" };
+        this.upAndLoaded = false;
         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'];
         this.showDialog = false;
         this.startSignatureClicked = new EventEmitter();
         this.printButtonClicked = new EventEmitter();
+        this._subscriptions = [];
+        this._publicOptions = true;
+        this._subscriptions.push(this._optionsService.optionsLoaded.subscribe(loaded => this._handleSettingsLoaded(loaded)));
     }
     set options(value) {
-        this._stockService.connectConnector(value);
+        if (value) {
+            if (typeof value === "string") {
+                this._options = JSON.parse(value);
+            }
+            else {
+                this._options = value;
+            }
+            this._publicOptions = true;
+            this._optionsService.initialize(this._options).then();
+        }
+    }
+    get options() {
+        return this._options;
+    }
+    set articleData(data) {
+        this.stockService.printSticker.goodId = data.goodId;
+        this.stockService.printSticker.warehouse = data.warehouseNo;
     }
+    ;
     showClass() {
         return true;
     }
-    ngAfterViewInit() {
-        this.getPrintTemplates();
+    ngOnDestroy() {
+        this._subscriptions.forEach(subscription => subscription.unsubscribe());
     }
     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;
             });
         });
@@ -2175,7 +2505,10 @@ class SendMethodDialogComponent {
         this.startSignatureClicked.emit();
     }
     handlePrintClicked() {
-        this.printButtonClicked.emit();
+        // this.printButtonClicked.emit();
+        if (this.stockService.printSticker.printerName) {
+            this.stockService.getPrintStockStickers(this.stockService.printSticker);
+        }
     }
     togglePrinterSelection() {
         this.getPrinters();
@@ -2190,12 +2523,35 @@ 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.printTemplates = templates;
+        if (!this.printTemplates) {
+            const data = new StockStickersPrintLayouts();
+            this.stockService.getStockStickerTemplates(data).then((templates) => {
+                this.printTemplates = templates;
+            });
+        }
+    }
+    _handleSettingsLoaded(loaded) {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (loaded) {
+                yield this._initConnection().then();
+                this.upAndLoaded = true;
+            }
+        });
+    }
+    _initConnection() {
+        return __awaiter(this, void 0, void 0, function* () {
+            // await this._connector.connect(this._optionsService.options);
+            if (this._optionsService.options.url) {
+                this._dictionary.rootUrl = this._optionsService.options.url.replace("/ajaxservice", "");
+            }
+            yield this._dictionary.setDictionary(this._optionsService.options.languageCode);
+            setTimeout(() => {
+                this._changeDetector.detectChanges();
+            });
         });
     }
 }
@@ -2211,7 +2567,8 @@ SendMethodDialogComponent.decorators = [
         <div class="dialog-content-wrapper">
           <div class="main-content-container" *ngIf="!showPrinterSelections">
             <div class="send-options-wrapper">
-              <div class="custom-button-wrapper" *ngFor="let sendOption of sendOptions"
+              <div class="custom-button-wrapper"
+                   *ngFor="let sendOption of sendOptions"
                    [class.selected-option]="sendOption.option === activeSendOption"
                    (click)="activeSendOption = sendOption.option">
                 <co-icon [iconData]="iconCacheService.getIcon(sendOption.iconName)"></co-icon>
@@ -2245,15 +2602,35 @@ SendMethodDialogComponent.decorators = [
               </div>
             </div>
 
-            <div class="email-option-content" *ngIf="activeSendOption === sendOption.Print">
-              <div class="lov-wrapper">
-                <co-input-combo-box
-                  [(model)]="selectedLayout"
-                  [collection]="printTemplates"
-                  [fields]="printTemplatesField"
-                  [forceReadonly]="true"
-                  placeholder="Layout"
-                ></co-input-combo-box>
+            <div class="email-option-content" *ngIf="activeSendOption === sendOption.Print" (click)="getPrintTemplates()">
+              <div *ngIf="showPrintPriceStickers">
+                <div class="lov-wrapper">
+                  <co-input-combo-box
+                    [(model)]="stockService.printPriceSticker.reportId"
+                    [collection]="printTemplates"
+                    [fields]="printTemplatesField"
+                    placeholder="Layout"
+                  ></co-input-combo-box>
+                </div>
+                <div class="lov-wrapper" *ngIf="priceListCodeData">
+                  <co-input-combo-box
+                    [(model)]="stockService.printPriceSticker.priceListCode"
+                    [collection]="priceListCodeData"
+                    [fields]="priceListDataField"
+                    placeholder="Layout"
+                  ></co-input-combo-box>
+                </div>
+              </div>
+
+              <div *ngIf="showPrintStockStickers">
+                <div class="lov-wrapper">
+                  <co-input-combo-box
+                    [(model)]="stockService.printSticker.reportId"
+                    [collection]="printTemplates"
+                    [fields]="printTemplatesField"
+                    placeholder="Layout"
+                  ></co-input-combo-box>
+                </div>
               </div>
 
               <div class="lov-wrapper clickable" (click)="togglePrinterSelection()">
@@ -2292,7 +2669,7 @@ SendMethodDialogComponent.decorators = [
               <div class="print-footer-wrapper">
                 <div class="input-number-wrapper">
                   <co-input-number-picker class="number-picker"
-                                          [step]="1" [(model)]="amountToPrint" [min]="1"
+                                          [step]="1" [(model)]="stockService.printSticker.amount" [min]="1"
                                           [ngModelOptions]="{debounce: 1}">
                   </co-input-number-picker>
                 </div>
@@ -2335,13 +2712,24 @@ SendMethodDialogComponent.decorators = [
 ];
 SendMethodDialogComponent.ctorParameters = () => [
     { type: IconCacheService },
-    { type: StockService }
+    { type: StockService },
+    { type: OptionsService },
+    { type: DictionaryService },
+    { type: ChangeDetectorRef }
 ];
 SendMethodDialogComponent.propDecorators = {
+    showEmailOption: [{ type: Input }],
+    showPrintOption: [{ type: Input }],
+    showPdfOption: [{ type: Input }],
+    showXmlOption: [{ type: Input }],
+    showPrintPriceStickers: [{ type: Input }],
+    showPrintStockStickers: [{ type: Input }],
+    priceListCodeData: [{ type: Input }],
     options: [{ type: Input }],
     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",] }]
@@ -2471,7 +2859,7 @@ StockModule.decorators = [
                 ],
                 providers: [
                     StockService,
-                    IoneConnectorAdapterService
+                    SharedConnectorService
                 ]
             },] }
 ];
@@ -2807,5 +3195,5 @@ LayoutSwitcherModule.decorators = [
  * Generated bundle index. Do not edit.
  */
 
-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 };
+export { DocsignComponent, DocsignModule, KeyPadComponent, KeyPadModule, LayoutSwitcherComponent, LayoutSwitcherModule, SendMethodDialogComponent, SendMethodDialogModule, SharedService, StockComponent, StockModule, SignatureComponent as ɵa, SignaturesComponent as ɵb, StockService as ɵc, OptionsService as ɵd, DictionaryService as ɵe, SharedConnectorService as ɵf, IconCacheService as ɵg, StockInformationComponent as ɵh, StockInformationGridComponent as ɵi, StockLocationComponent as ɵj, StockTransferComponent as ɵk, StockChangeAmountComponent as ɵl };
 //# sourceMappingURL=colijnit-sharedcomponents.js.map