@colijnit/sharedcomponents 1.0.2 → 1.0.5

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

@@ -1,82 +0,0 @@
-import {Component, EventEmitter,Output, ViewEncapsulation} from "@angular/core";
-
-@Component({
-  selector: "co-stock-location",
-  template: `
-    <div class="stock-location-wrapper">
-      <div class="buttons-wrapper">
-        <div class="stock-button-left-group">
-          <co-button [textContent]="'BACK_TO_STOCK_LINES'" (onClick)="backToStockInformation()"></co-button>
-        </div>
-        <div class="dropdown-wrapper">
-          <co-drop-down-list></co-drop-down-list>
-        </div>
-      </div>
-
-      <div class="stock-grid">
-
-      </div>
-      <div class="button-wrapper">
-        <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 StockLocationComponent {
-
-  @Output()
-  public backToStockLines: EventEmitter<any> = new EventEmitter();
-
-  public readonly MAX_GRID_ROWS: number = 10;
-
-  public stockLocationColumns: any[] = [];
-
-  public stockLocation: Object[] = [
-    {location: "title 1", batch: "1", serieNo: "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"},
-  ];
-
-  constructor(
-  ) {
-    this.stockLocationColumns.push(
-      {field: "location", headerText: "WAREHOUSE", editType: "none"},
-      {field: "batch", headerText: "BATCH"},
-      {field: "serieNo", headerText: "SERIAL_NO"},
-      {field: "amountInStock", headerText: "STOCK", textAlign: "Right", editType: "numericEdit"},
-      {field: "allocated", headerText: "ALLOCATED", textAlign: "Right"},
-      {field: "amountAvailable", headerText: "AVAILABLE_STOCK", textAlign: "Right"},
-      {field: "PhysicalStock", headerText: "PHYSICAL_STOCK", textAlign: "Right"},
-      {field: "Valuta", headerText: "VALUTA", textAlign: "Right"},
-      {field: "PurchasePrice", headerText: "PURSCHASE_PRICE", textAlign: "Right"},
-      {field: "SupplierNo", headerText: "SUPPLIER_NO", textAlign: "Right"},
-      {field: "Transfer", headerText: "TRANSFER"},
-      {field: "sticker", headerText: "STICKER"},
-    );
-  }
-
-  public backToStockInformation(): void {
-    this.backToStockLines.emit();
-  }
-
-  public onStickerClick(event): void {
-    console.log('test');
-  }
-
-  public onOkClick(): void {
-
-  }
-
-  public onCancelClick(): void {
-
-  }
-}

package/projects/sharedcomponents/src/lib/components/stock/stock-location/style/_layout.scss

@@ -1,11 +0,0 @@
-@import "../../../../../style/mixin";
-
-@include export-module('co-stock-location-layout') {
-  .co-stock {
-    font-family: $tp-stock-font-family;
-
-    .button-wrapper {
-      display: flex;
-    }
-  }
-}

package/projects/sharedcomponents/src/lib/components/stock/stock-location/style/_material-definition.scss

@@ -1 +0,0 @@
-$tp-stock-font-family: $tp-font-family !default;

package/projects/sharedcomponents/src/lib/components/stock/stock-location/style/_theme.scss

@@ -1,18 +0,0 @@
-@import "../../../../style/mixin";
-@import "./material-definition";
-
-@include export-module('co-stock-location-theme') {
-  .co-stock {
-
-  }
-  .stock-grid {
-    margin-top: 50px;
-  }
-  .buttons-wrapper {
-    display: flex;
-  }
-  .dropdown-wrapper {
-    float: right;
-    max-width: 20%;
-  }
-}

package/projects/sharedcomponents/src/lib/components/stock/stock-location/style/material.scss

@@ -1,4 +0,0 @@
-@import "../../../../../style/variables";
-@import "./material-definition";
-@import "./layout";
-@import "./theme";

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

@@ -1,52 +0,0 @@
-import {Component, ViewEncapsulation} from "@angular/core";
-
-@Component({
-  selector: "co-stock-transfer",
-  template: `
-      <div class="stock-transfer">
-        <div class="stock-transfer-left-column">
-          <co-input-text [placeholder]="'Standaard magazijn'">
-
-          </co-input-text>
-          <co-input-text>
-
-          </co-input-text>
-          <co-input-text >
-
-          </co-input-text>
-          <co-input-text >
-
-          </co-input-text>
-          <co-input-text >
-
-          </co-input-text>
-        </div>
-
-        <div class="stock-transfer-right-column">
-          <co-input-text [placeholder]="'Standaard magazijn'">
-
-          </co-input-text>
-          <co-input-text>
-
-          </co-input-text>
-          <co-input-text >
-
-          </co-input-text>
-          <co-input-text >
-
-          </co-input-text>
-          <co-input-text >
-
-          </co-input-text>
-        </div>
-      </div>
-  `,
-  encapsulation: ViewEncapsulation.None
-})
-export class StockTransferComponent {
-
-  constructor(
-  ) {
-  }
-
-}

package/projects/sharedcomponents/src/lib/components/stock/stock-transfer/style/_layout.scss

@@ -1,18 +0,0 @@
-@import "../../../../style/mixin";
-
-@include export-module('co-stock-transfer-layout') {
-
-  .stock-transfer-right-column {
-    display: flex;
-    flex-direction: column;
-    width: 25%;
-    float: right;
-  }
-
-  .stock-transfer-left-column {
-    display: flex;
-    flex-direction: column;
-    width: 25%;
-    float: left;
-  }
-}

package/projects/sharedcomponents/src/lib/components/stock/stock-transfer/style/_material-definition.scss

@@ -1 +0,0 @@
-

package/projects/sharedcomponents/src/lib/components/stock/stock-transfer/style/_theme.scss

@@ -1,6 +0,0 @@
-@import "../../../../style/mixin";
-@import "./material-definition";
-
-@include export-module('co-stock-location-theme') {
-
-}

package/projects/sharedcomponents/src/lib/components/stock/stock-transfer/style/material.scss

@@ -1,4 +0,0 @@
-@import "../../../../style/variables";
-@import "./material-definition";
-@import "./layout";
-@import "./theme";

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

@@ -1,56 +0,0 @@
-import {Component, HostBinding, Input, ViewChild, ViewEncapsulation} from "@angular/core";
-import {StockService} from "../../service/stock.service";
-
-@Component({
-  selector: "co-stock",
-  template: `
-      <div class="stock-info-container">
-        <co-stock-information></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-transfer *ngIf="showStockTransfer"></co-stock-transfer>
-        <co-button (click)="handleStockLocationClick()"></co-button>
-      </div>
-  `,
-  encapsulation: ViewEncapsulation.None
-})
-export class StockComponent {
-
-  @ViewChild(StockComponent)
-  public stock: StockComponent;
-
-  @Input()
-  public set options(value: any) {
-    this._stockService.connectConnector(value);
-  }
-
-  @HostBinding("class.co-stock")
-  public showClass() {
-    return true;
-  }
-
-  public showStockInformationGrid: boolean = true;
-  public showStockLocation: boolean = false;
-  public showStockTransfer: boolean = false;
-
-  constructor(
-    private _stockService: StockService
-  ) {
-  }
-
-  public backToStockLinesClicked(): void {
-    this.showStockLocation = false;
-    this.showStockInformationGrid = true;
-  }
-
-  public handleStockTransferClick(event): void {
-    this.showStockTransfer = !this.showStockTransfer;
-    this.showStockInformationGrid = !this.showStockInformationGrid;
-  }
-
-  public async handleStockLocationClick(): Promise<void> {
-    await this._stockService.loadStockLocations(10);
-  }
-
-}

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

@@ -1,45 +0,0 @@
-import {NgModule} from "@angular/core";
-import {StockComponent} from "./stock.component";
-import {
-  ButtonModule,
-  CoGridModule,
-  DropDownModule, ImageModule,
-  InputComboBoxModule,
-  InputRadioButtonModule, InputTextModule, SimpleGridModule
-} from "@colijnit/corecomponents_v12";
-import {CommonModule} from "@angular/common";
-import {StockInformationComponent} from "./stock-information/stock-information.component";
-import {StockInformationGridComponent} from "./stock-information-grid/stock-information-grid.component";
-import {StockLocationComponent} from "./stock-location/stock-location.component";
-import {StockService} from "../../service/stock.service";
-import {IoneConnectorAdapterService} from "../../service/ione-connector-adapter.service";
-import {StockTransferComponent} from "./stock-transfer/stock-transfer.component";
-
-@NgModule({
-  imports: [
-    InputComboBoxModule,
-    CoGridModule,
-    ButtonModule,
-    CommonModule,
-    InputRadioButtonModule,
-    DropDownModule,
-    SimpleGridModule,
-    ImageModule,
-    InputTextModule
-  ],
-  declarations: [
-    StockComponent,
-    StockInformationComponent,
-    StockInformationGridComponent,
-    StockLocationComponent,
-    StockTransferComponent
-  ],
-    exports: [
-        StockComponent
-    ],
-    providers: [
-      StockService,
-      IoneConnectorAdapterService
-    ]
-})
-export class StockModule {}

package/projects/sharedcomponents/src/lib/components/stock/style/_layout.scss

@@ -1,146 +0,0 @@
-@import "../../../style/mixin";
-
-@include export-module('co-stock-layout') {
-  .co-stock {
-
-    .stock-info-container {
-      max-width: 90%;
-      padding: 10px;
-    }
-
-    .stock-info {
-      margin-top: 10px;
-      padding: 0 10px;
-      display: inline-flex;
-    }
-
-    .stock-info-row {
-      display: inline-flex;
-    }
-
-    .stock-info-row-image {
-      display: inline-flex;
-      gap: 10px;
-    }
-
-    .stock-image {
-
-    }
-
-    .stock-good-info {
-      display: inline-flex;
-    }
-
-    .stock-status {
-      display: grid;
-      gap: 10px;
-    }
-
-    .stock-info > div:not(:first-child) {
-      padding: 0 10px;
-      border-left: solid 1px lightgray;
-    }
-
-    .stock-line {
-      font-weight: bold;
-      margin: 10px 0 20px 0;
-    }
-
-    .simple-grid-column-header-wrapper {
-      font-size: 14px;
-      display: flex;
-      flex-direction: row;
-    }
-
-    .simple-grid-column-header {
-      display: flex;
-      flex-direction: row;
-      padding-right: 5px;
-      flex-basis: 100%;
-    }
-
-    .simple-grid-row {
-      font-size: 12px;
-      display: flex;
-      flex-direction: row;
-      border: 1px solid;
-    }
-
-    .simple-grid-column-cell {
-      display: flex;
-      padding-right: 5px;
-      flex-basis: 100%;
-      padding-top: 10px;
-      padding-bottom: 10px;
-    }
-
-    .stock-lines-button {
-      margin-bottom: 5%;
-    }
-
-    .tab-link {
-      gap: 10px;
-      &.hide {
-        display: none;
-      }
-
-      &.show {
-        display: flex;
-      }
-      flex-direction: row;
-    }
-
-    .tab-link > div {
-      margin: 25px 0;
-      padding-right: 10px;
-
-      &.inactive {
-        font-weight: normal;
-      }
-    }
-
-    .stock-grid {
-    }
-
-    .stock-location-group {
-      margin-bottom: 20px;
-      display: flex;
-    }
-
-    .stock-location-left-group {
-      float: left;
-      display: flex;
-      flex: 1;
-      justify-content: flex-start;
-    }
-
-    .stock-location-right-group {
-      float: right;
-      display: flex;
-      flex: 1;
-      justify-content: flex-end;
-    }
-
-    .stock-button-toolbar {
-      display: flex;
-      justify-content: space-between;
-      margin: 10px;
-    }
-
-    .stock-button-left-group {
-      display: flex;
-      flex: 1;
-      justify-content: flex-start;
-
-      co-button {
-        margin-right: 10px;
-        width: 100px;
-      }
-    }
-    .stock-button-middle-group {
-      display: flex;
-      flex: 1;
-      margin-top: 10px;
-    }
-  }
-}

package/projects/sharedcomponents/src/lib/components/stock/style/_material-definition.scss

@@ -1 +0,0 @@
-

package/projects/sharedcomponents/src/lib/factory/business-object-factory.ts

@@ -1,120 +0,0 @@
-import {ComplexFieldDecorator} from "./decorators/complex-field.decorator";
-import {ComplexArrayDecorator} from "./decorators/complex-array.decorator";
-import {BooleanTextDecorator} from "./decorators/boolean.decorator";
-import {DateFieldFieldDecorator} from "./decorators/date-field.decorator";
-import {StringNumberDecorator} from "./decorators/string-number.decorator";
-import {isNill} from "../utils/is-nill.function";
-import {ArrayUtils} from "../utils/array-utils";
-import {BusinessObject} from "../model/business-object";
-
-// Factory service creates businessobjects, using their decorators in the process.
-export class BusinessObjectFactory {
-    constructor() {
-    }
-
-    /**
-     * Creates and returns a new business data object instance of given class, with all given data properties applied to it in a
-     * complex-aware style. That is, all properties on given class that are decorated with @ComplexField(..) or @ComplexArray(..) decorators
-     * become strongly typed business objects, with methods that are usable and such.
-     *
-     * @param modelClass
-     * @param {Object} rawData The object with all (possibly raw/flat/not alive) data to be applied to the created model object
-     */
-    public makeWithRawBackendData(modelClass: any, rawData: Object): BusinessObject {
-        if (!modelClass) {
-            return undefined;
-        }
-        if (typeof modelClass !== typeof BusinessObject) {
-            return undefined;
-        }
-
-        const model: BusinessObject = new modelClass();
-        this._copyAllPropertiesDecoratorProcessedFrom(rawData, model);
-        return model;
-    }
-
-    // see makeWithRawBackendData, this is a loop-wrapper around that method
-    public makeBOArrayFromRawBackendDataArray(modelClass: any, arrayOfRawDatas: Object[]): BusinessObject[] {
-        if (!modelClass) {
-            return undefined;
-        }
-
-        const trueClientBos: BusinessObject[] = [];
-        if (arrayOfRawDatas) {
-            for (let i: number = 0, len: number = arrayOfRawDatas.length; i < len; i++) {
-                trueClientBos.push(this.makeWithRawBackendData(modelClass, arrayOfRawDatas[i]));
-            }
-        }
-        return trueClientBos;
-    }
-
-    public instantiateNewBo(modelClass: any): BusinessObject {
-        return this.makeWithRawBackendData(modelClass, {});
-    }
-
-    /**
-     * Applies all properties of given 'source' object to the given 'destination' businessobject, if destination has that property.
-     * Works with the @ComplexField(), @ComplexArray, @BooleanText, @CoInject and @DateField annotations of given destination model.
-     *
-     * @param sourceData Raw data to copy to destination model
-     * @param {BusinessObject} destinationModel InOut: The annotated businessobject to apply source properties to
-     */
-    private _copyAllPropertiesDecoratorProcessedFrom(sourceData: any, destinationModel: BusinessObject): void {
-        if (!sourceData || !destinationModel) {
-            return;
-        }
-
-        // process all source data into destinationModel
-        for (const srcPropKey in sourceData) {
-            if (!sourceData.hasOwnProperty(srcPropKey)) {
-                continue;
-            }
-
-            const srcPropVal: any = sourceData[srcPropKey];
-
-            if (ComplexFieldDecorator.IsComplexField(destinationModel, srcPropKey)) {
-                const classOfField: any = ComplexFieldDecorator.GetComplexFieldType(destinationModel, srcPropKey);
-                destinationModel[srcPropKey] = this.makeWithRawBackendData(classOfField, srcPropVal);
-            } else if (ComplexArrayDecorator.IsComplexArray(destinationModel, srcPropKey)) {
-                const sourceArray: any[] = srcPropVal;
-                if (!sourceArray) {
-                    continue;
-                }
-                const classOfArrayItems: any = ComplexArrayDecorator.GetComplexArrayType(destinationModel, srcPropKey);
-                const tempArray: any[] = [];
-                for (let i: number = 0, len: number = sourceArray.length; i < len; i++) {
-                    tempArray.push(this.makeWithRawBackendData(classOfArrayItems, sourceArray[i]));
-                }
-                destinationModel[srcPropKey] = tempArray;
-            } else if (BooleanTextDecorator.IsBooleanTextField(destinationModel, srcPropKey)) {
-                // logical 'true' and 'false' also allowed as incoming values for @BooleanText() properties: then just copy their value
-                if (typeof srcPropVal === "boolean") {
-                    destinationModel[srcPropKey] = srcPropVal;
-                    // here, it should be a 'J' or 'N' (or 'T' or 'F'): assign the associated boolean value
-                } else {
-                    destinationModel[srcPropKey] = BooleanTextDecorator.GetLogicalBooleanValue(srcPropVal);
-                }
-            } else if (DateFieldFieldDecorator.IsDateField(destinationModel, srcPropKey)) {
-                destinationModel[srcPropKey] = DateFieldFieldDecorator.StringAsDate(srcPropVal);
-            } else if (StringNumberDecorator.IsStringNumber(destinationModel, srcPropKey)) {
-                destinationModel[srcPropKey] = StringNumberDecorator.StringAsNumber(srcPropVal);
-            }
-            // non-decorated prop
-            else {
-                if (isNill(srcPropVal)) {
-                    destinationModel[srcPropKey] = undefined;
-                } else if (Array.isArray(srcPropVal)) {
-                    destinationModel[srcPropKey] = ArrayUtils.CloneArray(srcPropVal);
-                } else if (typeof srcPropVal === "object") {
-                    if (srcPropVal instanceof Map) { //just copy the value in case of maps
-                        destinationModel[srcPropKey] = srcPropVal;
-                    } else {
-                        destinationModel[srcPropKey] = Object.assign({}, srcPropVal);
-                    }
-                } else {
-                    destinationModel[srcPropKey] = srcPropVal;
-                }
-            }
-        }
-    }
-}