@colijnit/sharedcomponents 1.0.2 → 1.0.5

package/projects/sharedcomponents/src/lib/components/docsign/docsign.component.ts

@@ -1,252 +0,0 @@
-import {Component, ElementRef, EventEmitter, HostBinding, Input, Output, ViewChild, ViewEncapsulation} from "@angular/core";
-import {animate, state, style, transition, trigger} 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 {TextItem} from "pdfjs-dist/types/src/display/api";
-
-export interface TextDimension {
-  x: number,
-  y: number,
-  width: number,
-  height: number,
-  page: number
-}
-
-@Component({
-  selector: "ione-docsign",
-  template: `
-    <iframe #iframe></iframe>
-    <ione-signatures *ngIf="showSignatures" @showHideSignature
-                     [showFirstSignature]="showSigBuyer"
-                     [firstSignatureTitle]="firstSignatureLabel"
-                     [showSecondSignature]="showSigSeller"
-                     [secondSignatureTitle]="secondSignatureLabel"
-                     [saveButtonLabel]="saveButtonLabel"
-                     [clearButtonLabel]="clearButtonLabel"
-                     (saveFirstSignature)="saveFirstSignature($event)"
-                     (saveSecondSignature)="saveSecondSignature($event)"
-    ></ione-signatures>
-    <input type="button" *ngIf="(showSigBuyer || showSigSeller) && !showSignatures" class="button button-sign-document"
-           [value]="signDocumentButtonLabel"
-           (click)="showSignatures = true"
-    />
-    <input type="button" class="button button-cancel"
-           [value]="cancelButtonLabel"
-           (click)="cancelClick.emit($event)"
-    />
-  `,
-  animations: [
-    trigger("showHideSignature", [
-      state("void", style({transform: "translate(-50%, -50%) scale(0)"})),
-      state("*", style({transform: "translate(-50%, -50%) scale(1)"})),
-      transition("void <=> *", animate("200ms ease-in-out")),
-    ])
-  ],
-  encapsulation: ViewEncapsulation.None
-})
-export class DocsignComponent {
-  @ViewChild("iframe", { read: ElementRef })
-  public iframe: ElementRef;
-
-  /**
-   * Load an existing [[PDFDocument]]. The input data can be provided in
-   * multiple formats:
-   *
-   * | Type          | Contents                                               |
-   * | ------------- | ------------------------------------------------------ |
-   * | `string`      | A base64 encoded string (or data URI) containing a PDF |
-   * | `Uint8Array`  | The raw bytes of a PDF                                 |
-   * | `ArrayBuffer` | The raw bytes of a PDF                                 |
-   *
-   * For example:
-   * ```js
-   * import { PDFDocument } from 'pdf-lib'
-   *
-   * // pdf=string
-   * const base64 =
-   *  'JVBERi0xLjcKJYGBgYEKCjUgMCBvYmoKPDwKL0ZpbHRlciAvRmxhdGVEZWNvZGUKL0xlbm' +
-   *  'd0aCAxMDQKPj4Kc3RyZWFtCniccwrhMlAAwaJ0Ln2P1Jyy1JLM5ERdc0MjCwUjE4WQNC4Q' +
-   *  '6cNlCFZkqGCqYGSqEJLLZWNuYGZiZmbkYuZsZmlmZGRgZmluDCQNzc3NTM2NzdzMXMxMjQ' +
-   *  'ztFEKyuEK0uFxDuAAOERdVCmVuZHN0cmVhbQplbmRvYmoKCjYgMCBvYmoKPDwKL0ZpbHRl' +
-   *  'ciAvRmxhdGVEZWNvZGUKL1R5cGUgL09ialN0bQovTiA0Ci9GaXJzdCAyMAovTGVuZ3RoID' +
-   *  'IxNQo+PgpzdHJlYW0KeJxVj9GqwjAMhu/zFHkBzTo3nCCCiiKIHPEICuJF3cKoSCu2E8/b' +
-   *  '20wPIr1p8v9/8kVhgilmGfawX2CGaVrgcAi0/bsy0lrX7IGWpvJ4iJYEN3gEmrrGBlQwGs' +
-   *  'HHO9VBX1wNrxAqMX87RBD5xpJuddqwd82tjAHxzV1U5LPgy52DKXWnr1Lheg+j/c/pzGVr' +
-   *  'iqV0VlwZPXGPCJjElw/ybkwUmeoWgxesDXGhHJC/D/iikp1Av80ptKU0FdBEe25pPihAM1' +
-   *  'u6ytgaaWfs2Hrz35CJT1+EWmAKZW5kc3RyZWFtCmVuZG9iagoKNyAwIG9iago8PAovU2l6' +
-   *  'ZSA4Ci9Sb290IDIgMCBSCi9GaWx0ZXIgL0ZsYXRlRGVjb2RlCi9UeXBlIC9YUmVmCi9MZW' +
-   *  '5ndGggMzgKL1cgWyAxIDIgMiBdCi9JbmRleCBbIDAgOCBdCj4+CnN0cmVhbQp4nBXEwREA' +
-   *  'EBAEsCwz3vrvRmOOyyOoGhZdutHN2MT55fIAVocD+AplbmRzdHJlYW0KZW5kb2JqCgpzdG' +
-   *  'FydHhyZWYKNTEwCiUlRU9G'
-   *
-   * const dataUri = 'data:application/pdf;base64,' + base64
-   *
-   * const pdfDoc1 = await PDFDocument.load(base64)
-   * const pdfDoc2 = await PDFDocument.load(dataUri)
-   *
-   * // pdf=Uint8Array
-   * import fs from 'fs'
-   * const uint8Array = fs.readFileSync('with_update_sections.pdf')
-   * const pdfDoc3 = await PDFDocument.load(uint8Array)
-   *
-   * // pdf=ArrayBuffer
-   * const url = 'https://pdf-lib.js.org/assets/with_update_sections.pdf'
-   * const arrayBuffer = await fetch(url).then(res => res.arrayBuffer())
-   * const pdfDoc4 = await PDFDocument.load(arrayBuffer)
-   *
-   * ```
-   *
-   * @param pdf The input data containing a PDF document.
-   * @param options The options to be used when loading the document.
-   * @returns Resolves with a document loaded from the input.
-   */
-  @Input()
-  public set pdf(value: any) {
-    if (value) {
-      this._pdf = value;
-      this._openPDF();
-    }
-  }
-
-  public get pdf(): any {
-    return this._pdf;
-  }
-
-  @Input()
-  public firstSignatureLabel: string;
-
-  @Input()
-  public firstSignatureField: string;
-
-  @Input()
-  public secondSignatureLabel: string;
-
-  @Input()
-  public secondSignatureField: string;
-
-  @Input()
-  public saveButtonLabel: string = 'SAVE';
-
-  @Input()
-  public clearButtonLabel: string = 'CLEAR';
-
-  @Input()
-  public signDocumentButtonLabel: string = 'SIGN_DOCUMENT';
-
-  @Input()
-  public cancelButtonLabel: string = 'CANCEL';
-
-  @Output()
-  public pdfSaved: EventEmitter<string> = new EventEmitter<string>();
-
-  @Output()
-  public cancelClick: EventEmitter<MouseEvent> = new EventEmitter<MouseEvent>();
-
-  @HostBinding('class.ione-docsign')
-  public showClass() {
-    return true;
-  }
-
-  public showSignaturePopup: boolean = false;
-  public showSigBuyer: boolean = false;
-  public sigBuyerPosition: TextDimension;
-  public showSigSeller: boolean = false;
-  public sigSellerPosition: TextDimension;
-  public showSignatures: boolean = false;
-
-  public pdfDoc: PDFDocument;
-
-  private _pdf: any;
-
-  public saveFirstSignature(sig: string): void {
-    this._saveSignature(sig, this.sigBuyerPosition);
-    this.showSigBuyer = false;
-    this._savePdf();
-  }
-
-  public saveSecondSignature(sig: string): void {
-    this._saveSignature(sig, this.sigSellerPosition);
-    this.showSigSeller = false;
-    this._savePdf();
-  }
-
-  private async _openPDF(): Promise<void> {
-    // first create reader to check signatures
-    this._checkSignatures();
-
-    this.pdfDoc = await PDFDocument.load(this._pdf, {
-      updateMetadata: false
-    });
-    const pdfDataUri = await this.pdfDoc.saveAsBase64({ dataUri: true });
-    this.iframe.nativeElement.src = pdfDataUri;
-  }
-
-  private async _savePdf(): Promise<void> {
-    if (!this.showSigBuyer && !this.showSigSeller) {
-      // ready, save the pdf and emit result
-      const result = await this.pdfDoc.saveAsBase64();
-      this.pdfSaved.next(result);
-    }
-  }
-
-  private async _checkSignatures(): Promise<void> {
-    let pdfWorkerSrc;
-    if (window.hasOwnProperty('pdfWorkerSrc') &&
-      typeof (window as any).pdfWorkerSrc === 'string' &&
-      (window as any).pdfWorkerSrc) {
-      pdfWorkerSrc = (window as any).pdfWorkerSrc;
-    }
-    else {
-      pdfWorkerSrc = pdfjsWorker;
-    }
-    PDFJS.GlobalWorkerOptions.workerSrc = pdfWorkerSrc;
-    const pdfReader = await PDFJS.getDocument(this._pdf).promise;
-    const numPages = pdfReader.numPages;
-    for (let i = 0; i < numPages; i++) {
-      const page = await pdfReader.getPage(1);
-      const text = await page.getTextContent();
-      page.cleanup();
-      if (this.firstSignatureField) {
-        this.sigBuyerPosition = this._getPositionSignature(text, this.firstSignatureField);
-        if (this.sigBuyerPosition.width > 0 && this.sigBuyerPosition.height > 0) {
-          this.sigBuyerPosition.page = i;
-          this.showSigBuyer = true;
-        }
-      }
-      if (this.secondSignatureField) {
-        this.sigSellerPosition = this._getPositionSignature(text, this.secondSignatureField);
-        if (this.sigSellerPosition.width > 0 && this.sigSellerPosition.height > 0) {
-          this.sigSellerPosition.page = i;
-          this.showSigSeller = true;
-        }
-      }
-    }
-  }
-
-  private _getPositionSignature(textItem: any, signatureField: string): TextDimension {
-    const sigItem: TextItem = <TextItem>textItem.items.find((i: any) => i.str.toLowerCase() === signatureField.toLowerCase());
-    if (sigItem) {
-      textItem.items.slice(textItem.items.indexOf(sigItem), 1);
-      return {
-        x: sigItem.transform[4],
-        y: sigItem.transform[5],
-        width: sigItem.width,
-        height: sigItem.height,
-        page: 0
-      };
-    }
-    return {x: 0, y: 0, width: 0, height: 0, page: 0}
-  }
-
-  private async _saveSignature(sig: string, dimensions: TextDimension): Promise<void> {
-    const jpgImage = await this.pdfDoc.embedPng(sig);
-    const page = await this.pdfDoc.getPage(dimensions.page);
-    page.drawImage(jpgImage, {
-      x: ((dimensions.x + (dimensions.width / 2)) - (200 / 2)),
-      y: ((dimensions.y + (dimensions.height / 2)) - (100 / 2)),
-      width: 200,
-      height: 100
-    });
-  }
-}

package/projects/sharedcomponents/src/lib/components/docsign/docsign.module.ts

@@ -1,22 +0,0 @@
-import {NgModule} from "@angular/core";
-import {CommonModule} from "@angular/common";
-import {DocsignComponent} from "./docsign.component";
-import {SignatureComponent} from "./component/signature/signature.component";
-import {SignaturesComponent} from "./component/signatures/signatures.component";
-
-@NgModule({
-  imports: [
-    CommonModule
-  ],
-  declarations: [
-    DocsignComponent,
-    SignatureComponent,
-    SignaturesComponent
-  ],
-  exports: [
-    DocsignComponent
-  ]
-})
-export class DocsignModule {
-
-}

package/projects/sharedcomponents/src/lib/components/stock/stock-information/stock-information.component.ts

@@ -1,56 +0,0 @@
-import {Component, ViewEncapsulation} from "@angular/core";
-
-@Component({
-  selector: "co-stock-information",
-  template: `
-      <div class="stock-info">
-        <div class="stock-info-row">
-          <div class="stock-info-row-image">
-            <div class="stock-image">
-              <co-image></co-image>
-            </div>
-          </div>
-          <div class="stock-good-info">
-            <div>
-              <span [textContent]=""></span>
-            </div>
-            <div>
-              <span [textContent]=""></span>
-            </div>
-          </div>
-        </div>
-        <div class="stock-status">
-          <label [textContent]="'STATE'"></label>
-        </div>
-        <div class="stock-status">
-          <label [textContent]="'STOCK'"></label>
-          <span></span>
-        </div>
-        <div class="stock-status">
-          <label [textContent]="'AVAILABLE_STOCK'"></label>
-          <span>totalAmountAvailable</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>
-        </div>
-      </div>
-  `,
-  encapsulation: ViewEncapsulation.None
-})
-export class StockInformationComponent {
-
-  public stockStatus: string = "medium";
-  public image: string;
-  public show: boolean = false;
-  public hideOrShowLocationTab: boolean = false;
-
-  constructor(
-  ) {
-  }
-
-}

package/projects/sharedcomponents/src/lib/components/stock/stock-information-grid/stock-information-grid.component.ts

@@ -1,279 +0,0 @@
-import {Component, Output, ViewChild, ViewEncapsulation, EventEmitter} from "@angular/core";
-import {StockService} from "../../../service/stock.service";
-
-@Component({
-  selector: "co-stock-information-grid",
-  template: `
-  <div class="tab-link" [ngClass]="hideOrShowTabs">
-    <co-input-radio-button *ngFor="let tab of tabs"
-                           (click)="handleTabClick(tab)"
-                           [textContent]="tab"
-    ></co-input-radio-button>
-  </div>
-
-  <div class="stock-line">
-    <div [textContent]="activeTabText"></div>
-
-  </div>
-
-  <div class="stock-grid">
-    <co-simple-grid *ngIf="activeTab === tabs[0] && hideOrShowTabs === 'show'"
-                    [data]="stockInformation"
-    >
-        <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>
-          </ng-template>
-        </co-simple-grid-column>
-    </co-simple-grid>
-
-    <co-simple-grid *ngIf="activeTab === tabs[1]"
-                    [data]="inOrderInformation"
-    >
-      <co-simple-grid-column [headerText]="'IN_ORDER2'" [field]="'inOrder'"></co-simple-grid-column>
-      <co-simple-grid-column [headerText]="'CUSTOMER'" [field]="'customer'"></co-simple-grid-column>
-      <co-simple-grid-column [headerText]="'DATE'" [field]="'orderDate'"></co-simple-grid-column>
-      <co-simple-grid-column [headerText]="'AMOUNT'" [field]="'orderAmount'"></co-simple-grid-column>
-      <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]="'COMMISSION2'" [field]="'commission'"></co-simple-grid-column>
-      <co-simple-grid-column [headerText]="'TRANSFER'" [field]="'transfer'">
-        <ng-template let-row="row">
-
-        </ng-template>
-      </co-simple-grid-column>
-      <co-simple-grid-column [headerText]="'STICKER'" [field]="'sticker'">
-        <ng-template let-row="row">
-
-        </ng-template>
-      </co-simple-grid-column>
-    </co-simple-grid>
-
-    <co-simple-grid *ngIf="activeTab === tabs[2]"
-                    [data]="orderInformation"
-    >
-      <co-simple-grid-column [headerText]="'PURCHASE_ORDER_NR'" [field]="'purchaseOrderNo'"></co-simple-grid-column>
-      <co-simple-grid-column [headerText]="'DATE'" [field]="'orderDate'"></co-simple-grid-column>
-      <co-simple-grid-column [headerText]="'AMOUNT'" [field]="'orderAmount'"></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>
-      <co-simple-grid-column [headerText]="'RESERVE'" [field]="'reservation'"></co-simple-grid-column>
-    </co-simple-grid>
-  </div>
-
-  <div class="stock-grid" *ngIf="hideOrShowLocationTab">
-    <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 class="stock-location-right-group">
-        <co-input-combo-box [(model)]="dataWareHouseCode"
-                            [source]=""
-                            [fields]="dataWareHouseFields"
-                            [placeholder]="'WAREHOUSE'"
-                            [required]="true"
-        ></co-input-combo-box>
-      </div>
-    </div>
-
-    <co-simple-grid [data]="stockLocationInformation"
-    >
-      <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]="'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]="'TRANSFER'" [field]="'transfer'">
-        <ng-template let-row="row">
-            <span [textContent]="'Transfer'" (click)="handleStockTransferClick($event)"></span>
-        </ng-template>
-      </co-simple-grid-column>
-      <co-simple-grid-column [headerText]="'STICKER'" [field]="'sticker'">
-        <ng-template let-row="row">
-
-        </ng-template>
-      </co-simple-grid-column>
-    </co-simple-grid>
-  </div>
-
-  <div class="stock-grid" *ngIf="showStockHistory">
-    <co-simple-grid [data]="stockHistoryInformation"
-    >
-      <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]="'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]="'STICKER'" [field]="'sticker'">
-        <ng-template let-row="row">
-
-        </ng-template>
-      </co-simple-grid-column>
-    </co-simple-grid>
-  </div>
-
-  <div class="stock-button-toolbar">
-    <div class="stock-button-left-group">
-      <co-button [label]="'HISTORY'" (click)="handleHistoryClick()"></co-button>
-    </div>
-    <div class="stock-button-middle-group">
-      <div class="button-left">
-        <co-button (click)="onOkClick()"></co-button>
-      </div>
-      <div class="button-right">
-        <co-button (click)="onCancelClick()"></co-button>
-      </div>
-    </div>
-  </div>
-  `,
-  encapsulation: ViewEncapsulation.None
-})
-export class StockInformationGridComponent {
-
-  @ViewChild(StockInformationGridComponent)
-  public stock: StockInformationGridComponent;
-
-  @Output()
-  public readonly locationLineClicked: EventEmitter<[]> = new EventEmitter();
-
-  @Output()
-  public readonly transferIconClicked: EventEmitter<[]> = new EventEmitter();
-
-  public readonly MAX_GRID_ROWS: number = 10;
-
-  public stockStatus: string = "medium";
-  public image: string;
-  public show: boolean = false;
-  public hideOrShowLocationTab: boolean = false;
-  public showStockHistory: boolean = false;
-
-  public data: any[] = [
-    {test: "test"}
-  ];
-
-  public stockInformation: Object[] = [
-    {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"},
-  ];
-  public stockLocationInformation: Object[] = [
-    {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"},
-  ];
-  public inOrderInformation: Object[] = [
-    {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"},
-    {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"},
-    {inOrder: "275432", customer: "Test customer", orderDate: "date", orderAmount: "2", warehouseNumber: "8", warehouseDescription: "A nice warehouse", amountInStock: "17", commission: "4014321"},
-  ];
-  public stockHistoryInformation: Object[] = [
-
-  ];
-  public orderInformation: any[] = [];
-
-  public stockColumns: any[] = [];
-  public stockLocationColumns: any[] = [];
-  public inOrderColumns: any[] = [];
-  public orderColumns: any[] = [];
-
-  public hideOrShowTabs: string = "show";
-  public hideOrShowStockLocation: string = "hide";
-
-  public dataWareHouseCode: number = 0;
-  public dataWareHouseFields: Object = { text: "warehouseDescription", value: "warehouseNumber" };
-
-  public tabs: string[] = [
-    "STOCK",
-    "IN_ORDER2",
-    "ORDERS1"
-  ];
-  public activeTab: string = this.tabs[0];
-
-  public get activeTabText(): string {
-    switch (this.activeTab) {
-      case this.tabs[0]:
-        return "Voorraadregels";
-      case this.tabs[1]:
-        return "Gevonden in order(s)";
-      case this.tabs[2]:
-        return "Gevonden in bestellingen";
-      default:
-        return "Voorraadlocatie regels";
-    }
-  }
-
-  constructor(
-    private _stockService: StockService
-  ) {
-  }
-
-  public handleTabClick(tabData): void {
-    this.activeTab = tabData;
-  }
-
-  public onLocationClick(event): void {
-    // this.locationLineClicked.emit(event[0].location);
-    this.activeTab = "";
-    this.hideOrShowLocationTab = true;
-  }
-
-  public onRowClick(args: any): void {
-  }
-
-  public onPopupClose(): void {
-    this.show = false;
-  }
-
-  public handleHistoryClick(): void {
-    this.showStockHistory = true;
-  }
-
-  public handleCloseClick(): void {
-    this.onPopupClose();
-  }
-
-  public handleStockTransferClick(event): void {
-    this.transferIconClicked.emit(event);
-  }
-
-  public async handleBackToStockClick(): Promise<void> {
-    this.activeTab = this.tabs[0];
-    this.hideOrShowTabs = "show";
-    this.hideOrShowStockLocation = "hide";
-    this.hideOrShowLocationTab = false;
-  }
-
-  public handleStickerClick(): void {
-
-  }
-
-  public handleTransferClick(): void {
-
-  }
-
-  public onOkClick(): void {
-
-  }
-
-  public onCancelClick(): void {
-
-  }
-}